@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.
- package/dist/{Card-DKP7SMTp.cjs → Card-7YqLQK9-.cjs} +2 -2
- package/dist/{Card-DKP7SMTp.cjs.map → Card-7YqLQK9-.cjs.map} +1 -1
- package/dist/{Card-avnlyzrl.js → Card-Cy-pEAbc.js} +2 -2
- package/dist/{Card-avnlyzrl.js.map → Card-Cy-pEAbc.js.map} +1 -1
- package/dist/index-ClJ0rtWb.cjs +3 -0
- package/dist/index-ClJ0rtWb.cjs.map +1 -0
- package/dist/{index-DFykbijs.js → index-Dr_5Q52K.js} +466 -458
- package/dist/index-Dr_5Q52K.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
- package/src/components/LinkAttachment/LinkAttachment.test.tsx +13 -0
- package/src/components/LinkAttachment/components/_shared/CardBody.tsx +5 -1
- package/dist/index-Bq5DM1Lm.cjs +0 -3
- package/dist/index-Bq5DM1Lm.cjs.map +0 -1
- package/dist/index-DFykbijs.js.map +0 -1
|
@@ -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
|
|
3
|
-
import { StreamChatService as
|
|
4
|
-
import { StreamChat as
|
|
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
|
|
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
|
|
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
|
-
}),
|
|
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:
|
|
27
|
+
client: o
|
|
28
28
|
}) => {
|
|
29
29
|
var S, C;
|
|
30
|
-
const
|
|
30
|
+
const l = K(
|
|
31
31
|
(A, ...O) => {
|
|
32
32
|
i && console.log(`🔥 [MessagingProvider] ${A}`, ...O);
|
|
33
33
|
},
|
|
34
34
|
[i]
|
|
35
35
|
);
|
|
36
|
-
|
|
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++,
|
|
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
|
-
!
|
|
69
|
-
const F =
|
|
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 (
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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),
|
|
93
|
+
y.current = B, u(B), l("✅ SERVICE SET", {
|
|
94
94
|
renderCount: A,
|
|
95
95
|
serviceInstance: !!B
|
|
96
96
|
});
|
|
97
|
-
}, [a, F,
|
|
97
|
+
}, [a, F, o]);
|
|
98
98
|
const R = V(null);
|
|
99
99
|
W(() => {
|
|
100
100
|
var O, B;
|
|
101
|
-
if (
|
|
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
|
-
}),
|
|
108
|
+
}), o)
|
|
109
109
|
return;
|
|
110
110
|
if (!d || !t) {
|
|
111
|
-
|
|
111
|
+
l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
|
|
112
112
|
return;
|
|
113
113
|
}
|
|
114
114
|
if (b.current) {
|
|
115
|
-
|
|
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
|
-
|
|
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
|
-
|
|
126
|
+
l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), x(null);
|
|
127
127
|
try {
|
|
128
|
-
|
|
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 },
|
|
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),
|
|
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,
|
|
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,
|
|
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 (
|
|
155
|
+
if (l("🔄 REFRESH CONNECTION CALLED", {
|
|
156
156
|
hasService: !!d,
|
|
157
157
|
hasUser: !!t
|
|
158
|
-
}), !
|
|
158
|
+
}), !o) {
|
|
159
159
|
if (!d || !t) {
|
|
160
|
-
|
|
160
|
+
l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
|
|
161
161
|
return;
|
|
162
162
|
}
|
|
163
|
-
|
|
163
|
+
l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
|
|
164
164
|
try {
|
|
165
|
-
|
|
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),
|
|
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),
|
|
170
|
+
x(O), l("❌ CONNECTION REFRESH ERROR", {
|
|
171
171
|
userId: t.id,
|
|
172
172
|
error: O
|
|
173
173
|
});
|
|
174
174
|
} finally {
|
|
175
|
-
w(!1),
|
|
175
|
+
w(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
|
-
}, [d, t,
|
|
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:
|
|
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:
|
|
196
|
-
isConnected:
|
|
197
|
-
isLoading:
|
|
198
|
-
error:
|
|
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
|
-
|
|
205
|
+
o,
|
|
206
206
|
g,
|
|
207
207
|
p,
|
|
208
208
|
v,
|
|
209
209
|
r,
|
|
210
210
|
I,
|
|
211
211
|
i,
|
|
212
|
-
|
|
212
|
+
l
|
|
213
213
|
]);
|
|
214
|
-
return
|
|
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 = () =>
|
|
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
|
|
234
|
+
var o;
|
|
235
235
|
if (!e) {
|
|
236
236
|
s(!1);
|
|
237
237
|
return;
|
|
238
238
|
}
|
|
239
|
-
s(!!((
|
|
240
|
-
const i = (
|
|
239
|
+
s(!!((o = e.state.membership) != null && o.pinned_at));
|
|
240
|
+
const i = (l) => {
|
|
241
241
|
var d;
|
|
242
242
|
s(
|
|
243
|
-
|
|
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
|
|
257
|
-
return ((
|
|
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:
|
|
332
|
+
dmAgentEnabled: o = !1
|
|
333
333
|
}) => {
|
|
334
|
-
const
|
|
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:
|
|
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
|
-
...
|
|
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:
|
|
393
|
-
onBlockParticipantClick:
|
|
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 } =
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
497
|
-
onDeleteConversationClick:
|
|
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:
|
|
519
|
-
onDeleteConversationClick:
|
|
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:
|
|
620
|
-
showBlockParticipant:
|
|
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:
|
|
760
|
-
showBlockParticipant:
|
|
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:
|
|
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:
|
|
861
|
-
showProgress:
|
|
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 ||
|
|
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 ||
|
|
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 && !
|
|
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
|
-
|
|
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
|
-
|
|
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(
|
|
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:
|
|
1109
|
+
containedImage: o = !1
|
|
1110
1110
|
}) => {
|
|
1111
|
-
const
|
|
1112
|
-
return t && (
|
|
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 &&
|
|
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 &&
|
|
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:
|
|
1190
|
-
action:
|
|
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
|
-
|
|
1240
|
+
o
|
|
1241
1241
|
] }),
|
|
1242
|
-
|
|
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:
|
|
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),
|
|
1338
|
-
|
|
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
|
|
1351
|
+
const o = window.open("", "_blank", "noopener,noreferrer");
|
|
1352
1352
|
a(!0), qa(e, t).then(() => {
|
|
1353
|
-
|
|
1353
|
+
o == null || o.close();
|
|
1354
1354
|
}).catch(() => {
|
|
1355
|
-
|
|
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,
|
|
1384
|
-
if (!
|
|
1385
|
-
const
|
|
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:
|
|
1388
|
-
resolvedType:
|
|
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),
|
|
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:
|
|
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
|
-
},
|
|
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({}),
|
|
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-
|
|
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 }) }),
|
|
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
|
-
),
|
|
1544
|
+
), or = (e) => {
|
|
1545
1545
|
var t;
|
|
1546
|
-
return ((t = e.metadata) == null ? void 0 : t.custom_type) ===
|
|
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) ===
|
|
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) ===
|
|
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) ===
|
|
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) =>
|
|
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
|
|
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 && !
|
|
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
|
|
1634
|
-
|
|
1635
|
-
id:
|
|
1636
|
-
...
|
|
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,
|
|
1649
|
-
return e[r].id === ((i = t[r]) == null ? void 0 : i.id) && e[r].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(),
|
|
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
|
|
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
|
-
|
|
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
|
-
),
|
|
1775
|
-
return
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
1817
|
-
url:
|
|
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
|
|
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
|
-
|
|
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 =
|
|
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:
|
|
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(
|
|
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:
|
|
1893
|
-
bgClassName:
|
|
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
|
-
|
|
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 =
|
|
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:
|
|
1993
|
-
isLoading:
|
|
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 !
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
2109
|
+
sourceUrl: o
|
|
2102
2110
|
}) {
|
|
2103
|
-
const [
|
|
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,
|
|
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:
|
|
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:
|
|
2127
|
-
sourceUrl:
|
|
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,
|
|
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:
|
|
2150
|
+
thumbnailUrl: o,
|
|
2143
2151
|
mimeType: i,
|
|
2144
|
-
sourceUrl:
|
|
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(
|
|
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:
|
|
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:
|
|
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:
|
|
2253
|
-
layout:
|
|
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,
|
|
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:
|
|
2279
|
+
layout: l,
|
|
2272
2280
|
thumbnailUrl: i,
|
|
2273
2281
|
mimeType: r,
|
|
2274
|
-
sourceUrl:
|
|
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:
|
|
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
|
-
|
|
2303
|
+
l === "featured" && /* @__PURE__ */ n(
|
|
2296
2304
|
Ie,
|
|
2297
2305
|
{
|
|
2298
2306
|
variant: "light",
|
|
2299
2307
|
thumbnailUrl: _.thumbnailUrl,
|
|
2300
|
-
sourceUrl:
|
|
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:
|
|
2335
|
-
sourceUrl:
|
|
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,
|
|
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:
|
|
2357
|
+
thumbnailUrl: o,
|
|
2350
2358
|
mimeType: i,
|
|
2351
|
-
sourceUrl:
|
|
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:
|
|
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:
|
|
2437
|
-
className:
|
|
2444
|
+
radiusClassName: o,
|
|
2445
|
+
className: l,
|
|
2438
2446
|
children: d,
|
|
2439
2447
|
"data-testid": u
|
|
2440
2448
|
}) => {
|
|
2441
|
-
const h = t != null && t !== "", m =
|
|
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
|
-
|
|
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(
|
|
2525
|
+
children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
|
|
2518
2526
|
}
|
|
2519
|
-
), Le = (e) => e === "received" ? "light" : "dark",
|
|
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:
|
|
2548
|
-
preload:
|
|
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 =
|
|
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:
|
|
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:
|
|
2642
|
-
trailingAction:
|
|
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":
|
|
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
|
-
|
|
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),
|
|
2699
|
-
|
|
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:
|
|
2743
|
-
text:
|
|
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:
|
|
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:
|
|
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" }),
|
|
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:
|
|
2798
|
-
Received:
|
|
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:
|
|
2840
|
+
onTriggered: o
|
|
2833
2841
|
}) => {
|
|
2834
|
-
const [
|
|
2842
|
+
const [l, d] = $(!1), u = K(
|
|
2835
2843
|
(c) => {
|
|
2836
|
-
c.stopPropagation(), !
|
|
2844
|
+
c.stopPropagation(), !l && (d(!0), zn(e, t).catch(() => {
|
|
2837
2845
|
}).finally(() => {
|
|
2838
|
-
d(!1),
|
|
2846
|
+
d(!1), o == null || o();
|
|
2839
2847
|
}));
|
|
2840
2848
|
},
|
|
2841
|
-
[
|
|
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:
|
|
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:
|
|
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:
|
|
2889
|
+
disabled: l,
|
|
2882
2890
|
"aria-label": a,
|
|
2883
2891
|
className: $n,
|
|
2884
|
-
children:
|
|
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:
|
|
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
|
-
|
|
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
|
|
2929
|
+
const o = K(() => {
|
|
2922
2930
|
e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
|
|
2923
|
-
}, [e]),
|
|
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" ?
|
|
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,
|
|
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":
|
|
2950
|
+
"data-testid": o
|
|
2943
2951
|
}) => {
|
|
2944
|
-
const
|
|
2952
|
+
const l = V(null), d = V(null);
|
|
2945
2953
|
return W(() => {
|
|
2946
2954
|
var g;
|
|
2947
|
-
const m =
|
|
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:
|
|
3001
|
+
ref: l,
|
|
2994
3002
|
className: "mes-media-viewer",
|
|
2995
3003
|
"aria-label": s ?? "Attachment viewer",
|
|
2996
|
-
"data-testid":
|
|
3004
|
+
"data-testid": o,
|
|
2997
3005
|
onClose: () => {
|
|
2998
3006
|
t();
|
|
2999
3007
|
},
|
|
3000
3008
|
onClick: (m) => {
|
|
3001
|
-
m.target ===
|
|
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(
|
|
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:
|
|
3039
|
+
const { index: r, prev: i, next: o } = Nt({
|
|
3032
3040
|
length: t.length,
|
|
3033
3041
|
initialIndex: s,
|
|
3034
3042
|
open: e
|
|
3035
|
-
}),
|
|
3036
|
-
() => (
|
|
3037
|
-
[
|
|
3043
|
+
}), l = t[r], d = le(
|
|
3044
|
+
() => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "image"),
|
|
3045
|
+
[l]
|
|
3038
3046
|
);
|
|
3039
|
-
return
|
|
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:
|
|
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:
|
|
3061
|
-
alt:
|
|
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}:${
|
|
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:
|
|
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
|
|
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[
|
|
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
|
-
}),
|
|
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(
|
|
3148
|
+
children: d(o[0], 0)
|
|
3141
3149
|
}
|
|
3142
|
-
) :
|
|
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:
|
|
3157
|
+
children: o.map((h, m) => d(h, m))
|
|
3150
3158
|
}
|
|
3151
|
-
) :
|
|
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(
|
|
3160
|
-
d(
|
|
3161
|
-
d(
|
|
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:
|
|
3179
|
-
const g =
|
|
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
|
-
|
|
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
|
-
(
|
|
3194
|
-
(e == null ? void 0 : e(
|
|
3201
|
+
(l) => {
|
|
3202
|
+
(e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
|
|
3195
3203
|
},
|
|
3196
3204
|
[e]
|
|
3197
|
-
),
|
|
3198
|
-
return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer:
|
|
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:
|
|
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:
|
|
3270
|
+
open: o,
|
|
3263
3271
|
items: Hn([{ src: e, alt: t }], s),
|
|
3264
|
-
initialIndex:
|
|
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
|
-
),
|
|
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:
|
|
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:
|
|
3296
|
-
loading:
|
|
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:
|
|
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:
|
|
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:
|
|
3362
|
+
const { index: r, prev: i, next: o } = Nt({
|
|
3355
3363
|
length: t.length,
|
|
3356
3364
|
initialIndex: s,
|
|
3357
3365
|
open: e
|
|
3358
|
-
}),
|
|
3359
|
-
() => (
|
|
3360
|
-
[
|
|
3361
|
-
), u =
|
|
3362
|
-
() =>
|
|
3363
|
-
[
|
|
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 !
|
|
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}:${
|
|
3390
|
+
`${r}:${l.src}`
|
|
3383
3391
|
),
|
|
3384
3392
|
t.length > 1 ? /* @__PURE__ */ n(
|
|
3385
3393
|
yt,
|
|
3386
3394
|
{
|
|
3387
3395
|
onPrev: i,
|
|
3388
|
-
onNext:
|
|
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:
|
|
3434
|
-
groupPosition:
|
|
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:
|
|
3450
|
-
groupPosition:
|
|
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:
|
|
3506
|
+
const { index: r, prev: i, next: o } = Nt({
|
|
3499
3507
|
length: t.length,
|
|
3500
3508
|
initialIndex: s,
|
|
3501
3509
|
open: e
|
|
3502
|
-
}),
|
|
3503
|
-
() => (
|
|
3504
|
-
[
|
|
3510
|
+
}), l = t[r], d = le(
|
|
3511
|
+
() => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "video"),
|
|
3512
|
+
[l]
|
|
3505
3513
|
);
|
|
3506
|
-
return
|
|
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:
|
|
3519
|
-
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:
|
|
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:
|
|
3534
|
+
children: l.mimeType ? /* @__PURE__ */ n("source", { src: l.src, type: l.mimeType }) : null
|
|
3527
3535
|
},
|
|
3528
|
-
`${r}:${
|
|
3536
|
+
`${r}:${l.src}`
|
|
3529
3537
|
),
|
|
3530
3538
|
t.length > 1 ? /* @__PURE__ */ n(
|
|
3531
3539
|
yt,
|
|
3532
3540
|
{
|
|
3533
3541
|
onPrev: i,
|
|
3534
|
-
onNext:
|
|
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:
|
|
3581
|
-
const { viewerOpen:
|
|
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
|
-
|
|
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:
|
|
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:
|
|
3612
|
-
groupPosition:
|
|
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:
|
|
3627
|
-
groupPosition:
|
|
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
|
|
3702
|
-
if ((
|
|
3703
|
-
|
|
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),
|
|
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:
|
|
3898
|
-
handleAction:
|
|
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 =
|
|
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 =
|
|
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 =
|
|
3938
|
+
}, [c]), Q = le(
|
|
3931
3939
|
() => Xn(U),
|
|
3932
3940
|
[U]
|
|
3933
|
-
), X =
|
|
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":
|
|
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:
|
|
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
|
-
},
|
|
4222
|
+
}, el = () => {
|
|
4215
4223
|
var t;
|
|
4216
4224
|
const { message: e } = fe("CustomMessageActions");
|
|
4217
|
-
return ((t = e.metadata) == null ? void 0 : t.custom_type) !==
|
|
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
|
-
},
|
|
4234
|
+
}, tl = (e) => ({
|
|
4227
4235
|
linkPreviews: Array.from(e.previews.values()).filter(
|
|
4228
4236
|
(t) => nt.previewIsLoaded(t) || nt.previewIsLoading(t)
|
|
4229
4237
|
)
|
|
4230
|
-
}),
|
|
4238
|
+
}), nl = () => {
|
|
4231
4239
|
const { linkPreviewsManager: e } = As(), { linkPreviews: t } = Rs(
|
|
4232
4240
|
e.state,
|
|
4233
|
-
|
|
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),
|
|
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 =
|
|
4318
|
+
SendButton: r = al,
|
|
4311
4319
|
AttachmentPreviewList: i = Ds
|
|
4312
|
-
} = mn("CustomMessageInput"),
|
|
4320
|
+
} = mn("CustomMessageInput"), o = P.useRef(null);
|
|
4313
4321
|
return P.useEffect(() => {
|
|
4314
|
-
const
|
|
4315
|
-
if (!
|
|
4322
|
+
const l = o.current;
|
|
4323
|
+
if (!l || typeof ResizeObserver > "u")
|
|
4316
4324
|
return;
|
|
4317
4325
|
const d = new ResizeObserver(() => {
|
|
4318
|
-
|
|
4326
|
+
l.contains(document.activeElement) && (l.scrollTop = l.scrollHeight);
|
|
4319
4327
|
});
|
|
4320
|
-
return d.observe(
|
|
4328
|
+
return d.observe(l), () => d.disconnect();
|
|
4321
4329
|
}, []), P.useEffect(() => {
|
|
4322
|
-
const
|
|
4323
|
-
if (!
|
|
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
|
|
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:
|
|
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(
|
|
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
|
-
},
|
|
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
|
-
] }),
|
|
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:
|
|
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 <
|
|
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(
|
|
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(
|
|
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:
|
|
4481
|
-
"aria-disabled":
|
|
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:
|
|
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:
|
|
4500
|
-
"aria-disabled":
|
|
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:
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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.",
|
|
4523
|
+
}, et = "age safety guidelines.", ol = "https://linktr.ee/s/about/contact", cl = (e) => il.includes(
|
|
4516
4524
|
e
|
|
4517
|
-
),
|
|
4525
|
+
), dl = (e) => {
|
|
4518
4526
|
var t;
|
|
4519
|
-
return
|
|
4520
|
-
},
|
|
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
|
-
},
|
|
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:
|
|
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
|
-
},
|
|
4566
|
+
}, hl = (e) => {
|
|
4559
4567
|
var a, r;
|
|
4560
|
-
const t = !
|
|
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()) ||
|
|
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()) ||
|
|
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:
|
|
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
|
-
) }),
|
|
4642
|
+
) }), fl = /* @__PURE__ */ new Set([
|
|
4635
4643
|
Xe.Thinking,
|
|
4636
4644
|
Xe.Generating,
|
|
4637
4645
|
Xe.ExternalSources
|
|
4638
|
-
]),
|
|
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:
|
|
4641
|
-
if (!e &&
|
|
4642
|
-
const v =
|
|
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
|
|
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
|
|
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(
|
|
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
|
|
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:
|
|
4790
|
-
showDeleteConversation:
|
|
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:
|
|
4829
|
-
showDeleteConversation:
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
4954
|
-
onBlockParticipant:
|
|
4961
|
+
onLeaveConversation: o,
|
|
4962
|
+
onBlockParticipant: l,
|
|
4955
4963
|
className: d,
|
|
4956
|
-
CustomChannelEmptyState: u =
|
|
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:
|
|
5037
|
+
MessageSystem: hl,
|
|
5030
5038
|
EmptyStateIndicator: u,
|
|
5031
5039
|
LoadingIndicator: Ue,
|
|
5032
5040
|
DateSeparator: Ma,
|
|
5033
|
-
TypingIndicator:
|
|
5041
|
+
TypingIndicator: gl,
|
|
5034
5042
|
doSendMessageRequest: ee,
|
|
5035
5043
|
...I ? { SendButton: I } : {},
|
|
5036
5044
|
...M ? { AttachmentPreviewList: M } : {},
|
|
5037
5045
|
children: /* @__PURE__ */ n(
|
|
5038
|
-
|
|
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:
|
|
5046
|
-
onBlockParticipant:
|
|
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
|
|
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:
|
|
5099
|
-
CustomChannelEmptyState:
|
|
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(
|
|
5125
|
-
J.current =
|
|
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:
|
|
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
|
|
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
|
-
}),
|
|
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
|
-
},
|
|
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 =
|
|
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:
|
|
5278
|
-
renderMessagePreview:
|
|
5285
|
+
channelPreview: o,
|
|
5286
|
+
renderMessagePreview: l,
|
|
5279
5287
|
viewerLanguage: d
|
|
5280
|
-
} =
|
|
5281
|
-
if (
|
|
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
|
-
|
|
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 ===
|
|
5322
|
+
if (M === oe.TIP)
|
|
5315
5323
|
return I || "Sent a tip";
|
|
5316
|
-
if (M ===
|
|
5324
|
+
if (M === oe.PAID)
|
|
5317
5325
|
return I || "Sent a message";
|
|
5318
|
-
if (M ===
|
|
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 ?
|
|
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
|
|
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 =
|
|
5395
|
-
className:
|
|
5396
|
-
customEmptyStateIndicator:
|
|
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 } =
|
|
5418
|
+
const { debug: y = !1 } = ot(), _ = P.useCallback(
|
|
5411
5419
|
(L) => {
|
|
5412
5420
|
for (const E of L)
|
|
5413
|
-
|
|
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
|
-
|
|
5454
|
+
o
|
|
5447
5455
|
),
|
|
5448
|
-
children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", 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:
|
|
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
|
-
|
|
5473
|
-
const
|
|
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
|
-
},
|
|
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:
|
|
5514
|
+
actions: o
|
|
5507
5515
|
}) => {
|
|
5508
5516
|
var p;
|
|
5509
|
-
const
|
|
5510
|
-
if (!
|
|
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 =
|
|
5518
|
-
|
|
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",
|
|
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
|
-
|
|
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:
|
|
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:
|
|
5559
|
+
actions: o,
|
|
5552
5560
|
layout: "stacked"
|
|
5553
5561
|
}
|
|
5554
5562
|
)
|
|
5555
5563
|
] }) });
|
|
5556
|
-
},
|
|
5564
|
+
}, Al = {
|
|
5557
5565
|
dark: "bg-white/[0.06]",
|
|
5558
5566
|
light: "bg-black/[0.04]"
|
|
5559
|
-
},
|
|
5567
|
+
}, Rl = {
|
|
5560
5568
|
1: [0],
|
|
5561
5569
|
2: [-10, 10],
|
|
5562
5570
|
3: [-13, 0, 13]
|
|
5563
|
-
},
|
|
5571
|
+
}, Ll = {
|
|
5564
5572
|
1: [0],
|
|
5565
5573
|
2: [-26, 26],
|
|
5566
5574
|
3: [-40, 0, 40]
|
|
5567
|
-
},
|
|
5575
|
+
}, Ml = {
|
|
5568
5576
|
1: [0],
|
|
5569
5577
|
2: [0, 1],
|
|
5570
5578
|
3: [1, 3, 2]
|
|
5571
|
-
},
|
|
5579
|
+
}, Dl = {
|
|
5572
5580
|
1: [1],
|
|
5573
5581
|
2: [1, 1],
|
|
5574
5582
|
3: [1, 1.08, 1]
|
|
5575
|
-
},
|
|
5583
|
+
}, Ol = ({ variant: e, images: t }) => {
|
|
5576
5584
|
const [s, a] = P.useState({}), r = t.join(`
|
|
5577
|
-
`), [i,
|
|
5578
|
-
r !== i && (
|
|
5579
|
-
const
|
|
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
|
-
|
|
5593
|
+
Al[e]
|
|
5586
5594
|
),
|
|
5587
|
-
children:
|
|
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
|
-
},
|
|
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:
|
|
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:
|
|
5635
|
-
appIcon:
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
5681
|
-
actions:
|
|
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
|
-
},
|
|
5690
|
-
Sent:
|
|
5691
|
-
Received:
|
|
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%`,
|
|
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
|
-
},
|
|
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:
|
|
5713
|
+
backgroundColor: Bl[e],
|
|
5706
5714
|
WebkitMask: un,
|
|
5707
5715
|
mask: un
|
|
5708
5716
|
}
|
|
5709
5717
|
}
|
|
5710
|
-
),
|
|
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
|
-
...
|
|
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(
|
|
5750
|
+
s && /* @__PURE__ */ n(Ul, { variant: e })
|
|
5743
5751
|
]
|
|
5744
5752
|
}
|
|
5745
|
-
),
|
|
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
|
-
),
|
|
5760
|
-
Sent:
|
|
5761
|
-
Received:
|
|
5762
|
-
},
|
|
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
|
-
),
|
|
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:
|
|
5799
|
+
avatarName: o
|
|
5792
5800
|
}) => {
|
|
5793
|
-
const
|
|
5794
|
-
return
|
|
5795
|
-
(i ||
|
|
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:
|
|
5799
|
-
name:
|
|
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
|
-
|
|
5813
|
-
|
|
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
|
-
|
|
5830
|
-
|
|
5837
|
+
bl as C,
|
|
5838
|
+
ro as D,
|
|
5831
5839
|
sr as E,
|
|
5832
|
-
|
|
5840
|
+
co as F,
|
|
5833
5841
|
_a as G,
|
|
5834
5842
|
it as L,
|
|
5835
|
-
|
|
5836
|
-
|
|
5843
|
+
no as M,
|
|
5844
|
+
lo as R,
|
|
5837
5845
|
Ne as a,
|
|
5838
5846
|
_e as b,
|
|
5839
|
-
|
|
5847
|
+
Sl as c,
|
|
5840
5848
|
Zn as d,
|
|
5841
|
-
|
|
5842
|
-
|
|
5849
|
+
so as e,
|
|
5850
|
+
Gl as f,
|
|
5843
5851
|
de as g,
|
|
5844
5852
|
Pe as h,
|
|
5845
5853
|
ke as i,
|
|
5846
|
-
|
|
5847
|
-
|
|
5848
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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-
|
|
5872
|
+
//# sourceMappingURL=index-Dr_5Q52K.js.map
|