@opencx/widget-react 4.0.53 → 4.0.54
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/index.cjs +6 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +516 -448
- package/dist/index.js.map +1 -1
- package/dist/src/components/AttachmentPreview.d.ts.map +1 -1
- package/dist/src/screens/chat/ChatFooter.d.ts.map +1 -1
- package/dist/src/utils/__tests__/attachment-kind.spec.d.ts +2 -0
- package/dist/src/utils/__tests__/attachment-kind.spec.d.ts.map +1 -0
- package/dist/src/utils/attachment-kind.d.ts +13 -0
- package/dist/src/utils/attachment-kind.d.ts.map +1 -0
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1,36 +1,65 @@
|
|
|
1
1
|
import { jsx as r, jsxs as d, Fragment as Q } from "react/jsx-runtime";
|
|
2
2
|
import * as me from "@radix-ui/react-popover";
|
|
3
3
|
import * as J from "react";
|
|
4
|
-
import L, { memo as
|
|
5
|
-
import { useWidget as O, useConfig as C, useSessions as U, useMessages as A, useWidgetRouter as H, useDocumentDir as
|
|
6
|
-
import { X as
|
|
7
|
-
import { clsx as
|
|
8
|
-
import { twMerge as
|
|
4
|
+
import L, { memo as rr, forwardRef as yt, useState as D, cloneElement as kt, createContext as or, useEffect as se, useContext as nr, useRef as B, useCallback as V, useMemo as Ct, createElement as ct } from "react";
|
|
5
|
+
import { useWidget as O, useConfig as C, useSessions as U, useMessages as A, useWidgetRouter as H, useDocumentDir as ke, useWidgetTrigger as G, useModes as zt, useCsat as Nt, useUploadFiles as sr, useIsAwaitingBotReply as St, useContact as _t, WidgetProvider as ar, WidgetTriggerProvider as ir } from "@opencx/widget-react-headless";
|
|
6
|
+
import { X as lr, ZoomOut as cr, ZoomIn as dr, RotateCcw as pr, FileText as It, FileSpreadsheet as Tt, CircleDashedIcon as mr, XIcon as Ce, SquareXIcon as hr, SquareCheckBigIcon as ur, SquareCheckIcon as gr, ShrinkIcon as wr, Minimize2Icon as fr, MinimizeIcon as xr, Maximize2Icon as vr, MaximizeIcon as br, ExpandIcon as yr, CircleXIcon as kr, CircleCheckBigIcon as Cr, CircleCheckIcon as Mt, CheckCheckIcon as zr, CheckIcon as Nr, ChevronLeftIcon as Sr, LoaderIcon as _r, ArrowUpIcon as Dt, PaperclipIcon as dt, CircleDashed as Ir, AlertCircle as Tr, Loader2 as Mr, FileAudio2Icon as Dr, FileVideo2Icon as Er, FileIcon as Rr, UserRoundIcon as Pr, ChevronRightIcon as jr, SendHorizontal as Or, ChevronDownIcon as Ar } from "lucide-react";
|
|
7
|
+
import { clsx as Fr } from "clsx";
|
|
8
|
+
import { twMerge as Hr } from "tailwind-merge";
|
|
9
9
|
import { motion as re, AnimatePresence as T } from "framer-motion";
|
|
10
|
-
import { Slot as
|
|
11
|
-
import { cva as
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import { isExhaustive as F, isSupportedLanguage as
|
|
10
|
+
import { Slot as Wr } from "@radix-ui/react-slot";
|
|
11
|
+
import { cva as Lr } from "class-variance-authority";
|
|
12
|
+
import Et from "remark-gfm";
|
|
13
|
+
import $r from "react-markdown";
|
|
14
|
+
import Rt from "rehype-raw";
|
|
15
|
+
import { isExhaustive as F, isSupportedLanguage as Br, getTranslation as Yr } from "@opencx/widget-core";
|
|
16
16
|
import * as ee from "@radix-ui/react-avatar";
|
|
17
|
-
import
|
|
17
|
+
import Pt from "@uiw/react-iframe";
|
|
18
18
|
import * as ae from "@radix-ui/react-tooltip";
|
|
19
|
-
import
|
|
20
|
-
import { useDropzone as
|
|
21
|
-
import
|
|
22
|
-
import { z as
|
|
19
|
+
import pt from "tinycolor2";
|
|
20
|
+
import { useDropzone as Ur } from "react-dropzone";
|
|
21
|
+
import Xr from "react-use/lib/useAsyncFn";
|
|
22
|
+
import { z as ge } from "zod";
|
|
23
23
|
function f(e) {
|
|
24
24
|
return { "data-component": e };
|
|
25
25
|
}
|
|
26
|
+
const fe = [
|
|
27
|
+
{
|
|
28
|
+
kind: "csv",
|
|
29
|
+
label: "CSV",
|
|
30
|
+
mimes: ["text/csv", "application/csv"],
|
|
31
|
+
extensions: ["csv"]
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
kind: "excel",
|
|
35
|
+
label: "Excel",
|
|
36
|
+
mimes: [
|
|
37
|
+
"application/vnd.ms-excel",
|
|
38
|
+
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
|
|
39
|
+
],
|
|
40
|
+
extensions: ["xls", "xlsx"]
|
|
41
|
+
}
|
|
42
|
+
], mt = Object.fromEntries(
|
|
43
|
+
fe.flatMap(
|
|
44
|
+
(e) => e.mimes.map((o) => [o, e.extensions.map((t) => `.${t}`)])
|
|
45
|
+
)
|
|
46
|
+
);
|
|
47
|
+
function jt({
|
|
48
|
+
type: e,
|
|
49
|
+
name: o
|
|
50
|
+
}) {
|
|
51
|
+
var s, i;
|
|
52
|
+
const t = ((s = o.split(".").pop()) == null ? void 0 : s.toLowerCase()) ?? "", n = ((i = e.toLowerCase().split(";")[0]) == null ? void 0 : i.trim()) ?? "";
|
|
53
|
+
return fe.find((a) => t && a.extensions.includes(t)) ?? fe.find((a) => n && a.mimes.includes(n)) ?? null;
|
|
54
|
+
}
|
|
26
55
|
function m(...e) {
|
|
27
|
-
return
|
|
56
|
+
return Hr(Fr(e));
|
|
28
57
|
}
|
|
29
58
|
const K = {
|
|
30
59
|
x: 2,
|
|
31
60
|
y: 2
|
|
32
|
-
}, Y =
|
|
33
|
-
|
|
61
|
+
}, Y = rr(
|
|
62
|
+
yt(
|
|
34
63
|
({ children: e, className: o, scale: t = 1.02, off: n = !1 }, s) => {
|
|
35
64
|
const [i, a] = D(!1), [l, c] = D({ x: 0, y: 0 });
|
|
36
65
|
if (n || /translate/.test(
|
|
@@ -38,32 +67,32 @@ const K = {
|
|
|
38
67
|
)) return e;
|
|
39
68
|
const x = (b) => {
|
|
40
69
|
var M, h;
|
|
41
|
-
const { clientX: z, clientY: _ } = b, y = b.currentTarget.getBoundingClientRect(),
|
|
70
|
+
const { clientX: z, clientY: _ } = b, y = b.currentTarget.getBoundingClientRect(), E = z - (y.left + y.width / 2), P = _ - (y.top + y.height / 2), j = Math.max(
|
|
42
71
|
-1,
|
|
43
|
-
Math.min(1,
|
|
72
|
+
Math.min(1, E / (y.width / 2))
|
|
44
73
|
), w = Math.max(
|
|
45
74
|
-1,
|
|
46
75
|
Math.min(1, P / (y.height / 2))
|
|
47
|
-
), I =
|
|
48
|
-
c({ x: I, y:
|
|
76
|
+
), I = j * K.x, R = w * K.y;
|
|
77
|
+
c({ x: I, y: R }), (h = (M = e.props).onMouseMove) == null || h.call(M, b);
|
|
49
78
|
}, v = () => {
|
|
50
79
|
var b, z;
|
|
51
80
|
a(!0), (z = (b = e.props).onMouseEnter) == null || z.call(b);
|
|
52
|
-
},
|
|
81
|
+
}, g = () => {
|
|
53
82
|
var b, z;
|
|
54
83
|
a(!1), c({ x: 0, y: 0 }), (z = (b = e.props).onMouseLeave) == null || z.call(b);
|
|
55
|
-
},
|
|
84
|
+
}, u = {
|
|
56
85
|
"--wobble-x": i ? `${l.x}px` : "0px",
|
|
57
86
|
"--wobble-y": i ? `${l.y}px` : "0px",
|
|
58
87
|
"--scale": 1 - (t - 1)
|
|
59
88
|
};
|
|
60
|
-
return
|
|
89
|
+
return kt(e, {
|
|
61
90
|
ref: s,
|
|
62
91
|
onMouseMove: x,
|
|
63
92
|
onMouseEnter: v,
|
|
64
|
-
onMouseLeave:
|
|
93
|
+
onMouseLeave: g,
|
|
65
94
|
style: {
|
|
66
|
-
...
|
|
95
|
+
...u,
|
|
67
96
|
...e.props.style
|
|
68
97
|
},
|
|
69
98
|
className: m(
|
|
@@ -79,43 +108,43 @@ const K = {
|
|
|
79
108
|
)
|
|
80
109
|
);
|
|
81
110
|
Y.displayName = "Wobble";
|
|
82
|
-
const
|
|
111
|
+
const qr = 10, Vr = (e, o, t) => ({
|
|
83
112
|
initial: { opacity: 0, x: -e, ...o.initial },
|
|
84
113
|
animate: { opacity: 1, x: 0, ...o.animate, transition: { delay: t } },
|
|
85
114
|
exit: { opacity: 0, x: e, ...o.exit }
|
|
86
|
-
}),
|
|
115
|
+
}), Gr = (e, o, t) => ({
|
|
87
116
|
initial: { opacity: 0, x: e, ...o.initial },
|
|
88
117
|
animate: { opacity: 1, x: 0, ...o.animate, transition: { delay: t } },
|
|
89
118
|
exit: { opacity: 0, x: -e, ...o.exit }
|
|
90
|
-
}),
|
|
119
|
+
}), Zr = (e, o, t) => ({
|
|
91
120
|
initial: { opacity: 0, y: e, ...o.initial },
|
|
92
121
|
animate: { opacity: 1, y: 0, ...o.animate, transition: { delay: t } },
|
|
93
122
|
exit: { opacity: 0, y: -e, ...o.exit }
|
|
94
|
-
}),
|
|
123
|
+
}), Kr = (e, o, t) => ({
|
|
95
124
|
initial: { opacity: 0, y: -e, ...o.initial },
|
|
96
125
|
animate: { opacity: 1, y: 0, ...o.animate, transition: { delay: t } },
|
|
97
126
|
exit: { opacity: 0, y: e, ...o.exit }
|
|
98
|
-
}),
|
|
99
|
-
right:
|
|
100
|
-
left:
|
|
101
|
-
up:
|
|
102
|
-
down:
|
|
103
|
-
}, k =
|
|
127
|
+
}), Qr = {
|
|
128
|
+
right: Vr,
|
|
129
|
+
left: Gr,
|
|
130
|
+
up: Zr,
|
|
131
|
+
down: Kr
|
|
132
|
+
}, k = yt(
|
|
104
133
|
({
|
|
105
134
|
fadeIn: e = "down",
|
|
106
|
-
distance: o =
|
|
135
|
+
distance: o = qr,
|
|
107
136
|
children: t,
|
|
108
137
|
snapExit: n = !1,
|
|
109
138
|
overrides: s = {},
|
|
110
139
|
delay: i = 0,
|
|
111
140
|
...a
|
|
112
141
|
}, l) => {
|
|
113
|
-
const c = e ?
|
|
142
|
+
const c = e ? Qr[e](o, s, i) : {};
|
|
114
143
|
return n && c.exit && typeof c.exit == "object" && !Array.isArray(c.exit) && (c.exit.transition = { duration: 0 }), /* @__PURE__ */ r(re.div, { ref: l, ...a, ...c, children: t });
|
|
115
144
|
}
|
|
116
145
|
);
|
|
117
146
|
k.displayName = "MotionDiv";
|
|
118
|
-
const
|
|
147
|
+
const Jr = Lr(
|
|
119
148
|
m(
|
|
120
149
|
"inline-flex shrink-0 items-center justify-center gap-2",
|
|
121
150
|
"text-sm font-medium whitespace-nowrap",
|
|
@@ -156,18 +185,18 @@ const Vr = Or(
|
|
|
156
185
|
}
|
|
157
186
|
), N = J.forwardRef(
|
|
158
187
|
({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, i) => /* @__PURE__ */ r(Y, { ref: i, children: /* @__PURE__ */ r(
|
|
159
|
-
n ?
|
|
188
|
+
n ? Wr : "button",
|
|
160
189
|
{
|
|
161
190
|
...f("ui_lib/btn"),
|
|
162
191
|
"data-variant": o,
|
|
163
|
-
className: m(
|
|
192
|
+
className: m(Jr({ variant: o, size: t, className: e })),
|
|
164
193
|
...s
|
|
165
194
|
}
|
|
166
195
|
) })
|
|
167
196
|
);
|
|
168
197
|
N.displayName = "Button";
|
|
169
|
-
const
|
|
170
|
-
function
|
|
198
|
+
const Ot = or(null);
|
|
199
|
+
function eo({ children: e }) {
|
|
171
200
|
const [o, t] = D(!1), [n, s] = D(null), i = (l) => {
|
|
172
201
|
s(l), t(!0);
|
|
173
202
|
}, a = () => {
|
|
@@ -176,18 +205,18 @@ function Gr({ children: e }) {
|
|
|
176
205
|
}, 200);
|
|
177
206
|
};
|
|
178
207
|
return /* @__PURE__ */ d(
|
|
179
|
-
|
|
208
|
+
Ot.Provider,
|
|
180
209
|
{
|
|
181
210
|
value: { open: i, close: a, isOpen: o, content: n },
|
|
182
211
|
children: [
|
|
183
|
-
/* @__PURE__ */ r(
|
|
212
|
+
/* @__PURE__ */ r(to, {}),
|
|
184
213
|
e
|
|
185
214
|
]
|
|
186
215
|
}
|
|
187
216
|
);
|
|
188
217
|
}
|
|
189
218
|
function he() {
|
|
190
|
-
const e =
|
|
219
|
+
const e = nr(Ot);
|
|
191
220
|
return e || (console.error("useDialoger must be used within a DialogerProvider"), {
|
|
192
221
|
open: () => {
|
|
193
222
|
},
|
|
@@ -197,7 +226,7 @@ function he() {
|
|
|
197
226
|
content: null
|
|
198
227
|
});
|
|
199
228
|
}
|
|
200
|
-
function
|
|
229
|
+
function to() {
|
|
201
230
|
const { contentIframeRef: e } = O(), { isOpen: o, content: t, close: n } = he();
|
|
202
231
|
return se(() => {
|
|
203
232
|
var i, a;
|
|
@@ -229,7 +258,7 @@ function Zr() {
|
|
|
229
258
|
"dialog-content"
|
|
230
259
|
) });
|
|
231
260
|
}
|
|
232
|
-
function
|
|
261
|
+
function ze({
|
|
233
262
|
children: e,
|
|
234
263
|
className: o,
|
|
235
264
|
withClose: t = !1
|
|
@@ -252,7 +281,7 @@ function Ce({
|
|
|
252
281
|
className: "rounded-full absolute top-4 right-4 opacity-50 hover:opacity-100",
|
|
253
282
|
onClick: n,
|
|
254
283
|
children: [
|
|
255
|
-
/* @__PURE__ */ r(
|
|
284
|
+
/* @__PURE__ */ r(lr, { className: "h-4 w-4" }),
|
|
256
285
|
/* @__PURE__ */ r("span", { className: "sr-only", children: "Close" })
|
|
257
286
|
]
|
|
258
287
|
}
|
|
@@ -261,7 +290,7 @@ function Ce({
|
|
|
261
290
|
}
|
|
262
291
|
);
|
|
263
292
|
}
|
|
264
|
-
const
|
|
293
|
+
const At = ({
|
|
265
294
|
className: e,
|
|
266
295
|
...o
|
|
267
296
|
}) => /* @__PURE__ */ r(
|
|
@@ -271,8 +300,8 @@ const Rt = ({
|
|
|
271
300
|
...o
|
|
272
301
|
}
|
|
273
302
|
);
|
|
274
|
-
|
|
275
|
-
const
|
|
303
|
+
At.displayName = "DialogerHeader";
|
|
304
|
+
const Ft = ({
|
|
276
305
|
className: e,
|
|
277
306
|
...o
|
|
278
307
|
}) => /* @__PURE__ */ r(
|
|
@@ -282,13 +311,13 @@ const jt = ({
|
|
|
282
311
|
...o
|
|
283
312
|
}
|
|
284
313
|
);
|
|
285
|
-
|
|
286
|
-
const
|
|
314
|
+
Ft.displayName = "DialogerBody";
|
|
315
|
+
const Ht = ({
|
|
287
316
|
className: e,
|
|
288
317
|
...o
|
|
289
318
|
}) => /* @__PURE__ */ r("div", { className: m("flex flex-col gap-2", e), ...o });
|
|
290
|
-
|
|
291
|
-
const
|
|
319
|
+
Ht.displayName = "DialogerFooter";
|
|
320
|
+
const Wt = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
292
321
|
"p",
|
|
293
322
|
{
|
|
294
323
|
ref: t,
|
|
@@ -299,8 +328,8 @@ const Et = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
|
299
328
|
...o
|
|
300
329
|
}
|
|
301
330
|
));
|
|
302
|
-
|
|
303
|
-
const
|
|
331
|
+
Wt.displayName = "DialogerTitle";
|
|
332
|
+
const Lt = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
304
333
|
"p",
|
|
305
334
|
{
|
|
306
335
|
ref: t,
|
|
@@ -308,18 +337,18 @@ const Ot = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
|
308
337
|
...o
|
|
309
338
|
}
|
|
310
339
|
));
|
|
311
|
-
|
|
312
|
-
function
|
|
340
|
+
Lt.displayName = "DialogerDescription";
|
|
341
|
+
function Ne({
|
|
313
342
|
children: e,
|
|
314
343
|
trigger: o
|
|
315
344
|
}) {
|
|
316
345
|
const { open: t } = he();
|
|
317
|
-
return
|
|
346
|
+
return kt(o, {
|
|
318
347
|
onClick: () => t(e)
|
|
319
348
|
});
|
|
320
349
|
}
|
|
321
|
-
const
|
|
322
|
-
function
|
|
350
|
+
const ht = 1, ut = 5, le = 0.5, ro = 2.5;
|
|
351
|
+
function oo(e, o, t, n) {
|
|
323
352
|
if (!t || !n || o <= 1) return { x: 0, y: 0 };
|
|
324
353
|
const s = t.getBoundingClientRect(), i = n.offsetWidth, a = n.offsetHeight, l = Math.max(0, (i * o - s.width) / (2 * o)), c = Math.max(
|
|
325
354
|
0,
|
|
@@ -330,51 +359,51 @@ function Qr(e, o, t, n) {
|
|
|
330
359
|
y: Math.min(c, Math.max(-c, e.y))
|
|
331
360
|
};
|
|
332
361
|
}
|
|
333
|
-
function
|
|
362
|
+
function $t({
|
|
334
363
|
src: e,
|
|
335
364
|
alt: o
|
|
336
365
|
}) {
|
|
337
|
-
const [t, n] = D(1), [s, i] = D({ x: 0, y: 0 }), [a, l] = D(!1), c = B({ x: 0, y: 0 }), p = B({ x: 0, y: 0 }), x = B(null), v = B(null),
|
|
366
|
+
const [t, n] = D(1), [s, i] = D({ x: 0, y: 0 }), [a, l] = D(!1), c = B({ x: 0, y: 0 }), p = B({ x: 0, y: 0 }), x = B(null), v = B(null), g = B(!1), u = (w) => Math.min(ut, Math.max(ht, w)), b = V(() => {
|
|
338
367
|
n(1), i({ x: 0, y: 0 });
|
|
339
368
|
}, []), z = V(() => {
|
|
340
|
-
n((w) =>
|
|
369
|
+
n((w) => u(w + le));
|
|
341
370
|
}, []), _ = V(() => {
|
|
342
371
|
n((w) => {
|
|
343
|
-
const I =
|
|
372
|
+
const I = u(w - le);
|
|
344
373
|
return I <= 1 && i({ x: 0, y: 0 }), I;
|
|
345
374
|
});
|
|
346
375
|
}, []);
|
|
347
376
|
V((w) => {
|
|
348
377
|
w.preventDefault(), w.stopPropagation();
|
|
349
378
|
const I = w.deltaY > 0 ? -le : le;
|
|
350
|
-
n((
|
|
351
|
-
const M =
|
|
379
|
+
n((R) => {
|
|
380
|
+
const M = u(R + I);
|
|
352
381
|
return M <= 1 && i({ x: 0, y: 0 }), M;
|
|
353
382
|
});
|
|
354
383
|
}, []);
|
|
355
384
|
const y = V(
|
|
356
385
|
(w) => {
|
|
357
|
-
w.preventDefault(),
|
|
386
|
+
w.preventDefault(), g.current = !1, l(!0), c.current = { x: w.clientX, y: w.clientY }, p.current = { ...s }, w.target.setPointerCapture(w.pointerId);
|
|
358
387
|
},
|
|
359
388
|
[s]
|
|
360
|
-
),
|
|
389
|
+
), E = V(
|
|
361
390
|
(w) => {
|
|
362
391
|
if (!a) return;
|
|
363
|
-
const I = w.clientX - c.current.x,
|
|
364
|
-
if ((Math.abs(I) > 3 || Math.abs(
|
|
392
|
+
const I = w.clientX - c.current.x, R = w.clientY - c.current.y;
|
|
393
|
+
if ((Math.abs(I) > 3 || Math.abs(R) > 3) && (g.current = !0), t <= 1) return;
|
|
365
394
|
const M = {
|
|
366
395
|
x: p.current.x + I / t,
|
|
367
|
-
y: p.current.y +
|
|
396
|
+
y: p.current.y + R / t
|
|
368
397
|
};
|
|
369
398
|
i(
|
|
370
|
-
|
|
399
|
+
oo(M, t, x.current, v.current)
|
|
371
400
|
);
|
|
372
401
|
},
|
|
373
402
|
[a, t]
|
|
374
403
|
), P = V(() => {
|
|
375
|
-
const w =
|
|
376
|
-
l(!1), !w && n((I) => I > 1 ? (i({ x: 0, y: 0 }), 1) :
|
|
377
|
-
}, []),
|
|
404
|
+
const w = g.current;
|
|
405
|
+
l(!1), !w && n((I) => I > 1 ? (i({ x: 0, y: 0 }), 1) : ro);
|
|
406
|
+
}, []), j = t > 1;
|
|
378
407
|
return /* @__PURE__ */ d(
|
|
379
408
|
"div",
|
|
380
409
|
{
|
|
@@ -387,14 +416,14 @@ function At({
|
|
|
387
416
|
ref: x,
|
|
388
417
|
className: m(
|
|
389
418
|
"overflow-hidden max-h-full max-w-full rounded-2xl flex items-center justify-center",
|
|
390
|
-
|
|
419
|
+
j && "size-full"
|
|
391
420
|
),
|
|
392
421
|
onPointerDown: y,
|
|
393
|
-
onPointerMove:
|
|
422
|
+
onPointerMove: E,
|
|
394
423
|
onPointerUp: P,
|
|
395
424
|
onPointerCancel: P,
|
|
396
425
|
style: {
|
|
397
|
-
cursor: a ? "grabbing" :
|
|
426
|
+
cursor: a ? "grabbing" : j ? "grab" : "zoom-in",
|
|
398
427
|
touchAction: "none"
|
|
399
428
|
},
|
|
400
429
|
children: /* @__PURE__ */ r(
|
|
@@ -416,15 +445,15 @@ function At({
|
|
|
416
445
|
}
|
|
417
446
|
),
|
|
418
447
|
/* @__PURE__ */ d("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2 flex items-center gap-1 bg-black/60 backdrop-blur-sm rounded-full px-1.5 py-1 transition opacity-50 hover:opacity-100", children: [
|
|
419
|
-
/* @__PURE__ */ r(we, { onClick: _, label: "Zoom out", disabled: t <=
|
|
448
|
+
/* @__PURE__ */ r(we, { onClick: _, label: "Zoom out", disabled: t <= ht, children: /* @__PURE__ */ r(cr, { className: "size-3.5" }) }),
|
|
420
449
|
/* @__PURE__ */ d("span", { className: "text-white text-xs font-medium min-w-[3ch] text-center tabular-nums", children: [
|
|
421
450
|
Math.round(t * 100),
|
|
422
451
|
"%"
|
|
423
452
|
] }),
|
|
424
|
-
/* @__PURE__ */ r(we, { onClick: z, label: "Zoom in", disabled: t >=
|
|
425
|
-
|
|
453
|
+
/* @__PURE__ */ r(we, { onClick: z, label: "Zoom in", disabled: t >= ut, children: /* @__PURE__ */ r(dr, { className: "size-3.5" }) }),
|
|
454
|
+
j && /* @__PURE__ */ d(Q, { children: [
|
|
426
455
|
/* @__PURE__ */ r("div", { className: "w-px h-4 bg-white/30 mx-0.5" }),
|
|
427
|
-
/* @__PURE__ */ r(we, { onClick: b, label: "Reset zoom", children: /* @__PURE__ */ r(
|
|
456
|
+
/* @__PURE__ */ r(we, { onClick: b, label: "Reset zoom", children: /* @__PURE__ */ r(pr, { className: "size-3.5" }) })
|
|
428
457
|
] })
|
|
429
458
|
] })
|
|
430
459
|
]
|
|
@@ -448,31 +477,17 @@ function we({
|
|
|
448
477
|
}
|
|
449
478
|
);
|
|
450
479
|
}
|
|
451
|
-
function
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
] }) }) }) : i ? /* @__PURE__ */ r(
|
|
460
|
-
ze,
|
|
461
|
-
{
|
|
462
|
-
trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
|
|
463
|
-
children: /* @__PURE__ */ r(
|
|
464
|
-
Ce,
|
|
465
|
-
{
|
|
466
|
-
className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
|
|
467
|
-
withClose: !0,
|
|
468
|
-
children: /* @__PURE__ */ r(At, { src: s, alt: o })
|
|
469
|
-
}
|
|
470
|
-
)
|
|
471
|
-
}
|
|
472
|
-
) : c ? /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(
|
|
480
|
+
function gt({
|
|
481
|
+
url: e,
|
|
482
|
+
name: o,
|
|
483
|
+
size: t,
|
|
484
|
+
icon: n,
|
|
485
|
+
label: s
|
|
486
|
+
}) {
|
|
487
|
+
return /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(
|
|
473
488
|
"a",
|
|
474
489
|
{
|
|
475
|
-
href:
|
|
490
|
+
href: e,
|
|
476
491
|
target: "_blank",
|
|
477
492
|
rel: "noopener noreferrer",
|
|
478
493
|
className: m(
|
|
@@ -489,7 +504,7 @@ function Ft({ attachment: e }) {
|
|
|
489
504
|
"bg-secondary text-muted-foreground"
|
|
490
505
|
),
|
|
491
506
|
"aria-hidden": !0,
|
|
492
|
-
children:
|
|
507
|
+
children: n
|
|
493
508
|
}
|
|
494
509
|
),
|
|
495
510
|
/* @__PURE__ */ d("div", { className: "min-w-0 flex-1 flex flex-col gap-0.5 text-left", children: [
|
|
@@ -506,12 +521,63 @@ function Ft({ attachment: e }) {
|
|
|
506
521
|
),
|
|
507
522
|
/* @__PURE__ */ d("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
|
|
508
523
|
(t / 1024).toFixed(2),
|
|
509
|
-
" KB ·
|
|
524
|
+
" KB · ",
|
|
525
|
+
s
|
|
510
526
|
] })
|
|
511
527
|
] })
|
|
512
528
|
] })
|
|
513
529
|
}
|
|
514
|
-
) })
|
|
530
|
+
) });
|
|
531
|
+
}
|
|
532
|
+
function Bt({ attachment: e }) {
|
|
533
|
+
const { name: o, size: t, type: n, url: s } = e, i = n.startsWith("image/"), a = n.startsWith("video/"), l = n.startsWith("audio/"), c = n === "application/pdf";
|
|
534
|
+
if (l)
|
|
535
|
+
return /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ d("audio", { controls: !0, className: "w-full", children: [
|
|
536
|
+
/* @__PURE__ */ r("source", { src: s, type: n }),
|
|
537
|
+
"Your browser does not support the audio tag."
|
|
538
|
+
] }) }) });
|
|
539
|
+
if (a)
|
|
540
|
+
return /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
|
|
541
|
+
/* @__PURE__ */ r("source", { src: s, type: n }),
|
|
542
|
+
"Your browser does not support the video tag."
|
|
543
|
+
] }) }) });
|
|
544
|
+
if (i)
|
|
545
|
+
return /* @__PURE__ */ r(
|
|
546
|
+
Ne,
|
|
547
|
+
{
|
|
548
|
+
trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
|
|
549
|
+
children: /* @__PURE__ */ r(
|
|
550
|
+
ze,
|
|
551
|
+
{
|
|
552
|
+
className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
|
|
553
|
+
withClose: !0,
|
|
554
|
+
children: /* @__PURE__ */ r($t, { src: s, alt: o })
|
|
555
|
+
}
|
|
556
|
+
)
|
|
557
|
+
}
|
|
558
|
+
);
|
|
559
|
+
if (c)
|
|
560
|
+
return /* @__PURE__ */ r(
|
|
561
|
+
gt,
|
|
562
|
+
{
|
|
563
|
+
url: s,
|
|
564
|
+
name: o,
|
|
565
|
+
size: t,
|
|
566
|
+
icon: /* @__PURE__ */ r(It, { className: "size-5", strokeWidth: 1.75 }),
|
|
567
|
+
label: "PDF"
|
|
568
|
+
}
|
|
569
|
+
);
|
|
570
|
+
const p = jt({ type: n, name: o });
|
|
571
|
+
return p ? /* @__PURE__ */ r(
|
|
572
|
+
gt,
|
|
573
|
+
{
|
|
574
|
+
url: s,
|
|
575
|
+
name: o,
|
|
576
|
+
size: t,
|
|
577
|
+
icon: /* @__PURE__ */ r(Tt, { className: "size-5", strokeWidth: 1.75 }),
|
|
578
|
+
label: p.label
|
|
579
|
+
}
|
|
580
|
+
) : /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("div", { className: "flex items-end gap-2 p-2", children: [
|
|
515
581
|
/* @__PURE__ */ r(
|
|
516
582
|
"a",
|
|
517
583
|
{
|
|
@@ -532,27 +598,27 @@ function Ft({ attachment: e }) {
|
|
|
532
598
|
] })
|
|
533
599
|
] }) }) });
|
|
534
600
|
}
|
|
535
|
-
const
|
|
536
|
-
|
|
601
|
+
const Yt = L.memo(
|
|
602
|
+
$r,
|
|
537
603
|
(e, o) => e.children === o.children && e.className === o.className
|
|
538
604
|
);
|
|
539
|
-
function
|
|
605
|
+
function Se({
|
|
540
606
|
children: e,
|
|
541
607
|
messageType: o,
|
|
542
608
|
messageId: t
|
|
543
609
|
}) {
|
|
544
610
|
const { anchorTarget: n } = C();
|
|
545
611
|
return /* @__PURE__ */ r(
|
|
546
|
-
|
|
612
|
+
Yt,
|
|
547
613
|
{
|
|
548
614
|
"data-type": o,
|
|
549
615
|
"data-id": t,
|
|
550
|
-
remarkPlugins: [
|
|
551
|
-
rehypePlugins: [
|
|
616
|
+
remarkPlugins: [Et],
|
|
617
|
+
rehypePlugins: [Rt],
|
|
552
618
|
components: {
|
|
553
619
|
a: ({ children: s, ...i }) => /* @__PURE__ */ r("a", { target: i.target || n || "_top", ...i, children: s }),
|
|
554
620
|
img: ({ src: s, alt: i, ...a }) => s ? /* @__PURE__ */ r(
|
|
555
|
-
|
|
621
|
+
Ne,
|
|
556
622
|
{
|
|
557
623
|
trigger: /* @__PURE__ */ r(
|
|
558
624
|
"img",
|
|
@@ -564,11 +630,11 @@ function Ne({
|
|
|
564
630
|
}
|
|
565
631
|
),
|
|
566
632
|
children: /* @__PURE__ */ r(
|
|
567
|
-
|
|
633
|
+
ze,
|
|
568
634
|
{
|
|
569
635
|
className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
|
|
570
636
|
withClose: !0,
|
|
571
|
-
children: /* @__PURE__ */ r(
|
|
637
|
+
children: /* @__PURE__ */ r($t, { src: s, alt: i })
|
|
572
638
|
}
|
|
573
639
|
)
|
|
574
640
|
}
|
|
@@ -597,14 +663,14 @@ function te() {
|
|
|
597
663
|
currentScreen: s
|
|
598
664
|
};
|
|
599
665
|
}
|
|
600
|
-
function
|
|
666
|
+
function no({
|
|
601
667
|
currentMessage: e
|
|
602
668
|
}) {
|
|
603
669
|
var n;
|
|
604
670
|
const o = te(), t = (n = o.config.customComponents) == null ? void 0 : n["message::after"];
|
|
605
671
|
return t ? /* @__PURE__ */ r(t, { ...o, currentMessage: e }) : null;
|
|
606
672
|
}
|
|
607
|
-
function
|
|
673
|
+
function xe(e) {
|
|
608
674
|
const {
|
|
609
675
|
data: o,
|
|
610
676
|
id: t,
|
|
@@ -627,7 +693,7 @@ function fe(e) {
|
|
|
627
693
|
p == null ? void 0 : p.messageContainer
|
|
628
694
|
),
|
|
629
695
|
children: [
|
|
630
|
-
s && s.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: s == null ? void 0 : s.map((
|
|
696
|
+
s && s.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: s == null ? void 0 : s.map((g) => /* @__PURE__ */ r(Bt, { attachment: g }, g.id)) }),
|
|
631
697
|
x.length > 0 && /* @__PURE__ */ d("div", { className: "flex flex-row gap-2", children: [
|
|
632
698
|
/* @__PURE__ */ r(
|
|
633
699
|
"div",
|
|
@@ -652,19 +718,19 @@ function fe(e) {
|
|
|
652
718
|
!i && !a && !l && "rounded-l-md",
|
|
653
719
|
p == null ? void 0 : p.message
|
|
654
720
|
),
|
|
655
|
-
children: /* @__PURE__ */ r(
|
|
721
|
+
children: /* @__PURE__ */ r(Se, { messageType: n, messageId: t, children: x })
|
|
656
722
|
}
|
|
657
723
|
),
|
|
658
|
-
/* @__PURE__ */ r(
|
|
724
|
+
/* @__PURE__ */ r(no, { currentMessage: e })
|
|
659
725
|
] })
|
|
660
726
|
]
|
|
661
727
|
}
|
|
662
728
|
);
|
|
663
729
|
}
|
|
664
|
-
function
|
|
730
|
+
function so(e) {
|
|
665
731
|
return /* @__PURE__ */ r("div", { className: "w-full max-w-full overflow-auto shrink-0", children: /* @__PURE__ */ r("pre", { className: "text-xs leading-tight whitespace-pre-wrap break-word", children: JSON.stringify(e, null, 1) }) });
|
|
666
732
|
}
|
|
667
|
-
const
|
|
733
|
+
const _e = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
668
734
|
ee.Root,
|
|
669
735
|
{
|
|
670
736
|
ref: t,
|
|
@@ -676,8 +742,8 @@ const Se = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
|
676
742
|
...o
|
|
677
743
|
}
|
|
678
744
|
));
|
|
679
|
-
|
|
680
|
-
const
|
|
745
|
+
_e.displayName = ee.Root.displayName;
|
|
746
|
+
const Ie = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
681
747
|
ee.Image,
|
|
682
748
|
{
|
|
683
749
|
ref: t,
|
|
@@ -685,8 +751,8 @@ const _e = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
|
685
751
|
...o
|
|
686
752
|
}
|
|
687
753
|
));
|
|
688
|
-
|
|
689
|
-
const
|
|
754
|
+
Ie.displayName = ee.Image.displayName;
|
|
755
|
+
const Te = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
690
756
|
ee.Fallback,
|
|
691
757
|
{
|
|
692
758
|
ref: t,
|
|
@@ -697,25 +763,25 @@ const Ie = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
|
697
763
|
...o
|
|
698
764
|
}
|
|
699
765
|
));
|
|
700
|
-
|
|
701
|
-
function
|
|
766
|
+
Te.displayName = ee.Fallback.displayName;
|
|
767
|
+
function ve({
|
|
702
768
|
agent: e,
|
|
703
769
|
...o
|
|
704
770
|
}) {
|
|
705
771
|
var t, n;
|
|
706
|
-
return /* @__PURE__ */ d(
|
|
707
|
-
/* @__PURE__ */ r(
|
|
708
|
-
(e == null ? void 0 : e.name) && /* @__PURE__ */ r(
|
|
772
|
+
return /* @__PURE__ */ d(_e, { ...o, children: [
|
|
773
|
+
/* @__PURE__ */ r(Ie, { src: (e == null ? void 0 : e.avatarUrl) || (e == null ? void 0 : e.avatar) || "", alt: "Agent Icon" }),
|
|
774
|
+
(e == null ? void 0 : e.name) && /* @__PURE__ */ r(Te, { children: (n = (t = e == null ? void 0 : e.name) == null ? void 0 : t.slice(0, 1)) == null ? void 0 : n.toUpperCase() })
|
|
709
775
|
] });
|
|
710
776
|
}
|
|
711
|
-
function
|
|
777
|
+
function ao({ agent: e }) {
|
|
712
778
|
return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ d(
|
|
713
779
|
k,
|
|
714
780
|
{
|
|
715
781
|
...f("chat/bot_loading/root"),
|
|
716
782
|
className: "flex flex-row items-end w-full gap-2 animate-pulse",
|
|
717
783
|
children: [
|
|
718
|
-
/* @__PURE__ */ r(
|
|
784
|
+
/* @__PURE__ */ r(ve, { agent: e }),
|
|
719
785
|
/* @__PURE__ */ d(
|
|
720
786
|
"div",
|
|
721
787
|
{
|
|
@@ -735,7 +801,7 @@ function to({ agent: e }) {
|
|
|
735
801
|
}
|
|
736
802
|
) });
|
|
737
803
|
}
|
|
738
|
-
const Wt = '*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.\\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.end-6{inset-inline-end:1.5rem}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-0\\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-0{width:0px;height:0px}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-3{width:.75rem;height:.75rem}.size-3\\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-0{height:0px}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.max-h-16{max-height:4rem}.max-h-40{max-height:10rem}.max-h-full{max-height:100%}.min-h-12{min-height:3rem}.w-0{width:0px}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\\/5{width:40%}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5\\/6{width:83.333333%}.w-60{width:15rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-80{min-width:20rem}.min-w-\\[3ch\\]{min-width:3ch}.min-w-\\[8rem\\]{min-width:8rem}.max-w-96{max-width:24rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-\\[min\\(100\\%\\,16rem\\)\\]{max-width:min(100%,16rem)}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\\/2,.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-background\\/80{background-color:hsl(var(--opencx-background) / .8)}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-destructive\\/15{background-color:hsl(var(--opencx-destructive) / .15)}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\\/30{background-color:#ffffff4d}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pe-2{padding-inline-end:.5rem}.pe-4{padding-inline-end:1rem}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[16px\\]{font-size:16px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\\/80{color:#fffc}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[height\\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in{--tw-enter-scale: 0}.zoom-in-95{--tw-enter-scale: .95}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-accent\\/60:hover{background-color:hsl(var(--opencx-accent) / .6)}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:bg-white\\/15:hover{background-color:#ffffff26}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-white\\/30:disabled{color:#ffffff4d}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:hover\\:bg-transparent:hover:disabled{background-color:transparent}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', ro = ae.Provider, oo = ae.Root, no = ae.Trigger, Lt = J.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
|
|
804
|
+
const Ut = '*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.\\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.end-6{inset-inline-end:1.5rem}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-0\\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-0{width:0px;height:0px}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-3{width:.75rem;height:.75rem}.size-3\\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-0{height:0px}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.max-h-16{max-height:4rem}.max-h-40{max-height:10rem}.max-h-full{max-height:100%}.min-h-12{min-height:3rem}.w-0{width:0px}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\\/5{width:40%}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5\\/6{width:83.333333%}.w-60{width:15rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-80{min-width:20rem}.min-w-\\[3ch\\]{min-width:3ch}.min-w-\\[8rem\\]{min-width:8rem}.max-w-96{max-width:24rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-\\[min\\(100\\%\\,16rem\\)\\]{max-width:min(100%,16rem)}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\\/2,.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-background\\/80{background-color:hsl(var(--opencx-background) / .8)}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-destructive\\/15{background-color:hsl(var(--opencx-destructive) / .15)}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\\/30{background-color:#ffffff4d}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pe-2{padding-inline-end:.5rem}.pe-4{padding-inline-end:1rem}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[16px\\]{font-size:16px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\\/80{color:#fffc}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[height\\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in{--tw-enter-scale: 0}.zoom-in-95{--tw-enter-scale: .95}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-accent\\/60:hover{background-color:hsl(var(--opencx-accent) / .6)}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:bg-white\\/15:hover{background-color:#ffffff26}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-white\\/30:disabled{color:#ffffff4d}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:hover\\:bg-transparent:hover:disabled{background-color:transparent}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', io = ae.Provider, lo = ae.Root, co = ae.Trigger, Xt = J.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
|
|
739
805
|
ae.Content,
|
|
740
806
|
{
|
|
741
807
|
ref: n,
|
|
@@ -747,7 +813,7 @@ const Wt = '*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;-
|
|
|
747
813
|
...t
|
|
748
814
|
}
|
|
749
815
|
));
|
|
750
|
-
|
|
816
|
+
Xt.displayName = ae.Content.displayName;
|
|
751
817
|
function oe({
|
|
752
818
|
children: e,
|
|
753
819
|
content: o,
|
|
@@ -755,10 +821,10 @@ function oe({
|
|
|
755
821
|
align: n
|
|
756
822
|
}) {
|
|
757
823
|
const { disableTooltips: s } = C();
|
|
758
|
-
return !o || s ? e : /* @__PURE__ */ d(
|
|
759
|
-
/* @__PURE__ */ r(
|
|
824
|
+
return !o || s ? e : /* @__PURE__ */ d(lo, { children: [
|
|
825
|
+
/* @__PURE__ */ r(co, { asChild: !0, children: e }),
|
|
760
826
|
/* @__PURE__ */ r(
|
|
761
|
-
|
|
827
|
+
Xt,
|
|
762
828
|
{
|
|
763
829
|
side: t,
|
|
764
830
|
align: n,
|
|
@@ -769,12 +835,12 @@ function oe({
|
|
|
769
835
|
)
|
|
770
836
|
] });
|
|
771
837
|
}
|
|
772
|
-
const
|
|
838
|
+
const wt = 450;
|
|
773
839
|
function $() {
|
|
774
|
-
const [e, o] = L.useState(() => (window.top || window).innerWidth <
|
|
840
|
+
const [e, o] = L.useState(() => (window.top || window).innerWidth < wt);
|
|
775
841
|
return L.useEffect(() => {
|
|
776
842
|
const t = window.top || window, n = () => {
|
|
777
|
-
o(t.innerWidth <
|
|
843
|
+
o(t.innerWidth < wt);
|
|
778
844
|
};
|
|
779
845
|
return n(), t.addEventListener("resize", n), () => {
|
|
780
846
|
t.removeEventListener("resize", n);
|
|
@@ -786,17 +852,17 @@ const ce = {
|
|
|
786
852
|
transitionDuration: "1000ms"
|
|
787
853
|
};
|
|
788
854
|
function Z() {
|
|
789
|
-
var v,
|
|
790
|
-
const { dir: e } =
|
|
855
|
+
var v, g, u, b, z, _, y, E, P, j, w, I, R, M, h, S, ie, Re, Pe, je, Oe, Ae, Fe, He, We, Le, $e, Be, Ye, Ue, Xe, qe, Ve, Ge, Ze, Ke, Qe, Je, et, tt, rt, ot, nt, st, at, it, lt;
|
|
856
|
+
const { dir: e } = ke(), { isSmallScreen: o } = $(), { theme: t, inline: n } = C(), s = (X) => n ? "100%" : X, i = (X, ue) => o ? `100dv${X}` : ue, a = (X, ue) => s(i(X, ue)), l = {
|
|
791
857
|
zIndex: ((v = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : v.zIndex) ?? 1e7,
|
|
792
858
|
offset: {
|
|
793
|
-
bottom: ((
|
|
859
|
+
bottom: ((u = (g = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : g.offset) == null ? void 0 : u.bottom) ?? 20,
|
|
794
860
|
right: ((z = (b = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : b.offset) == null ? void 0 : z.right) ?? (e === "ltr" ? 20 : "initial"),
|
|
795
861
|
left: ((y = (_ = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : _.offset) == null ? void 0 : y.left) ?? (e === "rtl" ? 20 : "initial")
|
|
796
862
|
},
|
|
797
863
|
size: {
|
|
798
|
-
button: ((P = (
|
|
799
|
-
icon: ((w = (
|
|
864
|
+
button: ((P = (E = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : E.size) == null ? void 0 : P.button) ?? 48,
|
|
865
|
+
icon: ((w = (j = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : j.size) == null ? void 0 : w.icon) ?? 24
|
|
800
866
|
}
|
|
801
867
|
}, c = (() => {
|
|
802
868
|
const X = e === "ltr" ? l.offset.right : l.offset.left;
|
|
@@ -807,46 +873,46 @@ function Z() {
|
|
|
807
873
|
widgetTrigger: l,
|
|
808
874
|
widgetContentContainer: {
|
|
809
875
|
borderRadius: o ? "0px" : ((I = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : I.borderRadius) ?? "32px",
|
|
810
|
-
zIndex: ((
|
|
876
|
+
zIndex: ((R = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : R.zIndex) ?? l.zIndex + 1,
|
|
811
877
|
outline: ((M = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : M.outline) ?? "none",
|
|
812
878
|
// was: '1px solid'
|
|
813
879
|
outlineColor: ((h = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : h.outlineColor) ?? "hsl(0 0% 50% / .5)",
|
|
814
880
|
boxShadow: ((S = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : S.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
|
|
815
881
|
transitionProperty: ((ie = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : ie.transitionProperty) ?? "all",
|
|
816
882
|
transitionTimingFunction: ((Re = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Re.transitionTimingFunction) ?? ce.transitionTimingFunction,
|
|
817
|
-
transitionDuration: ((
|
|
883
|
+
transitionDuration: ((Pe = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Pe.transitionDuration) ?? ce.transitionDuration,
|
|
818
884
|
offset: {
|
|
819
|
-
side: o ? 0 : l.offset.bottom + l.size.button + K.y * 2 + (((
|
|
820
|
-
align: o ? 0 : c + (((
|
|
885
|
+
side: o ? 0 : l.offset.bottom + l.size.button + K.y * 2 + (((Oe = (je = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : je.offset) == null ? void 0 : Oe.side) ?? 10),
|
|
886
|
+
align: o ? 0 : c + (((Fe = (Ae = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Ae.offset) == null ? void 0 : Fe.align) ?? 0)
|
|
821
887
|
}
|
|
822
888
|
},
|
|
823
889
|
screens: {
|
|
824
890
|
welcome: {
|
|
825
|
-
width: a("w", ((
|
|
891
|
+
width: a("w", ((We = (He = t == null ? void 0 : t.screens) == null ? void 0 : He.welcome) == null ? void 0 : We.width) ?? "400px"),
|
|
826
892
|
// By setting minHeight to 1px, a nice animation will play from 1px to the dynamic height of the content of the screen
|
|
827
893
|
minHeight: a(
|
|
828
894
|
"h",
|
|
829
|
-
((
|
|
895
|
+
(($e = (Le = t == null ? void 0 : t.screens) == null ? void 0 : Le.welcome) == null ? void 0 : $e.minHeight) ?? "1px"
|
|
830
896
|
)
|
|
831
897
|
},
|
|
832
898
|
sessions: {
|
|
833
|
-
width: a("w", ((
|
|
834
|
-
height: a("h", ((
|
|
899
|
+
width: a("w", ((Ye = (Be = t == null ? void 0 : t.screens) == null ? void 0 : Be.sessions) == null ? void 0 : Ye.width) ?? "450px"),
|
|
900
|
+
height: a("h", ((Xe = (Ue = t == null ? void 0 : t.screens) == null ? void 0 : Ue.sessions) == null ? void 0 : Xe.height) ?? "600px")
|
|
835
901
|
},
|
|
836
902
|
chat: {
|
|
837
|
-
width: a("w", ((
|
|
838
|
-
height: a("h", ((
|
|
903
|
+
width: a("w", ((Ve = (qe = t == null ? void 0 : t.screens) == null ? void 0 : qe.chat) == null ? void 0 : Ve.width) ?? "525px"),
|
|
904
|
+
height: a("h", ((Ze = (Ge = t == null ? void 0 : t.screens) == null ? void 0 : Ge.chat) == null ? void 0 : Ze.height) ?? "700px"),
|
|
839
905
|
withCanvas: {
|
|
840
906
|
width: a(
|
|
841
907
|
"w",
|
|
842
|
-
((
|
|
908
|
+
((Je = (Qe = (Ke = t == null ? void 0 : t.screens) == null ? void 0 : Ke.chat) == null ? void 0 : Qe.withCanvas) == null ? void 0 : Je.width) ?? "min(1050px, 100vw)"
|
|
843
909
|
),
|
|
844
910
|
height: a(
|
|
845
911
|
"h",
|
|
846
|
-
((
|
|
912
|
+
((rt = (tt = (et = t == null ? void 0 : t.screens) == null ? void 0 : et.chat) == null ? void 0 : tt.withCanvas) == null ? void 0 : rt.height) ?? "min(800px, 100vh)"
|
|
847
913
|
),
|
|
848
|
-
transitionTimingFunction: ((
|
|
849
|
-
transitionDuration: ((
|
|
914
|
+
transitionTimingFunction: ((st = (nt = (ot = t == null ? void 0 : t.screens) == null ? void 0 : ot.chat) == null ? void 0 : nt.withCanvas) == null ? void 0 : st.transitionTimingFunction) ?? ce.transitionTimingFunction,
|
|
915
|
+
transitionDuration: ((lt = (it = (at = t == null ? void 0 : t.screens) == null ? void 0 : at.chat) == null ? void 0 : it.withCanvas) == null ? void 0 : lt.transitionDuration) ?? ce.transitionDuration
|
|
850
916
|
}
|
|
851
917
|
}
|
|
852
918
|
}
|
|
@@ -891,17 +957,17 @@ function Z() {
|
|
|
891
957
|
return {
|
|
892
958
|
theme: p,
|
|
893
959
|
computed: x,
|
|
894
|
-
cssVars:
|
|
960
|
+
cssVars: po({
|
|
895
961
|
palette: p.palette,
|
|
896
962
|
primary: p.primaryColor
|
|
897
963
|
})
|
|
898
964
|
};
|
|
899
965
|
}
|
|
900
|
-
function
|
|
966
|
+
function po({
|
|
901
967
|
palette: e,
|
|
902
968
|
primary: o
|
|
903
969
|
}) {
|
|
904
|
-
const t =
|
|
970
|
+
const t = qt(e), n = pt(o).toHsl(), s = pt(o).isLight() ? t[950] : t[50];
|
|
905
971
|
return {
|
|
906
972
|
"--opencx-primary": `${n.h} ${n.s * 100}% ${n.l * 100}%`,
|
|
907
973
|
"--opencx-primary-foreground": s,
|
|
@@ -920,7 +986,7 @@ function so({
|
|
|
920
986
|
"--opencx-ring": "var(--opencx-foreground)"
|
|
921
987
|
};
|
|
922
988
|
}
|
|
923
|
-
function
|
|
989
|
+
function qt(e) {
|
|
924
990
|
const o = {
|
|
925
991
|
50: "0 0% 98%",
|
|
926
992
|
100: "0 0% 96.1%",
|
|
@@ -980,10 +1046,10 @@ function $t(e) {
|
|
|
980
1046
|
case "slate":
|
|
981
1047
|
return s;
|
|
982
1048
|
default:
|
|
983
|
-
return F(e,
|
|
1049
|
+
return F(e, qt.name), o;
|
|
984
1050
|
}
|
|
985
1051
|
}
|
|
986
|
-
function
|
|
1052
|
+
function Vt() {
|
|
987
1053
|
const { contentIframeRef: e } = O(), { inline: o } = C();
|
|
988
1054
|
return {
|
|
989
1055
|
setWidth: (t) => {
|
|
@@ -1002,16 +1068,16 @@ function Bt() {
|
|
|
1002
1068
|
}
|
|
1003
1069
|
};
|
|
1004
1070
|
}
|
|
1005
|
-
function
|
|
1071
|
+
function Me({
|
|
1006
1072
|
width: e,
|
|
1007
1073
|
height: o
|
|
1008
1074
|
}) {
|
|
1009
|
-
const { isSmallScreen: t } = $(), { setWidth: n, setHeight: s } =
|
|
1075
|
+
const { isSmallScreen: t } = $(), { setWidth: n, setHeight: s } = Vt();
|
|
1010
1076
|
se(() => {
|
|
1011
1077
|
e && n(e), o && s(o);
|
|
1012
1078
|
}, [t, o, e, n, s]);
|
|
1013
1079
|
}
|
|
1014
|
-
const
|
|
1080
|
+
const ft = mr;
|
|
1015
1081
|
function ne({
|
|
1016
1082
|
name: e,
|
|
1017
1083
|
className: o
|
|
@@ -1019,54 +1085,54 @@ function ne({
|
|
|
1019
1085
|
const t = (() => {
|
|
1020
1086
|
switch (e) {
|
|
1021
1087
|
case "Check":
|
|
1022
|
-
return
|
|
1088
|
+
return Nr;
|
|
1023
1089
|
case "CheckCheck":
|
|
1024
|
-
return
|
|
1090
|
+
return zr;
|
|
1025
1091
|
case "CircleCheck":
|
|
1026
|
-
return
|
|
1092
|
+
return Mt;
|
|
1027
1093
|
case "CircleCheckBig":
|
|
1028
|
-
return
|
|
1094
|
+
return Cr;
|
|
1029
1095
|
case "CircleX":
|
|
1030
|
-
return
|
|
1096
|
+
return kr;
|
|
1031
1097
|
case "Expand":
|
|
1032
|
-
return
|
|
1098
|
+
return yr;
|
|
1033
1099
|
case "Maximize":
|
|
1034
|
-
return
|
|
1100
|
+
return br;
|
|
1035
1101
|
case "Maximize2":
|
|
1036
|
-
return
|
|
1102
|
+
return vr;
|
|
1037
1103
|
case "Minimize":
|
|
1038
|
-
return
|
|
1104
|
+
return xr;
|
|
1039
1105
|
case "Minimize2":
|
|
1040
|
-
return
|
|
1106
|
+
return fr;
|
|
1041
1107
|
case "Shrink":
|
|
1042
|
-
return
|
|
1108
|
+
return wr;
|
|
1043
1109
|
case "SquareCheck":
|
|
1044
|
-
return
|
|
1110
|
+
return gr;
|
|
1045
1111
|
case "SquareCheckBig":
|
|
1046
|
-
return
|
|
1112
|
+
return ur;
|
|
1047
1113
|
case "SquareX":
|
|
1048
|
-
return
|
|
1114
|
+
return hr;
|
|
1049
1115
|
case "X":
|
|
1050
|
-
return
|
|
1116
|
+
return Ce;
|
|
1051
1117
|
case void 0:
|
|
1052
|
-
return
|
|
1118
|
+
return ft;
|
|
1053
1119
|
default:
|
|
1054
|
-
return F(e, ne.name),
|
|
1120
|
+
return F(e, ne.name), ft;
|
|
1055
1121
|
}
|
|
1056
1122
|
})();
|
|
1057
1123
|
return /* @__PURE__ */ r(t, { className: m("size-4", o) });
|
|
1058
1124
|
}
|
|
1059
|
-
function
|
|
1125
|
+
function mo() {
|
|
1060
1126
|
var t;
|
|
1061
1127
|
const e = te(), o = (t = e.config.customComponents) == null ? void 0 : t.headerBottom;
|
|
1062
1128
|
return o ? /* @__PURE__ */ r(o, { ...e }) : null;
|
|
1063
1129
|
}
|
|
1064
|
-
function
|
|
1130
|
+
function ho({ fallback: e }) {
|
|
1065
1131
|
var n;
|
|
1066
1132
|
const o = te(), t = (n = o.config.customComponents) == null ? void 0 : n.headerTitle;
|
|
1067
1133
|
return t ? /* @__PURE__ */ r(t, { ...o }) : e;
|
|
1068
1134
|
}
|
|
1069
|
-
function
|
|
1135
|
+
function De() {
|
|
1070
1136
|
const {
|
|
1071
1137
|
widgetCtx: { org: e }
|
|
1072
1138
|
} = O(), {
|
|
@@ -1082,12 +1148,12 @@ function Me() {
|
|
|
1082
1148
|
case "welcome":
|
|
1083
1149
|
return;
|
|
1084
1150
|
default:
|
|
1085
|
-
F(o,
|
|
1151
|
+
F(o, De.name);
|
|
1086
1152
|
return;
|
|
1087
1153
|
}
|
|
1088
1154
|
})() ?? e.name ?? "Chat";
|
|
1089
1155
|
}
|
|
1090
|
-
function
|
|
1156
|
+
function uo(e) {
|
|
1091
1157
|
switch (e) {
|
|
1092
1158
|
case "chat":
|
|
1093
1159
|
return f("chat/header");
|
|
@@ -1096,11 +1162,11 @@ function lo(e) {
|
|
|
1096
1162
|
case "welcome":
|
|
1097
1163
|
return;
|
|
1098
1164
|
default:
|
|
1099
|
-
F(e,
|
|
1165
|
+
F(e, De.name);
|
|
1100
1166
|
return;
|
|
1101
1167
|
}
|
|
1102
1168
|
}
|
|
1103
|
-
function
|
|
1169
|
+
function go() {
|
|
1104
1170
|
const { router: e } = C(), {
|
|
1105
1171
|
routerState: { screen: o },
|
|
1106
1172
|
toSessionsScreen: t
|
|
@@ -1112,11 +1178,11 @@ function co() {
|
|
|
1112
1178
|
size: "fit",
|
|
1113
1179
|
className: "rounded-full",
|
|
1114
1180
|
onClick: t,
|
|
1115
|
-
children: /* @__PURE__ */ r(
|
|
1181
|
+
children: /* @__PURE__ */ r(Sr, { className: "size-4 rtl:-scale-100" })
|
|
1116
1182
|
}
|
|
1117
1183
|
);
|
|
1118
1184
|
}
|
|
1119
|
-
function
|
|
1185
|
+
function wo({
|
|
1120
1186
|
button: e
|
|
1121
1187
|
}) {
|
|
1122
1188
|
const { setIsOpen: o } = G(), { isSmallScreen: t } = $();
|
|
@@ -1134,12 +1200,12 @@ function po({
|
|
|
1134
1200
|
}
|
|
1135
1201
|
);
|
|
1136
1202
|
}
|
|
1137
|
-
function
|
|
1203
|
+
function be({
|
|
1138
1204
|
button: e
|
|
1139
1205
|
}) {
|
|
1140
1206
|
const [o, t] = D(!1), {
|
|
1141
1207
|
routerState: { screen: n }
|
|
1142
|
-
} = H(), { isSmallScreen: s } = $(), { theme: i } = Z(), { setWidth: a, setHeight: l } =
|
|
1208
|
+
} = H(), { isSmallScreen: s } = $(), { theme: i } = Z(), { setWidth: a, setHeight: l } = Vt();
|
|
1143
1209
|
if (n !== "chat" && n !== "sessions") return null;
|
|
1144
1210
|
const c = (() => {
|
|
1145
1211
|
switch (n) {
|
|
@@ -1148,7 +1214,7 @@ function ve({
|
|
|
1148
1214
|
case "sessions":
|
|
1149
1215
|
return i.screens.sessions.height;
|
|
1150
1216
|
default:
|
|
1151
|
-
return F(n,
|
|
1217
|
+
return F(n, be.name), i.screens.chat.height;
|
|
1152
1218
|
}
|
|
1153
1219
|
})(), p = (() => {
|
|
1154
1220
|
switch (n) {
|
|
@@ -1157,12 +1223,12 @@ function ve({
|
|
|
1157
1223
|
case "sessions":
|
|
1158
1224
|
return i.screens.sessions.width;
|
|
1159
1225
|
default:
|
|
1160
|
-
return F(n,
|
|
1226
|
+
return F(n, be.name), i.screens.chat.width;
|
|
1161
1227
|
}
|
|
1162
1228
|
})(), x = () => {
|
|
1163
1229
|
t((v) => {
|
|
1164
|
-
const
|
|
1165
|
-
return l(
|
|
1230
|
+
const g = !v;
|
|
1231
|
+
return l(g ? "100vh" : c), a(g ? `max(40vw, ${p})` : p), g;
|
|
1166
1232
|
});
|
|
1167
1233
|
};
|
|
1168
1234
|
return s && e.hideOnSmallScreen || !s && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
|
|
@@ -1181,13 +1247,13 @@ function ve({
|
|
|
1181
1247
|
}
|
|
1182
1248
|
);
|
|
1183
1249
|
}
|
|
1184
|
-
function
|
|
1250
|
+
function Gt({
|
|
1185
1251
|
button: e
|
|
1186
1252
|
}) {
|
|
1187
1253
|
var z, _;
|
|
1188
|
-
const { close: o } = he(), { widgetCtx: t } = O(), { setIsOpen: n } = G(), { resolveSession: s, sessionState: i } = U(), { isSmallScreen: a } = $(), l = !i.session, c = ((z = i.session) == null ? void 0 : z.isOpened) === !1, p = e.onResolved || "stay-in-chat", x = e.behaviorBeforeSessionCreation || "disabled", v = e.behaviorIfSessionIsResolved || "disabled",
|
|
1189
|
-
const { success: y, error:
|
|
1190
|
-
if (o(), !y) return console.error(
|
|
1254
|
+
const { close: o } = he(), { widgetCtx: t } = O(), { setIsOpen: n } = G(), { resolveSession: s, sessionState: i } = U(), { isSmallScreen: a } = $(), l = !i.session, c = ((z = i.session) == null ? void 0 : z.isOpened) === !1, p = e.onResolved || "stay-in-chat", x = e.behaviorBeforeSessionCreation || "disabled", v = e.behaviorIfSessionIsResolved || "disabled", g = !!(i.isResolvingSession || l && x === "disabled" || c && v === "disabled"), u = async () => {
|
|
1255
|
+
const { success: y, error: E } = await s();
|
|
1256
|
+
if (o(), !y) return console.error(E);
|
|
1191
1257
|
switch (p) {
|
|
1192
1258
|
case "stay-in-chat":
|
|
1193
1259
|
return;
|
|
@@ -1201,7 +1267,7 @@ function Yt({
|
|
|
1201
1267
|
n(!1), t.resetChat();
|
|
1202
1268
|
break;
|
|
1203
1269
|
default:
|
|
1204
|
-
F(p,
|
|
1270
|
+
F(p, Gt.name);
|
|
1205
1271
|
break;
|
|
1206
1272
|
}
|
|
1207
1273
|
}, b = () => {
|
|
@@ -1241,7 +1307,7 @@ function Yt({
|
|
|
1241
1307
|
}
|
|
1242
1308
|
};
|
|
1243
1309
|
return a && e.hideOnSmallScreen || !a && e.hideOnLargeScreen ? null : ((_ = e.confirmation) == null ? void 0 : _.type) === "modal" && !c && !l ? /* @__PURE__ */ r(
|
|
1244
|
-
|
|
1310
|
+
Ne,
|
|
1245
1311
|
{
|
|
1246
1312
|
trigger: /* @__PURE__ */ r(
|
|
1247
1313
|
N,
|
|
@@ -1249,14 +1315,14 @@ function Yt({
|
|
|
1249
1315
|
variant: "ghost",
|
|
1250
1316
|
size: "fit",
|
|
1251
1317
|
className: "rounded-full",
|
|
1252
|
-
disabled:
|
|
1318
|
+
disabled: g,
|
|
1253
1319
|
children: /* @__PURE__ */ r(ne, { name: e.icon })
|
|
1254
1320
|
}
|
|
1255
1321
|
),
|
|
1256
|
-
children: /* @__PURE__ */ d(
|
|
1257
|
-
/* @__PURE__ */ r(
|
|
1258
|
-
/* @__PURE__ */ r(
|
|
1259
|
-
/* @__PURE__ */ d(
|
|
1322
|
+
children: /* @__PURE__ */ d(ze, { children: [
|
|
1323
|
+
/* @__PURE__ */ r(At, { children: /* @__PURE__ */ r(Wt, { children: e.confirmation.title || "Close conversation" }) }),
|
|
1324
|
+
/* @__PURE__ */ r(Ft, { children: /* @__PURE__ */ r(Lt, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
|
|
1325
|
+
/* @__PURE__ */ d(Ht, { children: [
|
|
1260
1326
|
/* @__PURE__ */ r(
|
|
1261
1327
|
N,
|
|
1262
1328
|
{
|
|
@@ -1270,7 +1336,7 @@ function Yt({
|
|
|
1270
1336
|
N,
|
|
1271
1337
|
{
|
|
1272
1338
|
variant: "destructive",
|
|
1273
|
-
onClick:
|
|
1339
|
+
onClick: u,
|
|
1274
1340
|
disabled: i.isResolvingSession,
|
|
1275
1341
|
children: e.confirmation.confirmButtonText || "Yes"
|
|
1276
1342
|
}
|
|
@@ -1284,48 +1350,48 @@ function Yt({
|
|
|
1284
1350
|
variant: "ghost",
|
|
1285
1351
|
size: "fit",
|
|
1286
1352
|
className: "rounded-full",
|
|
1287
|
-
onClick: c || l ? b :
|
|
1288
|
-
disabled:
|
|
1353
|
+
onClick: c || l ? b : u,
|
|
1354
|
+
disabled: g,
|
|
1289
1355
|
children: /* @__PURE__ */ r(ne, { name: e.icon })
|
|
1290
1356
|
}
|
|
1291
1357
|
);
|
|
1292
1358
|
}
|
|
1293
|
-
function
|
|
1359
|
+
function ye({ button: e }) {
|
|
1294
1360
|
switch (e.functionality) {
|
|
1295
1361
|
case "close-widget":
|
|
1296
|
-
return /* @__PURE__ */ r(
|
|
1362
|
+
return /* @__PURE__ */ r(wo, { button: e });
|
|
1297
1363
|
case "expand-shrink":
|
|
1298
|
-
return /* @__PURE__ */ r(
|
|
1364
|
+
return /* @__PURE__ */ r(be, { button: e });
|
|
1299
1365
|
case "resolve-session":
|
|
1300
|
-
return /* @__PURE__ */ r(
|
|
1366
|
+
return /* @__PURE__ */ r(Gt, { button: e });
|
|
1301
1367
|
default:
|
|
1302
|
-
return F(e,
|
|
1368
|
+
return F(e, ye.name), null;
|
|
1303
1369
|
}
|
|
1304
1370
|
}
|
|
1305
|
-
const
|
|
1371
|
+
const fo = {
|
|
1306
1372
|
functionality: "close-widget",
|
|
1307
1373
|
hideOnLargeScreen: !0,
|
|
1308
1374
|
icon: "X"
|
|
1309
1375
|
};
|
|
1310
|
-
function
|
|
1376
|
+
function xo() {
|
|
1311
1377
|
const {
|
|
1312
1378
|
routerState: { screen: e }
|
|
1313
1379
|
} = H(), { headerButtons: o } = C(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
|
|
1314
|
-
return !t || t.length === 0 ? /* @__PURE__ */ r(
|
|
1315
|
-
|
|
1380
|
+
return !t || t.length === 0 ? /* @__PURE__ */ r(ye, { button: fo }) : /* @__PURE__ */ r(Q, { children: t.map((n) => /* @__PURE__ */ r(
|
|
1381
|
+
ye,
|
|
1316
1382
|
{
|
|
1317
1383
|
button: n
|
|
1318
1384
|
},
|
|
1319
1385
|
`${n.functionality}-${n.icon}`
|
|
1320
1386
|
)) });
|
|
1321
1387
|
}
|
|
1322
|
-
function
|
|
1388
|
+
function Zt() {
|
|
1323
1389
|
const {
|
|
1324
1390
|
routerState: { screen: e }
|
|
1325
|
-
} = H(), o =
|
|
1391
|
+
} = H(), o = uo(e), t = De();
|
|
1326
1392
|
return /* @__PURE__ */ d("header", { ...o, className: "py-2 px-4 shrink-0", children: [
|
|
1327
1393
|
/* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
|
|
1328
|
-
/* @__PURE__ */ r(
|
|
1394
|
+
/* @__PURE__ */ r(go, {}),
|
|
1329
1395
|
/* @__PURE__ */ r(
|
|
1330
1396
|
"div",
|
|
1331
1397
|
{
|
|
@@ -1334,31 +1400,31 @@ function Ut() {
|
|
|
1334
1400
|
e === "sessions" && "ps-2"
|
|
1335
1401
|
),
|
|
1336
1402
|
children: /* @__PURE__ */ r(
|
|
1337
|
-
|
|
1403
|
+
ho,
|
|
1338
1404
|
{
|
|
1339
1405
|
fallback: /* @__PURE__ */ r("h2", { className: "font-semibold", children: t })
|
|
1340
1406
|
}
|
|
1341
1407
|
)
|
|
1342
1408
|
}
|
|
1343
1409
|
),
|
|
1344
|
-
/* @__PURE__ */ r(
|
|
1410
|
+
/* @__PURE__ */ r(xo, {})
|
|
1345
1411
|
] }),
|
|
1346
|
-
/* @__PURE__ */ r(
|
|
1412
|
+
/* @__PURE__ */ r(mo, {})
|
|
1347
1413
|
] });
|
|
1348
1414
|
}
|
|
1349
|
-
function
|
|
1350
|
-
return /* @__PURE__ */ r(
|
|
1415
|
+
function Kt({ className: e }) {
|
|
1416
|
+
return /* @__PURE__ */ r(_r, { className: m("size-4 animate-spin", e) });
|
|
1351
1417
|
}
|
|
1352
|
-
function
|
|
1418
|
+
function vo() {
|
|
1353
1419
|
const {
|
|
1354
1420
|
messagesState: { isInitialFetchLoading: e }
|
|
1355
|
-
} = A(), { isSmallScreen: o } = $(), { activeMode: t, Component: n } =
|
|
1421
|
+
} = A(), { isSmallScreen: o } = $(), { activeMode: t, Component: n } = zt();
|
|
1356
1422
|
return {
|
|
1357
1423
|
isCanvasOpen: !e && !o && !!t && !!n
|
|
1358
1424
|
};
|
|
1359
1425
|
}
|
|
1360
|
-
function
|
|
1361
|
-
const e = te(), { activeMode: o, Component: t } =
|
|
1426
|
+
function bo() {
|
|
1427
|
+
const e = te(), { activeMode: o, Component: t } = zt(), { sendMessage: n } = A(), { createStateCheckpoint: s } = U(), [i, a] = D(!1), l = async (c) => {
|
|
1362
1428
|
try {
|
|
1363
1429
|
a(!0), await n(c);
|
|
1364
1430
|
} catch (p) {
|
|
@@ -1379,11 +1445,11 @@ function uo() {
|
|
|
1379
1445
|
);
|
|
1380
1446
|
}
|
|
1381
1447
|
function q() {
|
|
1382
|
-
const { dir: e } =
|
|
1383
|
-
return
|
|
1384
|
-
const t =
|
|
1448
|
+
const { dir: e } = ke(), o = C();
|
|
1449
|
+
return Ct(() => {
|
|
1450
|
+
const t = Br(o.language) ? o.language : "en";
|
|
1385
1451
|
return {
|
|
1386
|
-
t: (n) =>
|
|
1452
|
+
t: (n) => Yr(n, t, o.translationOverrides),
|
|
1387
1453
|
language: t,
|
|
1388
1454
|
dir: t === "ar" ? "rtl" : "ltr",
|
|
1389
1455
|
hostDocumentDir: e
|
|
@@ -1409,7 +1475,7 @@ const W = L.forwardRef(
|
|
|
1409
1475
|
}
|
|
1410
1476
|
);
|
|
1411
1477
|
W.displayName = "MotionDiv__VerticalReveal";
|
|
1412
|
-
const
|
|
1478
|
+
const yo = [
|
|
1413
1479
|
{
|
|
1414
1480
|
label: "Terrible",
|
|
1415
1481
|
value: 1,
|
|
@@ -1436,16 +1502,16 @@ const wo = [
|
|
|
1436
1502
|
emoji: "😍"
|
|
1437
1503
|
}
|
|
1438
1504
|
];
|
|
1439
|
-
function
|
|
1505
|
+
function ko() {
|
|
1440
1506
|
const { isSmallScreen: e } = $(), { t: o } = q(), {
|
|
1441
1507
|
submitCsat: t,
|
|
1442
1508
|
isCsatRequested: n,
|
|
1443
1509
|
isCsatSubmitted: s,
|
|
1444
1510
|
submittedScore: i,
|
|
1445
1511
|
submittedFeedback: a
|
|
1446
|
-
} =
|
|
1447
|
-
c((b) => b ===
|
|
1448
|
-
},
|
|
1512
|
+
} = Nt(), [l, c] = D(null), [p, x] = D(null), v = (u) => {
|
|
1513
|
+
c((b) => b === u ? null : u);
|
|
1514
|
+
}, g = () => {
|
|
1449
1515
|
l && t({
|
|
1450
1516
|
score: l,
|
|
1451
1517
|
feedback: p || void 0
|
|
@@ -1462,10 +1528,10 @@ function fo() {
|
|
|
1462
1528
|
"transition-all",
|
|
1463
1529
|
s && "gap-0 justify-center"
|
|
1464
1530
|
),
|
|
1465
|
-
children:
|
|
1531
|
+
children: yo.map((u) => /* @__PURE__ */ r(
|
|
1466
1532
|
N,
|
|
1467
1533
|
{
|
|
1468
|
-
variant:
|
|
1534
|
+
variant: u.value === l ? "secondary" : "ghost",
|
|
1469
1535
|
size: "selfless",
|
|
1470
1536
|
className: m(
|
|
1471
1537
|
"transition-all overflow-hidden",
|
|
@@ -1473,14 +1539,14 @@ function fo() {
|
|
|
1473
1539
|
"opacity-35",
|
|
1474
1540
|
"hover:opacity-100",
|
|
1475
1541
|
!l && "opacity-100",
|
|
1476
|
-
|
|
1477
|
-
s &&
|
|
1478
|
-
s &&
|
|
1542
|
+
u.value === l && "opacity-100",
|
|
1543
|
+
s && u.value !== i && "opacity-0 size-0",
|
|
1544
|
+
s && u.value === i && "opacity-100 size-fit text-4xl"
|
|
1479
1545
|
),
|
|
1480
|
-
onClick: n ? () => v(
|
|
1481
|
-
children:
|
|
1546
|
+
onClick: n ? () => v(u.value) : void 0,
|
|
1547
|
+
children: u.emoji
|
|
1482
1548
|
},
|
|
1483
|
-
|
|
1549
|
+
u.value
|
|
1484
1550
|
))
|
|
1485
1551
|
}
|
|
1486
1552
|
),
|
|
@@ -1500,7 +1566,7 @@ function fo() {
|
|
|
1500
1566
|
s && "text-center"
|
|
1501
1567
|
),
|
|
1502
1568
|
value: s ? a || "" : p || "",
|
|
1503
|
-
onChange: n ? (
|
|
1569
|
+
onChange: n ? (u) => x(u.target.value) : void 0,
|
|
1504
1570
|
readOnly: s,
|
|
1505
1571
|
placeholder: n ? o("csat_feedback_placeholder") : void 0
|
|
1506
1572
|
}
|
|
@@ -1509,14 +1575,14 @@ function fo() {
|
|
|
1509
1575
|
N,
|
|
1510
1576
|
{
|
|
1511
1577
|
size: "fit",
|
|
1512
|
-
onClick:
|
|
1578
|
+
onClick: g,
|
|
1513
1579
|
disabled: !l,
|
|
1514
1580
|
className: m(
|
|
1515
1581
|
"transition-all overflow-hidden",
|
|
1516
1582
|
"rounded-full size-8 flex items-center justify-center p-0",
|
|
1517
1583
|
s && "opacity-0 size-0"
|
|
1518
1584
|
),
|
|
1519
|
-
children: /* @__PURE__ */ r(
|
|
1585
|
+
children: /* @__PURE__ */ r(Dt, { className: "size-4" })
|
|
1520
1586
|
}
|
|
1521
1587
|
)
|
|
1522
1588
|
] }) }, "feedback-box") }),
|
|
@@ -1528,7 +1594,7 @@ function fo() {
|
|
|
1528
1594
|
)
|
|
1529
1595
|
] });
|
|
1530
1596
|
}
|
|
1531
|
-
function
|
|
1597
|
+
function Ee({
|
|
1532
1598
|
suggestion: e,
|
|
1533
1599
|
className: o,
|
|
1534
1600
|
...t
|
|
@@ -1549,7 +1615,7 @@ function De({
|
|
|
1549
1615
|
}
|
|
1550
1616
|
);
|
|
1551
1617
|
}
|
|
1552
|
-
function
|
|
1618
|
+
function Co() {
|
|
1553
1619
|
const { t: e } = q(), o = [e("i_need_more_help"), e("this_was_helpful")];
|
|
1554
1620
|
return /* @__PURE__ */ r(
|
|
1555
1621
|
"div",
|
|
@@ -1557,7 +1623,7 @@ function xo() {
|
|
|
1557
1623
|
...f("chat/might_solve_user_issue_suggested_replies_container"),
|
|
1558
1624
|
className: "flex items-center gap-2 p-2 pb-0 flex-wrap",
|
|
1559
1625
|
children: o.map((t) => /* @__PURE__ */ r(
|
|
1560
|
-
|
|
1626
|
+
Ee,
|
|
1561
1627
|
{
|
|
1562
1628
|
suggestion: t,
|
|
1563
1629
|
className: "flex-1"
|
|
@@ -1567,11 +1633,11 @@ function xo() {
|
|
|
1567
1633
|
}
|
|
1568
1634
|
);
|
|
1569
1635
|
}
|
|
1570
|
-
function
|
|
1636
|
+
function xt() {
|
|
1571
1637
|
const { sessionState: e } = U(), { chatFooterItems: o } = C(), t = !!e.session && !e.session.isOpened, n = !t;
|
|
1572
|
-
return /* @__PURE__ */ r(T, { mode: "wait", children: o == null ? void 0 : o.map((s, i) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(
|
|
1638
|
+
return /* @__PURE__ */ r(T, { mode: "wait", children: o == null ? void 0 : o.map((s, i) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(Se, { children: s.message }) }) }, `${s.message}-${i}`)) });
|
|
1573
1639
|
}
|
|
1574
|
-
function
|
|
1640
|
+
function zo({
|
|
1575
1641
|
file: { status: e, file: o, error: t },
|
|
1576
1642
|
onCancel: n
|
|
1577
1643
|
}) {
|
|
@@ -1586,9 +1652,9 @@ function vo({
|
|
|
1586
1652
|
const a = () => {
|
|
1587
1653
|
switch (e) {
|
|
1588
1654
|
case "uploading":
|
|
1589
|
-
return /* @__PURE__ */ r(
|
|
1655
|
+
return /* @__PURE__ */ r(Mr, { className: "size-4 animate-spin" });
|
|
1590
1656
|
case "error":
|
|
1591
|
-
return /* @__PURE__ */ r(
|
|
1657
|
+
return /* @__PURE__ */ r(Tr, { className: "size-4 text-destructive" });
|
|
1592
1658
|
default:
|
|
1593
1659
|
return null;
|
|
1594
1660
|
}
|
|
@@ -1601,7 +1667,7 @@ function vo({
|
|
|
1601
1667
|
className: "object-cover bg-secondary size-full",
|
|
1602
1668
|
alt: o.name
|
|
1603
1669
|
}
|
|
1604
|
-
) : c === "audio" ? /* @__PURE__ */ r(
|
|
1670
|
+
) : c === "audio" ? /* @__PURE__ */ r(Dr, { className: "size-4 text-muted-foreground" }) : c === "video" ? /* @__PURE__ */ r(Er, { className: "size-4 text-muted-foreground" }) : o.type === "application/pdf" ? /* @__PURE__ */ r(It, { className: "size-4 text-muted-foreground" }) : jt({ type: o.type, name: o.name }) ? /* @__PURE__ */ r(Tt, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ r(Rr, { className: "size-4 text-muted-foreground" });
|
|
1605
1671
|
};
|
|
1606
1672
|
return /* @__PURE__ */ r(
|
|
1607
1673
|
oe,
|
|
@@ -1632,7 +1698,7 @@ function vo({
|
|
|
1632
1698
|
"opacity-0 group-hover:opacity-100 transition"
|
|
1633
1699
|
),
|
|
1634
1700
|
onClick: n,
|
|
1635
|
-
children: /* @__PURE__ */ r(
|
|
1701
|
+
children: /* @__PURE__ */ r(Ce, { className: "size-4 text-primary-foreground" })
|
|
1636
1702
|
}
|
|
1637
1703
|
),
|
|
1638
1704
|
/* @__PURE__ */ r(l, {})
|
|
@@ -1642,24 +1708,24 @@ function vo({
|
|
|
1642
1708
|
}
|
|
1643
1709
|
);
|
|
1644
1710
|
}
|
|
1645
|
-
function
|
|
1711
|
+
function No() {
|
|
1646
1712
|
var M;
|
|
1647
1713
|
const { isSmallScreen: e } = $(), o = B(null), { sendMessage: t } = A(), { sessionState: n } = U(), { disableSendingWhenAwaitingAIReply: s } = C(), { t: i } = q(), [a, l] = D(""), {
|
|
1648
1714
|
allFiles: c,
|
|
1649
1715
|
emptyTheFiles: p,
|
|
1650
1716
|
handleCancelUpload: x,
|
|
1651
1717
|
appendFiles: v,
|
|
1652
|
-
isUploading:
|
|
1653
|
-
successFiles:
|
|
1654
|
-
} =
|
|
1718
|
+
isUploading: g,
|
|
1719
|
+
successFiles: u
|
|
1720
|
+
} = sr(), b = !!((M = n.session) != null && M.isHandedOff), { isAwaitingBotReply: z } = St(), _ = s !== !1 && z, y = (h) => {
|
|
1655
1721
|
v(h);
|
|
1656
|
-
},
|
|
1657
|
-
if (_ ||
|
|
1658
|
-
|
|
1722
|
+
}, E = !a.trim() && u.length === 0, P = async () => {
|
|
1723
|
+
if (_ || E) return;
|
|
1724
|
+
g && console.info("please wait for the file(s) to upload");
|
|
1659
1725
|
const h = a.trim();
|
|
1660
1726
|
t({
|
|
1661
1727
|
content: h,
|
|
1662
|
-
attachments:
|
|
1728
|
+
attachments: u.flatMap(
|
|
1663
1729
|
(S) => S.fileUrl ? [
|
|
1664
1730
|
{
|
|
1665
1731
|
url: S.fileUrl,
|
|
@@ -1672,10 +1738,10 @@ function bo() {
|
|
|
1672
1738
|
)
|
|
1673
1739
|
}), l(""), p();
|
|
1674
1740
|
}, {
|
|
1675
|
-
getRootProps:
|
|
1741
|
+
getRootProps: j,
|
|
1676
1742
|
getInputProps: w,
|
|
1677
1743
|
open: I
|
|
1678
|
-
} =
|
|
1744
|
+
} = Ur({
|
|
1679
1745
|
onDrop: y,
|
|
1680
1746
|
noClick: !0,
|
|
1681
1747
|
onDropRejected() {
|
|
@@ -1685,15 +1751,17 @@ function bo() {
|
|
|
1685
1751
|
accept: b ? {
|
|
1686
1752
|
"text/*": [".txt"],
|
|
1687
1753
|
"image/*": [".png", ".jpg", ".jpeg", ".gif"],
|
|
1688
|
-
"application/pdf": [".pdf"]
|
|
1754
|
+
"application/pdf": [".pdf"],
|
|
1755
|
+
...mt
|
|
1689
1756
|
} : {
|
|
1690
1757
|
"image/png": [".png"],
|
|
1691
1758
|
"image/jpeg": [".jpg", ".jpeg"],
|
|
1692
1759
|
"image/gif": [".gif"],
|
|
1693
1760
|
"image/webp": [".webp"],
|
|
1694
|
-
"application/pdf": [".pdf"]
|
|
1761
|
+
"application/pdf": [".pdf"],
|
|
1762
|
+
...mt
|
|
1695
1763
|
}
|
|
1696
|
-
}),
|
|
1764
|
+
}), R = (h) => {
|
|
1697
1765
|
const S = h.clipboardData;
|
|
1698
1766
|
S && S.files.length > 0 && y(Array.from(S.files));
|
|
1699
1767
|
};
|
|
@@ -1702,7 +1770,7 @@ function bo() {
|
|
|
1702
1770
|
{
|
|
1703
1771
|
...f("chat/input_box/root"),
|
|
1704
1772
|
className: "p-2 relative space-y-1",
|
|
1705
|
-
...
|
|
1773
|
+
...j(),
|
|
1706
1774
|
children: [
|
|
1707
1775
|
/* @__PURE__ */ r("input", { ...w() }),
|
|
1708
1776
|
/* @__PURE__ */ d(
|
|
@@ -1729,7 +1797,7 @@ function bo() {
|
|
|
1729
1797
|
...f("chat/input_box/attachments_container"),
|
|
1730
1798
|
className: "flex items-center gap-1",
|
|
1731
1799
|
children: /* @__PURE__ */ r(T, { mode: "popLayout", children: c.map((h) => /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(
|
|
1732
|
-
|
|
1800
|
+
zo,
|
|
1733
1801
|
{
|
|
1734
1802
|
onCancel: () => x(h.id),
|
|
1735
1803
|
file: h
|
|
@@ -1741,7 +1809,7 @@ function bo() {
|
|
|
1741
1809
|
"textarea",
|
|
1742
1810
|
{
|
|
1743
1811
|
...f("chat/input_box/textarea"),
|
|
1744
|
-
onPaste:
|
|
1812
|
+
onPaste: R,
|
|
1745
1813
|
ref: o,
|
|
1746
1814
|
id: "chat-input",
|
|
1747
1815
|
value: a,
|
|
@@ -1773,7 +1841,7 @@ function bo() {
|
|
|
1773
1841
|
{
|
|
1774
1842
|
side: "top",
|
|
1775
1843
|
align: "start",
|
|
1776
|
-
content: "attach images or
|
|
1844
|
+
content: "attach images, PDFs, or spreadsheets (maximum size 5mb)",
|
|
1777
1845
|
children: /* @__PURE__ */ r(
|
|
1778
1846
|
N,
|
|
1779
1847
|
{
|
|
@@ -1783,7 +1851,7 @@ function bo() {
|
|
|
1783
1851
|
className: m(
|
|
1784
1852
|
"rounded-full size-8 flex items-center justify-center p-0 overflow-hidden"
|
|
1785
1853
|
),
|
|
1786
|
-
children: /* @__PURE__ */ r(T, { mode: "wait", children: _ ? /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(
|
|
1854
|
+
children: /* @__PURE__ */ r(T, { mode: "wait", children: _ ? /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(dt, { className: "size-4 opacity-50" }) }, "paper-clip-disabled") : /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(dt, { className: "size-4" }) }, "paper-clip") })
|
|
1787
1855
|
}
|
|
1788
1856
|
)
|
|
1789
1857
|
}
|
|
@@ -1793,9 +1861,9 @@ function bo() {
|
|
|
1793
1861
|
{
|
|
1794
1862
|
size: "fit",
|
|
1795
1863
|
onClick: P,
|
|
1796
|
-
disabled: _ ||
|
|
1864
|
+
disabled: _ || g || E,
|
|
1797
1865
|
className: "rounded-full size-8 flex items-center justify-center p-0",
|
|
1798
|
-
children: /* @__PURE__ */ r(T, { mode: "wait", children: _ ||
|
|
1866
|
+
children: /* @__PURE__ */ r(T, { mode: "wait", children: _ || g ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(Ir, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(Dt, { className: "size-4" }) }, "send") })
|
|
1799
1867
|
}
|
|
1800
1868
|
) })
|
|
1801
1869
|
] })
|
|
@@ -1806,43 +1874,43 @@ function bo() {
|
|
|
1806
1874
|
}
|
|
1807
1875
|
);
|
|
1808
1876
|
}
|
|
1809
|
-
function
|
|
1877
|
+
function vt() {
|
|
1810
1878
|
const { widgetCtx: e } = O(), { router: o } = C(), { canCreateNewSession: t } = U(), { toSessionsScreen: n } = H(), { t: s } = q();
|
|
1811
1879
|
return /* @__PURE__ */ r(Q, { children: t || o != null && o.chatScreenOnly ? /* @__PURE__ */ r(N, { onClick: e.resetChat, className: "rounded-2xl w-full", children: s("new_conversation") }) : /* @__PURE__ */ r(N, { onClick: n, className: "rounded-2xl w-full", children: s("back_to_conversations") }) });
|
|
1812
1880
|
}
|
|
1813
|
-
function
|
|
1814
|
-
const { t: e } = q(), { isCsatRequested: o, isCsatSubmitted: t } =
|
|
1881
|
+
function So() {
|
|
1882
|
+
const { t: e } = q(), { isCsatRequested: o, isCsatSubmitted: t } = Nt();
|
|
1815
1883
|
return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(T, { mode: "wait", children: o || t ? /* @__PURE__ */ d(W, { children: [
|
|
1816
|
-
/* @__PURE__ */ r(
|
|
1817
|
-
/* @__PURE__ */ r(T, { mode: "wait", children: t && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(
|
|
1884
|
+
/* @__PURE__ */ r(ko, {}),
|
|
1885
|
+
/* @__PURE__ */ r(T, { mode: "wait", children: t && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(vt, {}) }, "new-conv-or-back-to-convs-button") })
|
|
1818
1886
|
] }, "csat") : /* @__PURE__ */ d(W, { children: [
|
|
1819
1887
|
/* @__PURE__ */ d("div", { className: "ps-2 flex items-center gap-1 pb-2", children: [
|
|
1820
|
-
/* @__PURE__ */ r(
|
|
1888
|
+
/* @__PURE__ */ r(Mt, { className: "size-4 text-emerald-600" }),
|
|
1821
1889
|
/* @__PURE__ */ r("h2", { className: "text-sm font-medium", children: e("your_issue_has_been_resolved") })
|
|
1822
1890
|
] }),
|
|
1823
|
-
/* @__PURE__ */ r(
|
|
1891
|
+
/* @__PURE__ */ r(vt, {})
|
|
1824
1892
|
] }, "session-closed") }) }) });
|
|
1825
1893
|
}
|
|
1826
|
-
function
|
|
1894
|
+
function _o() {
|
|
1827
1895
|
var a;
|
|
1828
1896
|
const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = C(), { sessionState: n } = U(), { messagesState: s } = A(), i = s.messages.length === 0;
|
|
1829
1897
|
return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(T, { mode: "wait", children: n.session && !((a = n.session) != null && a.isOpened) ? /* @__PURE__ */ d(W, { children: [
|
|
1830
|
-
/* @__PURE__ */ r(
|
|
1831
|
-
/* @__PURE__ */ r(
|
|
1898
|
+
/* @__PURE__ */ r(So, {}),
|
|
1899
|
+
/* @__PURE__ */ r(xt, {})
|
|
1832
1900
|
] }, "session-closed") : /* @__PURE__ */ d(W, { children: [
|
|
1833
|
-
s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(
|
|
1901
|
+
s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(Co, {}),
|
|
1834
1902
|
i && e && o !== "below-initial-messages" && /* @__PURE__ */ r("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((l, c) => /* @__PURE__ */ r(
|
|
1835
|
-
|
|
1903
|
+
Ee,
|
|
1836
1904
|
{
|
|
1837
1905
|
suggestion: l
|
|
1838
1906
|
},
|
|
1839
1907
|
`${l}-${c}`
|
|
1840
1908
|
)) }),
|
|
1841
|
-
/* @__PURE__ */ r(
|
|
1842
|
-
/* @__PURE__ */ r(
|
|
1909
|
+
/* @__PURE__ */ r(No, {}),
|
|
1910
|
+
/* @__PURE__ */ r(xt, {})
|
|
1843
1911
|
] }, "chat-input") }) });
|
|
1844
1912
|
}
|
|
1845
|
-
function
|
|
1913
|
+
function Io({
|
|
1846
1914
|
isFirstInGroup: e,
|
|
1847
1915
|
isLastInGroup: o,
|
|
1848
1916
|
isAloneInGroup: t,
|
|
@@ -1875,7 +1943,7 @@ function Co({
|
|
|
1875
1943
|
isAloneInGroup: t
|
|
1876
1944
|
}
|
|
1877
1945
|
) : /* @__PURE__ */ r(
|
|
1878
|
-
|
|
1946
|
+
xe,
|
|
1879
1947
|
{
|
|
1880
1948
|
...n,
|
|
1881
1949
|
isFirstInGroup: e,
|
|
@@ -1884,7 +1952,7 @@ function Co({
|
|
|
1884
1952
|
}
|
|
1885
1953
|
);
|
|
1886
1954
|
}
|
|
1887
|
-
function
|
|
1955
|
+
function Qt({
|
|
1888
1956
|
messages: e,
|
|
1889
1957
|
className: o,
|
|
1890
1958
|
containerClassName: t
|
|
@@ -1920,7 +1988,7 @@ function pe({
|
|
|
1920
1988
|
className: m("flex items-end gap-2"),
|
|
1921
1989
|
children: [
|
|
1922
1990
|
/* @__PURE__ */ r(oe, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
|
|
1923
|
-
|
|
1991
|
+
ve,
|
|
1924
1992
|
{
|
|
1925
1993
|
...f("chat/agent_msg_group/root/avatar"),
|
|
1926
1994
|
agent: o,
|
|
@@ -1935,7 +2003,7 @@ function pe({
|
|
|
1935
2003
|
className: m("flex items-end gap-2"),
|
|
1936
2004
|
children: [
|
|
1937
2005
|
/* @__PURE__ */ r(oe, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
|
|
1938
|
-
|
|
2006
|
+
ve,
|
|
1939
2007
|
{
|
|
1940
2008
|
...f("chat/agent_msg_group/avatar_and_msgs/avatar"),
|
|
1941
2009
|
agent: o
|
|
@@ -1948,7 +2016,7 @@ function pe({
|
|
|
1948
2016
|
className: m("flex-1 flex flex-col gap-1"),
|
|
1949
2017
|
children: [
|
|
1950
2018
|
e.map((n, s, i) => /* @__PURE__ */ r(
|
|
1951
|
-
|
|
2019
|
+
Io,
|
|
1952
2020
|
{
|
|
1953
2021
|
isFirstInGroup: s === 0,
|
|
1954
2022
|
isLastInGroup: s === i.length - 1,
|
|
@@ -1957,7 +2025,7 @@ function pe({
|
|
|
1957
2025
|
},
|
|
1958
2026
|
n.id
|
|
1959
2027
|
)),
|
|
1960
|
-
/* @__PURE__ */ r(
|
|
2028
|
+
/* @__PURE__ */ r(Qt, { messages: e })
|
|
1961
2029
|
]
|
|
1962
2030
|
}
|
|
1963
2031
|
)
|
|
@@ -1970,7 +2038,7 @@ function pe({
|
|
|
1970
2038
|
...f("chat/agent_msg_group/suggestions"),
|
|
1971
2039
|
className: m("flex flex-col gap-1 ps-8"),
|
|
1972
2040
|
children: t == null ? void 0 : t.map((n, s) => /* @__PURE__ */ r(
|
|
1973
|
-
|
|
2041
|
+
Ee,
|
|
1974
2042
|
{
|
|
1975
2043
|
suggestion: n
|
|
1976
2044
|
},
|
|
@@ -1983,14 +2051,14 @@ function pe({
|
|
|
1983
2051
|
}
|
|
1984
2052
|
);
|
|
1985
2053
|
}
|
|
1986
|
-
function
|
|
2054
|
+
function To() {
|
|
1987
2055
|
var t, n;
|
|
1988
2056
|
const e = te();
|
|
1989
2057
|
if ((t = e.session) != null && t.isOpened || !e.session) return null;
|
|
1990
2058
|
const o = (n = e.config.customComponents) == null ? void 0 : n.onSessionResolved;
|
|
1991
2059
|
return o ? /* @__PURE__ */ r(o, { ...e }) : null;
|
|
1992
2060
|
}
|
|
1993
|
-
function
|
|
2061
|
+
function Mo({
|
|
1994
2062
|
message: e,
|
|
1995
2063
|
isFirstInGroup: o,
|
|
1996
2064
|
isLastInGroup: t,
|
|
@@ -2003,7 +2071,7 @@ function No({
|
|
|
2003
2071
|
...f("chat/user_msg/root"),
|
|
2004
2072
|
className: "w-5/6 flex flex-col items-end gap-1",
|
|
2005
2073
|
children: [
|
|
2006
|
-
e.attachments && e.attachments.length > 0 && /* @__PURE__ */ r("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((i) => /* @__PURE__ */ r(
|
|
2074
|
+
e.attachments && e.attachments.length > 0 && /* @__PURE__ */ r("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((i) => /* @__PURE__ */ r(Bt, { attachment: i }, i.id)) }),
|
|
2007
2075
|
e.content.length > 0 && /* @__PURE__ */ r(
|
|
2008
2076
|
"div",
|
|
2009
2077
|
{
|
|
@@ -2030,7 +2098,7 @@ function No({
|
|
|
2030
2098
|
}
|
|
2031
2099
|
);
|
|
2032
2100
|
}
|
|
2033
|
-
function
|
|
2101
|
+
function Do({
|
|
2034
2102
|
messages: e
|
|
2035
2103
|
}) {
|
|
2036
2104
|
return /* @__PURE__ */ d(
|
|
@@ -2040,7 +2108,7 @@ function So({
|
|
|
2040
2108
|
className: m("group", "flex flex-col gap-1 justify-end items-end"),
|
|
2041
2109
|
children: [
|
|
2042
2110
|
e.map((o, t, n) => /* @__PURE__ */ r(
|
|
2043
|
-
|
|
2111
|
+
Mo,
|
|
2044
2112
|
{
|
|
2045
2113
|
message: o,
|
|
2046
2114
|
isFirstInGroup: t === 0,
|
|
@@ -2049,12 +2117,12 @@ function So({
|
|
|
2049
2117
|
},
|
|
2050
2118
|
o.id
|
|
2051
2119
|
)),
|
|
2052
|
-
/* @__PURE__ */ r(
|
|
2120
|
+
/* @__PURE__ */ r(Qt, { messages: e, containerClassName: "ms-auto" })
|
|
2053
2121
|
]
|
|
2054
2122
|
}
|
|
2055
2123
|
);
|
|
2056
2124
|
}
|
|
2057
|
-
function
|
|
2125
|
+
function Eo(e) {
|
|
2058
2126
|
const o = [];
|
|
2059
2127
|
let t = null;
|
|
2060
2128
|
return e.forEach((n) => {
|
|
@@ -2064,19 +2132,19 @@ function _o(e) {
|
|
|
2064
2132
|
((i = t[0]) == null ? void 0 : i.type) === "AGENT" && n.type === "AGENT" && (((a = n.agent) == null ? void 0 : a.id) !== ((l = t[0].agent) == null ? void 0 : l.id) || ((c = n.agent) == null ? void 0 : c.name) !== ((p = t[0].agent) == null ? void 0 : p.name))) && (t = [], o.push(t)), t.push(n);
|
|
2065
2133
|
}), o;
|
|
2066
2134
|
}
|
|
2067
|
-
function
|
|
2135
|
+
function Ro(e) {
|
|
2068
2136
|
var o;
|
|
2069
2137
|
return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "USER";
|
|
2070
2138
|
}
|
|
2071
|
-
function
|
|
2139
|
+
function Po(e) {
|
|
2072
2140
|
var o;
|
|
2073
2141
|
return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "AI";
|
|
2074
2142
|
}
|
|
2075
|
-
function
|
|
2143
|
+
function jo(e) {
|
|
2076
2144
|
var o;
|
|
2077
2145
|
return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "AGENT";
|
|
2078
2146
|
}
|
|
2079
|
-
function
|
|
2147
|
+
function Oo() {
|
|
2080
2148
|
const {
|
|
2081
2149
|
messagesState: { messages: e }
|
|
2082
2150
|
} = A(), {
|
|
@@ -2102,15 +2170,15 @@ function Do() {
|
|
|
2102
2170
|
}
|
|
2103
2171
|
) });
|
|
2104
2172
|
}
|
|
2105
|
-
function
|
|
2173
|
+
function Ao() {
|
|
2106
2174
|
const {
|
|
2107
2175
|
messagesState: { messages: e }
|
|
2108
2176
|
} = A(), { chatBannerItems: o } = C();
|
|
2109
2177
|
return !(o != null && o.length) || e.length > 0 && o.every((t) => !t.persistent) ? null : /* @__PURE__ */ r("div", { className: "w-full text-center text-xs", children: o.map(
|
|
2110
|
-
({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
|
|
2178
|
+
({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Se, { children: t }) }, `${t}-${s}`)
|
|
2111
2179
|
) });
|
|
2112
2180
|
}
|
|
2113
|
-
function
|
|
2181
|
+
function Fo() {
|
|
2114
2182
|
const {
|
|
2115
2183
|
messagesState: { messages: e }
|
|
2116
2184
|
} = A(), o = C(), {
|
|
@@ -2138,16 +2206,16 @@ function jo() {
|
|
|
2138
2206
|
}
|
|
2139
2207
|
) });
|
|
2140
2208
|
}
|
|
2141
|
-
function
|
|
2209
|
+
function Ho() {
|
|
2142
2210
|
var t;
|
|
2143
2211
|
const e = te(), o = (t = e.config.customComponents) == null ? void 0 : t.chatBottomComponents;
|
|
2144
2212
|
return o ? /* @__PURE__ */ r("div", { children: o.map(({ key: n, component: s }) => /* @__PURE__ */ r(s, { ...e }, n)) }) : null;
|
|
2145
2213
|
}
|
|
2146
|
-
function
|
|
2214
|
+
function Wo() {
|
|
2147
2215
|
const {
|
|
2148
2216
|
messagesState: { messages: e }
|
|
2149
|
-
} = A(), { isAwaitingBotReply: o } =
|
|
2150
|
-
() =>
|
|
2217
|
+
} = A(), { isAwaitingBotReply: o } = St(), { componentStore: t } = O(), { bot: n, humanAgent: s } = C(), i = Ct(
|
|
2218
|
+
() => Eo(e),
|
|
2151
2219
|
[e]
|
|
2152
2220
|
), a = t.getComponent(
|
|
2153
2221
|
"loading"
|
|
@@ -2167,16 +2235,16 @@ function Eo() {
|
|
|
2167
2235
|
ref: l,
|
|
2168
2236
|
className: "max-h-full scroll-smooth relative flex-1 py-2 px-4 flex flex-col gap-2 overflow-auto",
|
|
2169
2237
|
children: [
|
|
2170
|
-
/* @__PURE__ */ r(
|
|
2171
|
-
/* @__PURE__ */ r(
|
|
2172
|
-
/* @__PURE__ */ r(
|
|
2238
|
+
/* @__PURE__ */ r(Ao, {}),
|
|
2239
|
+
/* @__PURE__ */ r(Oo, {}),
|
|
2240
|
+
/* @__PURE__ */ r(Fo, {}),
|
|
2173
2241
|
i.map((p, x) => {
|
|
2174
|
-
var
|
|
2175
|
-
const v = (
|
|
2176
|
-
if (!v || !
|
|
2177
|
-
if (
|
|
2178
|
-
return /* @__PURE__ */ r(
|
|
2179
|
-
if (
|
|
2242
|
+
var u, b, z, _;
|
|
2243
|
+
const v = (u = p == null ? void 0 : p[0]) == null ? void 0 : u.type, g = (b = p[0]) == null ? void 0 : b.id;
|
|
2244
|
+
if (!v || !g) return null;
|
|
2245
|
+
if (Ro(p))
|
|
2246
|
+
return /* @__PURE__ */ r(Do, { messages: p }, g);
|
|
2247
|
+
if (Po(p)) {
|
|
2180
2248
|
const y = x === i.length - 1;
|
|
2181
2249
|
return o && y ? null : ((z = p[0]) == null || z.agent, /* @__PURE__ */ r(
|
|
2182
2250
|
pe,
|
|
@@ -2184,10 +2252,10 @@ function Eo() {
|
|
|
2184
2252
|
messages: p,
|
|
2185
2253
|
agent: n ? { ...n, isAi: !0, id: null } : void 0
|
|
2186
2254
|
},
|
|
2187
|
-
|
|
2255
|
+
g
|
|
2188
2256
|
));
|
|
2189
2257
|
}
|
|
2190
|
-
if (
|
|
2258
|
+
if (jo(p)) {
|
|
2191
2259
|
const y = (_ = p[0]) == null ? void 0 : _.agent;
|
|
2192
2260
|
return /* @__PURE__ */ r(
|
|
2193
2261
|
pe,
|
|
@@ -2204,25 +2272,25 @@ function Eo() {
|
|
|
2204
2272
|
avatarUrl: s.avatarUrl || null
|
|
2205
2273
|
} : void 0
|
|
2206
2274
|
},
|
|
2207
|
-
|
|
2275
|
+
g
|
|
2208
2276
|
);
|
|
2209
2277
|
}
|
|
2210
2278
|
return null;
|
|
2211
2279
|
}),
|
|
2212
2280
|
o && a && /* @__PURE__ */ r(a, { agent: n }),
|
|
2213
|
-
/* @__PURE__ */ r(
|
|
2214
|
-
/* @__PURE__ */ r(
|
|
2281
|
+
/* @__PURE__ */ r(Ho, {}),
|
|
2282
|
+
/* @__PURE__ */ r(To, {})
|
|
2215
2283
|
]
|
|
2216
2284
|
}
|
|
2217
2285
|
);
|
|
2218
2286
|
}
|
|
2219
|
-
function
|
|
2287
|
+
function Lo() {
|
|
2220
2288
|
const {
|
|
2221
2289
|
messagesState: { isInitialFetchLoading: e }
|
|
2222
2290
|
} = A(), {
|
|
2223
2291
|
sessionState: { session: o }
|
|
2224
|
-
} = U(), { isCanvasOpen: t } =
|
|
2225
|
-
|
|
2292
|
+
} = U(), { isCanvasOpen: t } = vo(), { theme: n } = Z();
|
|
2293
|
+
Me({
|
|
2226
2294
|
width: t ? n.screens.chat.withCanvas.width : n.screens.chat.width,
|
|
2227
2295
|
height: t ? n.screens.chat.withCanvas.height : n.screens.chat.height
|
|
2228
2296
|
});
|
|
@@ -2243,12 +2311,12 @@ function Oo() {
|
|
|
2243
2311
|
// Relative to the iframe
|
|
2244
2312
|
},
|
|
2245
2313
|
children: /* @__PURE__ */ d("div", { className: "size-full justify-between flex flex-col", children: [
|
|
2246
|
-
/* @__PURE__ */ r(
|
|
2314
|
+
/* @__PURE__ */ r(Zt, {}),
|
|
2247
2315
|
/* @__PURE__ */ r(T, { mode: "wait", children: e ? /* @__PURE__ */ r(
|
|
2248
2316
|
k,
|
|
2249
2317
|
{
|
|
2250
2318
|
className: "flex flex-col items-center justify-center w-full flex-1",
|
|
2251
|
-
children: /* @__PURE__ */ r(
|
|
2319
|
+
children: /* @__PURE__ */ r(Kt, {})
|
|
2252
2320
|
},
|
|
2253
2321
|
"loading"
|
|
2254
2322
|
) : /* @__PURE__ */ d(
|
|
@@ -2270,8 +2338,8 @@ function Oo() {
|
|
|
2270
2338
|
transitionDuration: n.screens.chat.withCanvas.transitionDuration
|
|
2271
2339
|
},
|
|
2272
2340
|
children: [
|
|
2273
|
-
/* @__PURE__ */ r(
|
|
2274
|
-
/* @__PURE__ */ r(
|
|
2341
|
+
/* @__PURE__ */ r(Wo, {}),
|
|
2342
|
+
/* @__PURE__ */ r(_o, {})
|
|
2275
2343
|
]
|
|
2276
2344
|
}
|
|
2277
2345
|
),
|
|
@@ -2287,7 +2355,7 @@ function Oo() {
|
|
|
2287
2355
|
transitionTimingFunction: n.screens.chat.withCanvas.transitionTimingFunction,
|
|
2288
2356
|
transitionDuration: n.screens.chat.withCanvas.transitionDuration
|
|
2289
2357
|
},
|
|
2290
|
-
children: /* @__PURE__ */ r(
|
|
2358
|
+
children: /* @__PURE__ */ r(bo, {})
|
|
2291
2359
|
}
|
|
2292
2360
|
)
|
|
2293
2361
|
]
|
|
@@ -2298,7 +2366,7 @@ function Oo() {
|
|
|
2298
2366
|
}
|
|
2299
2367
|
);
|
|
2300
2368
|
}
|
|
2301
|
-
function
|
|
2369
|
+
function $o({
|
|
2302
2370
|
className: e,
|
|
2303
2371
|
...o
|
|
2304
2372
|
}) {
|
|
@@ -2310,7 +2378,7 @@ function Ao({
|
|
|
2310
2378
|
}
|
|
2311
2379
|
);
|
|
2312
2380
|
}
|
|
2313
|
-
function
|
|
2381
|
+
function Bo({ className: e }) {
|
|
2314
2382
|
return /* @__PURE__ */ r(
|
|
2315
2383
|
"svg",
|
|
2316
2384
|
{
|
|
@@ -2330,7 +2398,7 @@ function Fo({ className: e }) {
|
|
|
2330
2398
|
}
|
|
2331
2399
|
);
|
|
2332
2400
|
}
|
|
2333
|
-
function
|
|
2401
|
+
function Jt({ className: e }) {
|
|
2334
2402
|
const { token: o } = C();
|
|
2335
2403
|
return /* @__PURE__ */ r(
|
|
2336
2404
|
"div",
|
|
@@ -2354,7 +2422,7 @@ function Vt({ className: e }) {
|
|
|
2354
2422
|
/* @__PURE__ */ r("span", { children: "Powered by" }),
|
|
2355
2423
|
/* @__PURE__ */ r("span", { children: " " }),
|
|
2356
2424
|
/* @__PURE__ */ d("span", { className: "flex items-center gap-[1px]", children: [
|
|
2357
|
-
/* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(
|
|
2425
|
+
/* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(Bo, { className: "size-3 inline-block" }) }),
|
|
2358
2426
|
/* @__PURE__ */ r("span", { className: "font-semibold", children: "open" })
|
|
2359
2427
|
] })
|
|
2360
2428
|
]
|
|
@@ -2363,10 +2431,10 @@ function Vt({ className: e }) {
|
|
|
2363
2431
|
}
|
|
2364
2432
|
);
|
|
2365
2433
|
}
|
|
2366
|
-
function
|
|
2434
|
+
function Yo({ children: e }) {
|
|
2367
2435
|
return /* @__PURE__ */ r("p", { className: "ps-4 text-xs text-muted-foreground/75 uppercase font-semibold tracking-tight", children: e });
|
|
2368
2436
|
}
|
|
2369
|
-
function
|
|
2437
|
+
function bt({
|
|
2370
2438
|
session: e,
|
|
2371
2439
|
className: o
|
|
2372
2440
|
}) {
|
|
@@ -2383,29 +2451,29 @@ function ft({
|
|
|
2383
2451
|
onClick: () => s(e.id),
|
|
2384
2452
|
children: [
|
|
2385
2453
|
/* @__PURE__ */ d("div", { className: "flex-1 flex gap-2 items-center", children: [
|
|
2386
|
-
/* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ d(
|
|
2387
|
-
/* @__PURE__ */ r(
|
|
2388
|
-
/* @__PURE__ */ r(
|
|
2454
|
+
/* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ d(_e, { className: "size-10", children: [
|
|
2455
|
+
/* @__PURE__ */ r(Ie, { src: a, alt: "Agent Icon" }),
|
|
2456
|
+
/* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r(Pr, { className: "size-4" }) })
|
|
2389
2457
|
] }) }) }),
|
|
2390
2458
|
/* @__PURE__ */ d("div", { className: "flex-1", children: [
|
|
2391
2459
|
/* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: i }, i) }),
|
|
2392
2460
|
/* @__PURE__ */ r(T, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(
|
|
2393
|
-
|
|
2461
|
+
Yt,
|
|
2394
2462
|
{
|
|
2395
|
-
remarkPlugins: [
|
|
2396
|
-
rehypePlugins: [
|
|
2463
|
+
remarkPlugins: [Et],
|
|
2464
|
+
rehypePlugins: [Rt],
|
|
2397
2465
|
className: "line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",
|
|
2398
2466
|
children: e.lastMessage
|
|
2399
2467
|
}
|
|
2400
|
-
) }, e.lastMessage || "content") : /* @__PURE__ */ r(k, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(
|
|
2468
|
+
) }, e.lastMessage || "content") : /* @__PURE__ */ r(k, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r($o, { className: "h-4 w-full" }) }, "skeleton") })
|
|
2401
2469
|
] })
|
|
2402
2470
|
] }),
|
|
2403
|
-
/* @__PURE__ */ r(
|
|
2471
|
+
/* @__PURE__ */ r(jr, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
|
|
2404
2472
|
]
|
|
2405
2473
|
}
|
|
2406
2474
|
);
|
|
2407
2475
|
}
|
|
2408
|
-
function
|
|
2476
|
+
function Uo() {
|
|
2409
2477
|
const { t: e } = q(), { toChatScreen: o } = H(), {
|
|
2410
2478
|
sessionsState: { data: t, isInitialFetchLoading: n },
|
|
2411
2479
|
openSessions: s,
|
|
@@ -2416,7 +2484,7 @@ function Wo() {
|
|
|
2416
2484
|
k,
|
|
2417
2485
|
{
|
|
2418
2486
|
className: "flex-1 flex items-center justify-center",
|
|
2419
|
-
children: /* @__PURE__ */ r(
|
|
2487
|
+
children: /* @__PURE__ */ r(Kt, {})
|
|
2420
2488
|
},
|
|
2421
2489
|
"loading"
|
|
2422
2490
|
) : /* @__PURE__ */ r(
|
|
@@ -2432,7 +2500,7 @@ function Wo() {
|
|
|
2432
2500
|
delay: 0.2,
|
|
2433
2501
|
className: "space-y-2",
|
|
2434
2502
|
snapExit: !0,
|
|
2435
|
-
children: s.map((l) => /* @__PURE__ */ r(
|
|
2503
|
+
children: s.map((l) => /* @__PURE__ */ r(bt, { session: l }, l.id))
|
|
2436
2504
|
},
|
|
2437
2505
|
"open-sessions"
|
|
2438
2506
|
),
|
|
@@ -2443,9 +2511,9 @@ function Wo() {
|
|
|
2443
2511
|
delay: 0.2,
|
|
2444
2512
|
snapExit: !0,
|
|
2445
2513
|
children: [
|
|
2446
|
-
/* @__PURE__ */ r(
|
|
2514
|
+
/* @__PURE__ */ r(Yo, { children: e("closed_conversations") }),
|
|
2447
2515
|
i.map((l) => /* @__PURE__ */ r(
|
|
2448
|
-
|
|
2516
|
+
bt,
|
|
2449
2517
|
{
|
|
2450
2518
|
session: l,
|
|
2451
2519
|
className: "opacity-50 hover:opacity-100"
|
|
@@ -2457,7 +2525,7 @@ function Wo() {
|
|
|
2457
2525
|
"closed-sessions"
|
|
2458
2526
|
)
|
|
2459
2527
|
] }),
|
|
2460
|
-
a && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */
|
|
2528
|
+
a && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ ct(
|
|
2461
2529
|
N,
|
|
2462
2530
|
{
|
|
2463
2531
|
...f("sessions/new_conversation_btn"),
|
|
@@ -2470,7 +2538,7 @@ function Wo() {
|
|
|
2470
2538
|
) })
|
|
2471
2539
|
] }) : /* @__PURE__ */ d("div", { className: "flex-1 flex flex-col gap-2 items-center", children: [
|
|
2472
2540
|
/* @__PURE__ */ r("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ r("p", { className: "text-muted-foreground", children: e("no_conversations_yet") }) }),
|
|
2473
|
-
/* @__PURE__ */
|
|
2541
|
+
/* @__PURE__ */ ct(
|
|
2474
2542
|
N,
|
|
2475
2543
|
{
|
|
2476
2544
|
...f("sessions/new_conversation_btn"),
|
|
@@ -2486,9 +2554,9 @@ function Wo() {
|
|
|
2486
2554
|
"sessions"
|
|
2487
2555
|
) }) });
|
|
2488
2556
|
}
|
|
2489
|
-
function
|
|
2557
|
+
function Xo() {
|
|
2490
2558
|
const { theme: e } = Z();
|
|
2491
|
-
return
|
|
2559
|
+
return Me({
|
|
2492
2560
|
width: e.screens.sessions.width,
|
|
2493
2561
|
height: e.screens.sessions.height
|
|
2494
2562
|
}), /* @__PURE__ */ r(
|
|
@@ -2507,9 +2575,9 @@ function Lo() {
|
|
|
2507
2575
|
// Relative to the iframe
|
|
2508
2576
|
},
|
|
2509
2577
|
children: /* @__PURE__ */ d("div", { className: "size-full flex flex-col", children: [
|
|
2510
|
-
/* @__PURE__ */ r(
|
|
2511
|
-
/* @__PURE__ */ r(
|
|
2512
|
-
/* @__PURE__ */ r(
|
|
2578
|
+
/* @__PURE__ */ r(Zt, {}),
|
|
2579
|
+
/* @__PURE__ */ r(Uo, {}),
|
|
2580
|
+
/* @__PURE__ */ r(Jt, {})
|
|
2513
2581
|
] })
|
|
2514
2582
|
}
|
|
2515
2583
|
);
|
|
@@ -2536,7 +2604,7 @@ const de = J.forwardRef(
|
|
|
2536
2604
|
}
|
|
2537
2605
|
);
|
|
2538
2606
|
de.displayName = "Input";
|
|
2539
|
-
function
|
|
2607
|
+
function qo() {
|
|
2540
2608
|
const { contentIframeRef: e } = O(), { inline: o } = C(), t = B(null);
|
|
2541
2609
|
return se(() => {
|
|
2542
2610
|
const n = e == null ? void 0 : e.current;
|
|
@@ -2558,35 +2626,35 @@ function $o() {
|
|
|
2558
2626
|
}
|
|
2559
2627
|
}, [e, o]), { observedElementRef: t };
|
|
2560
2628
|
}
|
|
2561
|
-
const
|
|
2562
|
-
name:
|
|
2563
|
-
email:
|
|
2629
|
+
const Vo = ge.object({
|
|
2630
|
+
name: ge.string().min(2),
|
|
2631
|
+
email: ge.string().email()
|
|
2564
2632
|
});
|
|
2565
|
-
function
|
|
2566
|
-
var y,
|
|
2633
|
+
function Go() {
|
|
2634
|
+
var y, E, P, j, w, I, R, M;
|
|
2567
2635
|
const {
|
|
2568
2636
|
widgetCtx: { org: e }
|
|
2569
|
-
} = O(), { setIsOpen: o } = G(), { createUnverifiedContact: t } =
|
|
2570
|
-
|
|
2637
|
+
} = O(), { setIsOpen: o } = G(), { createUnverifiedContact: t } = _t(), { isSmallScreen: n } = $(), s = C(), { theme: i } = Z(), { t: a } = q(), { observedElementRef: l } = qo();
|
|
2638
|
+
Me({
|
|
2571
2639
|
height: void 0,
|
|
2572
2640
|
width: i.screens.welcome.width
|
|
2573
2641
|
});
|
|
2574
|
-
const [c, p] = D(((y = s.prefillUserData) == null ? void 0 : y.name) || ""), [x, v] = D(((
|
|
2642
|
+
const [c, p] = D(((y = s.prefillUserData) == null ? void 0 : y.name) || ""), [x, v] = D(((E = s.prefillUserData) == null ? void 0 : E.email) || ""), g = (s.extraDataCollectionFields || []).filter(
|
|
2575
2643
|
(h) => h !== "name" && h !== "email" && !!h
|
|
2576
|
-
), [
|
|
2644
|
+
), [u, b] = D({}), [z, _] = Xr(
|
|
2577
2645
|
async (h) => {
|
|
2578
2646
|
h.preventDefault();
|
|
2579
|
-
const S =
|
|
2647
|
+
const S = Vo.safeParse({ name: c, email: x });
|
|
2580
2648
|
S.success && await t(
|
|
2581
2649
|
{
|
|
2582
2650
|
email: S.data.email,
|
|
2583
2651
|
non_verified_name: S.data.name
|
|
2584
2652
|
},
|
|
2585
2653
|
// Only pass extra data if there is any
|
|
2586
|
-
Object.values(
|
|
2654
|
+
Object.values(u).filter(Boolean).length ? u : void 0
|
|
2587
2655
|
);
|
|
2588
2656
|
},
|
|
2589
|
-
[c, x,
|
|
2657
|
+
[c, x, u]
|
|
2590
2658
|
);
|
|
2591
2659
|
return /* @__PURE__ */ r(
|
|
2592
2660
|
"div",
|
|
@@ -2621,18 +2689,18 @@ function Yo() {
|
|
|
2621
2689
|
"text-primary-foreground"
|
|
2622
2690
|
),
|
|
2623
2691
|
children: [
|
|
2624
|
-
n && /* @__PURE__ */ r(k, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(N, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(
|
|
2692
|
+
n && /* @__PURE__ */ r(k, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(N, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(Ce, { className: "size-4" }) }) }),
|
|
2625
2693
|
/* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (P = s.assets) != null && P.organizationLogo ? /* @__PURE__ */ r(
|
|
2626
2694
|
"img",
|
|
2627
2695
|
{
|
|
2628
|
-
src: (
|
|
2696
|
+
src: (j = s.assets) == null ? void 0 : j.organizationLogo,
|
|
2629
2697
|
alt: "Company Logo",
|
|
2630
2698
|
className: "h-8 w-auto object-contain"
|
|
2631
2699
|
}
|
|
2632
2700
|
) : /* @__PURE__ */ r("h2", { className: "font-bold text-sm", children: e.name }) }),
|
|
2633
2701
|
/* @__PURE__ */ d("div", { className: "space-y-2", children: [
|
|
2634
2702
|
/* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((I = (w = s.textContent) == null ? void 0 : w.welcomeScreen) == null ? void 0 : I.title) || a("welcome_screen_title") }),
|
|
2635
|
-
/* @__PURE__ */ r("p", { className: "text-sm", children: ((M = (
|
|
2703
|
+
/* @__PURE__ */ r("p", { className: "text-sm", children: ((M = (R = s.textContent) == null ? void 0 : R.welcomeScreen) == null ? void 0 : M.description) || a("welcome_screen_description") })
|
|
2636
2704
|
] })
|
|
2637
2705
|
]
|
|
2638
2706
|
}
|
|
@@ -2669,10 +2737,10 @@ function Yo() {
|
|
|
2669
2737
|
name: "email"
|
|
2670
2738
|
}
|
|
2671
2739
|
),
|
|
2672
|
-
|
|
2740
|
+
g.map((h) => /* @__PURE__ */ r(
|
|
2673
2741
|
de,
|
|
2674
2742
|
{
|
|
2675
|
-
value:
|
|
2743
|
+
value: u[h],
|
|
2676
2744
|
onChange: (S) => b((ie) => ({
|
|
2677
2745
|
...ie,
|
|
2678
2746
|
[h]: S.target.value
|
|
@@ -2689,12 +2757,12 @@ function Yo() {
|
|
|
2689
2757
|
size: "lg",
|
|
2690
2758
|
children: [
|
|
2691
2759
|
z.loading ? a("start_chat_button_loading") : a("start_chat_button"),
|
|
2692
|
-
/* @__PURE__ */ r(
|
|
2760
|
+
/* @__PURE__ */ r(Or, { className: "size-4 rtl:-scale-100" })
|
|
2693
2761
|
]
|
|
2694
2762
|
}
|
|
2695
2763
|
)
|
|
2696
2764
|
] }),
|
|
2697
|
-
/* @__PURE__ */ r(
|
|
2765
|
+
/* @__PURE__ */ r(Jt, {})
|
|
2698
2766
|
]
|
|
2699
2767
|
}
|
|
2700
2768
|
)
|
|
@@ -2704,7 +2772,7 @@ function Yo() {
|
|
|
2704
2772
|
}
|
|
2705
2773
|
);
|
|
2706
2774
|
}
|
|
2707
|
-
function
|
|
2775
|
+
function er() {
|
|
2708
2776
|
const {
|
|
2709
2777
|
routerState: { screen: e }
|
|
2710
2778
|
} = H();
|
|
@@ -2717,7 +2785,7 @@ function Gt() {
|
|
|
2717
2785
|
fadeIn: "right",
|
|
2718
2786
|
className: "size-full",
|
|
2719
2787
|
snapExit: !0,
|
|
2720
|
-
children: /* @__PURE__ */ r(
|
|
2788
|
+
children: /* @__PURE__ */ r(Go, {})
|
|
2721
2789
|
},
|
|
2722
2790
|
e
|
|
2723
2791
|
);
|
|
@@ -2728,7 +2796,7 @@ function Gt() {
|
|
|
2728
2796
|
fadeIn: "right",
|
|
2729
2797
|
className: "size-full",
|
|
2730
2798
|
snapExit: !0,
|
|
2731
|
-
children: /* @__PURE__ */ r(
|
|
2799
|
+
children: /* @__PURE__ */ r(Xo, {})
|
|
2732
2800
|
},
|
|
2733
2801
|
e
|
|
2734
2802
|
);
|
|
@@ -2739,20 +2807,20 @@ function Gt() {
|
|
|
2739
2807
|
fadeIn: "right",
|
|
2740
2808
|
className: "size-full",
|
|
2741
2809
|
snapExit: !0,
|
|
2742
|
-
children: /* @__PURE__ */ r(
|
|
2810
|
+
children: /* @__PURE__ */ r(Lo, {})
|
|
2743
2811
|
},
|
|
2744
2812
|
e
|
|
2745
2813
|
);
|
|
2746
2814
|
default:
|
|
2747
|
-
return F(e,
|
|
2815
|
+
return F(e, er.name), null;
|
|
2748
2816
|
}
|
|
2749
2817
|
})() }) });
|
|
2750
2818
|
}
|
|
2751
|
-
const
|
|
2819
|
+
const Zo = "4.0.54", Ko = `<!DOCTYPE html>
|
|
2752
2820
|
<html>
|
|
2753
2821
|
<head>
|
|
2754
2822
|
<style>
|
|
2755
|
-
${
|
|
2823
|
+
${Ut}
|
|
2756
2824
|
html, body {
|
|
2757
2825
|
height: 100%;
|
|
2758
2826
|
width: 100%;
|
|
@@ -2766,7 +2834,7 @@ html, body {
|
|
|
2766
2834
|
<body>
|
|
2767
2835
|
</body>
|
|
2768
2836
|
</html>`;
|
|
2769
|
-
function
|
|
2837
|
+
function tr() {
|
|
2770
2838
|
const { isOpen: e } = G(), { contentIframeRef: o } = O(), { cssOverrides: t, inline: n } = C(), { theme: s, cssVars: i, computed: a } = Z(), { dir: l } = q();
|
|
2771
2839
|
return /* @__PURE__ */ r(
|
|
2772
2840
|
re.div,
|
|
@@ -2788,10 +2856,10 @@ function Zt() {
|
|
|
2788
2856
|
}
|
|
2789
2857
|
},
|
|
2790
2858
|
children: /* @__PURE__ */ d(
|
|
2791
|
-
|
|
2859
|
+
Pt,
|
|
2792
2860
|
{
|
|
2793
2861
|
ref: o,
|
|
2794
|
-
initialContent:
|
|
2862
|
+
initialContent: Ko,
|
|
2795
2863
|
allowFullScreen: !0,
|
|
2796
2864
|
title: "OpenCX Live Chat",
|
|
2797
2865
|
style: {
|
|
@@ -2828,17 +2896,17 @@ function Zt() {
|
|
|
2828
2896
|
...i,
|
|
2829
2897
|
zIndex: s.widgetContentContainer.zIndex
|
|
2830
2898
|
},
|
|
2831
|
-
"data-version":
|
|
2899
|
+
"data-version": Zo,
|
|
2832
2900
|
className: m(
|
|
2833
2901
|
"antialiased font-sans size-full overflow-hidden relative text-secondary-foreground isolate"
|
|
2834
2902
|
),
|
|
2835
2903
|
dir: l,
|
|
2836
2904
|
children: /* @__PURE__ */ r(
|
|
2837
|
-
|
|
2905
|
+
io,
|
|
2838
2906
|
{
|
|
2839
2907
|
delayDuration: 200,
|
|
2840
2908
|
disableHoverableContent: !0,
|
|
2841
|
-
children: /* @__PURE__ */ r(
|
|
2909
|
+
children: /* @__PURE__ */ r(eo, { children: /* @__PURE__ */ r(er, {}) })
|
|
2842
2910
|
}
|
|
2843
2911
|
)
|
|
2844
2912
|
}
|
|
@@ -2849,7 +2917,7 @@ function Zt() {
|
|
|
2849
2917
|
}
|
|
2850
2918
|
);
|
|
2851
2919
|
}
|
|
2852
|
-
function
|
|
2920
|
+
function Qo() {
|
|
2853
2921
|
const { theme: e } = Z();
|
|
2854
2922
|
return /* @__PURE__ */ r(
|
|
2855
2923
|
me.Content,
|
|
@@ -2867,11 +2935,11 @@ function qo() {
|
|
|
2867
2935
|
sideOffset: e.widgetContentContainer.offset.side,
|
|
2868
2936
|
alignOffset: e.widgetContentContainer.offset.align,
|
|
2869
2937
|
avoidCollisions: !1,
|
|
2870
|
-
children: /* @__PURE__ */ r(
|
|
2938
|
+
children: /* @__PURE__ */ r(tr, {})
|
|
2871
2939
|
}
|
|
2872
2940
|
);
|
|
2873
2941
|
}
|
|
2874
|
-
function
|
|
2942
|
+
function Jo({
|
|
2875
2943
|
className: e,
|
|
2876
2944
|
style: o
|
|
2877
2945
|
}) {
|
|
@@ -2906,11 +2974,11 @@ function Vo({
|
|
|
2906
2974
|
}
|
|
2907
2975
|
);
|
|
2908
2976
|
}
|
|
2909
|
-
const
|
|
2977
|
+
const en = `<!DOCTYPE html>
|
|
2910
2978
|
<html>
|
|
2911
2979
|
<head>
|
|
2912
2980
|
<style>
|
|
2913
|
-
${
|
|
2981
|
+
${Ut}
|
|
2914
2982
|
html, body {
|
|
2915
2983
|
height: 100%;
|
|
2916
2984
|
width: 100%;
|
|
@@ -2923,17 +2991,17 @@ html, body {
|
|
|
2923
2991
|
<body>
|
|
2924
2992
|
</body>
|
|
2925
2993
|
</html>`;
|
|
2926
|
-
function
|
|
2994
|
+
function tn() {
|
|
2927
2995
|
var p, x, v;
|
|
2928
2996
|
const { isOpen: e, setIsOpen: o } = G(), { cssOverrides: t, assets: n, customComponents: s, accessibility: i } = C(), { theme: a, cssVars: l } = Z(), c = ((p = i == null ? void 0 : i.widgetTriggerButton) == null ? void 0 : p.label) ?? "Chat with us";
|
|
2929
2997
|
return s != null && s.widgetTrigger ? s.widgetTrigger({
|
|
2930
2998
|
react: L,
|
|
2931
2999
|
isOpen: e,
|
|
2932
|
-
setIsOpen: (
|
|
3000
|
+
setIsOpen: (g) => o(g)
|
|
2933
3001
|
}) : /* @__PURE__ */ d(
|
|
2934
|
-
|
|
3002
|
+
Pt,
|
|
2935
3003
|
{
|
|
2936
|
-
initialContent:
|
|
3004
|
+
initialContent: en,
|
|
2937
3005
|
title: "OpenCX Live Chat Trigger",
|
|
2938
3006
|
style: {
|
|
2939
3007
|
height: `calc(${a.widgetTrigger.size.button}px + ${K.x * 2}px)`,
|
|
@@ -3007,7 +3075,7 @@ function Zo() {
|
|
|
3007
3075
|
}
|
|
3008
3076
|
}
|
|
3009
3077
|
) : /* @__PURE__ */ r(
|
|
3010
|
-
|
|
3078
|
+
Ar,
|
|
3011
3079
|
{
|
|
3012
3080
|
style: {
|
|
3013
3081
|
width: a.widgetTrigger.size.icon,
|
|
@@ -3036,7 +3104,7 @@ function Zo() {
|
|
|
3036
3104
|
}
|
|
3037
3105
|
}
|
|
3038
3106
|
) : /* @__PURE__ */ r(
|
|
3039
|
-
|
|
3107
|
+
Jo,
|
|
3040
3108
|
{
|
|
3041
3109
|
style: {
|
|
3042
3110
|
width: a.widgetTrigger.size.icon,
|
|
@@ -3058,8 +3126,8 @@ function Zo() {
|
|
|
3058
3126
|
}
|
|
3059
3127
|
);
|
|
3060
3128
|
}
|
|
3061
|
-
function
|
|
3062
|
-
const { dir: e } =
|
|
3129
|
+
function rn() {
|
|
3130
|
+
const { dir: e } = ke();
|
|
3063
3131
|
return /* @__PURE__ */ r(
|
|
3064
3132
|
me.Anchor,
|
|
3065
3133
|
{
|
|
@@ -3072,10 +3140,10 @@ function Ko() {
|
|
|
3072
3140
|
}
|
|
3073
3141
|
);
|
|
3074
3142
|
}
|
|
3075
|
-
function
|
|
3143
|
+
function on({
|
|
3076
3144
|
widgetRef: e
|
|
3077
3145
|
}) {
|
|
3078
|
-
const { widgetCtx: o } = O(), { contactState: t } =
|
|
3146
|
+
const { widgetCtx: o } = O(), { contactState: t } = _t(), { setIsOpen: n, isOpen: s } = G(), {
|
|
3079
3147
|
toChatScreen: i,
|
|
3080
3148
|
routerState: { screen: a }
|
|
3081
3149
|
} = H(), { sendMessage: l } = A();
|
|
@@ -3102,32 +3170,32 @@ function Qo({
|
|
|
3102
3170
|
]
|
|
3103
3171
|
), null;
|
|
3104
3172
|
}
|
|
3105
|
-
function
|
|
3173
|
+
function nn() {
|
|
3106
3174
|
const { isOpen: e, setIsOpen: o } = G();
|
|
3107
3175
|
return /* @__PURE__ */ d(me.Root, { open: e, onOpenChange: o, children: [
|
|
3108
|
-
/* @__PURE__ */ r(
|
|
3109
|
-
/* @__PURE__ */ r(
|
|
3110
|
-
/* @__PURE__ */ r(
|
|
3176
|
+
/* @__PURE__ */ r(rn, {}),
|
|
3177
|
+
/* @__PURE__ */ r(tn, {}),
|
|
3178
|
+
/* @__PURE__ */ r(Qo, {})
|
|
3111
3179
|
] });
|
|
3112
3180
|
}
|
|
3113
|
-
const
|
|
3181
|
+
const sn = [
|
|
3114
3182
|
{
|
|
3115
3183
|
key: "loading",
|
|
3116
|
-
component:
|
|
3184
|
+
component: ao
|
|
3117
3185
|
},
|
|
3118
3186
|
{
|
|
3119
3187
|
key: "fallback",
|
|
3120
|
-
component:
|
|
3188
|
+
component: so
|
|
3121
3189
|
},
|
|
3122
3190
|
{
|
|
3123
3191
|
key: "bot_message",
|
|
3124
|
-
component:
|
|
3192
|
+
component: xe
|
|
3125
3193
|
},
|
|
3126
3194
|
{
|
|
3127
3195
|
key: "agent_message",
|
|
3128
|
-
component:
|
|
3196
|
+
component: xe
|
|
3129
3197
|
}
|
|
3130
|
-
],
|
|
3198
|
+
], an = {
|
|
3131
3199
|
get: async (e) => localStorage.getItem(e),
|
|
3132
3200
|
set: async (e, o) => {
|
|
3133
3201
|
localStorage.setItem(e, o);
|
|
@@ -3135,23 +3203,23 @@ const en = [
|
|
|
3135
3203
|
remove: async (e) => {
|
|
3136
3204
|
localStorage.removeItem(e);
|
|
3137
3205
|
}
|
|
3138
|
-
},
|
|
3206
|
+
}, ln = L.forwardRef(function({ options: o, components: t = [], loadingComponent: n }, s) {
|
|
3139
3207
|
return /* @__PURE__ */ r(
|
|
3140
|
-
|
|
3208
|
+
ar,
|
|
3141
3209
|
{
|
|
3142
|
-
components: [...
|
|
3210
|
+
components: [...sn, ...t],
|
|
3143
3211
|
options: o,
|
|
3144
|
-
storage:
|
|
3212
|
+
storage: an,
|
|
3145
3213
|
loadingComponent: n,
|
|
3146
|
-
children: /* @__PURE__ */ d(
|
|
3147
|
-
/* @__PURE__ */ r(
|
|
3148
|
-
o.inline ? /* @__PURE__ */ r(
|
|
3214
|
+
children: /* @__PURE__ */ d(ir, { children: [
|
|
3215
|
+
/* @__PURE__ */ r(on, { widgetRef: s }),
|
|
3216
|
+
o.inline ? /* @__PURE__ */ r(tr, {}) : /* @__PURE__ */ r(nn, {})
|
|
3149
3217
|
] })
|
|
3150
3218
|
}
|
|
3151
3219
|
);
|
|
3152
3220
|
});
|
|
3153
|
-
|
|
3221
|
+
ln.displayName = "Widget";
|
|
3154
3222
|
export {
|
|
3155
|
-
|
|
3223
|
+
ln as Widget
|
|
3156
3224
|
};
|
|
3157
3225
|
//# sourceMappingURL=index.js.map
|