@linktr.ee/messaging-react 3.13.3 → 3.13.4-rc-1784505930

package/dist/{index-DlkI5kym.js → index-Cw1ij-Py.js}

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as u, Fragment as te } from "react/jsx-runtime";
-import V, { createContext as dt, useContext as Te, useCallback as Q, useState as B, useRef as G, useEffect as K, useId as qs, useMemo as re, Suspense as Ws } from "react";
+import V, { createContext as dt, useContext as Te, useCallback as Q, useState as B, useRef as G, useEffect as K, useId as Ws, useMemo as re, Suspense as qs } from "react";
 import { StreamChatService as Xs } from "@linktr.ee/messaging-core";
 import { StreamChat as Ks, LinkPreviewsManager as Ht } from "stream-chat";
-import { Chat as Zs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as Js, MessageStatus as Qs, useMessageContext as Ne, MessageErrorIcon as at, MessageText as $e, areMessageUIPropsEqual as en, useMessageReminder as tn, useComponentContext as cs, Attachment as sn, EditMessageModal as nn, MessageBlocked as an, MessageBouncePrompt as rn, MessageDeleted as ln, MessageIsThreadReplyInChannelButtonIndicator as on, MessageRepliesCountButton as cn, ReminderNotification as dn, StreamedMessageText as un, messageHasAttachments as mn, messageHasReactions as hn, isDateSeparatorMessage as fn, isMessageBlocked as gn, isMessageBounced as pn, MessageBounceModal as bn, Poll as vn, useMessageComposer as xn, useStateStore as wn, MessageInput as qt, useMessageInputContext as _n, useMessageComposerHasSendableData as Nn, AttachmentPreviewList as yn, QuotedMessagePreview as kn, TextareaComposer as Cn, MessageTimestamp as Ke, AIStates as Ze, useTypingContext as Sn, useAIState as En, Channel as In, WithComponents as Tn, Window as Mn, MessageList as Wt, ChannelList as An, InfiniteScroll as Rn } from "stream-chat-react";
-import { StarIcon as Ie, DotsThreeIcon as Ln, SpinnerGapIcon as Pe, SignOutIcon as Dn, ProhibitInsetIcon as Xt, FlagIcon as ds, ArrowLeftIcon as rt, CurrencyDollarIcon as zn, CaretRightIcon as xe, SparkleIcon as we, FileIcon as us, ImageIcon as Pn, SpeakerHighIcon as On, VideoCameraIcon as ms, FileMdIcon as Fn, FileTextIcon as $n, FileZipIcon as Un, FilePptIcon as Bn, FileCsvIcon as jn, FileXlsIcon as Vn, FileDocIcon as Gn, FilePdfIcon as Yn, CircleNotchIcon as Se, PlayIcon as it, PauseIcon as Hn, LinkIcon as qn, DownloadSimpleIcon as Ee, XIcon as Ye, CaretLeftIcon as Wn, GiftIcon as Xn, ThumbsUpIcon as Kn, ThumbsDownIcon as Zn, ChecksIcon as Jn, PencilSimpleIcon as Qn, TrashSimpleIcon as ea, ArrowUpIcon as ta, ProhibitIcon as sa } from "@phosphor-icons/react";
+import { Chat as Zs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as Js, MessageStatus as Qs, useMessageContext as Ne, MessageErrorIcon as at, MessageText as $e, areMessageUIPropsEqual as en, useMessageReminder as tn, useComponentContext as cs, Attachment as sn, EditMessageModal as nn, MessageBlocked as an, MessageBouncePrompt as rn, MessageDeleted as ln, MessageIsThreadReplyInChannelButtonIndicator as on, MessageRepliesCountButton as cn, ReminderNotification as dn, StreamedMessageText as un, messageHasAttachments as mn, messageHasReactions as hn, isDateSeparatorMessage as fn, isMessageBlocked as gn, isMessageBounced as pn, MessageBounceModal as bn, Poll as vn, useMessageComposer as xn, useStateStore as wn, MessageInput as Wt, useMessageInputContext as _n, useMessageComposerHasSendableData as Nn, AttachmentPreviewList as yn, QuotedMessagePreview as kn, TextareaComposer as Cn, MessageTimestamp as Ke, AIStates as Ze, useTypingContext as Sn, useAIState as En, Channel as In, WithComponents as Tn, Window as Mn, MessageList as qt, ChannelList as An, InfiniteScroll as Rn } from "stream-chat-react";
+import { StarIcon as Ie, DotsThreeIcon as Ln, SpinnerGapIcon as Pe, SignOutIcon as Dn, ProhibitInsetIcon as Xt, FlagIcon as ds, ArrowLeftIcon as rt, CurrencyDollarIcon as zn, CaretRightIcon as xe, SparkleIcon as we, FileIcon as us, ImageIcon as Pn, SpeakerHighIcon as On, VideoCameraIcon as ms, FileMdIcon as Fn, FileTextIcon as $n, FileZipIcon as Un, FilePptIcon as Bn, FileCsvIcon as jn, FileXlsIcon as Vn, FileDocIcon as Gn, FilePdfIcon as Yn, CircleNotchIcon as Se, PlayIcon as it, PauseIcon as Hn, LinkIcon as Wn, DownloadSimpleIcon as Ee, XIcon as Ye, CaretLeftIcon as qn, GiftIcon as Xn, ThumbsUpIcon as Kn, ThumbsDownIcon as Zn, ChecksIcon as Jn, PencilSimpleIcon as Qn, TrashSimpleIcon as ea, ArrowUpIcon as ta, ProhibitIcon as sa } from "@phosphor-icons/react";
 import C from "classnames";
 import { MessageActions as na, DefaultDropdownActionButton as hs } from "stream-chat-react/experimental";
 const fs = dt({
@@ -16,7 +16,7 @@ const fs = dt({
   refreshConnection: async () => {
   },
   debug: !1
-}), ut = () => Te(fs), ml = ({
+}), ut = () => Te(fs), gl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -512,7 +512,7 @@ const ne = ({
   customChannelActions: g,
   triggerClassName: h
 }) => {
-  const [f, c] = B(!1), b = G(null), v = qs(), x = Q(() => c(!1), []), {
+  const [f, c] = B(!1), b = G(null), v = Ws(), x = Q(() => c(!1), []), {
     isParticipantBlocked: p,
     isCheckingBlockedStatus: _,
     isLeaving: w,
@@ -1319,7 +1319,7 @@ const gt = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${Ra(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(qn, { className: `size-12 ${Pa(t)}` })
+        children: /* @__PURE__ */ s(Wn, { className: `size-12 ${Pa(t)}` })
       }
     ) }),
     /* @__PURE__ */ u("div", { className: "px-3 pb-3", children: [
@@ -1502,7 +1502,7 @@ const Ns = ({
     return /* @__PURE__ */ s("div", { className: ft(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(gt, { attachment: t, isMyMessage: !1 }) });
   const n = bt(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ys, { ...n }) }) : null;
-}, hl = Object.assign($a, {
+}, pl = Object.assign($a, {
   Creator: Ua,
   Visitor: Ba
 }), ja = {
@@ -1597,11 +1597,11 @@ const Ns = ({
     ),
     children: /* @__PURE__ */ s(Ye, { className: "size-3", weight: "bold" })
   }
-), Re = (e) => e === "received" ? "light" : "dark", qa = ({
+), Re = (e) => e === "received" ? "light" : "dark", Wa = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Wa = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", qa = ({
   src: e,
   mimeType: t,
   filename: n,
@@ -1629,7 +1629,7 @@ const Ns = ({
   preload: l,
   onDismiss: d
 }) => {
-  const m = Re(e), g = e === "composer" && !!d, h = Wa({ src: t, mimeType: n, filename: a, items: r });
+  const m = Re(e), g = e === "composer" && !!d, h = qa({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
   const f = l ?? (h.length > 1 ? "none" : "metadata");
@@ -1890,7 +1890,7 @@ const lr = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(Wn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(qn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -2665,17 +2665,17 @@ const lr = ({
   isUnlocking: () => !1
 }, Fr = {
   LockedAttachment: Or
-}, zs = dt({}), fl = zs.Provider;
+}, zs = dt({}), bl = zs.Provider;
 function $r(e) {
   return Te(zs)[e] ?? Fr[e];
 }
-const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import("./Card-DKc9To0f.js")), jr = () => /* @__PURE__ */ s(
+const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import("./Card-fPhu90tj.js")), jr = () => /* @__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
   }
-), Oe = (e) => /* @__PURE__ */ s(Ws, { fallback: /* @__PURE__ */ s(jr, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Ur, { ...e }) : /* @__PURE__ */ s(Br, { ...e }) }), Vr = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Oe = (e) => /* @__PURE__ */ s(qs, { fallback: /* @__PURE__ */ s(jr, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Ur, { ...e }) : /* @__PURE__ */ s(Br, { ...e }) }), Vr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2707,10 +2707,10 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
 }, Hr = (e) => {
   var t;
   return kt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, qr = (e) => {
+}, Wr = (e) => {
   var t;
   return kt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Ps = (e) => Gr(e) || Yr(e), Wr = (e) => {
+}, Ps = (e) => Gr(e) || Yr(e), qr = (e) => {
   var t;
   return Ps(e) && !((t = e.text) != null && t.trim());
 }, et = ({
@@ -2957,7 +2957,7 @@ const ei = {
 }, li = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, qe = (e, t) => !!t && !!e && ce(e) === "audio", Et = (e, t) => {
+}, We = (e, t) => !!t && !!e && ce(e) === "audio", Et = (e, t) => {
   if (!t || !e) return !1;
   const n = ce(e);
   return n === "video" || n === "audio";
@@ -2971,7 +2971,7 @@ const ei = {
   topRight: o
 }) => {
   const l = ce(r), d = !!n && l === "video", m = he(t);
-  return qe(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
+  return We(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
       src: n,
@@ -3039,7 +3039,7 @@ const ei = {
   onDismiss: g,
   onEditClick: h
 }) => {
-  const f = l === "classic", c = qe(r, o), b = g ? /* @__PURE__ */ s(
+  const f = l === "classic", c = We(r, o), b = g ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
@@ -3114,7 +3114,7 @@ const ei = {
   cta: d,
   onClick: m
 }) => {
-  const g = Et(a, i), h = Ct(n), f = d == null && h != null && !g ? h : void 0, c = d == null && !g ? m : void 0, b = qe(a, i) ? It : void 0, v = d && m ? {
+  const g = Et(a, i), h = Ct(n), f = d == null && h != null && !g ? h : void 0, c = d == null && !g ? m : void 0, b = We(a, i) ? It : void 0, v = d && m ? {
     ...d,
     onClick: () => {
       var x;
@@ -3175,7 +3175,7 @@ const ei = {
       variant: "dark",
       href: c,
       onClick: b,
-      bgClassName: qe(r, o) ? It : void 0,
+      bgClassName: We(r, o) ? It : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ s(
           je,
@@ -3497,7 +3497,7 @@ const vi = ({
     ReminderNotification: X = dn,
     StreamedMessageText: N = un,
     PinIndicator: A
-  } = cs("CustomMessage"), Y = mn(c), q = hn(c), H = re(
+  } = cs("CustomMessage"), Y = mn(c), W = hn(c), H = re(
     () => h == null ? void 0 : h(c),
     [h, c]
   ), U = re(() => {
@@ -3505,16 +3505,16 @@ const vi = ({
     if (!Ue(c)) return be;
     const Gt = be.filter((Yt) => !("type" in Yt) || !_s(Yt));
     return Gt.length === be.length ? be : Gt;
-  }, [c]), W = re(
+  }, [c]), q = re(
     () => Fs(U),
     [U]
   ), J = re(() => {
     const me = ps({ message: c, viewerLanguage: x });
     return me === c.text ? c : { ...c, text: me };
-  }, [c, x]), de = W.length > 0, De = W.reduce(
+  }, [c, x]), de = q.length > 0, De = q.reduce(
     (me, be) => me + be.attachments.length,
     0
-  ) === ((U == null ? void 0 : U.length) ?? 0), ze = qa({
+  ) === ((U == null ? void 0 : U.length) ?? 0), ze = Wa({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: o
@@ -3538,14 +3538,14 @@ const vi = ({
       "str-chat__message--has-attachment": Y,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": q,
+      "str-chat__message--with-reactions": W,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((zt = c == null ? void 0 : c.error) == null ? void 0 : zt.status) !== 403,
       "str-chat__message-with-thread-link": ae || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), We = c.poll_id && p.polls.fromState(c.poll_id), Mt = Wr(c), pe = Ue(c), Ys = kt(c), Xe = !!(U != null && U.length && !c.quoted_message), At = pe && se && Xe, Hs = de && De && !c.quoted_message && !We && !H && !pe, Rt = {
+  ), qe = c.poll_id && p.polls.fromState(c.poll_id), Mt = qr(c), pe = Ue(c), Ys = kt(c), Xe = !!(U != null && U.length && !c.quoted_message), At = pe && se && Xe, Hs = de && De && !c.quoted_message && !qe && !H && !pe, Rt = {
     contentType: "text",
     amountText: (Pt = c.metadata) == null ? void 0 : Pt.amount_text,
     paymentStatus: (Ot = c.metadata) == null ? void 0 : Ot.payment_status,
@@ -3631,7 +3631,7 @@ const vi = ({
                   }
                 ),
                 !se && M && /* @__PURE__ */ s(M, {})
-              ] }) }) : qr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
+              ] }) }) : Wr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                   se && M && /* @__PURE__ */ s(M, {}),
                   se ? /* @__PURE__ */ s(
@@ -3684,7 +3684,7 @@ const vi = ({
                     isMyMessage: se
                   }
                 ),
-                We && /* @__PURE__ */ s(vn, { poll: We }),
+                qe && /* @__PURE__ */ s(vn, { poll: qe }),
                 U != null && U.length && !c.quoted_message ? /* @__PURE__ */ s(
                   k,
                   {
@@ -3846,7 +3846,7 @@ const vi = ({
     // fixed-height hero would spill out of the collapsed card box.
     /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Ci, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, Ve = V.createContext(!1), gl = () => Te(Ve), Ii = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Ve = V.createContext(!1), vl = () => Te(Ve), Ii = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3986,7 +3986,7 @@ const vi = ({
                 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(Ve.Provider, { value: l, children: /* @__PURE__ */ s(qt, { Input: i ?? as }) })
+                  /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(Wt, { Input: i ?? as }) })
                 ]
               }
             ),
@@ -4005,7 +4005,7 @@ const vi = ({
         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(Ve.Provider, { value: l, children: /* @__PURE__ */ s(qt, { Input: as }) })
+          /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(Wt, { Input: as }) })
         ]
       }
     ),
@@ -4019,9 +4019,14 @@ const vi = ({
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
 }, Ai = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ri = {
+], Ri = ["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."
-}, st = "age safety guidelines.", Li = "https://linktr.ee/s/about/contact", is = (e) => Ti.includes(e), Di = (e) => Ai.includes(e), zi = (e) => {
+}, st = "age safety guidelines.", Di = "https://linktr.ee/s/about/contact", is = (e) => Ti.includes(e), zi = (e) => Ai.includes(e), Pi = (e) => Ri.includes(
+  e
+), Oi = (e) => {
+  var t;
+  return Pi((t = e.metadata) == null ? void 0 : t.custom_type);
+}, Fi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (is(t))
@@ -4029,7 +4034,7 @@ const vi = ({
       kind: "dm-agent",
       type: t
     };
-  if (Di(t))
+  if (zi(t))
     return {
       kind: "age-safety",
       type: t
@@ -4040,7 +4045,7 @@ const vi = ({
       kind: "dm-agent",
       type: n
     };
-}, Pi = (e) => {
+}, $i = (e) => {
   const t = e.indexOf(st);
   if (t === -1)
     return e;
@@ -4050,7 +4055,7 @@ const vi = ({
     /* @__PURE__ */ s(
       "a",
       {
-        href: Li,
+        href: Di,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -4059,9 +4064,9 @@ const vi = ({
     ),
     e.slice(n)
   ] });
-}, Oi = (e) => {
+}, Ui = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, n = zi(
+  const t = !Oi(e.message), n = Fi(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
@@ -4091,7 +4096,7 @@ const vi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ri[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Li[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4110,7 +4115,7 @@ const vi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Pi(i) }) })
+            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: $i(i) }) })
           ]
         }
       ),
@@ -4135,15 +4140,15 @@ const vi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Fi = /* @__PURE__ */ new Set([
+) }), Bi = /* @__PURE__ */ new Set([
   Ze.Thinking,
   Ze.Generating,
   Ze.ExternalSources
-]), $i = ({ threadList: e }) => {
+]), ji = ({ threadList: e }) => {
   var b, v;
   const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = fe(), { typing: i = {} } = Sn(), { aiState: o } = En(t), l = Te($s);
-  if (!e && l && Fi.has(o)) {
-    const x = Ui(t, (b = r.user) == null ? void 0 : b.id);
+  if (!e && l && Bi.has(o)) {
+    const x = Vi(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
       ls,
       {
@@ -4223,7 +4228,7 @@ const vi = ({
     ] })
   }
 );
-function Ui(e, t) {
+function Vi(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)) {
@@ -4232,7 +4237,7 @@ function Ui(e, t) {
       return i;
   }
 }
-const Bi = () => null, ji = ({ className: e, message: t }) => /* @__PURE__ */ u(
+const Gi = () => null, Yi = ({ className: e, message: t }) => /* @__PURE__ */ u(
   "div",
   {
     className: C("flex items-center justify-center h-full", e),
@@ -4276,11 +4281,11 @@ const Bi = () => null, ji = ({ className: e, message: t }) => /* @__PURE__ */ u(
     ]
   }
 ), Ge = V.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ u("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(ji, { className: "w-6 h-6" }),
+  /* @__PURE__ */ s(Yi, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ge.displayName = "LoadingState";
-const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Fe = "Replies instantly with AI assistant", Vi = ({
+const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Fe = "Replies instantly with AI assistant", Hi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4566,7 +4571,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, Gi = ({
+}, Wi = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4595,7 +4600,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onParticipantNameClick: D,
   composerInput: L
 }) => {
-  var N, A, Y, q;
+  var N, A, Y, W;
   const { channel: y } = oe(), { client: I } = fe(), k = V.useMemo(
     () => {
       var H;
@@ -4607,13 +4612,13 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     },
     [(N = y.state) == null ? void 0 : N.members, I == null ? void 0 : I.userID, y.type]
   ), T = V.useMemo(() => {
-    var W;
+    var q;
     const H = I == null ? void 0 : I.userID;
-    return H ? Object.values(((W = y.state) == null ? void 0 : W.members) || {}).find((J) => {
+    return H ? Object.values(((q = y.state) == null ? void 0 : q.members) || {}).find((J) => {
       var de;
       return ((de = J.user) == null ? void 0 : de.id) === H;
     }) : void 0;
-  }, [I == null ? void 0 : I.userID, (A = y.state) == null ? void 0 : A.members]), M = ((Y = T == null ? void 0 : T.user) == null ? void 0 : Y.is_account) ?? (T == null ? void 0 : T.is_account), O = ((q = k == null ? void 0 : k.user) == null ? void 0 : q.is_account) ?? (k == null ? void 0 : k.is_account), $ = E && M === !1 && O === !0, j = y.state.messages.some(
+  }, [I == null ? void 0 : I.userID, (A = y.state) == null ? void 0 : A.members]), M = ((Y = T == null ? void 0 : T.user) == null ? void 0 : Y.is_account) ?? (T == null ? void 0 : T.is_account), O = ((W = k == null ? void 0 : k.user) == null ? void 0 : W.is_account) ?? (k == null ? void 0 : k.is_account), $ = E && M === !1 && O === !0, j = y.state.messages.some(
     (H) => H.type !== "deleted"
   ), Z = p ? /* @__PURE__ */ s(V.Fragment, { children: p() }, "lt-channel-banner") : null, ee = D ? /* @__PURE__ */ s(
     ba,
@@ -4638,7 +4643,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     }
   ) : null, X = Q(
     (H) => {
-      const { message: U } = Ne("ChannelView"), W = /* @__PURE__ */ s(
+      const { message: U } = Ne("ChannelView"), q = /* @__PURE__ */ s(
         _i,
         {
           ...H,
@@ -4646,7 +4651,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           viewerLanguage: R
         }
       );
-      return !z || !U ? W : z(W, U);
+      return !z || !U ? q : z(q, U);
     },
     [x, z, R]
   );
@@ -4662,7 +4667,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       children: /* @__PURE__ */ u(Mn, { children: [
         !D && /* @__PURE__ */ u(te, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            Vi,
+            Hi,
             {
               onBack: e,
               showBackButton: t,
@@ -4695,7 +4700,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   Z
                 ] }) }),
                 /* @__PURE__ */ s(
-                  Wt,
+                  qt,
                   {
                     head: D && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                       ee,
@@ -4736,7 +4741,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   Z
                 ] }) }),
                 /* @__PURE__ */ s(
-                  Wt,
+                  qt,
                   {
                     head: D && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                       ee,
@@ -4779,7 +4784,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Bi,
+    CustomChannelEmptyState: m = Gi,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: h,
     onBlockParticipantClick: f,
@@ -4809,9 +4814,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     const Z = Q(
       async (X, N, A) => {
         var J;
-        const Y = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, q = _ && !Y, H = {
+        const Y = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, W = _ && !Y, H = {
           ...N,
-          ...q && { silent: !0 },
+          ...W && { silent: !0 },
           ...w && {
             metadata: {
               ...N.metadata ?? {},
@@ -4820,9 +4825,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         }, U = {
           ...A,
-          ...q && { skip_push: !0 }
-        }, W = await e.sendMessage(H, U);
-        return S == null || S(W), W;
+          ...W && { skip_push: !0 }
+        }, q = await e.sendMessage(H, U);
+        return S == null || S(q), q;
       },
       [e, _, w, S]
     ), ee = G(null);
@@ -4831,9 +4836,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       const X = ee.current;
       if (!X) return;
       const N = (A) => {
-        const Y = A.target, q = Y == null ? void 0 : Y.closest("a[href]"), H = q == null ? void 0 : q.getAttribute("href");
+        const Y = A.target, W = Y == null ? void 0 : Y.closest("a[href]"), H = W == null ? void 0 : W.getAttribute("href");
         if (!H) return;
-        const U = q == null ? void 0 : q.closest("[data-message-id]"), W = U == null ? void 0 : U.getAttribute("data-message-id"), J = W ? e.state.messages.find((de) => de.id === W) : void 0;
+        const U = W == null ? void 0 : W.closest("[data-message-id]"), q = U == null ? void 0 : U.getAttribute("data-message-id"), J = q ? e.state.messages.find((de) => de.id === q) : void 0;
         I(H, J);
       };
       return X.addEventListener("click", N), () => X.removeEventListener("click", N);
@@ -4849,16 +4854,16 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           In,
           {
             channel: e,
-            MessageSystem: Oi,
+            MessageSystem: Ui,
             EmptyStateIndicator: m,
             LoadingIndicator: Ge,
             DateSeparator: va,
-            TypingIndicator: $i,
+            TypingIndicator: ji,
             doSendMessageRequest: Z,
             ...k ? { SendButton: k } : {},
             ...T ? { AttachmentPreviewList: T } : {},
             children: /* @__PURE__ */ s(
-              Gi,
+              Wi,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4912,7 +4917,7 @@ const Ce = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const pl = ({
+const xl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4956,11 +4961,11 @@ const pl = ({
     if (!R || !F) return;
     const U = R.userID;
     if (!U) return;
-    const W = `${U}::${i}`;
-    if (A.current === W) return;
-    A.current = W;
+    const q = `${U}::${i}`;
+    if (A.current === q) return;
+    A.current = q;
     const J = () => {
-      A.current === W && (A.current = null);
+      A.current === q && (A.current = null);
     };
     (async () => {
       var De, ze;
@@ -5016,11 +5021,11 @@ const pl = ({
       }
     })();
   }, [i, R, F, I, k]);
-  const q = G(r);
-  q.current = r;
+  const W = G(r);
+  W.current = r;
   const H = Q(() => {
     var U;
-    M(null), Z(!0), (U = q.current) == null || U.call(q);
+    M(null), Z(!0), (U = W.current) == null || U.call(W);
   }, []);
   return D ? /* @__PURE__ */ s(Ge, {}) : L ? /* @__PURE__ */ s(Ce, { message: L, onBack: y }) : !F || !R ? /* @__PURE__ */ s(
     Ce,
@@ -5057,7 +5062,7 @@ const pl = ({
     T.id
   ) }) }) : /* @__PURE__ */ s(Ge, {});
 };
-function Yi(e) {
+function qi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
@@ -5071,18 +5076,18 @@ const Bs = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Hi = Bs.Provider, qi = () => V.useContext(Bs), Wi = (e, t) => {
+}), Xi = Bs.Provider, Ki = () => V.useContext(Bs), Zi = (e, t) => {
   const n = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, Xi = (e) => {
+}, Ji = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Wi(e, t);
+  const a = Zi(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -5102,7 +5107,7 @@ const Bs = V.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = qi(), { client: m } = fe(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = mt(t);
+    } = Ki(), { client: m } = fe(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = mt(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
@@ -5149,7 +5154,7 @@ const Bs = V.createContext({
       if (y) return y;
       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";
-    })(), S = p != null && p.created_at ? Xi(new Date(p.created_at)) : "", z = p ? Ue(p) : !1, E = l ? l(p, w) : `${z ? "✨ " : ""}${w}`, R = n ?? 0;
+    })(), S = p != null && p.created_at ? Ji(new Date(p.created_at)) : "", z = p ? Ue(p) : !1, E = l ? l(p, w) : `${z ? "✨ " : ""}${w}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
@@ -5209,14 +5214,14 @@ const Bs = V.createContext({
   }
 );
 js.displayName = "CustomChannelPreview";
-const Ki = { last_message_at: -1 }, Zi = V.memo(
+const Qi = { last_message_at: -1 }, el = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Ki,
+    sort: i = Qi,
     className: o,
     customEmptyStateIndicator: l,
     channelListPaginator: d = Rn,
@@ -5235,7 +5240,7 @@ const Ki = { last_message_at: -1 }, Zi = V.memo(
     const { debug: w = !1 } = ut(), S = V.useCallback(
       (E) => {
         for (const R of E)
-          Yi(R);
+          qi(R);
         return r ? r(E) : E;
       },
       [r]
@@ -5270,7 +5275,7 @@ const Ki = { last_message_at: -1 }, Zi = V.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Hi, { value: z, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Xi, { value: z, children: /* @__PURE__ */ s(
           An,
           {
             filters: n,
@@ -5294,11 +5299,11 @@ const Ki = { last_message_at: -1 }, Zi = V.memo(
     );
   }
 );
-Zi.displayName = "ChannelList";
-const os = `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%`, Ji = {
+el.displayName = "ChannelList";
+const os = `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%`, tl = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Qi = ({ variant: e }) => /* @__PURE__ */ s(
+}, sl = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -5308,12 +5313,12 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: Ji[e],
+      backgroundColor: tl[e],
       WebkitMask: os,
       mask: os
     }
   }
-), el = {
+), nl = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5338,17 +5343,17 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       r
     ),
     style: {
-      ...el[e],
+      ...nl[e],
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
     children: [
       a != null && /* @__PURE__ */ s("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ s("p", { className: "m-0 whitespace-pre-wrap break-words", children: t }),
-      n && /* @__PURE__ */ s(Qi, { variant: e })
+      n && /* @__PURE__ */ s(sl, { variant: e })
     ]
   }
-), tl = ({
+), al = ({
   text: e,
   tail: t,
   header: n,
@@ -5362,10 +5367,10 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), sl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Vs, { variant: "sent", text: e, tail: t, className: n }), bl = {
-  Sent: sl,
-  Received: tl
-}, nl = ({
+), rl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Vs, { variant: "sent", text: e, tail: t, className: n }), wl = {
+  Sent: rl,
+  Received: al
+}, il = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5387,7 +5392,7 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     ),
     children: e
   }
-), vl = ({
+), _l = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5416,7 +5421,7 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ s(
-            nl,
+            il,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5432,40 +5437,40 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
 export {
   vs as A,
   bt as B,
-  Bi as C,
+  Gi as C,
   ht as D,
-  gl as E,
-  vl as F,
+  vl as E,
+  _l as F,
   $r as G,
   wa as H,
   aa as I,
   es as L,
-  hl as M,
+  pl as M,
   ye as a,
   ne as b,
-  Zi as c,
+  el as c,
   Us as d,
-  fl as e,
-  nl as f,
+  bl as e,
+  il as f,
   ce as g,
   Oe as h,
   ke as i,
-  bl as j,
+  wl as j,
   Xr as k,
-  ml as l,
-  pl as m,
+  gl as l,
+  xl as m,
   nr as n,
   he as o,
   er as p,
-  Xi as q,
+  Ji as q,
   _e as r,
   sr as s,
   ps as t,
   _s as u,
   oa as v,
-  qa as w,
+  Wa as w,
   _a as x,
   He as y,
   pt as z
 };
-//# sourceMappingURL=index-DlkI5kym.js.map
+//# sourceMappingURL=index-Cw1ij-Py.js.map