@linktr.ee/messaging-react 4.1.3 → 4.1.4-rc-1786808630

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,11 +1,11 @@
1
1
  import { jsx as n, jsxs as f, Fragment as q } from "react/jsx-runtime";
2
- import P, { createContext as je, useContext as xe, useCallback as K, useState as $, useRef as V, useEffect as W, useId as rs, Suspense as is, useMemo as oe } from "react";
3
- import { StreamChatService as os } from "@linktr.ee/messaging-core";
4
- import { StreamChat as ls, LinkPreviewsManager as nt } from "stream-chat";
2
+ import P, { createContext as je, useContext as xe, useCallback as K, useState as $, useRef as V, useEffect as W, useId as rs, Suspense as is, useMemo as le } from "react";
3
+ import { StreamChatService as ls } from "@linktr.ee/messaging-core";
4
+ import { StreamChat as os, LinkPreviewsManager as nt } from "stream-chat";
5
5
  import { Chat as cs, useChannelStateContext as we, useChatContext as He, DateSeparator as ds, useMessageContext as fe, MessageStatus as us, MessageErrorIcon as st, MessageText as Fe, areMessageUIPropsEqual as ms, useMessageReminder as hs, useComponentContext as mn, Attachment as fs, EditMessageModal as gs, MessageBlocked as ps, MessageBouncePrompt as bs, MessageDeleted as vs, MessageIsThreadReplyInChannelButtonIndicator as xs, MessageRepliesCountButton as ws, ReminderNotification as _s, StreamedMessageText as ys, messageHasAttachments as Ns, messageHasReactions as ks, isDateSeparatorMessage as Cs, isMessageBlocked as Ss, isMessageBounced as Es, MessageBounceModal as Is, Poll as Ts, useMessageComposer as As, useStateStore as Rs, MessageInput as Vt, useMessageInputContext as Ls, useMessageComposerHasSendableData as Ms, AttachmentPreviewList as Ds, QuotedMessagePreview as Os, TextareaComposer as Ps, MessageTimestamp as Ke, AIStates as Xe, useTypingContext as Fs, useAIState as zs, Channel as $s, WithComponents as Bs, Window as Us, MessageList as Gt, ChannelList as js, InfiniteScroll as Hs } from "stream-chat-react";
6
- import { isOfficialChannel as hn, OFFICIAL_SENDER_USER_ID as Vs, MESSAGE_CUSTOM_TYPE as le, isDmAgentSystemType as Yt, isAgeSafetySystemType as Gs, resolveRichCardImagePresentation as Ys, selectEnabledFaqs as Ws } from "@linktr.ee/messaging-taxonomy";
6
+ import { isOfficialChannel as hn, OFFICIAL_SENDER_USER_ID as Vs, MESSAGE_CUSTOM_TYPE as oe, isDmAgentSystemType as Yt, isAgeSafetySystemType as Gs, resolveRichCardImagePresentation as Ys, selectEnabledFaqs as Ws } from "@linktr.ee/messaging-taxonomy";
7
7
  import N from "classnames";
8
- import { StarIcon as at, DotsThreeIcon as Ks, SpinnerGapIcon as Oe, SignOutIcon as Xs, ProhibitInsetIcon as Wt, FlagIcon as fn, CurrencyDollarIcon as qs, CaretRightIcon as gn, ArrowLeftIcon as Zs, FileIcon as pn, ImageIcon as Js, SpeakerHighIcon as Qs, VideoCameraIcon as bn, FileMdIcon as ea, FileTextIcon as ta, FileZipIcon as na, FilePptIcon as sa, FileCsvIcon as aa, FileXlsIcon as ra, FileDocIcon as ia, FilePdfIcon as oa, CircleNotchIcon as be, PlayIcon as rt, PauseIcon as la, LinkIcon as ca, DownloadSimpleIcon as Se, GiftIcon as da, WarningCircleIcon as ua, MegaphoneIcon as ma, ChecksIcon as ha, XIcon as ot, PencilSimpleIcon as fa, CaretLeftIcon as ga, TrashSimpleIcon as pa, ArrowUpIcon as ba, SparkleIcon as va, ProhibitIcon as xa } from "@phosphor-icons/react";
8
+ import { StarIcon as at, DotsThreeIcon as Ks, SpinnerGapIcon as Oe, SignOutIcon as Xs, ProhibitInsetIcon as Wt, FlagIcon as fn, CurrencyDollarIcon as qs, CaretRightIcon as gn, ArrowLeftIcon as Zs, FileIcon as pn, ImageIcon as Js, SpeakerHighIcon as Qs, VideoCameraIcon as bn, FileMdIcon as ea, FileTextIcon as ta, FileZipIcon as na, FilePptIcon as sa, FileCsvIcon as aa, FileXlsIcon as ra, FileDocIcon as ia, FilePdfIcon as la, CircleNotchIcon as be, PlayIcon as rt, PauseIcon as oa, LinkIcon as ca, DownloadSimpleIcon as Se, GiftIcon as da, WarningCircleIcon as ua, MegaphoneIcon as ma, ChecksIcon as ha, XIcon as lt, PencilSimpleIcon as fa, CaretLeftIcon as ga, TrashSimpleIcon as pa, ArrowUpIcon as ba, SparkleIcon as va, ProhibitIcon as xa } from "@phosphor-icons/react";
9
9
  import { MessageActions as wa, DefaultDropdownActionButton as vn } from "stream-chat-react/experimental";
10
10
  const xn = je({
11
11
  service: null,
@@ -17,23 +17,23 @@ const xn = je({
17
17
  refreshConnection: async () => {
18
18
  },
19
19
  debug: !1
20
- }), lt = () => xe(xn), nl = ({
20
+ }), ot = () => xe(xn), to = ({
21
21
  children: e,
22
22
  user: t,
23
23
  serviceConfig: s,
24
24
  apiKey: a,
25
25
  capabilities: r = {},
26
26
  debug: i = !1,
27
- client: l
27
+ client: o
28
28
  }) => {
29
29
  var S, C;
30
- const o = K(
30
+ const l = K(
31
31
  (A, ...O) => {
32
32
  i && console.log(`🔥 [MessagingProvider] ${A}`, ...O);
33
33
  },
34
34
  [i]
35
35
  );
36
- o("🔄 RENDER START", {
36
+ l("🔄 RENDER START", {
37
37
  userId: t == null ? void 0 : t.id,
38
38
  apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
39
39
  serviceConfig: !!s,
@@ -49,7 +49,7 @@ const xn = je({
49
49
  serviceConfig: s,
50
50
  capabilities: r
51
51
  }), E = V(0);
52
- E.current++, o("📊 RENDER INFO", {
52
+ E.current++, l("📊 RENDER INFO", {
53
53
  renderCount: E.current,
54
54
  currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
55
55
  propChanges: {
@@ -65,86 +65,86 @@ const xn = je({
65
65
  capabilities: r
66
66
  };
67
67
  const z = V(null);
68
- !l && a && ((S = z.current) == null ? void 0 : S.apiKey) !== a && (z.current = { apiKey: a, client: new ls(a) });
69
- const F = l || (a ? ((C = z.current) == null ? void 0 : C.client) ?? null : null);
68
+ !o && a && ((S = z.current) == null ? void 0 : S.apiKey) !== a && (z.current = { apiKey: a, client: new os(a) });
69
+ const F = o || (a ? ((C = z.current) == null ? void 0 : C.client) ?? null : null);
70
70
  W(() => {
71
71
  const A = E.current, O = _.current;
72
- if (l) {
72
+ if (o) {
73
73
  y.current = null, u(null), m(null), c(!1), x(null), w(!1);
74
74
  return;
75
75
  }
76
76
  if (!a || !F || !O) {
77
- o("⚠️ SERVICE INIT SKIPPED", {
77
+ l("⚠️ SERVICE INIT SKIPPED", {
78
78
  renderCount: A,
79
79
  reason: "Missing apiKey, client, or serviceConfig"
80
80
  });
81
81
  return;
82
82
  }
83
- o("🚀 CREATING SERVICE", {
83
+ l("🚀 CREATING SERVICE", {
84
84
  renderCount: A,
85
85
  apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
86
86
  });
87
- const B = new os({
87
+ const B = new ls({
88
88
  ...O,
89
89
  apiKey: a,
90
90
  debug: T.current,
91
91
  client: F
92
92
  });
93
- y.current = B, u(B), o("✅ SERVICE SET", {
93
+ y.current = B, u(B), l("✅ SERVICE SET", {
94
94
  renderCount: A,
95
95
  serviceInstance: !!B
96
96
  });
97
- }, [a, F, l]);
97
+ }, [a, F, o]);
98
98
  const R = V(null);
99
99
  W(() => {
100
100
  var O, B;
101
- if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
101
+ if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
102
102
  hasService: !!d,
103
103
  hasUser: !!t,
104
104
  userId: t == null ? void 0 : t.id,
105
105
  isConnecting: b.current,
106
106
  isConnected: g,
107
107
  dependencies: { service: !!d, userId: t == null ? void 0 : t.id }
108
- }), l)
108
+ }), o)
109
109
  return;
110
110
  if (!d || !t) {
111
- o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
111
+ l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
112
112
  return;
113
113
  }
114
114
  if (b.current) {
115
- o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
115
+ l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
116
116
  return;
117
117
  }
118
118
  if (((O = R.current) == null ? void 0 : O.serviceId) === d && ((B = R.current) == null ? void 0 : B.userId) === t.id) {
119
- o(
119
+ l(
120
120
  "⚠️ USER CONNECTION SKIPPED",
121
121
  "Already connected this user with this service"
122
122
  );
123
123
  return;
124
124
  }
125
125
  (async () => {
126
- o("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), x(null);
126
+ l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), x(null);
127
127
  try {
128
- o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
128
+ l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
129
129
  const G = await d.connectUser(t);
130
- m(G), c(!0), R.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
130
+ m(G), c(!0), R.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
131
131
  userId: t.id,
132
132
  clientId: G.userID
133
133
  });
134
134
  } catch (G) {
135
135
  const ee = G instanceof Error ? G.message : "Connection failed";
136
- x(ee), o("❌ USER CONNECTION ERROR", {
136
+ x(ee), l("❌ USER CONNECTION ERROR", {
137
137
  userId: t.id,
138
138
  error: ee
139
139
  });
140
140
  } finally {
141
- w(!1), b.current = !1, o("🔄 USER CONNECTION FINISHED", {
141
+ w(!1), b.current = !1, l("🔄 USER CONNECTION FINISHED", {
142
142
  userId: t.id,
143
143
  isConnected: g
144
144
  });
145
145
  }
146
146
  })();
147
- }, [d, t, o, g, l]), W(() => {
147
+ }, [d, t, l, g, o]), W(() => {
148
148
  const A = F;
149
149
  return () => {
150
150
  var O;
@@ -152,30 +152,30 @@ const xn = je({
152
152
  };
153
153
  }, [F]);
154
154
  const I = K(async () => {
155
- if (o("🔄 REFRESH CONNECTION CALLED", {
155
+ if (l("🔄 REFRESH CONNECTION CALLED", {
156
156
  hasService: !!d,
157
157
  hasUser: !!t
158
- }), !l) {
158
+ }), !o) {
159
159
  if (!d || !t) {
160
- o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
160
+ l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
161
161
  return;
162
162
  }
163
- o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
163
+ l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
164
164
  try {
165
- o("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
165
+ l("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
166
166
  const A = await d.connectUser(t);
167
- m(A), c(!0), x(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
167
+ m(A), c(!0), x(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
168
168
  } catch (A) {
169
169
  const O = A instanceof Error ? A.message : "Refresh failed";
170
- x(O), o("❌ CONNECTION REFRESH ERROR", {
170
+ x(O), l("❌ CONNECTION REFRESH ERROR", {
171
171
  userId: t.id,
172
172
  error: O
173
173
  });
174
174
  } finally {
175
- w(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
175
+ w(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
176
176
  }
177
177
  }
178
- }, [d, t, o, l]), M = P.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
178
+ }, [d, t, l, o]), M = P.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
179
179
  hasService: !!d,
180
180
  hasClient: !!h,
181
181
  isConnected: g,
@@ -187,31 +187,31 @@ const xn = je({
187
187
  // its lifecycle and there is no backend to reach. Suppressing it stops
188
188
  // service-dependent paths (channel creation, block/unblock) from calling
189
189
  // a stale apiKey-path service if the same provider previously connected.
190
- service: l ? null : d,
190
+ service: o ? null : d,
191
191
  // An injected client is already connected and owns its lifecycle, so
192
192
  // surface it directly and report a clean connected state — the apiKey
193
193
  // path's `client`/`isLoading`/`error` (from connectUser) must not leak
194
194
  // through if the same provider previously attempted an apiKey connect.
195
- client: l ?? h,
196
- isConnected: l ? !0 : g,
197
- isLoading: l ? !1 : p,
198
- error: l ? null : v,
195
+ client: o ?? h,
196
+ isConnected: o ? !0 : g,
197
+ isLoading: o ? !1 : p,
198
+ error: o ? null : v,
199
199
  capabilities: r,
200
200
  refreshConnection: I,
201
201
  debug: i
202
202
  }), [
203
203
  d,
204
204
  h,
205
- l,
205
+ o,
206
206
  g,
207
207
  p,
208
208
  v,
209
209
  r,
210
210
  I,
211
211
  i,
212
- o
212
+ l
213
213
  ]);
214
- return o("🔄 RENDER END", {
214
+ return l("🔄 RENDER END", {
215
215
  renderCount: E.current,
216
216
  willRenderChat: !!F,
217
217
  contextValueReady: !!M
@@ -225,22 +225,22 @@ const xn = je({
225
225
  children: e
226
226
  }
227
227
  ) : e });
228
- }, _a = () => lt(), wn = (e) => {
228
+ }, _a = () => ot(), wn = (e) => {
229
229
  var a, r;
230
230
  const [t, s] = $(
231
231
  !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
232
232
  );
233
233
  return W(() => {
234
- var l;
234
+ var o;
235
235
  if (!e) {
236
236
  s(!1);
237
237
  return;
238
238
  }
239
- s(!!((l = e.state.membership) != null && l.pinned_at));
240
- const i = (o) => {
239
+ s(!!((o = e.state.membership) != null && o.pinned_at));
240
+ const i = (l) => {
241
241
  var d;
242
242
  s(
243
- o != null && o.member ? !!o.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
243
+ l != null && l.member ? !!l.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
244
244
  );
245
245
  };
246
246
  return e.on("member.updated", i), () => {
@@ -253,8 +253,8 @@ function _n(e, t, s) {
253
253
  if (hn(s)) {
254
254
  const r = a.find(
255
255
  (i) => {
256
- var l;
257
- return ((l = i.user) == null ? void 0 : l.id) === Vs;
256
+ var o;
257
+ return ((o = i.user) == null ? void 0 : o.id) === Vs;
258
258
  }
259
259
  );
260
260
  if (r) return r;
@@ -329,9 +329,9 @@ const _e = ({
329
329
  className: a,
330
330
  starred: r = !1,
331
331
  shape: i = "squircle",
332
- dmAgentEnabled: l = !1
332
+ dmAgentEnabled: o = !1
333
333
  }) => {
334
- const o = Ca(e), d = Sa(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, p = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ n(
334
+ const l = Ca(e), d = Sa(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, p = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ n(
335
335
  "div",
336
336
  {
337
337
  "aria-hidden": "true",
@@ -339,7 +339,7 @@ const _e = ({
339
339
  "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
340
340
  ),
341
341
  style: { fontSize: m, lineHeight: 1 },
342
- children: o
342
+ children: l
343
343
  }
344
344
  ) });
345
345
  return /* @__PURE__ */ f(
@@ -369,7 +369,7 @@ const _e = ({
369
369
  className: N("h-full w-full", "bg-transparent"),
370
370
  style: {
371
371
  ...c,
372
- ...l && {
372
+ ...o && {
373
373
  borderWidth: `${g}px`,
374
374
  borderStyle: "solid",
375
375
  borderColor: "var(--AI-Gradient, #7F22FE)",
@@ -389,14 +389,14 @@ const _e = ({
389
389
  enabled: a = !0,
390
390
  onLeaveConversation: r,
391
391
  onBlockParticipant: i,
392
- onDeleteConversationClick: l,
393
- onBlockParticipantClick: o,
392
+ onDeleteConversationClick: o,
393
+ onBlockParticipantClick: l,
394
394
  onReportParticipantClick: d,
395
395
  onActionComplete: u,
396
396
  logLabel: h = "useChannelModerationActions"
397
397
  }) => {
398
398
  var M;
399
- const { service: m, debug: g } = lt(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, p = !!(a && s && m && c), [w, v] = $(!1), [x, b] = $(null), [y, _] = $(!1), [T, L] = $(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
399
+ const { service: m, debug: g } = ot(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, p = !!(a && s && m && c), [w, v] = $(!1), [x, b] = $(null), [y, _] = $(!1), [T, L] = $(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
400
400
  return W(() => {
401
401
  if (!p || !m || !c) {
402
402
  v(!1), b(null);
@@ -428,7 +428,7 @@ const _e = ({
428
428
  handleLeaveConversation: async () => {
429
429
  var S;
430
430
  if (!y) {
431
- l == null || l(), g && console.log(`[${h}] Leave conversation`, e.cid), _(!0);
431
+ o == null || o(), g && console.log(`[${h}] Leave conversation`, e.cid), _(!0);
432
432
  try {
433
433
  const C = ((S = e._client) == null ? void 0 : S.userID) ?? null;
434
434
  await e.hide(C, !1), r && await r(e), u == null || u();
@@ -442,7 +442,7 @@ const _e = ({
442
442
  handleBlockUser: async () => {
443
443
  var S, C, A;
444
444
  if (!(T || !m)) {
445
- o == null || o(), g && console.log(`[${h}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
445
+ l == null || l(), g && console.log(`[${h}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
446
446
  try {
447
447
  await m.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), u == null || u();
448
448
  } catch (O) {
@@ -455,7 +455,7 @@ const _e = ({
455
455
  handleUnblockUser: async () => {
456
456
  var S, C, A;
457
457
  if (!(T || !m)) {
458
- o == null || o(), g && console.log(`[${h}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
458
+ l == null || l(), g && console.log(`[${h}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
459
459
  try {
460
460
  await m.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), u == null || u();
461
461
  } catch (O) {
@@ -493,8 +493,8 @@ const _e = ({
493
493
  showBlockParticipant: a = !0,
494
494
  showReportParticipant: r = !0,
495
495
  onLeaveConversation: i,
496
- onBlockParticipant: l,
497
- onDeleteConversationClick: o,
496
+ onBlockParticipant: o,
497
+ onDeleteConversationClick: l,
498
498
  onBlockParticipantClick: d,
499
499
  onReportParticipantClick: u,
500
500
  customChannelActions: h,
@@ -515,8 +515,8 @@ const _e = ({
515
515
  showBlockParticipant: a,
516
516
  enabled: g,
517
517
  onLeaveConversation: i,
518
- onBlockParticipant: l,
519
- onDeleteConversationClick: o,
518
+ onBlockParticipant: o,
519
+ onDeleteConversationClick: l,
520
520
  onBlockParticipantClick: d,
521
521
  onReportParticipantClick: u,
522
522
  onActionComplete: v,
@@ -616,8 +616,8 @@ const _e = ({
616
616
  showStarButton: a = !1,
617
617
  onLeaveConversation: r,
618
618
  onBlockParticipant: i,
619
- showDeleteConversation: l = !0,
620
- showBlockParticipant: o = !0,
619
+ showDeleteConversation: o = !0,
620
+ showBlockParticipant: l = !0,
621
621
  showReportParticipant: d = !0,
622
622
  onDeleteConversationClick: u,
623
623
  onBlockParticipantClick: h,
@@ -756,8 +756,8 @@ const _e = ({
756
756
  {
757
757
  channel: v,
758
758
  participant: b,
759
- showDeleteConversation: l,
760
- showBlockParticipant: o,
759
+ showDeleteConversation: o,
760
+ showBlockParticipant: l,
761
761
  showReportParticipant: d,
762
762
  onLeaveConversation: r,
763
763
  onBlockParticipant: i,
@@ -830,7 +830,7 @@ const $a = {
830
830
  image: Js,
831
831
  document: pn
832
832
  }, Ba = {
833
- pdf: oa,
833
+ pdf: la,
834
834
  doc: ia,
835
835
  xls: ra,
836
836
  csv: aa,
@@ -857,8 +857,8 @@ const ja = (e) => {
857
857
  autoPlay: a = !1,
858
858
  playing: r,
859
859
  loop: i = !1,
860
- controls: l = !0,
861
- showProgress: o = !1,
860
+ controls: o = !0,
861
+ showProgress: l = !1,
862
862
  muted: d = !1,
863
863
  onContainerClick: u
864
864
  }) => {
@@ -926,7 +926,7 @@ const ja = (e) => {
926
926
  u(k);
927
927
  return;
928
928
  }
929
- E || l && v((D) => !D);
929
+ E || o && v((D) => !D);
930
930
  },
931
931
  onKeyDown: (k) => {
932
932
  if (!(k.key !== "Enter" && k.key !== " ")) {
@@ -934,7 +934,7 @@ const ja = (e) => {
934
934
  u(k);
935
935
  return;
936
936
  }
937
- E || l && v((D) => !D);
937
+ E || o && v((D) => !D);
938
938
  }
939
939
  },
940
940
  children: [
@@ -1001,7 +1001,7 @@ const ja = (e) => {
1001
1001
  weight: "bold"
1002
1002
  }
1003
1003
  ) }),
1004
- E && !l && /* @__PURE__ */ n(
1004
+ E && !o && /* @__PURE__ */ n(
1005
1005
  "div",
1006
1006
  {
1007
1007
  className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -1017,7 +1017,7 @@ const ja = (e) => {
1017
1017
  children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(rt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
1018
1018
  }
1019
1019
  ),
1020
- o && !l && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
1020
+ l && !o && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
1021
1021
  "div",
1022
1022
  {
1023
1023
  role: "slider",
@@ -1041,7 +1041,7 @@ const ja = (e) => {
1041
1041
  ) })
1042
1042
  }
1043
1043
  ) }),
1044
- l && /* @__PURE__ */ f("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
1044
+ o && /* @__PURE__ */ f("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
1045
1045
  /* @__PURE__ */ n(
1046
1046
  "button",
1047
1047
  {
@@ -1051,7 +1051,7 @@ const ja = (e) => {
1051
1051
  },
1052
1052
  className: "shrink-0 text-white",
1053
1053
  "aria-label": w ? "Pause" : "Play",
1054
- children: w ? /* @__PURE__ */ n(la, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
1054
+ children: w ? /* @__PURE__ */ n(oa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
1055
1055
  }
1056
1056
  ),
1057
1057
  /* @__PURE__ */ f(
@@ -1106,10 +1106,10 @@ const ja = (e) => {
1106
1106
  title: a,
1107
1107
  variant: r,
1108
1108
  mediaPlayerProps: i,
1109
- containedImage: l = !1
1109
+ containedImage: o = !1
1110
1110
  }) => {
1111
- const o = de(e), [d, u] = $(!1), h = ce(t), m = ce(s);
1112
- return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
1111
+ const l = de(e), [d, u] = $(!1), h = ce(t), m = ce(s);
1112
+ return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
1113
1113
  Ha,
1114
1114
  {
1115
1115
  source: t,
@@ -1118,7 +1118,7 @@ const ja = (e) => {
1118
1118
  controls: !0,
1119
1119
  ...i
1120
1120
  }
1121
- ) : t && o === "image" ? l ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
1121
+ ) : t && l === "image" ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
1122
1122
  "img",
1123
1123
  {
1124
1124
  src: h ?? t,
@@ -1135,7 +1135,7 @@ const ja = (e) => {
1135
1135
  className: "block w-full",
1136
1136
  draggable: !1
1137
1137
  }
1138
- ) : t && o === "document" ? s ? l ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
1138
+ ) : t && l === "document" ? s ? o ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
1139
1139
  "img",
1140
1140
  {
1141
1141
  src: m ?? s,
@@ -1186,8 +1186,8 @@ const ja = (e) => {
1186
1186
  placeholderTitle: a = "Attachment title",
1187
1187
  mimeType: r,
1188
1188
  detail: i,
1189
- statusBadge: l,
1190
- action: o,
1189
+ statusBadge: o,
1190
+ action: l,
1191
1191
  topLeft: d,
1192
1192
  topRight: u,
1193
1193
  rootRef: h,
@@ -1237,9 +1237,9 @@ const ja = (e) => {
1237
1237
  children: i
1238
1238
  }
1239
1239
  ),
1240
- l
1240
+ o
1241
1241
  ] }),
1242
- o
1242
+ l
1243
1243
  ] })
1244
1244
  ]
1245
1245
  }
@@ -1267,7 +1267,7 @@ function Xa(e) {
1267
1267
  return e ? "text-white/20" : "text-black/20";
1268
1268
  }
1269
1269
  const dt = ({ attachment: e, isMyMessage: t }) => {
1270
- const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ f(P.Fragment, { children: [
1270
+ const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, u = /* @__PURE__ */ f(P.Fragment, { children: [
1271
1271
  /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
1272
1272
  "img",
1273
1273
  {
@@ -1334,8 +1334,8 @@ async function qa(e, t) {
1334
1334
  }
1335
1335
  const a = await fetch(e, { mode: "cors" });
1336
1336
  if (!a.ok) throw new Error(`HTTP ${a.status}`);
1337
- const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
1338
- l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
1337
+ const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
1338
+ o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
1339
1339
  }
1340
1340
  const Za = ({
1341
1341
  url: e,
@@ -1348,11 +1348,11 @@ const Za = ({
1348
1348
  type: "button",
1349
1349
  onClick: (i) => {
1350
1350
  i.stopPropagation();
1351
- const l = window.open("", "_blank", "noopener,noreferrer");
1351
+ const o = window.open("", "_blank", "noopener,noreferrer");
1352
1352
  a(!0), qa(e, t).then(() => {
1353
- l == null || l.close();
1353
+ o == null || o.close();
1354
1354
  }).catch(() => {
1355
- l && (l.location.href = e);
1355
+ o && (o.location.href = e);
1356
1356
  }).finally(() => a(!1));
1357
1357
  },
1358
1358
  disabled: s,
@@ -1380,12 +1380,12 @@ function mt(e) {
1380
1380
  (w) => w.type === "audio" && w.asset_url
1381
1381
  ), r = (p = e.attachments) == null ? void 0 : p.find(
1382
1382
  (w) => w.type === "file" && w.asset_url
1383
- ), i = t ?? s ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
1384
- if (!l) return null;
1385
- const o = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, u = i == null ? void 0 : i.file_size, h = t == null ? void 0 : t.thumb_url;
1383
+ ), i = t ?? s ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
1384
+ if (!o) return null;
1385
+ const l = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, u = i == null ? void 0 : i.file_size, h = t == null ? void 0 : t.thumb_url;
1386
1386
  return {
1387
- resolvedUrl: l,
1388
- resolvedType: o,
1387
+ resolvedUrl: o,
1388
+ resolvedType: l,
1389
1389
  title: d,
1390
1390
  fileSize: u,
1391
1391
  thumbnailUrl: h
@@ -1426,14 +1426,14 @@ const Tn = ({
1426
1426
  fileSize: a,
1427
1427
  thumbnailUrl: r
1428
1428
  }) => {
1429
- const i = de(t), l = a !== void 0 ? In(a) : void 0;
1429
+ const i = de(t), o = a !== void 0 ? In(a) : void 0;
1430
1430
  return /* @__PURE__ */ n(
1431
1431
  En,
1432
1432
  {
1433
1433
  variant: "light",
1434
1434
  title: s,
1435
1435
  mimeType: t,
1436
- detail: l,
1436
+ detail: o,
1437
1437
  thumbnail: /* @__PURE__ */ n(
1438
1438
  Sn,
1439
1439
  {
@@ -1507,24 +1507,24 @@ const Tn = ({
1507
1507
  return /* @__PURE__ */ n("div", { className: ct(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !1 }) });
1508
1508
  const s = mt(e);
1509
1509
  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(An, { ...s }) }) : null;
1510
- }, sl = Object.assign(Ja, {
1510
+ }, no = Object.assign(Ja, {
1511
1511
  Creator: Qa,
1512
1512
  Visitor: er
1513
1513
  }), tr = {
1514
1514
  isUnlocking: () => !1
1515
1515
  }, nr = {
1516
1516
  LockedAttachment: tr
1517
- }, Rn = je({}), al = Rn.Provider;
1517
+ }, Rn = je({}), so = Rn.Provider;
1518
1518
  function sr(e) {
1519
1519
  return xe(Rn)[e] ?? nr[e];
1520
1520
  }
1521
- const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import("./Card-avnlyzrl.js")), ir = () => /* @__PURE__ */ n(
1521
+ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import("./Card-Cy-pEAbc.js")), ir = () => /* @__PURE__ */ n(
1522
1522
  "div",
1523
1523
  {
1524
1524
  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)]",
1525
1525
  "aria-hidden": !0
1526
1526
  }
1527
- ), Pe = (e) => /* @__PURE__ */ n(is, { fallback: /* @__PURE__ */ n(ir, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ar, { ...e }) : /* @__PURE__ */ n(rr, { ...e }) }), or = ({ size: e = 15 }) => /* @__PURE__ */ n(
1527
+ ), Pe = (e) => /* @__PURE__ */ n(is, { fallback: /* @__PURE__ */ n(ir, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ar, { ...e }) : /* @__PURE__ */ n(rr, { ...e }) }), lr = ({ size: e = 15 }) => /* @__PURE__ */ n(
1528
1528
  "svg",
1529
1529
  {
1530
1530
  width: e,
@@ -1541,25 +1541,25 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
1541
1541
  }
1542
1542
  )
1543
1543
  }
1544
- ), lr = (e) => {
1544
+ ), or = (e) => {
1545
1545
  var t;
1546
- return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.TIP;
1546
+ return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.TIP;
1547
1547
  }, Ln = (e) => {
1548
1548
  var t;
1549
- return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.PAID;
1549
+ return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.PAID;
1550
1550
  }, ze = (e) => {
1551
1551
  var t;
1552
- return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.CHATBOT;
1552
+ return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.CHATBOT;
1553
1553
  }, ht = (e) => {
1554
1554
  var t;
1555
- return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.ATTACHMENT;
1555
+ return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.ATTACHMENT;
1556
1556
  }, cr = (e) => {
1557
1557
  var t;
1558
1558
  return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
1559
1559
  }, dr = (e) => {
1560
1560
  var t;
1561
1561
  return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
1562
- }, Mn = (e) => lr(e) || Ln(e), ur = (e) => {
1562
+ }, Mn = (e) => or(e) || Ln(e), ur = (e) => {
1563
1563
  var t;
1564
1564
  return Mn(e) && !((t = e.text) != null && t.trim());
1565
1565
  }, Ze = ({
@@ -1581,13 +1581,13 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
1581
1581
  /* @__PURE__ */ n("span", { children: v })
1582
1582
  ] });
1583
1583
  }
1584
- const l = s && a, o = l ? "Sent with AI" : "Sent by AI Assistant", d = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", u = l ? "justify-end gap-2 text-black/30" : s ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", h = /* @__PURE__ */ n("span", { className: "text-left", children: o }), m = /* @__PURE__ */ n("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ n(or, { size: l ? 12 : 15 }) });
1584
+ const o = s && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", u = o ? "justify-end gap-2 text-black/30" : s ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", h = /* @__PURE__ */ n("span", { className: "text-left", children: l }), m = /* @__PURE__ */ n("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ n(lr, { size: o ? 12 : 15 }) });
1585
1585
  return /* @__PURE__ */ n(
1586
1586
  "div",
1587
1587
  {
1588
1588
  className: `${d} ${u}`,
1589
1589
  "data-testid": "message-chatbot-indicator",
1590
- children: s && !l ? /* @__PURE__ */ f(q, { children: [
1590
+ children: s && !o ? /* @__PURE__ */ f(q, { children: [
1591
1591
  h,
1592
1592
  m
1593
1593
  ] }) : /* @__PURE__ */ f(q, { children: [
@@ -1630,10 +1630,10 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
1630
1630
  if (!i || s.has(i))
1631
1631
  continue;
1632
1632
  s.add(i);
1633
- const l = t(i);
1634
- l && (a ?? (a = {}), a[i] = {
1635
- id: l.id,
1636
- ...l.name !== void 0 ? { name: l.name } : {}
1633
+ const o = t(i);
1634
+ o && (a ?? (a = {}), a[i] = {
1635
+ id: o.id,
1636
+ ...o.name !== void 0 ? { name: o.name } : {}
1637
1637
  });
1638
1638
  }
1639
1639
  return a;
@@ -1645,8 +1645,8 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
1645
1645
  const s = Object.keys(e), a = Object.keys(t);
1646
1646
  return s.length !== a.length ? !1 : s.every(
1647
1647
  (r) => {
1648
- var i, l;
1649
- return e[r].id === ((i = t[r]) == null ? void 0 : i.id) && e[r].name === ((l = t[r]) == null ? void 0 : l.name);
1648
+ var i, o;
1649
+ return e[r].id === ((i = t[r]) == null ? void 0 : i.id) && e[r].name === ((o = t[r]) == null ? void 0 : o.name);
1650
1650
  }
1651
1651
  );
1652
1652
  }, pr = (e, t) => {
@@ -1712,14 +1712,14 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
1712
1712
  var h;
1713
1713
  const { isMyMessage: s, message: a, threadList: r } = fe(
1714
1714
  "SentMessageDeliveryStatus"
1715
- ), i = s(), l = ft();
1715
+ ), i = s(), o = ft();
1716
1716
  if (r)
1717
1717
  return null;
1718
1718
  if (a.status === "failed" && i && a.type !== "error")
1719
1719
  return /* @__PURE__ */ n(xr, {});
1720
1720
  if (!i)
1721
1721
  return null;
1722
- const o = (h = a.metadata) == null ? void 0 : h.outbound_id, d = a.status !== "sending" && a.status !== "failed" && o && t ? /* @__PURE__ */ n(
1722
+ const l = (h = a.metadata) == null ? void 0 : h.outbound_id, d = a.status !== "sending" && a.status !== "failed" && l && t ? /* @__PURE__ */ n(
1723
1723
  vr,
1724
1724
  {
1725
1725
  outbound: t,
@@ -1736,7 +1736,7 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
1736
1736
  );
1737
1737
  return d ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
1738
1738
  u,
1739
- l && /* @__PURE__ */ n("span", { className: "sent-message-outbound-separator", "aria-hidden": "true", children: "•" }),
1739
+ o && /* @__PURE__ */ n("span", { className: "sent-message-outbound-separator", "aria-hidden": "true", children: "•" }),
1740
1740
  d
1741
1741
  ] }) : u;
1742
1742
  }, _r = /^([a-z][a-z0-9+.-]*):/i, yr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
@@ -1771,11 +1771,11 @@ const Nr = {
1771
1771
  s ? "w-full" : "min-w-0",
1772
1772
  !a && "mt-2",
1773
1773
  Nr[e][r]
1774
- ), l = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), o = gt(t.href);
1775
- return o ? /* @__PURE__ */ n(
1774
+ ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = gt(t.href);
1775
+ return l ? /* @__PURE__ */ n(
1776
1776
  "a",
1777
1777
  {
1778
- href: o,
1778
+ href: l,
1779
1779
  target: "_blank",
1780
1780
  rel: "noopener noreferrer",
1781
1781
  onClick: (d) => {
@@ -1783,7 +1783,7 @@ const Nr = {
1783
1783
  d.stopPropagation(), (u = t.onClick) == null || u.call(t);
1784
1784
  },
1785
1785
  className: `${i} no-underline`,
1786
- children: l
1786
+ children: o
1787
1787
  }
1788
1788
  ) : /* @__PURE__ */ n(
1789
1789
  "button",
@@ -1794,7 +1794,7 @@ const Nr = {
1794
1794
  d.stopPropagation(), (u = t.onClick) == null || u.call(t);
1795
1795
  },
1796
1796
  className: i,
1797
- children: l
1797
+ children: o
1798
1798
  }
1799
1799
  );
1800
1800
  }, kr = {
@@ -1813,14 +1813,14 @@ const Nr = {
1813
1813
  title: a,
1814
1814
  placeholderTitle: r,
1815
1815
  description: i,
1816
- descriptionLines: l = 1,
1817
- url: o,
1816
+ descriptionLines: o = 1,
1817
+ url: l,
1818
1818
  appIcon: d,
1819
1819
  cta: u,
1820
1820
  trailingAction: h,
1821
1821
  isLoading: m = !1
1822
1822
  }) => {
1823
- const g = e === "dark", c = a ?? (g ? r : void 0) ?? "", p = c.trim() !== "", w = i != null && i.trim() !== "", v = typeof o == "string" ? o.trim() : "", x = v !== "", b = u != null;
1823
+ const g = e === "dark", c = a ?? (g ? r : void 0) ?? "", p = c.trim() !== "", w = i != null && i.trim() !== "", v = typeof l == "string" ? l.trim() : "", x = v !== "", b = u != null;
1824
1824
  if (!m && !p && !w && !x && !b)
1825
1825
  return null;
1826
1826
  const y = g && !a, _ = N(
@@ -1831,7 +1831,7 @@ const Nr = {
1831
1831
  s == null && Qt[e]
1832
1832
  ), L = N(
1833
1833
  "text-[12px] leading-4 tracking-[0.24px]",
1834
- l <= 1 && "truncate",
1834
+ o <= 1 && "truncate",
1835
1835
  s == null && Qt[e]
1836
1836
  );
1837
1837
  if (m) {
@@ -1844,11 +1844,11 @@ const Nr = {
1844
1844
  /* @__PURE__ */ n("div", { className: N("h-4 w-1/2", F), "aria-hidden": !0 })
1845
1845
  ] }) });
1846
1846
  }
1847
- const E = s ? { color: s } : void 0, z = l > 1 ? {
1847
+ const E = s ? { color: s } : void 0, z = o > 1 ? {
1848
1848
  ...E,
1849
1849
  display: "-webkit-box",
1850
1850
  WebkitBoxOrient: "vertical",
1851
- WebkitLineClamp: l,
1851
+ WebkitLineClamp: o,
1852
1852
  overflow: "hidden"
1853
1853
  } : E;
1854
1854
  return /* @__PURE__ */ f("div", { className: "shrink-0 px-4 py-3", children: [
@@ -1866,7 +1866,15 @@ const Nr = {
1866
1866
  )
1867
1867
  ] }),
1868
1868
  w && /* @__PURE__ */ n("p", { className: L, style: z, children: i }),
1869
- !b && x && /* @__PURE__ */ n("p", { className: T, style: E, children: v })
1869
+ !b && x && /* @__PURE__ */ n(
1870
+ "p",
1871
+ {
1872
+ className: T,
1873
+ style: E,
1874
+ "data-testid": "link-attachment-url",
1875
+ children: v
1876
+ }
1877
+ )
1870
1878
  ] }),
1871
1879
  h && /* @__PURE__ */ n("div", { className: "shrink-0", children: h })
1872
1880
  ] }),
@@ -1889,8 +1897,8 @@ const Nr = {
1889
1897
  onClick: a,
1890
1898
  ariaLabel: r,
1891
1899
  rootRef: i,
1892
- topRight: l,
1893
- bgClassName: o,
1900
+ topRight: o,
1901
+ bgClassName: l,
1894
1902
  accentHex: d,
1895
1903
  fixedHeight: u = !1,
1896
1904
  busy: h = !1,
@@ -1916,12 +1924,12 @@ const Nr = {
1916
1924
  // `--str-chat__own-message-bubble-background-color` and `#f1f0ee` is
1917
1925
  // `--str-chat__message-bubble-background-color`, mirrored by the bubble
1918
1926
  // tail's own fills in `styles.css`.
1919
- o ?? (e === "dark" ? "bg-[#1e2330]" : "bg-[#f1f0ee]"),
1927
+ l ?? (e === "dark" ? "bg-[#1e2330]" : "bg-[#f1f0ee]"),
1920
1928
  // `focus-ring` is a design-system utility from the component-library
1921
1929
  // tailwind preset — outline-none + a black 2px focus-visible ring
1922
1930
  // with offset, so keyboard users can see the focused card.
1923
1931
  g ? "cursor-pointer no-underline focus-ring" : null
1924
- ), p = h ? { role: "status", "aria-busy": !0, "aria-label": Er } : void 0, w = d ? { "--accent": d } : void 0, v = l ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null;
1932
+ ), p = h ? { role: "status", "aria-busy": !0, "aria-label": Er } : void 0, w = d ? { "--accent": d } : void 0, v = o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
1925
1933
  return s ? /* @__PURE__ */ f(
1926
1934
  "a",
1927
1935
  {
@@ -1989,12 +1997,12 @@ const Nr = {
1989
1997
  title: a,
1990
1998
  mimeType: r = "image/*",
1991
1999
  topLeft: i,
1992
- topRight: l,
1993
- isLoading: o = !1,
2000
+ topRight: o,
2001
+ isLoading: l = !1,
1994
2002
  onImageError: d
1995
2003
  }) => {
1996
2004
  const u = de(r), h = !!s && u === "video", m = ce(t);
1997
- return !o && Te(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
2005
+ return !l && Te(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
1998
2006
  "audio",
1999
2007
  {
2000
2008
  src: s,
@@ -2014,7 +2022,7 @@ const Nr = {
2014
2022
  h && "bg-black"
2015
2023
  ),
2016
2024
  children: [
2017
- o ? (
2025
+ l ? (
2018
2026
  // Reuses the placeholder fill: a fixed `bg-black/[0.06]` would be
2019
2027
  // invisible on the dark card's dark surface. Stock Tailwind only
2020
2028
  // — `animate-shimmer` exists in this package's own tailwind config but
@@ -2078,7 +2086,7 @@ const Nr = {
2078
2086
  }
2079
2087
  ),
2080
2088
  i ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-10", children: i }) : null,
2081
- l ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null
2089
+ o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null
2082
2090
  ]
2083
2091
  }
2084
2092
  );
@@ -2098,17 +2106,17 @@ function Ge({
2098
2106
  layout: a = "featured",
2099
2107
  thumbnailUrl: r,
2100
2108
  mimeType: i,
2101
- sourceUrl: l
2109
+ sourceUrl: o
2102
2110
  }) {
2103
- const [o, d] = P.useState(!1);
2111
+ const [l, d] = P.useState(!1);
2104
2112
  P.useEffect(() => {
2105
2113
  d(!1);
2106
2114
  }, [r]);
2107
2115
  const u = P.useCallback(() => {
2108
2116
  d(!0);
2109
- }, []), h = Te(i, l), c = a === "featured" && !!r && !h && !o && s === "ready" && t != null && Rr.test(t.trim()) ? Lr(t) : void 0, p = h ? Pn : Dr[e];
2117
+ }, []), h = Te(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Rr.test(t.trim()) ? Lr(t) : void 0, p = h ? Pn : Dr[e];
2110
2118
  return {
2111
- thumbnailUrl: o ? void 0 : r,
2119
+ thumbnailUrl: l ? void 0 : r,
2112
2120
  accentHex: c,
2113
2121
  chinTextColor: p,
2114
2122
  surface: h ? "light" : e,
@@ -2123,8 +2131,8 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2123
2131
  descriptionLines: a,
2124
2132
  url: r,
2125
2133
  mimeType: i,
2126
- thumbnailUrl: l,
2127
- sourceUrl: o,
2134
+ thumbnailUrl: o,
2135
+ sourceUrl: l,
2128
2136
  layout: d = "featured",
2129
2137
  appIcon: u,
2130
2138
  cta: h,
@@ -2134,14 +2142,14 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2134
2142
  onEditClick: p,
2135
2143
  dismissLabel: w = "Dismiss attachment"
2136
2144
  }) => {
2137
- const v = d === "classic", x = Te(i, o), b = Ge({
2145
+ const v = d === "classic", x = Te(i, l), b = Ge({
2138
2146
  variant: "dark",
2139
2147
  accentColor: m,
2140
2148
  status: g,
2141
2149
  layout: d,
2142
- thumbnailUrl: l,
2150
+ thumbnailUrl: o,
2143
2151
  mimeType: i,
2144
- sourceUrl: o
2152
+ sourceUrl: l
2145
2153
  }), y = c ? /* @__PURE__ */ n(
2146
2154
  "button",
2147
2155
  {
@@ -2152,7 +2160,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2152
2160
  Or,
2153
2161
  !x && Pr
2154
2162
  ),
2155
- children: /* @__PURE__ */ n(ot, { className: "size-3", weight: "bold" })
2163
+ children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
2156
2164
  }
2157
2165
  ) : void 0, _ = p ? /* @__PURE__ */ n(
2158
2166
  "button",
@@ -2169,7 +2177,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2169
2177
  Ie,
2170
2178
  {
2171
2179
  variant: "dark",
2172
- sourceUrl: o,
2180
+ sourceUrl: l,
2173
2181
  title: e,
2174
2182
  mimeType: i
2175
2183
  }
@@ -2189,7 +2197,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2189
2197
  {
2190
2198
  variant: "dark",
2191
2199
  thumbnailUrl: b.thumbnailUrl,
2192
- sourceUrl: o,
2200
+ sourceUrl: l,
2193
2201
  title: e,
2194
2202
  mimeType: i,
2195
2203
  topRight: y,
@@ -2249,8 +2257,8 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2249
2257
  url: a,
2250
2258
  mimeType: r,
2251
2259
  thumbnailUrl: i,
2252
- sourceUrl: l,
2253
- layout: o = "featured",
2260
+ sourceUrl: o,
2261
+ layout: l = "featured",
2254
2262
  appIcon: d,
2255
2263
  cta: u,
2256
2264
  accentColor: h,
@@ -2258,7 +2266,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2258
2266
  onClick: g,
2259
2267
  groupPosition: c = "single"
2260
2268
  }) => {
2261
- const p = bt(r, l), w = gt(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Te(r, l) ? vt : void 0, y = u && g ? {
2269
+ const p = bt(r, o), w = gt(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Te(r, o) ? vt : void 0, y = u && g ? {
2262
2270
  ...u,
2263
2271
  onClick: () => {
2264
2272
  var T;
@@ -2268,10 +2276,10 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2268
2276
  variant: "light",
2269
2277
  accentColor: h,
2270
2278
  status: m,
2271
- layout: o,
2279
+ layout: l,
2272
2280
  thumbnailUrl: i,
2273
2281
  mimeType: r,
2274
- sourceUrl: l
2282
+ sourceUrl: o
2275
2283
  });
2276
2284
  return /* @__PURE__ */ n(
2277
2285
  xt,
@@ -2286,18 +2294,18 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2286
2294
  href: v,
2287
2295
  onClick: x,
2288
2296
  ariaLabel: e ?? "Open attachment preview",
2289
- fixedHeight: o === "featured" && b == null,
2297
+ fixedHeight: l === "featured" && b == null,
2290
2298
  accentHex: _.accentHex,
2291
2299
  busy: _.isLoading,
2292
2300
  bgClassName: b,
2293
2301
  "data-testid": "link-attachment",
2294
2302
  children: [
2295
- o === "featured" && /* @__PURE__ */ n(
2303
+ l === "featured" && /* @__PURE__ */ n(
2296
2304
  Ie,
2297
2305
  {
2298
2306
  variant: "light",
2299
2307
  thumbnailUrl: _.thumbnailUrl,
2300
- sourceUrl: l,
2308
+ sourceUrl: o,
2301
2309
  title: e,
2302
2310
  mimeType: r,
2303
2311
  isLoading: _.isLoading,
@@ -2331,8 +2339,8 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2331
2339
  descriptionLines: a,
2332
2340
  url: r,
2333
2341
  mimeType: i,
2334
- thumbnailUrl: l,
2335
- sourceUrl: o,
2342
+ thumbnailUrl: o,
2343
+ sourceUrl: l,
2336
2344
  layout: d = "featured",
2337
2345
  appIcon: u,
2338
2346
  cta: h,
@@ -2341,14 +2349,14 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2341
2349
  onClick: c,
2342
2350
  groupPosition: p = "single"
2343
2351
  }) => {
2344
- const w = bt(i, o), v = gt(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, y = g !== "loading" && Te(i, o), _ = Ge({
2352
+ const w = bt(i, l), v = gt(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, y = g !== "loading" && Te(i, l), _ = Ge({
2345
2353
  variant: "dark",
2346
2354
  accentColor: m,
2347
2355
  status: g,
2348
2356
  layout: d,
2349
- thumbnailUrl: l,
2357
+ thumbnailUrl: o,
2350
2358
  mimeType: i,
2351
- sourceUrl: o
2359
+ sourceUrl: l
2352
2360
  });
2353
2361
  return /* @__PURE__ */ n(
2354
2362
  xt,
@@ -2372,7 +2380,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2372
2380
  {
2373
2381
  variant: "dark",
2374
2382
  thumbnailUrl: _.thumbnailUrl,
2375
- sourceUrl: o,
2383
+ sourceUrl: l,
2376
2384
  title: e,
2377
2385
  mimeType: i,
2378
2386
  isLoading: _.isLoading,
@@ -2433,12 +2441,12 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2433
2441
  groupPosition: a = "single",
2434
2442
  widthClassName: r = "w-[280px]",
2435
2443
  paddingClassName: i = "px-2 py-2",
2436
- radiusClassName: l,
2437
- className: o,
2444
+ radiusClassName: o,
2445
+ className: l,
2438
2446
  children: d,
2439
2447
  "data-testid": u
2440
2448
  }) => {
2441
- const h = t != null && t !== "", m = l ?? Vr[Hr(e)][a];
2449
+ const h = t != null && t !== "", m = o ?? Vr[Hr(e)][a];
2442
2450
  return /* @__PURE__ */ f(
2443
2451
  "div",
2444
2452
  {
@@ -2471,7 +2479,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2471
2479
  Ur[e],
2472
2480
  s && "border",
2473
2481
  s && jr[e],
2474
- o
2482
+ l
2475
2483
  ),
2476
2484
  children: [
2477
2485
  d,
@@ -2514,9 +2522,9 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2514
2522
  "flex size-6 items-center justify-center rounded-full text-white",
2515
2523
  t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
2516
2524
  ),
2517
- children: /* @__PURE__ */ n(ot, { className: "size-3", weight: "bold" })
2525
+ children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
2518
2526
  }
2519
- ), Le = (e) => e === "received" ? "light" : "dark", rl = ({
2527
+ ), Le = (e) => e === "received" ? "light" : "dark", ao = ({
2520
2528
  firstOfGroup: e,
2521
2529
  endOfGroup: t,
2522
2530
  groupedByUser: s
@@ -2544,20 +2552,20 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
2544
2552
  filename: a,
2545
2553
  items: r,
2546
2554
  text: i,
2547
- groupPosition: l,
2548
- preload: o,
2555
+ groupPosition: o,
2556
+ preload: l,
2549
2557
  onDismiss: d
2550
2558
  }) => {
2551
2559
  const u = Le(e), h = e === "composer" && !!d, m = Gr({ src: t, mimeType: s, filename: a, items: r });
2552
2560
  if (m.length === 0)
2553
2561
  return null;
2554
- const g = o ?? (m.length > 1 ? "none" : "metadata");
2562
+ const g = l ?? (m.length > 1 ? "none" : "metadata");
2555
2563
  return /* @__PURE__ */ n(
2556
2564
  Ae,
2557
2565
  {
2558
2566
  variant: u,
2559
2567
  text: i,
2560
- groupPosition: l,
2568
+ groupPosition: o,
2561
2569
  "data-testid": "audio-attachment",
2562
2570
  children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, p) => /* @__PURE__ */ n(
2563
2571
  Yr,
@@ -2638,8 +2646,8 @@ const ti = {
2638
2646
  mimeType: a = "application/octet-stream",
2639
2647
  fileSize: r,
2640
2648
  onActivate: i,
2641
- activateLabel: l,
2642
- trailingAction: o
2649
+ activateLabel: o,
2650
+ trailingAction: l
2643
2651
  }) => {
2644
2652
  const d = s ?? t ?? "File", u = ei(a, t, r), h = /* @__PURE__ */ n(
2645
2653
  "div",
@@ -2671,7 +2679,7 @@ const ti = {
2671
2679
  {
2672
2680
  type: "button",
2673
2681
  onClick: i,
2674
- "aria-label": l,
2682
+ "aria-label": o,
2675
2683
  className: N(
2676
2684
  "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
2677
2685
  e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
@@ -2687,7 +2695,7 @@ const ti = {
2687
2695
  ] });
2688
2696
  return /* @__PURE__ */ f("div", { className: "flex items-center gap-3 px-3 py-2", children: [
2689
2697
  g,
2690
- o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
2698
+ l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
2691
2699
  ] });
2692
2700
  };
2693
2701
  async function zn(e, t) {
@@ -2695,8 +2703,8 @@ async function zn(e, t) {
2695
2703
  try {
2696
2704
  const a = await fetch(e, { mode: "cors" });
2697
2705
  if (!a.ok) throw new Error(`HTTP ${a.status}`);
2698
- const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
2699
- l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
2706
+ const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
2707
+ o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
2700
2708
  } catch {
2701
2709
  if (!window.open(e, "_blank", "noopener,noreferrer")) {
2702
2710
  const r = document.createElement("a");
@@ -2739,8 +2747,8 @@ const ai = ({
2739
2747
  fileSize: a,
2740
2748
  mimeType: r,
2741
2749
  title: i,
2742
- items: l,
2743
- text: o,
2750
+ items: o,
2751
+ text: l,
2744
2752
  groupPosition: d,
2745
2753
  onClick: u,
2746
2754
  onDismiss: h
@@ -2751,7 +2759,7 @@ const ai = ({
2751
2759
  fileSize: a,
2752
2760
  mimeType: r,
2753
2761
  title: i,
2754
- items: l
2762
+ items: o
2755
2763
  }), p = (v) => {
2756
2764
  if ((u == null ? void 0 : u(v)) === !1) return;
2757
2765
  const x = c[v];
@@ -2776,7 +2784,7 @@ const ai = ({
2776
2784
  Ae,
2777
2785
  {
2778
2786
  variant: m,
2779
- text: o,
2787
+ text: l,
2780
2788
  groupPosition: d,
2781
2789
  "data-testid": "file-attachment",
2782
2790
  children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, x) => /* @__PURE__ */ n(
@@ -2792,10 +2800,10 @@ const ai = ({
2792
2800
  )) })
2793
2801
  }
2794
2802
  );
2795
- }, ii = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), oi = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), ci = {
2803
+ }, ii = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), li = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), oi = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), ci = {
2796
2804
  Composer: ii,
2797
- Sent: oi,
2798
- Received: li
2805
+ Sent: li,
2806
+ Received: oi
2799
2807
  }, $n = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", tn = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", yt = ({
2800
2808
  onPrev: e,
2801
2809
  onNext: t,
@@ -2829,16 +2837,16 @@ const ai = ({
2829
2837
  label: a = "Download",
2830
2838
  iconOnly: r,
2831
2839
  tone: i = "dark",
2832
- onTriggered: l
2840
+ onTriggered: o
2833
2841
  }) => {
2834
- const [o, d] = $(!1), u = K(
2842
+ const [l, d] = $(!1), u = K(
2835
2843
  (c) => {
2836
- c.stopPropagation(), !o && (d(!0), zn(e, t).catch(() => {
2844
+ c.stopPropagation(), !l && (d(!0), zn(e, t).catch(() => {
2837
2845
  }).finally(() => {
2838
- d(!1), l == null || l();
2846
+ d(!1), o == null || o();
2839
2847
  }));
2840
2848
  },
2841
- [o, e, t, l]
2849
+ [l, e, t, o]
2842
2850
  ), h = r ?? s !== "pill", g = { className: N(
2843
2851
  s === "pill" ? "size-4" : "size-5",
2844
2852
  "shrink-0"
@@ -2848,7 +2856,7 @@ const ai = ({
2848
2856
  {
2849
2857
  type: "button",
2850
2858
  onClick: u,
2851
- disabled: o,
2859
+ disabled: l,
2852
2860
  "aria-label": a,
2853
2861
  className: N(
2854
2862
  "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
@@ -2857,7 +2865,7 @@ const ai = ({
2857
2865
  light: "text-black/70 hover:bg-black/[0.08] hover:text-black"
2858
2866
  }[i]
2859
2867
  ),
2860
- children: o ? /* @__PURE__ */ n(
2868
+ children: l ? /* @__PURE__ */ n(
2861
2869
  be,
2862
2870
  {
2863
2871
  className: "size-4 animate-spin",
@@ -2878,24 +2886,24 @@ const ai = ({
2878
2886
  {
2879
2887
  type: "button",
2880
2888
  onClick: u,
2881
- disabled: o,
2889
+ disabled: l,
2882
2890
  "aria-label": a,
2883
2891
  className: $n,
2884
- children: o ? /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
2892
+ children: l ? /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
2885
2893
  }
2886
2894
  ) : /* @__PURE__ */ f(
2887
2895
  "button",
2888
2896
  {
2889
2897
  type: "button",
2890
2898
  onClick: u,
2891
- disabled: o,
2899
+ disabled: l,
2892
2900
  "aria-label": h ? a : void 0,
2893
2901
  className: N(
2894
2902
  "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
2895
2903
  i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
2896
2904
  ),
2897
2905
  children: [
2898
- o ? /* @__PURE__ */ n(
2906
+ l ? /* @__PURE__ */ n(
2899
2907
  be,
2900
2908
  {
2901
2909
  className: "size-4 animate-spin",
@@ -2918,9 +2926,9 @@ const ai = ({
2918
2926
  }, [s, t, e]), W(() => {
2919
2927
  i((d) => Qe(d, 0, Math.max(e - 1, 0)));
2920
2928
  }, [e]);
2921
- const l = K(() => {
2929
+ const o = K(() => {
2922
2930
  e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
2923
- }, [e]), o = K(() => {
2931
+ }, [e]), l = K(() => {
2924
2932
  e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
2925
2933
  }, [e]);
2926
2934
  return W(() => {
@@ -2928,10 +2936,10 @@ const ai = ({
2928
2936
  const d = (u) => {
2929
2937
  if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
2930
2938
  const h = document.activeElement;
2931
- h && (h.tagName === "VIDEO" || h.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? l() : o());
2939
+ h && (h.tagName === "VIDEO" || h.tagName === "AUDIO") || (u.preventDefault(), u.key === "ArrowLeft" ? o() : l());
2932
2940
  };
2933
2941
  return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
2934
- }, [s, e, l, o]), { index: r, prev: l, next: o };
2942
+ }, [s, e, o, l]), { index: r, prev: o, next: l };
2935
2943
  }, kt = ({
2936
2944
  open: e,
2937
2945
  onClose: t,
@@ -2939,12 +2947,12 @@ const ai = ({
2939
2947
  counter: a,
2940
2948
  actions: r,
2941
2949
  children: i,
2942
- "data-testid": l
2950
+ "data-testid": o
2943
2951
  }) => {
2944
- const o = V(null), d = V(null);
2952
+ const l = V(null), d = V(null);
2945
2953
  return W(() => {
2946
2954
  var g;
2947
- const m = o.current;
2955
+ const m = l.current;
2948
2956
  if (m) {
2949
2957
  if (e) {
2950
2958
  if (!m.open)
@@ -2990,15 +2998,15 @@ const ai = ({
2990
2998
  /* @__PURE__ */ f(
2991
2999
  "dialog",
2992
3000
  {
2993
- ref: o,
3001
+ ref: l,
2994
3002
  className: "mes-media-viewer",
2995
3003
  "aria-label": s ?? "Attachment viewer",
2996
- "data-testid": l,
3004
+ "data-testid": o,
2997
3005
  onClose: () => {
2998
3006
  t();
2999
3007
  },
3000
3008
  onClick: (m) => {
3001
- m.target === o.current && t();
3009
+ m.target === l.current && t();
3002
3010
  },
3003
3011
  children: [
3004
3012
  /* @__PURE__ */ f("div", { className: "pointer-events-none absolute inset-x-3 top-3 z-[1] flex items-center justify-between gap-3", children: [
@@ -3013,7 +3021,7 @@ const ai = ({
3013
3021
  onClick: t,
3014
3022
  "aria-label": "Close viewer",
3015
3023
  className: $n,
3016
- children: /* @__PURE__ */ n(ot, { size: 20, weight: "bold", "aria-hidden": !0 })
3024
+ children: /* @__PURE__ */ n(lt, { size: 20, weight: "bold", "aria-hidden": !0 })
3017
3025
  }
3018
3026
  )
3019
3027
  ] })
@@ -3028,15 +3036,15 @@ const ai = ({
3028
3036
  initialIndex: s = 0,
3029
3037
  onClose: a
3030
3038
  }) => {
3031
- const { index: r, prev: i, next: l } = Nt({
3039
+ const { index: r, prev: i, next: o } = Nt({
3032
3040
  length: t.length,
3033
3041
  initialIndex: s,
3034
3042
  open: e
3035
- }), o = t[r], d = oe(
3036
- () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "image"),
3037
- [o]
3043
+ }), l = t[r], d = le(
3044
+ () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "image"),
3045
+ [l]
3038
3046
  );
3039
- return o ? /* @__PURE__ */ f(
3047
+ return l ? /* @__PURE__ */ f(
3040
3048
  kt,
3041
3049
  {
3042
3050
  open: e,
@@ -3046,7 +3054,7 @@ const ai = ({
3046
3054
  actions: /* @__PURE__ */ n(
3047
3055
  Bn,
3048
3056
  {
3049
- url: o.src,
3057
+ url: l.src,
3050
3058
  filename: d,
3051
3059
  variant: "viewer",
3052
3060
  label: `Download ${d}`
@@ -3057,19 +3065,19 @@ const ai = ({
3057
3065
  e ? /* @__PURE__ */ n(
3058
3066
  "img",
3059
3067
  {
3060
- src: o.src,
3061
- alt: o.alt ?? d,
3068
+ src: l.src,
3069
+ alt: l.alt ?? d,
3062
3070
  draggable: !1,
3063
3071
  decoding: "async",
3064
3072
  className: "block h-auto max-h-[calc(100dvh-128px)] w-auto max-w-[min(96vw,1400px)] select-none object-contain"
3065
3073
  },
3066
- `${r}:${o.src}`
3074
+ `${r}:${l.src}`
3067
3075
  ) : null,
3068
3076
  t.length > 1 ? /* @__PURE__ */ n(
3069
3077
  yt,
3070
3078
  {
3071
3079
  onPrev: i,
3072
- onNext: l,
3080
+ onNext: o,
3073
3081
  prevLabel: "Previous image",
3074
3082
  nextLabel: "Next image"
3075
3083
  }
@@ -3096,12 +3104,12 @@ const ai = ({
3096
3104
  }) => {
3097
3105
  const i = e.length;
3098
3106
  if (i === 0) return null;
3099
- const l = e.slice(0, Math.min(i, s)), o = i - l.length, d = (h, m, g) => {
3107
+ const o = e.slice(0, Math.min(i, s)), l = i - o.length, d = (h, m, g) => {
3100
3108
  var p;
3101
3109
  const c = N(
3102
3110
  di,
3103
3111
  "h-full w-full",
3104
- (p = ui[l.length]) == null ? void 0 : p[m]
3112
+ (p = ui[o.length]) == null ? void 0 : p[m]
3105
3113
  );
3106
3114
  return t ? /* @__PURE__ */ f(
3107
3115
  "button",
@@ -3129,7 +3137,7 @@ const ai = ({
3129
3137
  width: `min(var(${mi}), ${Math.round(fi * a * 100) / 100}px)`,
3130
3138
  // Only bites in a container narrower than the width cap.
3131
3139
  maxWidth: "100%"
3132
- }), l.length === 1 ? /* @__PURE__ */ n(
3140
+ }), o.length === 1 ? /* @__PURE__ */ n(
3133
3141
  "div",
3134
3142
  {
3135
3143
  className: N(
@@ -3137,18 +3145,18 @@ const ai = ({
3137
3145
  r
3138
3146
  ),
3139
3147
  style: u,
3140
- children: d(l[0], 0)
3148
+ children: d(o[0], 0)
3141
3149
  }
3142
- ) : l.length === 2 ? /* @__PURE__ */ n(
3150
+ ) : o.length === 2 ? /* @__PURE__ */ n(
3143
3151
  "div",
3144
3152
  {
3145
3153
  className: N(
3146
3154
  "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
3147
3155
  r
3148
3156
  ),
3149
- children: l.map((h, m) => d(h, m))
3157
+ children: o.map((h, m) => d(h, m))
3150
3158
  }
3151
- ) : l.length === 3 ? /* @__PURE__ */ f(
3159
+ ) : o.length === 3 ? /* @__PURE__ */ f(
3152
3160
  "div",
3153
3161
  {
3154
3162
  className: N(
@@ -3156,9 +3164,9 @@ const ai = ({
3156
3164
  r
3157
3165
  ),
3158
3166
  children: [
3159
- /* @__PURE__ */ n("div", { className: "row-span-2", children: d(l[0], 0) }),
3160
- d(l[1], 1),
3161
- d(l[2], 2)
3167
+ /* @__PURE__ */ n("div", { className: "row-span-2", children: d(o[0], 0) }),
3168
+ d(o[1], 1),
3169
+ d(o[2], 2)
3162
3170
  ]
3163
3171
  }
3164
3172
  ) : /* @__PURE__ */ n(
@@ -3175,14 +3183,14 @@ const ai = ({
3175
3183
  "grid aspect-[379/286] w-full grid-cols-2 grid-rows-2 gap-0.5",
3176
3184
  r
3177
3185
  ),
3178
- children: l.map((h, m) => {
3179
- const g = o > 0 && m === l.length - 1;
3186
+ children: o.map((h, m) => {
3187
+ const g = l > 0 && m === o.length - 1;
3180
3188
  return d(
3181
3189
  h,
3182
3190
  m,
3183
3191
  g ? /* @__PURE__ */ f("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
3184
3192
  "+",
3185
- o
3193
+ l
3186
3194
  ] }) : null
3187
3195
  );
3188
3196
  })
@@ -3190,12 +3198,12 @@ const ai = ({
3190
3198
  );
3191
3199
  }, Me = (e) => {
3192
3200
  const [t, s] = $(!1), [a, r] = $(0), i = K(
3193
- (o) => {
3194
- (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
3201
+ (l) => {
3202
+ (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
3195
3203
  },
3196
3204
  [e]
3197
- ), l = K(() => s(!1), []);
3198
- return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
3205
+ ), o = K(() => s(!1), []);
3206
+ return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
3199
3207
  }, gi = ({
3200
3208
  item: e,
3201
3209
  index: t,
@@ -3233,7 +3241,7 @@ const ai = ({
3233
3241
  alt: s.alt,
3234
3242
  filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
3235
3243
  })), bi = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
3236
- const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: u } = Me(r);
3244
+ const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Me(r);
3237
3245
  return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
3238
3246
  /* @__PURE__ */ n(
3239
3247
  "button",
@@ -3259,9 +3267,9 @@ const ai = ({
3259
3267
  /* @__PURE__ */ n(
3260
3268
  Un,
3261
3269
  {
3262
- open: l,
3270
+ open: o,
3263
3271
  items: Hn([{ src: e, alt: t }], s),
3264
- initialIndex: o,
3272
+ initialIndex: l,
3265
3273
  onClose: u
3266
3274
  }
3267
3275
  )
@@ -3279,9 +3287,9 @@ const ai = ({
3279
3287
  ), i = P.useCallback(
3280
3288
  (d) => r(d.currentTarget),
3281
3289
  [r]
3282
- ), l = e != null && e.width && (e != null && e.height) ? e.width / e.height : void 0, o = s && s.src === t ? s.ratio : void 0;
3290
+ ), o = e != null && e.width && (e != null && e.height) ? e.width / e.height : void 0, l = s && s.src === t ? s.ratio : void 0;
3283
3291
  return {
3284
- ratio: l ?? o ?? vi,
3292
+ ratio: o ?? l ?? vi,
3285
3293
  imgRef: r,
3286
3294
  onLoad: i
3287
3295
  };
@@ -3292,8 +3300,8 @@ const ai = ({
3292
3300
  filename: a,
3293
3301
  items: r,
3294
3302
  text: i,
3295
- groupPosition: l,
3296
- loading: o = "lazy",
3303
+ groupPosition: o,
3304
+ loading: l = "lazy",
3297
3305
  onClick: d
3298
3306
  }) => {
3299
3307
  const u = pi({ src: t, alt: s, items: r }), h = Le(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Me(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
@@ -3304,7 +3312,7 @@ const ai = ({
3304
3312
  item: b,
3305
3313
  index: y,
3306
3314
  totalCount: u.length,
3307
- fallbackLoading: o,
3315
+ fallbackLoading: l,
3308
3316
  imgRef: w ? v.imgRef : void 0,
3309
3317
  onLoad: w ? v.onLoad : void 0
3310
3318
  })
@@ -3314,7 +3322,7 @@ const ai = ({
3314
3322
  {
3315
3323
  variant: h,
3316
3324
  text: i,
3317
- groupPosition: l,
3325
+ groupPosition: o,
3318
3326
  bordered: !1,
3319
3327
  widthClassName: w ? "w-fit max-w-[min(100%,313px)] sm:max-w-[min(100%,330px)]" : "w-[383px] max-w-full",
3320
3328
  paddingClassName: "p-0.5",
@@ -3351,18 +3359,18 @@ const ai = ({
3351
3359
  initialIndex: s = 0,
3352
3360
  onClose: a
3353
3361
  }) => {
3354
- const { index: r, prev: i, next: l } = Nt({
3362
+ const { index: r, prev: i, next: o } = Nt({
3355
3363
  length: t.length,
3356
3364
  initialIndex: s,
3357
3365
  open: e
3358
- }), o = t[r], d = oe(
3359
- () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "document"),
3360
- [o]
3361
- ), u = oe(
3362
- () => o ? Ci(o.src) : void 0,
3363
- [o]
3366
+ }), l = t[r], d = le(
3367
+ () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
3368
+ [l]
3369
+ ), u = le(
3370
+ () => l ? Ci(l.src) : void 0,
3371
+ [l]
3364
3372
  );
3365
- return !o || !u ? null : /* @__PURE__ */ f(
3373
+ return !l || !u ? null : /* @__PURE__ */ f(
3366
3374
  kt,
3367
3375
  {
3368
3376
  open: e,
@@ -3379,13 +3387,13 @@ const ai = ({
3379
3387
  className: "block h-[calc(100dvh-128px)] w-[min(96vw,1400px)] border-0 bg-white",
3380
3388
  sandbox: "allow-scripts allow-forms allow-popups allow-downloads"
3381
3389
  },
3382
- `${r}:${o.src}`
3390
+ `${r}:${l.src}`
3383
3391
  ),
3384
3392
  t.length > 1 ? /* @__PURE__ */ n(
3385
3393
  yt,
3386
3394
  {
3387
3395
  onPrev: i,
3388
- onNext: l,
3396
+ onNext: o,
3389
3397
  prevLabel: "Previous document",
3390
3398
  nextLabel: "Next document"
3391
3399
  }
@@ -3430,8 +3438,8 @@ const ai = ({
3430
3438
  fileSize: a,
3431
3439
  title: r,
3432
3440
  items: i,
3433
- text: l,
3434
- groupPosition: o,
3441
+ text: o,
3442
+ groupPosition: l,
3435
3443
  onClick: d,
3436
3444
  onDismiss: u
3437
3445
  }) => {
@@ -3446,8 +3454,8 @@ const ai = ({
3446
3454
  Ae,
3447
3455
  {
3448
3456
  variant: h,
3449
- text: l,
3450
- groupPosition: o,
3457
+ text: o,
3458
+ groupPosition: l,
3451
3459
  "data-testid": "pdf-attachment",
3452
3460
  children: [
3453
3461
  /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, y) => {
@@ -3495,15 +3503,15 @@ const ai = ({
3495
3503
  initialIndex: s = 0,
3496
3504
  onClose: a
3497
3505
  }) => {
3498
- const { index: r, prev: i, next: l } = Nt({
3506
+ const { index: r, prev: i, next: o } = Nt({
3499
3507
  length: t.length,
3500
3508
  initialIndex: s,
3501
3509
  open: e
3502
- }), o = t[r], d = oe(
3503
- () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "video"),
3504
- [o]
3510
+ }), l = t[r], d = le(
3511
+ () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "video"),
3512
+ [l]
3505
3513
  );
3506
- return o ? /* @__PURE__ */ f(
3514
+ return l ? /* @__PURE__ */ f(
3507
3515
  kt,
3508
3516
  {
3509
3517
  open: e,
@@ -3515,23 +3523,23 @@ const ai = ({
3515
3523
  /* @__PURE__ */ n(
3516
3524
  "video",
3517
3525
  {
3518
- src: o.src,
3519
- poster: o.poster,
3526
+ src: l.src,
3527
+ poster: l.poster,
3520
3528
  controls: !0,
3521
3529
  autoPlay: !0,
3522
3530
  muted: !0,
3523
3531
  playsInline: !0,
3524
- preload: o.preload ?? "metadata",
3532
+ preload: l.preload ?? "metadata",
3525
3533
  className: "block h-auto max-h-[calc(100dvh-128px)] w-auto max-w-[min(96vw,1400px)] bg-black",
3526
- children: o.mimeType ? /* @__PURE__ */ n("source", { src: o.src, type: o.mimeType }) : null
3534
+ children: l.mimeType ? /* @__PURE__ */ n("source", { src: l.src, type: l.mimeType }) : null
3527
3535
  },
3528
- `${r}:${o.src}`
3536
+ `${r}:${l.src}`
3529
3537
  ),
3530
3538
  t.length > 1 ? /* @__PURE__ */ n(
3531
3539
  yt,
3532
3540
  {
3533
3541
  onPrev: i,
3534
- onNext: l,
3542
+ onNext: o,
3535
3543
  prevLabel: "Previous video",
3536
3544
  nextLabel: "Next video"
3537
3545
  }
@@ -3577,8 +3585,8 @@ const ai = ({
3577
3585
  mimeType: s.mimeType,
3578
3586
  preload: s.preload,
3579
3587
  filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
3580
- })), Oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
3581
- const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: h } = Me(i);
3588
+ })), Oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
3589
+ const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = Me(i);
3582
3590
  return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
3583
3591
  /* @__PURE__ */ n(
3584
3592
  "button",
@@ -3590,11 +3598,11 @@ const ai = ({
3590
3598
  children: /* @__PURE__ */ n(Yn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
3591
3599
  }
3592
3600
  ),
3593
- l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Re, { onClick: l }) }) : null,
3601
+ o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Re, { onClick: o }) }) : null,
3594
3602
  /* @__PURE__ */ n(
3595
3603
  Gn,
3596
3604
  {
3597
- open: o,
3605
+ open: l,
3598
3606
  items: Wn([{ src: e, poster: t, mimeType: s, preload: r }], a),
3599
3607
  initialIndex: d,
3600
3608
  onClose: h
@@ -3608,8 +3616,8 @@ const ai = ({
3608
3616
  mimeType: a,
3609
3617
  filename: r,
3610
3618
  items: i,
3611
- text: l,
3612
- groupPosition: o,
3619
+ text: o,
3620
+ groupPosition: l,
3613
3621
  preload: d,
3614
3622
  onClick: u
3615
3623
  }) => {
@@ -3623,8 +3631,8 @@ const ai = ({
3623
3631
  Ae,
3624
3632
  {
3625
3633
  variant: m,
3626
- text: l,
3627
- groupPosition: o,
3634
+ text: o,
3635
+ groupPosition: l,
3628
3636
  "data-testid": "video-attachment",
3629
3637
  children: [
3630
3638
  /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(jn, { tiles: v, onTileActivate: p }) }),
@@ -3698,9 +3706,9 @@ function Ui(e) {
3698
3706
  function Xn(e) {
3699
3707
  if (!(e != null && e.length)) return [];
3700
3708
  const t = [], s = (r, i) => {
3701
- const l = t[t.length - 1];
3702
- if ((l == null ? void 0 : l.type) === "media" && l.kind === r) {
3703
- l.attachments.push(i);
3709
+ const o = t[t.length - 1];
3710
+ if ((o == null ? void 0 : o.type) === "media" && o.kind === r) {
3711
+ o.attachments.push(i);
3704
3712
  return;
3705
3713
  }
3706
3714
  t.push({ type: "media", kind: r, attachments: [i] });
@@ -3809,7 +3817,7 @@ const Ki = ({
3809
3817
  var v;
3810
3818
  const r = Xn(s.attachments);
3811
3819
  if (r.length === 0) return null;
3812
- const i = ji(r), l = (v = s.text) == null ? void 0 : v.trim(), o = r.find((x) => x.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? sn(o.attachments[0] ?? {}).url : void 0, u = l && Bi(l, d) ? void 0 : l;
3820
+ const i = ji(r), o = (v = s.text) == null ? void 0 : v.trim(), l = r.find((x) => x.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? sn(l.attachments[0] ?? {}).url : void 0, u = o && Bi(o, d) ? void 0 : o;
3813
3821
  let h = 0;
3814
3822
  const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", p = (x, b, y) => {
3815
3823
  const _ = t ? it.Sent : it.Received;
@@ -3894,8 +3902,8 @@ const Ki = ({
3894
3902
  endOfGroup: a,
3895
3903
  firstOfGroup: r,
3896
3904
  groupStyles: i,
3897
- groupedByUser: l,
3898
- handleAction: o,
3905
+ groupedByUser: o,
3906
+ handleAction: l,
3899
3907
  handleOpenThread: d,
3900
3908
  handleRetry: u,
3901
3909
  highlighted: h,
@@ -3919,18 +3927,18 @@ const Ki = ({
3919
3927
  ReminderNotification: Z = _s,
3920
3928
  StreamedMessageText: J = ys,
3921
3929
  PinIndicator: j
3922
- } = mn("CustomMessage"), k = Ns(c), D = ks(c), Y = oe(
3930
+ } = mn("CustomMessage"), k = Ns(c), D = ks(c), Y = le(
3923
3931
  () => m == null ? void 0 : m(c),
3924
3932
  [m, c]
3925
- ), U = oe(() => {
3933
+ ), U = le(() => {
3926
3934
  const he = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...he] : he;
3927
3935
  if (!ze(c)) return pe;
3928
3936
  const jt = pe.filter((Ht) => !("type" in Ht) || !Ve(Ht));
3929
3937
  return jt.length === pe.length ? pe : jt;
3930
- }, [c]), Q = oe(
3938
+ }, [c]), Q = le(
3931
3939
  () => Xn(U),
3932
3940
  [U]
3933
- ), X = oe(() => {
3941
+ ), X = le(() => {
3934
3942
  const he = kn({ message: c, viewerLanguage: v });
3935
3943
  return he === c.text ? c : { ...c, text: he };
3936
3944
  }, [c, v]), ne = Q.length > 0, ue = Q.reduce(
@@ -3961,7 +3969,7 @@ const Ki = ({
3961
3969
  "str-chat__message-with-thread-link": me || ie,
3962
3970
  "str-chat__virtual-message__wrapper--end": a,
3963
3971
  "str-chat__virtual-message__wrapper--first": r,
3964
- "str-chat__virtual-message__wrapper--group": l
3972
+ "str-chat__virtual-message__wrapper--group": o
3965
3973
  }
3966
3974
  ), Ye = c.poll_id && y.polls.fromState(c.poll_id), It = ur(c), ye = ze(c), ss = ht(c), We = !!(U != null && U.length && !c.quoted_message), Tt = ye && te && We, as = ne && ue && !c.quoted_message && !Ye && !Y && !ye, At = {
3967
3975
  contentType: "text",
@@ -4117,7 +4125,7 @@ const Ki = ({
4117
4125
  U != null && U.length && !c.quoted_message ? /* @__PURE__ */ n(
4118
4126
  M,
4119
4127
  {
4120
- actionHandler: o,
4128
+ actionHandler: l,
4121
4129
  attachments: U
4122
4130
  }
4123
4131
  ) : null,
@@ -4211,10 +4219,10 @@ const Ki = ({
4211
4219
  children: /* @__PURE__ */ n(fn, { size: 16, weight: "light", "aria-hidden": !0 })
4212
4220
  }
4213
4221
  );
4214
- }, eo = () => {
4222
+ }, el = () => {
4215
4223
  var t;
4216
4224
  const { message: e } = fe("CustomMessageActions");
4217
- return ((t = e.metadata) == null ? void 0 : t.custom_type) !== le.ATTACHMENT ? null : /* @__PURE__ */ n(
4225
+ return ((t = e.metadata) == null ? void 0 : t.custom_type) !== oe.ATTACHMENT ? null : /* @__PURE__ */ n(
4218
4226
  wa,
4219
4227
  {
4220
4228
  messageActionSet: [
@@ -4223,14 +4231,14 @@ const Ki = ({
4223
4231
  ]
4224
4232
  }
4225
4233
  );
4226
- }, to = (e) => ({
4234
+ }, tl = (e) => ({
4227
4235
  linkPreviews: Array.from(e.previews.values()).filter(
4228
4236
  (t) => nt.previewIsLoaded(t) || nt.previewIsLoading(t)
4229
4237
  )
4230
- }), no = () => {
4238
+ }), nl = () => {
4231
4239
  const { linkPreviewsManager: e } = As(), { linkPreviews: t } = Rs(
4232
4240
  e.state,
4233
- to
4241
+ tl
4234
4242
  ), s = (r) => {
4235
4243
  e.dismissPreview(r);
4236
4244
  };
@@ -4294,7 +4302,7 @@ const Ki = ({
4294
4302
  );
4295
4303
  }) })
4296
4304
  ) : null;
4297
- }, Be = P.createContext(!1), so = 200, il = () => xe(Be), ao = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
4305
+ }, Be = P.createContext(!1), sl = 200, ro = () => xe(Be), al = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
4298
4306
  "button",
4299
4307
  {
4300
4308
  ...s,
@@ -4307,20 +4315,20 @@ const Ki = ({
4307
4315
  }
4308
4316
  ), rn = () => {
4309
4317
  const e = xe(Be), { handleSubmit: t } = Ls(), s = Ms(), a = e || !s, {
4310
- SendButton: r = ao,
4318
+ SendButton: r = al,
4311
4319
  AttachmentPreviewList: i = Ds
4312
- } = mn("CustomMessageInput"), l = P.useRef(null);
4320
+ } = mn("CustomMessageInput"), o = P.useRef(null);
4313
4321
  return P.useEffect(() => {
4314
- const o = l.current;
4315
- if (!o || typeof ResizeObserver > "u")
4322
+ const l = o.current;
4323
+ if (!l || typeof ResizeObserver > "u")
4316
4324
  return;
4317
4325
  const d = new ResizeObserver(() => {
4318
- o.contains(document.activeElement) && (o.scrollTop = o.scrollHeight);
4326
+ l.contains(document.activeElement) && (l.scrollTop = l.scrollHeight);
4319
4327
  });
4320
- return d.observe(o), () => d.disconnect();
4328
+ return d.observe(l), () => d.disconnect();
4321
4329
  }, []), P.useEffect(() => {
4322
- const o = l.current;
4323
- if (!o)
4330
+ const l = o.current;
4331
+ if (!l)
4324
4332
  return;
4325
4333
  const d = (u) => {
4326
4334
  var m;
@@ -4328,7 +4336,7 @@ const Ki = ({
4328
4336
  (g) => g.kind === "file"
4329
4337
  ) || u.stopPropagation();
4330
4338
  };
4331
- return o.addEventListener("paste", d), () => o.removeEventListener("paste", d);
4339
+ return l.addEventListener("paste", d), () => l.removeEventListener("paste", d);
4332
4340
  }, []), // This card is the composer's ONE scroll container: staged previews and the
4333
4341
  // textarea row scroll together past a cap, instead of the previews being
4334
4342
  // squeezed to keep the row in view (MES-1037). Nothing inside may shrink, or
@@ -4367,13 +4375,13 @@ const Ki = ({
4367
4375
  /* @__PURE__ */ f(
4368
4376
  "div",
4369
4377
  {
4370
- ref: l,
4378
+ ref: o,
4371
4379
  className: "central-container flex flex-col min-w-0 w-full max-h-[calc(var(--messaging-surface-height,100dvh)*0.5)] overflow-y-auto overscroll-contain bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)] [&>:not(.messaging-composer-previews):not(.messaging-composer-row)]:p-2",
4372
4380
  "data-dd-privacy": "mask",
4373
4381
  children: [
4374
4382
  /* @__PURE__ */ f("div", { className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2", children: [
4375
4383
  /* @__PURE__ */ n(Os, {}),
4376
- /* @__PURE__ */ n(no, {}),
4384
+ /* @__PURE__ */ n(nl, {}),
4377
4385
  /* @__PURE__ */ n(i, {})
4378
4386
  ] }),
4379
4387
  /* @__PURE__ */ f("div", { className: "messaging-composer-row flex items-start", children: [
@@ -4405,14 +4413,14 @@ const Ki = ({
4405
4413
  ]
4406
4414
  }
4407
4415
  );
4408
- }, on = () => /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
4416
+ }, ln = () => /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
4409
4417
  /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
4410
4418
  /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
4411
4419
  /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
4412
4420
  /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
4413
4421
  /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
4414
4422
  /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-gradient" })
4415
- ] }), ln = ({
4423
+ ] }), on = ({
4416
4424
  renderActions: e,
4417
4425
  renderHeader: t,
4418
4426
  renderFooter: s,
@@ -4421,7 +4429,7 @@ const Ki = ({
4421
4429
  composerInput: i
4422
4430
  }) => {
4423
4431
  var h;
4424
- const { channel: l } = we(), o = ((h = l == null ? void 0 : l.data) == null ? void 0 : h.frozen) === !0, d = !!i, u = P.useRef(null);
4432
+ const { channel: o } = we(), l = ((h = o == null ? void 0 : o.data) == null ? void 0 : h.frozen) === !0, d = !!i, u = P.useRef(null);
4425
4433
  return P.useEffect(() => {
4426
4434
  if (!d)
4427
4435
  return;
@@ -4434,7 +4442,7 @@ const Ki = ({
4434
4442
  c = v;
4435
4443
  const b = Array.from(
4436
4444
  g.querySelectorAll(".str-chat__list")
4437
- ).find((_) => _.scrollHeight > _.clientHeight) ?? null, y = b ? b.scrollHeight - b.scrollTop - b.clientHeight < so : !1;
4445
+ ).find((_) => _.scrollHeight > _.clientHeight) ?? null, y = b ? b.scrollHeight - b.scrollTop - b.clientHeight < sl : !1;
4438
4446
  g.style.setProperty(
4439
4447
  "--messaging-composer-height",
4440
4448
  `${v}px`
@@ -4452,7 +4460,7 @@ const Ki = ({
4452
4460
  ref: u,
4453
4461
  className: "messaging-composer-chrome messaging-composer-chrome--floating",
4454
4462
  children: [
4455
- /* @__PURE__ */ n(on, {}),
4463
+ /* @__PURE__ */ n(ln, {}),
4456
4464
  /* @__PURE__ */ f("div", { className: "relative z-10 flex flex-col", children: [
4457
4465
  t == null ? void 0 : t(),
4458
4466
  /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
@@ -4470,19 +4478,19 @@ const Ki = ({
4470
4478
  ref: u,
4471
4479
  className: "messaging-composer-chrome messaging-composer-chrome--floating",
4472
4480
  children: [
4473
- /* @__PURE__ */ n(on, {}),
4481
+ /* @__PURE__ */ n(ln, {}),
4474
4482
  /* @__PURE__ */ f("div", { className: "relative z-10 flex min-h-0 flex-col", children: [
4475
4483
  t == null ? void 0 : t(),
4476
4484
  /* @__PURE__ */ f("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
4477
4485
  /* @__PURE__ */ f(
4478
4486
  "div",
4479
4487
  {
4480
- inert: o ? "" : void 0,
4481
- "aria-disabled": o || void 0,
4488
+ inert: l ? "" : void 0,
4489
+ "aria-disabled": l || void 0,
4482
4490
  className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
4483
4491
  children: [
4484
4492
  e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
4485
- /* @__PURE__ */ n(Be.Provider, { value: o, children: /* @__PURE__ */ n(Vt, { Input: i ?? rn }) })
4493
+ /* @__PURE__ */ n(Be.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: i ?? rn }) })
4486
4494
  ]
4487
4495
  }
4488
4496
  ),
@@ -4496,28 +4504,28 @@ const Ki = ({
4496
4504
  /* @__PURE__ */ f(
4497
4505
  "div",
4498
4506
  {
4499
- inert: o ? "" : void 0,
4500
- "aria-disabled": o || void 0,
4507
+ inert: l ? "" : void 0,
4508
+ "aria-disabled": l || void 0,
4501
4509
  className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
4502
4510
  children: [
4503
4511
  e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
4504
- /* @__PURE__ */ n(Be.Provider, { value: o, children: /* @__PURE__ */ n(Vt, { Input: rn }) })
4512
+ /* @__PURE__ */ n(Be.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: rn }) })
4505
4513
  ]
4506
4514
  }
4507
4515
  ),
4508
4516
  s == null ? void 0 : s()
4509
4517
  ] });
4510
- }, ro = {
4518
+ }, rl = {
4511
4519
  SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
4512
4520
  SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
4513
- }, io = ["SYSTEM_AGE_SAFETY_BLOCKED"], oo = {
4521
+ }, il = ["SYSTEM_AGE_SAFETY_BLOCKED"], ll = {
4514
4522
  SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
4515
- }, et = "age safety guidelines.", lo = "https://linktr.ee/s/about/contact", co = (e) => io.includes(
4523
+ }, et = "age safety guidelines.", ol = "https://linktr.ee/s/about/contact", cl = (e) => il.includes(
4516
4524
  e
4517
- ), uo = (e) => {
4525
+ ), dl = (e) => {
4518
4526
  var t;
4519
- return co((t = e.metadata) == null ? void 0 : t.custom_type);
4520
- }, mo = (e) => {
4527
+ return cl((t = e.metadata) == null ? void 0 : t.custom_type);
4528
+ }, ul = (e) => {
4521
4529
  var a;
4522
4530
  const t = (a = e.metadata) == null ? void 0 : a.custom_type;
4523
4531
  if (Yt(t))
@@ -4536,7 +4544,7 @@ const Ki = ({
4536
4544
  kind: "dm-agent",
4537
4545
  type: s
4538
4546
  };
4539
- }, ho = (e) => {
4547
+ }, ml = (e) => {
4540
4548
  const t = e.indexOf(et);
4541
4549
  if (t === -1)
4542
4550
  return e;
@@ -4546,7 +4554,7 @@ const Ki = ({
4546
4554
  /* @__PURE__ */ n(
4547
4555
  "a",
4548
4556
  {
4549
- href: lo,
4557
+ href: ol,
4550
4558
  target: "_blank",
4551
4559
  rel: "noopener noreferrer",
4552
4560
  className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -4555,13 +4563,13 @@ const Ki = ({
4555
4563
  ),
4556
4564
  e.slice(s)
4557
4565
  ] });
4558
- }, fo = (e) => {
4566
+ }, hl = (e) => {
4559
4567
  var a, r;
4560
- const t = !uo(e.message), s = mo(
4568
+ const t = !dl(e.message), s = ul(
4561
4569
  e.message
4562
4570
  );
4563
4571
  if ((s == null ? void 0 : s.kind) === "dm-agent") {
4564
- const i = ((a = e.message.text) == null ? void 0 : a.trim()) || ro[s.type];
4572
+ const i = ((a = e.message.text) == null ? void 0 : a.trim()) || rl[s.type];
4565
4573
  return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
4566
4574
  /* @__PURE__ */ f(
4567
4575
  "div",
@@ -4587,7 +4595,7 @@ const Ki = ({
4587
4595
  ] });
4588
4596
  }
4589
4597
  if ((s == null ? void 0 : s.kind) === "age-safety") {
4590
- const i = ((r = e.message.text) == null ? void 0 : r.trim()) || oo[s.type];
4598
+ const i = ((r = e.message.text) == null ? void 0 : r.trim()) || ll[s.type];
4591
4599
  return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
4592
4600
  /* @__PURE__ */ f(
4593
4601
  "div",
@@ -4606,7 +4614,7 @@ const Ki = ({
4606
4614
  "data-testid": "age-safety-system-message-icon"
4607
4615
  }
4608
4616
  ),
4609
- /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("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: ho(i) }) })
4617
+ /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("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: ml(i) }) })
4610
4618
  ]
4611
4619
  }
4612
4620
  ),
@@ -4631,15 +4639,15 @@ const Ki = ({
4631
4639
  begin: `${120 * t}ms`,
4632
4640
  repeatCount: "indefinite"
4633
4641
  }
4634
- ) }), go = /* @__PURE__ */ new Set([
4642
+ ) }), fl = /* @__PURE__ */ new Set([
4635
4643
  Xe.Thinking,
4636
4644
  Xe.Generating,
4637
4645
  Xe.ExternalSources
4638
- ]), po = ({ threadList: e }) => {
4646
+ ]), gl = ({ threadList: e }) => {
4639
4647
  var p, w;
4640
- const { channel: t, channelConfig: s, thread: a } = we(), { client: r } = He(), { typing: i = {} } = Fs(), { aiState: l } = zs(t), o = xe(qn);
4641
- if (!e && o && go.has(l)) {
4642
- const v = bo(t, (p = r.user) == null ? void 0 : p.id);
4648
+ const { channel: t, channelConfig: s, thread: a } = we(), { client: r } = He(), { typing: i = {} } = Fs(), { aiState: o } = zs(t), l = xe(qn);
4649
+ if (!e && l && fl.has(o)) {
4650
+ const v = pl(t, (p = r.user) == null ? void 0 : p.id);
4643
4651
  return /* @__PURE__ */ n(
4644
4652
  cn,
4645
4653
  {
@@ -4722,7 +4730,7 @@ const Ki = ({
4722
4730
  ] })
4723
4731
  }
4724
4732
  );
4725
- function bo(e, t) {
4733
+ function pl(e, t) {
4726
4734
  var a;
4727
4735
  const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
4728
4736
  for (const r of Object.values(s)) {
@@ -4731,7 +4739,7 @@ function bo(e, t) {
4731
4739
  return i;
4732
4740
  }
4733
4741
  }
4734
- const vo = () => null, xo = ({ className: e, message: t }) => /* @__PURE__ */ f(
4742
+ const bl = () => null, vl = ({ className: e, message: t }) => /* @__PURE__ */ f(
4735
4743
  "div",
4736
4744
  {
4737
4745
  className: N("flex items-center justify-center h-full", e),
@@ -4775,19 +4783,19 @@ const vo = () => null, xo = ({ className: e, message: t }) => /* @__PURE__ */ f(
4775
4783
  ]
4776
4784
  }
4777
4785
  ), Ue = P.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ f("div", { className: "flex items-center", children: [
4778
- /* @__PURE__ */ n(xo, { className: "w-6 h-6" }),
4786
+ /* @__PURE__ */ n(vl, { className: "w-6 h-6" }),
4779
4787
  /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
4780
4788
  ] }) }));
4781
4789
  Ue.displayName = "LoadingState";
4782
- const wo = ({
4790
+ const xl = ({
4783
4791
  onBack: e,
4784
4792
  showBackButton: t,
4785
4793
  renderMessageInputActions: s,
4786
4794
  renderMessageInputFooter: a,
4787
4795
  renderConversationFooter: r,
4788
4796
  onLeaveConversation: i,
4789
- onBlockParticipant: l,
4790
- showDeleteConversation: o = !0,
4797
+ onBlockParticipant: o,
4798
+ showDeleteConversation: l = !0,
4791
4799
  onDeleteConversationClick: d,
4792
4800
  onBlockParticipantClick: u,
4793
4801
  onReportParticipantClick: h,
@@ -4825,8 +4833,8 @@ const wo = ({
4825
4833
  showChannelInfo: T,
4826
4834
  showStarButton: w,
4827
4835
  onLeaveConversation: i,
4828
- onBlockParticipant: l,
4829
- showDeleteConversation: o,
4836
+ onBlockParticipant: o,
4837
+ showDeleteConversation: l,
4830
4838
  showBlockParticipant: m,
4831
4839
  showReportParticipant: g,
4832
4840
  onDeleteConversationClick: d,
@@ -4855,7 +4863,7 @@ const wo = ({
4855
4863
  {
4856
4864
  overrides: {
4857
4865
  Message: ee,
4858
- MessageActions: eo,
4866
+ MessageActions: el,
4859
4867
  UnreadMessagesNotification: () => null,
4860
4868
  UnreadMessagesSeparator: () => null
4861
4869
  },
@@ -4885,7 +4893,7 @@ const wo = ({
4885
4893
  "lt-channel-message-list"
4886
4894
  ),
4887
4895
  /* @__PURE__ */ n(
4888
- ln,
4896
+ on,
4889
4897
  {
4890
4898
  ...s && {
4891
4899
  renderActions: () => s == null ? void 0 : s(R)
@@ -4927,7 +4935,7 @@ const wo = ({
4927
4935
  ),
4928
4936
  r ? /* @__PURE__ */ n(P.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
4929
4937
  /* @__PURE__ */ n(
4930
- ln,
4938
+ on,
4931
4939
  {
4932
4940
  ...s && {
4933
4941
  renderActions: () => s == null ? void 0 : s(R)
@@ -4950,10 +4958,10 @@ const wo = ({
4950
4958
  renderMessageInputActions: a,
4951
4959
  renderMessageInputFooter: r,
4952
4960
  renderConversationFooter: i,
4953
- onLeaveConversation: l,
4954
- onBlockParticipant: o,
4961
+ onLeaveConversation: o,
4962
+ onBlockParticipant: l,
4955
4963
  className: d,
4956
- CustomChannelEmptyState: u = vo,
4964
+ CustomChannelEmptyState: u = bl,
4957
4965
  showDeleteConversation: h = !0,
4958
4966
  onDeleteConversationClick: m,
4959
4967
  onBlockParticipantClick: g,
@@ -5026,24 +5034,24 @@ const wo = ({
5026
5034
  $s,
5027
5035
  {
5028
5036
  channel: e,
5029
- MessageSystem: fo,
5037
+ MessageSystem: hl,
5030
5038
  EmptyStateIndicator: u,
5031
5039
  LoadingIndicator: Ue,
5032
5040
  DateSeparator: Ma,
5033
- TypingIndicator: po,
5041
+ TypingIndicator: gl,
5034
5042
  doSendMessageRequest: ee,
5035
5043
  ...I ? { SendButton: I } : {},
5036
5044
  ...M ? { AttachmentPreviewList: M } : {},
5037
5045
  children: /* @__PURE__ */ n(
5038
- wo,
5046
+ xl,
5039
5047
  {
5040
5048
  onBack: t,
5041
5049
  showBackButton: s,
5042
5050
  renderMessageInputActions: a,
5043
5051
  renderMessageInputFooter: r,
5044
5052
  renderConversationFooter: i,
5045
- onLeaveConversation: l,
5046
- onBlockParticipant: o,
5053
+ onLeaveConversation: o,
5054
+ onBlockParticipant: l,
5047
5055
  CustomChannelEmptyState: u,
5048
5056
  showDeleteConversation: h,
5049
5057
  onDeleteConversationClick: m,
@@ -5088,15 +5096,15 @@ const Ce = P.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
5088
5096
  )
5089
5097
  ] }) }));
5090
5098
  Ce.displayName = "ErrorState";
5091
- const ol = ({
5099
+ const io = ({
5092
5100
  capabilities: e = {},
5093
5101
  renderMessageInputActions: t,
5094
5102
  renderConversationFooter: s,
5095
5103
  onChannelSelect: a,
5096
5104
  onExitConversation: r,
5097
5105
  initialParticipantFilter: i,
5098
- initialParticipantData: l,
5099
- CustomChannelEmptyState: o,
5106
+ initialParticipantData: o,
5107
+ CustomChannelEmptyState: l,
5100
5108
  onBlockParticipantClick: d,
5101
5109
  onReportParticipantClick: u,
5102
5110
  dmAgentEnabled: h,
@@ -5121,8 +5129,8 @@ const ol = ({
5121
5129
  refreshConnection: I,
5122
5130
  service: M,
5123
5131
  debug: S
5124
- } = _a(), [C, A] = $(null), [O, B] = $(null), [G, ee] = $(!1), { showDeleteConversation: Z = !0 } = e, J = V(l);
5125
- J.current = l;
5132
+ } = _a(), [C, A] = $(null), [O, B] = $(null), [G, ee] = $(!1), { showDeleteConversation: Z = !0 } = e, J = V(o);
5133
+ J.current = o;
5126
5134
  const j = V(a);
5127
5135
  j.current = a;
5128
5136
  const k = V(null), D = V(null);
@@ -5213,7 +5221,7 @@ const ol = ({
5213
5221
  renderChannelBanner: c,
5214
5222
  onLeaveConversation: U,
5215
5223
  onBlockParticipant: U,
5216
- CustomChannelEmptyState: o,
5224
+ CustomChannelEmptyState: l,
5217
5225
  showDeleteConversation: Z,
5218
5226
  onBlockParticipantClick: d,
5219
5227
  onReportParticipantClick: u,
@@ -5233,7 +5241,7 @@ const ol = ({
5233
5241
  C.id
5234
5242
  ) }) }) : /* @__PURE__ */ n(Ue, {});
5235
5243
  };
5236
- function _o(e) {
5244
+ function wl(e) {
5237
5245
  const t = e.state.pending_messages;
5238
5246
  if (t != null && t.length)
5239
5247
  for (const s of t)
@@ -5247,14 +5255,14 @@ const Jn = P.createContext({
5247
5255
  renderMessagePreview: void 0,
5248
5256
  channelPreview: void 0,
5249
5257
  viewerLanguage: void 0
5250
- }), yo = Jn.Provider, No = () => P.useContext(Jn), ko = (e, t) => {
5258
+ }), _l = Jn.Provider, yl = () => P.useContext(Jn), Nl = (e, t) => {
5251
5259
  const s = Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()), a = Date.UTC(t.getFullYear(), t.getMonth(), t.getDate());
5252
5260
  return Math.floor((a - s) / (1e3 * 60 * 60 * 24));
5253
- }, Co = (e) => {
5261
+ }, kl = (e) => {
5254
5262
  const t = /* @__PURE__ */ new Date();
5255
5263
  if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
5256
5264
  return "Just now";
5257
- const a = ko(e, t);
5265
+ const a = Nl(e, t);
5258
5266
  return a === 0 ? e.toLocaleTimeString([], {
5259
5267
  hour: "numeric",
5260
5268
  minute: "2-digit",
@@ -5274,13 +5282,13 @@ const Jn = P.createContext({
5274
5282
  selectedChannel: a,
5275
5283
  onChannelSelect: r,
5276
5284
  debug: i,
5277
- channelPreview: l,
5278
- renderMessagePreview: o,
5285
+ channelPreview: o,
5286
+ renderMessagePreview: l,
5279
5287
  viewerLanguage: d
5280
- } = No(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = wn(t);
5281
- if (l)
5288
+ } = yl(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = wn(t);
5289
+ if (o)
5282
5290
  return /* @__PURE__ */ n(
5283
- l,
5291
+ o,
5284
5292
  {
5285
5293
  ...e,
5286
5294
  active: h,
@@ -5311,11 +5319,11 @@ const Jn = P.createContext({
5311
5319
  message: x,
5312
5320
  viewerLanguage: d
5313
5321
  }), { custom_type: M, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
5314
- if (M === le.TIP)
5322
+ if (M === oe.TIP)
5315
5323
  return I || "Sent a tip";
5316
- if (M === le.PAID)
5324
+ if (M === oe.PAID)
5317
5325
  return I || "Sent a message";
5318
- if (M === le.ATTACHMENT) {
5326
+ if (M === oe.ATTACHMENT) {
5319
5327
  if (S === "text")
5320
5328
  return "🔒 Sent a locked message";
5321
5329
  if (S === "media")
@@ -5324,7 +5332,7 @@ const Jn = P.createContext({
5324
5332
  if (I) return I;
5325
5333
  const C = (A = x == null ? void 0 : x.attachments) == null ? void 0 : A[0];
5326
5334
  return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
5327
- })(), _ = x != null && x.created_at ? Co(new Date(x.created_at)) : "", T = x ? ze(x) : !1, L = o ? o(x, y) : `${T ? "✨ " : ""}${y}`, E = s ?? 0;
5335
+ })(), _ = x != null && x.created_at ? kl(new Date(x.created_at)) : "", T = x ? ze(x) : !1, L = l ? l(x, y) : `${T ? "✨ " : ""}${y}`, E = s ?? 0;
5328
5336
  return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
5329
5337
  channelId: t == null ? void 0 : t.id,
5330
5338
  isSelected: h,
@@ -5384,16 +5392,16 @@ const Jn = P.createContext({
5384
5392
  }
5385
5393
  );
5386
5394
  Qn.displayName = "CustomChannelPreview";
5387
- const So = { last_message_at: -1 }, Eo = P.memo(
5395
+ const Cl = { last_message_at: -1 }, Sl = P.memo(
5388
5396
  ({
5389
5397
  onChannelSelect: e,
5390
5398
  selectedChannel: t,
5391
5399
  filters: s,
5392
5400
  allowNewMessagesFromUnfilteredChannels: a = !1,
5393
5401
  channelRenderFilterFn: r,
5394
- sort: i = So,
5395
- className: l,
5396
- customEmptyStateIndicator: o,
5402
+ sort: i = Cl,
5403
+ className: o,
5404
+ customEmptyStateIndicator: l,
5397
5405
  channelListPaginator: d = Hs,
5398
5406
  channelPreview: u,
5399
5407
  renderMessagePreview: h,
@@ -5407,10 +5415,10 @@ const So = { last_message_at: -1 }, Eo = P.memo(
5407
5415
  }) => {
5408
5416
  const b = P.useRef(0);
5409
5417
  b.current++;
5410
- const { debug: y = !1 } = lt(), _ = P.useCallback(
5418
+ const { debug: y = !1 } = ot(), _ = P.useCallback(
5411
5419
  (L) => {
5412
5420
  for (const E of L)
5413
- _o(E);
5421
+ wl(E);
5414
5422
  return r ? r(L) : L;
5415
5423
  },
5416
5424
  [r]
@@ -5443,9 +5451,9 @@ const So = { last_message_at: -1 }, Eo = P.memo(
5443
5451
  {
5444
5452
  className: N(
5445
5453
  "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
5446
- l
5454
+ o
5447
5455
  ),
5448
- children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(yo, { value: T, children: /* @__PURE__ */ n(
5456
+ children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(_l, { value: T, children: /* @__PURE__ */ n(
5449
5457
  js,
5450
5458
  {
5451
5459
  filters: s,
@@ -5461,7 +5469,7 @@ const So = { last_message_at: -1 }, Eo = P.memo(
5461
5469
  onChannelUpdated: x,
5462
5470
  Paginator: d,
5463
5471
  Preview: Qn,
5464
- EmptyStateIndicator: o
5472
+ EmptyStateIndicator: l
5465
5473
  },
5466
5474
  `${JSON.stringify(s)}:${JSON.stringify(i)}`
5467
5475
  ) }) })
@@ -5469,8 +5477,8 @@ const So = { last_message_at: -1 }, Eo = P.memo(
5469
5477
  );
5470
5478
  }
5471
5479
  );
5472
- Eo.displayName = "ChannelList";
5473
- const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", To = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", dn = ({ surface: e, actions: t, layout: s }) => {
5480
+ Sl.displayName = "ChannelList";
5481
+ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", Il = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", dn = ({ surface: e, actions: t, layout: s }) => {
5474
5482
  if (t == null || t.length === 0) return null;
5475
5483
  const a = s === "stacked";
5476
5484
  return /* @__PURE__ */ n(
@@ -5496,31 +5504,31 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5496
5504
  ))
5497
5505
  }
5498
5506
  );
5499
- }, Ao = ({
5507
+ }, Tl = ({
5500
5508
  ctaSurface: e,
5501
5509
  chinTextColor: t,
5502
5510
  title: s,
5503
5511
  subtitle: a,
5504
5512
  subtitleLines: r = 3,
5505
5513
  appIcon: i,
5506
- actions: l
5514
+ actions: o
5507
5515
  }) => {
5508
5516
  var p;
5509
- const o = s != null && s.trim() !== "", d = a != null && a.trim() !== "", u = l != null && l.length > 0;
5510
- if (!o && !d && !u) return null;
5517
+ const l = s != null && s.trim() !== "", d = a != null && a.trim() !== "", u = o != null && o.length > 0;
5518
+ if (!l && !d && !u) return null;
5511
5519
  const h = { color: t }, m = r > 1 ? {
5512
5520
  ...h,
5513
5521
  display: "-webkit-box",
5514
5522
  WebkitBoxOrient: "vertical",
5515
5523
  WebkitLineClamp: r,
5516
5524
  overflow: "hidden"
5517
- } : h, g = u && (((p = l == null ? void 0 : l[0]) == null ? void 0 : p.variant) ?? "primary") === "secondary", c = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
5518
- o && /* @__PURE__ */ f("div", { className: "flex min-w-0 items-center gap-2", children: [
5525
+ } : h, g = u && (((p = o == null ? void 0 : o[0]) == null ? void 0 : p.variant) ?? "primary") === "secondary", c = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
5526
+ l && /* @__PURE__ */ f("div", { className: "flex min-w-0 items-center gap-2", children: [
5519
5527
  i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
5520
5528
  /* @__PURE__ */ n(
5521
5529
  "p",
5522
5530
  {
5523
- className: N("min-w-0", Io),
5531
+ className: N("min-w-0", El),
5524
5532
  style: h,
5525
5533
  children: s
5526
5534
  }
@@ -5530,7 +5538,7 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5530
5538
  "p",
5531
5539
  {
5532
5540
  className: N(
5533
- To,
5541
+ Il,
5534
5542
  r > 1 && "whitespace-pre-line",
5535
5543
  r <= 1 && "truncate"
5536
5544
  ),
@@ -5541,50 +5549,50 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5541
5549
  ] });
5542
5550
  return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: g ? /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-3", children: [
5543
5551
  c,
5544
- /* @__PURE__ */ n(dn, { surface: e, actions: l, layout: "row" })
5552
+ /* @__PURE__ */ n(dn, { surface: e, actions: o, layout: "row" })
5545
5553
  ] }) : /* @__PURE__ */ f(q, { children: [
5546
5554
  c,
5547
5555
  /* @__PURE__ */ n(
5548
5556
  dn,
5549
5557
  {
5550
5558
  surface: e,
5551
- actions: l,
5559
+ actions: o,
5552
5560
  layout: "stacked"
5553
5561
  }
5554
5562
  )
5555
5563
  ] }) });
5556
- }, Ro = {
5564
+ }, Al = {
5557
5565
  dark: "bg-white/[0.06]",
5558
5566
  light: "bg-black/[0.04]"
5559
- }, Lo = {
5567
+ }, Rl = {
5560
5568
  1: [0],
5561
5569
  2: [-10, 10],
5562
5570
  3: [-13, 0, 13]
5563
- }, Mo = {
5571
+ }, Ll = {
5564
5572
  1: [0],
5565
5573
  2: [-26, 26],
5566
5574
  3: [-40, 0, 40]
5567
- }, Do = {
5575
+ }, Ml = {
5568
5576
  1: [0],
5569
5577
  2: [0, 1],
5570
5578
  3: [1, 3, 2]
5571
- }, Oo = {
5579
+ }, Dl = {
5572
5580
  1: [1],
5573
5581
  2: [1, 1],
5574
5582
  3: [1, 1.08, 1]
5575
- }, Po = ({ variant: e, images: t }) => {
5583
+ }, Ol = ({ variant: e, images: t }) => {
5576
5584
  const [s, a] = P.useState({}), r = t.join(`
5577
- `), [i, l] = P.useState(r);
5578
- r !== i && (l(r), a({}));
5579
- const o = t.slice(0, 3).map((c, p) => ({ src: c, index: p })).filter(({ index: c }) => !s[c]), d = o.length >= 3 ? 3 : o.length === 2 ? 2 : 1, u = Lo[d], h = Mo[d], m = Do[d], g = Oo[d];
5585
+ `), [i, o] = P.useState(r);
5586
+ r !== i && (o(r), a({}));
5587
+ const l = t.slice(0, 3).map((c, p) => ({ src: c, index: p })).filter(({ index: c }) => !s[c]), d = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, u = Rl[d], h = Ll[d], m = Ml[d], g = Dl[d];
5580
5588
  return /* @__PURE__ */ n(
5581
5589
  "div",
5582
5590
  {
5583
5591
  className: N(
5584
5592
  "relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden",
5585
- Ro[e]
5593
+ Al[e]
5586
5594
  ),
5587
- children: o.map(({ src: c, index: p }, w) => /* @__PURE__ */ n(
5595
+ children: l.map(({ src: c, index: p }, w) => /* @__PURE__ */ n(
5588
5596
  "img",
5589
5597
  {
5590
5598
  src: ce(c) ?? c,
@@ -5603,14 +5611,14 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5603
5611
  ))
5604
5612
  }
5605
5613
  );
5606
- }, Fo = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", zo = ({
5614
+ }, Pl = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", Fl = ({
5607
5615
  variant: e,
5608
5616
  presentation: t,
5609
5617
  images: s,
5610
5618
  title: a,
5611
5619
  heroUrl: r,
5612
5620
  onHeroError: i
5613
- }) => /* @__PURE__ */ n("div", { className: Fo, children: t === "fan" ? /* @__PURE__ */ n(Po, { variant: e, images: s }) : (
5621
+ }) => /* @__PURE__ */ n("div", { className: Pl, children: t === "fan" ? /* @__PURE__ */ n(Ol, { variant: e, images: s }) : (
5614
5622
  // `heroUrl` is the palette-tracked source: it becomes `undefined` when the
5615
5623
  // hero image errors, so `CardThumbnail` falls through to its placeholder.
5616
5624
  // Do NOT `?? images[0]` here — that would re-instate the failed URL.
@@ -5631,8 +5639,8 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5631
5639
  subtitleLines: a,
5632
5640
  images: r = [],
5633
5641
  imagePresentation: i,
5634
- actions: l,
5635
- appIcon: o,
5642
+ actions: o,
5643
+ appIcon: l,
5636
5644
  accentColor: d,
5637
5645
  groupPosition: u = "single"
5638
5646
  }) => {
@@ -5659,7 +5667,7 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5659
5667
  "data-testid": "rich-card",
5660
5668
  children: [
5661
5669
  m && /* @__PURE__ */ n(
5662
- zo,
5670
+ Fl,
5663
5671
  {
5664
5672
  variant: e,
5665
5673
  presentation: h,
@@ -5670,15 +5678,15 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5670
5678
  }
5671
5679
  ),
5672
5680
  /* @__PURE__ */ n(
5673
- Ao,
5681
+ Tl,
5674
5682
  {
5675
5683
  ctaSurface: c.surface,
5676
5684
  chinTextColor: c.chinTextColor,
5677
5685
  title: t,
5678
5686
  subtitle: s,
5679
5687
  subtitleLines: a,
5680
- appIcon: o,
5681
- actions: l
5688
+ appIcon: l,
5689
+ actions: o
5682
5690
  }
5683
5691
  )
5684
5692
  ]
@@ -5686,13 +5694,13 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5686
5694
  )
5687
5695
  }
5688
5696
  );
5689
- }, $o = (e) => /* @__PURE__ */ n(es, { ...e, variant: "dark" }), Bo = (e) => /* @__PURE__ */ n(es, { ...e, variant: "light" }), ll = {
5690
- Sent: $o,
5691
- Received: Bo
5692
- }, un = `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%`, Uo = {
5697
+ }, zl = (e) => /* @__PURE__ */ n(es, { ...e, variant: "dark" }), $l = (e) => /* @__PURE__ */ n(es, { ...e, variant: "light" }), lo = {
5698
+ Sent: zl,
5699
+ Received: $l
5700
+ }, un = `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%`, Bl = {
5693
5701
  sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
5694
5702
  received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
5695
- }, jo = ({ variant: e }) => /* @__PURE__ */ n(
5703
+ }, Ul = ({ variant: e }) => /* @__PURE__ */ n(
5696
5704
  "span",
5697
5705
  {
5698
5706
  "aria-hidden": "true",
@@ -5702,12 +5710,12 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5702
5710
  insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
5703
5711
  transform: e === "received" ? "scaleX(-1)" : void 0,
5704
5712
  transformOrigin: "center",
5705
- backgroundColor: Uo[e],
5713
+ backgroundColor: Bl[e],
5706
5714
  WebkitMask: un,
5707
5715
  mask: un
5708
5716
  }
5709
5717
  }
5710
- ), Ho = {
5718
+ ), jl = {
5711
5719
  sent: {
5712
5720
  backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
5713
5721
  color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5732,17 +5740,17 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5732
5740
  r
5733
5741
  ),
5734
5742
  style: {
5735
- ...Ho[e],
5743
+ ...jl[e],
5736
5744
  borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
5737
5745
  isolation: "isolate"
5738
5746
  },
5739
5747
  children: [
5740
5748
  a != null && /* @__PURE__ */ n("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
5741
5749
  /* @__PURE__ */ n("p", { className: "m-0 whitespace-pre-wrap break-words hyphens-manual", children: t }),
5742
- s && /* @__PURE__ */ n(jo, { variant: e })
5750
+ s && /* @__PURE__ */ n(Ul, { variant: e })
5743
5751
  ]
5744
5752
  }
5745
- ), Vo = ({
5753
+ ), Hl = ({
5746
5754
  text: e,
5747
5755
  tail: t,
5748
5756
  header: s,
@@ -5756,10 +5764,10 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5756
5764
  header: s,
5757
5765
  className: a
5758
5766
  }
5759
- ), Go = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(ts, { variant: "sent", text: e, tail: t, className: s }), cl = {
5760
- Sent: Go,
5761
- Received: Vo
5762
- }, Yo = ({
5767
+ ), Vl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(ts, { variant: "sent", text: e, tail: t, className: s }), oo = {
5768
+ Sent: Vl,
5769
+ Received: Hl
5770
+ }, Gl = ({
5763
5771
  question: e,
5764
5772
  onClick: t,
5765
5773
  loading: s = !1,
@@ -5781,22 +5789,22 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5781
5789
  ),
5782
5790
  children: e
5783
5791
  }
5784
- ), dl = ({
5792
+ ), co = ({
5785
5793
  faqs: e,
5786
5794
  onFaqClick: t,
5787
5795
  loadingFaqId: s,
5788
5796
  headerText: a,
5789
5797
  className: r,
5790
5798
  avatarImage: i,
5791
- avatarName: l
5799
+ avatarName: o
5792
5800
  }) => {
5793
- const o = Ws(e);
5794
- return o.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ f("div", { className: "flex gap-3 items-end", children: [
5795
- (i || l) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
5801
+ const l = Ws(e);
5802
+ return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ f("div", { className: "flex gap-3 items-end", children: [
5803
+ (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
5796
5804
  _e,
5797
5805
  {
5798
- id: l || "account",
5799
- name: l || "Account",
5806
+ id: o || "account",
5807
+ name: o || "Account",
5800
5808
  image: i,
5801
5809
  size: 24,
5802
5810
  shape: "circle"
@@ -5809,8 +5817,8 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5809
5817
  style: { backgroundColor: "#F1F0EE" },
5810
5818
  children: [
5811
5819
  a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
5812
- o.map((d) => /* @__PURE__ */ n(
5813
- Yo,
5820
+ l.map((d) => /* @__PURE__ */ n(
5821
+ Gl,
5814
5822
  {
5815
5823
  question: d.question,
5816
5824
  onClick: () => t(d.id),
@@ -5826,39 +5834,39 @@ const Io = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
5826
5834
  export {
5827
5835
  Sn as A,
5828
5836
  yn as B,
5829
- vo as C,
5830
- il as D,
5837
+ bl as C,
5838
+ ro as D,
5831
5839
  sr as E,
5832
- dl as F,
5840
+ co as F,
5833
5841
  _a as G,
5834
5842
  it as L,
5835
- sl as M,
5836
- ll as R,
5843
+ no as M,
5844
+ lo as R,
5837
5845
  Ne as a,
5838
5846
  _e as b,
5839
- Eo as c,
5847
+ Sl as c,
5840
5848
  Zn as d,
5841
- al as e,
5842
- Yo as f,
5849
+ so as e,
5850
+ Gl as f,
5843
5851
  de as g,
5844
5852
  Pe as h,
5845
5853
  ke as i,
5846
- cl as j,
5847
- nl as k,
5848
- ol as l,
5854
+ oo as j,
5855
+ to as k,
5856
+ io as l,
5849
5857
  ei as m,
5850
5858
  Zr as n,
5851
5859
  ce as o,
5852
- Co as p,
5860
+ kl as p,
5853
5861
  Qr as q,
5854
5862
  ve as r,
5855
5863
  kn as s,
5856
5864
  Ve as t,
5857
5865
  Na as u,
5858
- rl as v,
5866
+ ao as v,
5859
5867
  Da as w,
5860
5868
  _n as x,
5861
5869
  ut as y,
5862
5870
  mt as z
5863
5871
  };
5864
- //# sourceMappingURL=index-DFykbijs.js.map
5872
+ //# sourceMappingURL=index-Dr_5Q52K.js.map