@opencx/widget-react 4.0.29 → 4.0.30
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 +7 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +303 -290
- package/dist/index.js.map +1 -1
- package/dist/src/components/Header.d.ts.map +1 -1
- package/dist/src/components/special-components/HeaderBottomComponent.d.ts +3 -0
- package/dist/src/components/special-components/HeaderBottomComponent.d.ts.map +1 -0
- package/dist/src/hooks/useSpecialComponentProps.d.ts.map +1 -1
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { jsx as r, jsxs as d, Fragment as te } from "react/jsx-runtime";
|
|
2
2
|
import * as le from "@radix-ui/react-popover";
|
|
3
3
|
import * as G from "react";
|
|
4
|
-
import q, { memo as
|
|
5
|
-
import { useWidget as R, useConfig as x, useDocumentDir as fe,
|
|
4
|
+
import q, { memo as $t, forwardRef as dt, useState as T, cloneElement as pt, createContext as Lt, useEffect as re, useContext as Yt, useMemo as ht, useRef as ce, createElement as ot } from "react";
|
|
5
|
+
import { useWidget as R, useConfig as x, useDocumentDir as fe, useSessions as $, useMessages as j, useWidgetRouter as P, useWidgetTrigger as K, useModes as mt, useCsat as gt, useUploadFiles as qt, useIsAwaitingBotReply as wt, useContact as Xt, WidgetProvider as Ut, WidgetTriggerProvider as Vt } from "@opencx/widget-react-headless";
|
|
6
6
|
import { clsx as Gt } from "clsx";
|
|
7
7
|
import { twMerge as Kt } from "tailwind-merge";
|
|
8
8
|
import { motion as Z, AnimatePresence as _ } from "framer-motion";
|
|
9
9
|
import { Slot as Qt } from "@radix-ui/react-slot";
|
|
10
10
|
import { cva as Zt } from "class-variance-authority";
|
|
11
|
-
import { X as Jt, CircleDashedIcon as er, XIcon as ve, SquareXIcon as tr, SquareCheckBigIcon as rr, SquareCheckIcon as or, ShrinkIcon as nr, Minimize2Icon as sr, MinimizeIcon as ir, Maximize2Icon as ar, MaximizeIcon as lr, ExpandIcon as cr, CircleXIcon as dr, CircleCheckBigIcon as pr, CircleCheckIcon as
|
|
12
|
-
import
|
|
11
|
+
import { X as Jt, CircleDashedIcon as er, XIcon as ve, SquareXIcon as tr, SquareCheckBigIcon as rr, SquareCheckIcon as or, ShrinkIcon as nr, Minimize2Icon as sr, MinimizeIcon as ir, Maximize2Icon as ar, MaximizeIcon as lr, ExpandIcon as cr, CircleXIcon as dr, CircleCheckBigIcon as pr, CircleCheckIcon as ut, CheckCheckIcon as hr, CheckIcon as mr, ChevronLeftIcon as gr, LoaderIcon as wr, ArrowUpIcon as ft, PaperclipIcon as ur, ImageIcon as fr, CircleDashed as vr, AlertCircle as xr, Loader2 as br, FileAudio2Icon as yr, FileVideo2Icon as kr, FileIcon as Cr, UserRoundIcon as zr, ChevronRightIcon as Nr, SendHorizontal as Sr, ChevronDownIcon as _r } from "lucide-react";
|
|
12
|
+
import vt from "remark-gfm";
|
|
13
13
|
import Ir from "react-markdown";
|
|
14
|
-
import
|
|
14
|
+
import xt from "rehype-raw";
|
|
15
15
|
import { isExhaustive as D, isSupportedLanguage as Tr, getTranslation as Mr } from "@opencx/widget-core";
|
|
16
16
|
import * as Q from "@radix-ui/react-avatar";
|
|
17
|
-
import
|
|
17
|
+
import bt from "@uiw/react-iframe";
|
|
18
18
|
import * as oe from "@radix-ui/react-tooltip";
|
|
19
|
-
import
|
|
19
|
+
import nt from "tinycolor2";
|
|
20
20
|
import { useDropzone as Dr } from "react-dropzone";
|
|
21
21
|
import Rr from "react-use/lib/useAsyncFn";
|
|
22
22
|
import { z as he } from "zod";
|
|
@@ -29,8 +29,8 @@ function p(...e) {
|
|
|
29
29
|
const V = {
|
|
30
30
|
x: 2,
|
|
31
31
|
y: 2
|
|
32
|
-
},
|
|
33
|
-
|
|
32
|
+
}, B = $t(
|
|
33
|
+
dt(
|
|
34
34
|
({ children: e, className: o, scale: t = 1.02, off: n = !1 }, s) => {
|
|
35
35
|
const [i, a] = T(!1), [c, l] = T({ x: 0, y: 0 });
|
|
36
36
|
if (n || /translate/.test(
|
|
@@ -38,13 +38,13 @@ const V = {
|
|
|
38
38
|
)) return e;
|
|
39
39
|
const b = (u) => {
|
|
40
40
|
var z, N;
|
|
41
|
-
const { clientX: y, clientY: I } = u, S = u.currentTarget.getBoundingClientRect(), M = y - (S.left + S.width / 2),
|
|
41
|
+
const { clientX: y, clientY: I } = u, S = u.currentTarget.getBoundingClientRect(), M = y - (S.left + S.width / 2), F = I - (S.top + S.height / 2), H = Math.max(
|
|
42
42
|
-1,
|
|
43
43
|
Math.min(1, M / (S.width / 2))
|
|
44
|
-
),
|
|
44
|
+
), W = Math.max(
|
|
45
45
|
-1,
|
|
46
|
-
Math.min(1,
|
|
47
|
-
), E =
|
|
46
|
+
Math.min(1, F / (S.height / 2))
|
|
47
|
+
), E = H * V.x, v = W * V.y;
|
|
48
48
|
l({ x: E, y: v }), (N = (z = e.props).onMouseMove) == null || N.call(z, u);
|
|
49
49
|
}, w = () => {
|
|
50
50
|
var u, y;
|
|
@@ -57,7 +57,7 @@ const V = {
|
|
|
57
57
|
"--wobble-y": i ? `${c.y}px` : "0px",
|
|
58
58
|
"--scale": 1 - (t - 1)
|
|
59
59
|
};
|
|
60
|
-
return
|
|
60
|
+
return pt(e, {
|
|
61
61
|
ref: s,
|
|
62
62
|
onMouseMove: b,
|
|
63
63
|
onMouseEnter: w,
|
|
@@ -78,7 +78,7 @@ const V = {
|
|
|
78
78
|
}
|
|
79
79
|
)
|
|
80
80
|
);
|
|
81
|
-
|
|
81
|
+
B.displayName = "Wobble";
|
|
82
82
|
const jr = 10, Er = (e, o, t) => ({
|
|
83
83
|
initial: { opacity: 0, x: -e, ...o.initial },
|
|
84
84
|
animate: { opacity: 1, x: 0, ...o.animate, transition: { delay: t } },
|
|
@@ -100,7 +100,7 @@ const jr = 10, Er = (e, o, t) => ({
|
|
|
100
100
|
left: Or,
|
|
101
101
|
up: Pr,
|
|
102
102
|
down: Ar
|
|
103
|
-
}, f =
|
|
103
|
+
}, f = dt(
|
|
104
104
|
({
|
|
105
105
|
fadeIn: e = "down",
|
|
106
106
|
distance: o = jr,
|
|
@@ -155,7 +155,7 @@ const Hr = Zt(
|
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
157
|
), k = G.forwardRef(
|
|
158
|
-
({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, i) => /* @__PURE__ */ r(
|
|
158
|
+
({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, i) => /* @__PURE__ */ r(B, { ref: i, children: /* @__PURE__ */ r(
|
|
159
159
|
n ? Qt : "button",
|
|
160
160
|
{
|
|
161
161
|
...g("ui_lib/btn"),
|
|
@@ -166,7 +166,7 @@ const Hr = Zt(
|
|
|
166
166
|
) })
|
|
167
167
|
);
|
|
168
168
|
k.displayName = "Button";
|
|
169
|
-
const
|
|
169
|
+
const yt = Lt(null);
|
|
170
170
|
function Wr({ children: e }) {
|
|
171
171
|
const [o, t] = T(!1), [n, s] = T(null), i = (c) => {
|
|
172
172
|
s(c), t(!0);
|
|
@@ -176,18 +176,18 @@ function Wr({ children: e }) {
|
|
|
176
176
|
}, 200);
|
|
177
177
|
};
|
|
178
178
|
return /* @__PURE__ */ d(
|
|
179
|
-
|
|
179
|
+
yt.Provider,
|
|
180
180
|
{
|
|
181
181
|
value: { open: i, close: a, isOpen: o, content: n },
|
|
182
182
|
children: [
|
|
183
|
-
/* @__PURE__ */ r(
|
|
183
|
+
/* @__PURE__ */ r(Br, {}),
|
|
184
184
|
e
|
|
185
185
|
]
|
|
186
186
|
}
|
|
187
187
|
);
|
|
188
188
|
}
|
|
189
189
|
function de() {
|
|
190
|
-
const e = Yt(
|
|
190
|
+
const e = Yt(yt);
|
|
191
191
|
return e || (console.error("useDialoger must be used within a DialogerProvider"), {
|
|
192
192
|
open: () => {
|
|
193
193
|
},
|
|
@@ -197,7 +197,7 @@ function de() {
|
|
|
197
197
|
content: null
|
|
198
198
|
});
|
|
199
199
|
}
|
|
200
|
-
function
|
|
200
|
+
function Br() {
|
|
201
201
|
const { contentIframeRef: e } = R(), { isOpen: o, content: t, close: n } = de();
|
|
202
202
|
return re(() => {
|
|
203
203
|
var i, a;
|
|
@@ -229,7 +229,7 @@ function $r() {
|
|
|
229
229
|
"dialog-content"
|
|
230
230
|
) });
|
|
231
231
|
}
|
|
232
|
-
function
|
|
232
|
+
function kt({
|
|
233
233
|
children: e,
|
|
234
234
|
className: o,
|
|
235
235
|
withClose: t = !1
|
|
@@ -262,7 +262,7 @@ function yt({
|
|
|
262
262
|
}
|
|
263
263
|
);
|
|
264
264
|
}
|
|
265
|
-
const
|
|
265
|
+
const Ct = ({
|
|
266
266
|
className: e,
|
|
267
267
|
...o
|
|
268
268
|
}) => /* @__PURE__ */ r(
|
|
@@ -272,8 +272,8 @@ const kt = ({
|
|
|
272
272
|
...o
|
|
273
273
|
}
|
|
274
274
|
);
|
|
275
|
-
|
|
276
|
-
const
|
|
275
|
+
Ct.displayName = "DialogerHeader";
|
|
276
|
+
const zt = ({
|
|
277
277
|
className: e,
|
|
278
278
|
...o
|
|
279
279
|
}) => /* @__PURE__ */ r(
|
|
@@ -283,13 +283,13 @@ const Ct = ({
|
|
|
283
283
|
...o
|
|
284
284
|
}
|
|
285
285
|
);
|
|
286
|
-
|
|
287
|
-
const
|
|
286
|
+
zt.displayName = "DialogerBody";
|
|
287
|
+
const Nt = ({
|
|
288
288
|
className: e,
|
|
289
289
|
...o
|
|
290
290
|
}) => /* @__PURE__ */ r("div", { className: p("flex flex-col gap-2", e), ...o });
|
|
291
|
-
|
|
292
|
-
const
|
|
291
|
+
Nt.displayName = "DialogerFooter";
|
|
292
|
+
const St = q.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
293
293
|
"p",
|
|
294
294
|
{
|
|
295
295
|
ref: t,
|
|
@@ -300,8 +300,8 @@ const Nt = q.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
|
300
300
|
...o
|
|
301
301
|
}
|
|
302
302
|
));
|
|
303
|
-
|
|
304
|
-
const
|
|
303
|
+
St.displayName = "DialogerTitle";
|
|
304
|
+
const _t = q.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
305
305
|
"p",
|
|
306
306
|
{
|
|
307
307
|
ref: t,
|
|
@@ -309,25 +309,25 @@ const St = q.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
|
309
309
|
...o
|
|
310
310
|
}
|
|
311
311
|
));
|
|
312
|
-
|
|
313
|
-
function
|
|
312
|
+
_t.displayName = "DialogerDescription";
|
|
313
|
+
function It({
|
|
314
314
|
children: e,
|
|
315
315
|
trigger: o
|
|
316
316
|
}) {
|
|
317
317
|
const { open: t } = de();
|
|
318
|
-
return
|
|
318
|
+
return pt(o, {
|
|
319
319
|
onClick: () => t(e)
|
|
320
320
|
});
|
|
321
321
|
}
|
|
322
|
-
function
|
|
322
|
+
function Tt({ attachment: e }) {
|
|
323
323
|
const { name: o, size: t, type: n, url: s } = e, i = n.startsWith("image/"), a = n.startsWith("video/"), c = n.startsWith("audio/");
|
|
324
|
-
return c ? /* @__PURE__ */ r(
|
|
324
|
+
return c ? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ d("audio", { controls: !0, className: "w-full", children: [
|
|
325
325
|
/* @__PURE__ */ r("source", { src: s, type: n }),
|
|
326
326
|
"Your browser does not support the audio tag."
|
|
327
|
-
] }) }) }) : a ? /* @__PURE__ */ r(
|
|
327
|
+
] }) }) }) : a ? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
|
|
328
328
|
/* @__PURE__ */ r("source", { src: s, type: n }),
|
|
329
329
|
"Your browser does not support the video tag."
|
|
330
|
-
] }) }) }) : !i && !a && !c ? /* @__PURE__ */ r(
|
|
330
|
+
] }) }) }) : !i && !a && !c ? /* @__PURE__ */ r(B, { 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: [
|
|
331
331
|
/* @__PURE__ */ r(
|
|
332
332
|
"a",
|
|
333
333
|
{
|
|
@@ -347,11 +347,11 @@ function It({ attachment: e }) {
|
|
|
347
347
|
" KB"
|
|
348
348
|
] })
|
|
349
349
|
] }) }) }) : /* @__PURE__ */ r(
|
|
350
|
-
|
|
350
|
+
It,
|
|
351
351
|
{
|
|
352
|
-
trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
|
|
352
|
+
trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: i && /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
|
|
353
353
|
children: /* @__PURE__ */ r(
|
|
354
|
-
|
|
354
|
+
kt,
|
|
355
355
|
{
|
|
356
356
|
className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
|
|
357
357
|
withClose: !0,
|
|
@@ -361,7 +361,7 @@ function It({ attachment: e }) {
|
|
|
361
361
|
}
|
|
362
362
|
);
|
|
363
363
|
}
|
|
364
|
-
const
|
|
364
|
+
const Mt = q.memo(
|
|
365
365
|
Ir,
|
|
366
366
|
(e, o) => e.children === o.children && e.className === o.className
|
|
367
367
|
);
|
|
@@ -372,12 +372,12 @@ function xe({
|
|
|
372
372
|
}) {
|
|
373
373
|
const { anchorTarget: n } = x();
|
|
374
374
|
return /* @__PURE__ */ r(
|
|
375
|
-
|
|
375
|
+
Mt,
|
|
376
376
|
{
|
|
377
377
|
"data-type": o,
|
|
378
378
|
"data-id": t,
|
|
379
|
-
remarkPlugins: [
|
|
380
|
-
rehypePlugins: [
|
|
379
|
+
remarkPlugins: [vt],
|
|
380
|
+
rehypePlugins: [xt],
|
|
381
381
|
components: {
|
|
382
382
|
a: ({ children: s, ...i }) => /* @__PURE__ */ r("a", { target: i.target || n || "_top", ...i, children: s })
|
|
383
383
|
},
|
|
@@ -407,7 +407,7 @@ function me({
|
|
|
407
407
|
l == null ? void 0 : l.messageContainer
|
|
408
408
|
),
|
|
409
409
|
children: [
|
|
410
|
-
n && n.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: n == null ? void 0 : n.map((w) => /* @__PURE__ */ r(
|
|
410
|
+
n && n.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: n == null ? void 0 : n.map((w) => /* @__PURE__ */ r(Tt, { attachment: w }, w.id)) }),
|
|
411
411
|
h.length > 0 && /* @__PURE__ */ r(
|
|
412
412
|
"div",
|
|
413
413
|
{
|
|
@@ -438,7 +438,7 @@ function me({
|
|
|
438
438
|
}
|
|
439
439
|
);
|
|
440
440
|
}
|
|
441
|
-
function
|
|
441
|
+
function $r(e) {
|
|
442
442
|
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) }) });
|
|
443
443
|
}
|
|
444
444
|
const be = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
|
|
@@ -512,7 +512,7 @@ function Lr({ agent: e }) {
|
|
|
512
512
|
}
|
|
513
513
|
) });
|
|
514
514
|
}
|
|
515
|
-
const Mt = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..700;1,14..32,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*,: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%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.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}.end-6{inset-inline-end:1.5rem}.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-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-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-auto{width:auto;height:auto}.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%}.min-w-80{min-width:20rem}.min-w-\\[8rem\\]{min-width:8rem}.max-w-96{max-width:24rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.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-\\[-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))}@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-1{gap:.25rem}.gap-2{gap:.5rem}.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-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-\\[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-2{padding:.5rem}.p-4{padding:1rem}.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\\.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-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.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}.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))}.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-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}.required:after{content:" *";color:red}.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-secondary:hover{background-color:hsl(var(--opencx-secondary))}.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\\: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\\:opacity-50:disabled{opacity:.5}.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))}', Yr = oe.Provider, qr = oe.Root, Xr = oe.Trigger, Dt = G.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
|
|
515
|
+
const Dt = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..700;1,14..32,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*,: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%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.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}.end-6{inset-inline-end:1.5rem}.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-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-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-auto{width:auto;height:auto}.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%}.min-w-80{min-width:20rem}.min-w-\\[8rem\\]{min-width:8rem}.max-w-96{max-width:24rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.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-\\[-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))}@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-1{gap:.25rem}.gap-2{gap:.5rem}.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-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-\\[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-2{padding:.5rem}.p-4{padding:1rem}.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\\.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-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.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}.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))}.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-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}.required:after{content:" *";color:red}.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-secondary:hover{background-color:hsl(var(--opencx-secondary))}.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\\: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\\:opacity-50:disabled{opacity:.5}.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))}', Yr = oe.Provider, qr = oe.Root, Xr = oe.Trigger, Rt = G.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
|
|
516
516
|
oe.Content,
|
|
517
517
|
{
|
|
518
518
|
ref: n,
|
|
@@ -524,7 +524,7 @@ const Mt = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wgh
|
|
|
524
524
|
...t
|
|
525
525
|
}
|
|
526
526
|
));
|
|
527
|
-
|
|
527
|
+
Rt.displayName = oe.Content.displayName;
|
|
528
528
|
function J({
|
|
529
529
|
children: e,
|
|
530
530
|
content: o,
|
|
@@ -535,7 +535,7 @@ function J({
|
|
|
535
535
|
return !o || s ? e : /* @__PURE__ */ d(qr, { children: [
|
|
536
536
|
/* @__PURE__ */ r(Xr, { asChild: !0, children: e }),
|
|
537
537
|
/* @__PURE__ */ r(
|
|
538
|
-
|
|
538
|
+
Rt,
|
|
539
539
|
{
|
|
540
540
|
side: t,
|
|
541
541
|
align: n,
|
|
@@ -546,12 +546,12 @@ function J({
|
|
|
546
546
|
)
|
|
547
547
|
] });
|
|
548
548
|
}
|
|
549
|
-
const
|
|
550
|
-
function
|
|
551
|
-
const [e, o] = q.useState(() => (window.top || window).innerWidth <
|
|
549
|
+
const st = 450;
|
|
550
|
+
function A() {
|
|
551
|
+
const [e, o] = q.useState(() => (window.top || window).innerWidth < st);
|
|
552
552
|
return q.useEffect(() => {
|
|
553
553
|
const t = window.top || window, n = () => {
|
|
554
|
-
o(t.innerWidth <
|
|
554
|
+
o(t.innerWidth < st);
|
|
555
555
|
};
|
|
556
556
|
return n(), t.addEventListener("resize", n), () => {
|
|
557
557
|
t.removeEventListener("resize", n);
|
|
@@ -563,8 +563,8 @@ const se = {
|
|
|
563
563
|
transitionDuration: "1000ms"
|
|
564
564
|
};
|
|
565
565
|
function X() {
|
|
566
|
-
var w, m, C, u, y, I, S, M,
|
|
567
|
-
const { dir: e } = fe(), { isSmallScreen: o } =
|
|
566
|
+
var w, m, C, u, y, I, S, M, F, H, W, E, v, z, N, L, ne, _e, Ie, Te, Me, De, Re, je, Ee, Oe, Pe, Ae, Fe, He, We, Be, $e, Le, Ye, qe, Xe, Ue, Ve, Ge, Ke, Qe, Ze, Je, et, tt, rt;
|
|
567
|
+
const { dir: e } = fe(), { isSmallScreen: o } = A(), { theme: t, inline: n } = x(), s = (Y) => n ? "100%" : Y, i = (Y, pe) => o ? `100dv${Y}` : pe, a = (Y, pe) => s(i(Y, pe)), c = {
|
|
568
568
|
zIndex: ((w = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : w.zIndex) ?? 1e7,
|
|
569
569
|
offset: {
|
|
570
570
|
bottom: ((C = (m = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : m.offset) == null ? void 0 : C.bottom) ?? 20,
|
|
@@ -572,8 +572,8 @@ function X() {
|
|
|
572
572
|
left: ((S = (I = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : I.offset) == null ? void 0 : S.left) ?? (e === "rtl" ? 20 : "initial")
|
|
573
573
|
},
|
|
574
574
|
size: {
|
|
575
|
-
button: ((
|
|
576
|
-
icon: ((
|
|
575
|
+
button: ((F = (M = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : M.size) == null ? void 0 : F.button) ?? 48,
|
|
576
|
+
icon: ((W = (H = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : H.size) == null ? void 0 : W.icon) ?? 24
|
|
577
577
|
}
|
|
578
578
|
}, l = (() => {
|
|
579
579
|
const Y = e === "ltr" ? c.offset.right : c.offset.left;
|
|
@@ -590,40 +590,40 @@ function X() {
|
|
|
590
590
|
outlineColor: ((N = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : N.outlineColor) ?? "hsl(0 0% 50% / .5)",
|
|
591
591
|
boxShadow: ((L = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : L.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
|
|
592
592
|
transitionProperty: ((ne = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : ne.transitionProperty) ?? "all",
|
|
593
|
-
transitionTimingFunction: ((
|
|
594
|
-
transitionDuration: ((
|
|
593
|
+
transitionTimingFunction: ((_e = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : _e.transitionTimingFunction) ?? se.transitionTimingFunction,
|
|
594
|
+
transitionDuration: ((Ie = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Ie.transitionDuration) ?? se.transitionDuration,
|
|
595
595
|
offset: {
|
|
596
|
-
side: o ? 0 : c.offset.bottom + c.size.button + V.y * 2 + (((
|
|
597
|
-
align: o ? 0 : l + (((
|
|
596
|
+
side: o ? 0 : c.offset.bottom + c.size.button + V.y * 2 + (((Me = (Te = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Te.offset) == null ? void 0 : Me.side) ?? 10),
|
|
597
|
+
align: o ? 0 : l + (((Re = (De = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : De.offset) == null ? void 0 : Re.align) ?? 0)
|
|
598
598
|
}
|
|
599
599
|
},
|
|
600
600
|
screens: {
|
|
601
601
|
welcome: {
|
|
602
|
-
width: a("w", ((
|
|
602
|
+
width: a("w", ((Ee = (je = t == null ? void 0 : t.screens) == null ? void 0 : je.welcome) == null ? void 0 : Ee.width) ?? "400px"),
|
|
603
603
|
// By setting minHeight to 1px, a nice animation will play from 1px to the dynamic height of the content of the screen
|
|
604
604
|
minHeight: a(
|
|
605
605
|
"h",
|
|
606
|
-
((
|
|
606
|
+
((Pe = (Oe = t == null ? void 0 : t.screens) == null ? void 0 : Oe.welcome) == null ? void 0 : Pe.minHeight) ?? "1px"
|
|
607
607
|
)
|
|
608
608
|
},
|
|
609
609
|
sessions: {
|
|
610
|
-
width: a("w", ((
|
|
611
|
-
height: a("h", ((
|
|
610
|
+
width: a("w", ((Fe = (Ae = t == null ? void 0 : t.screens) == null ? void 0 : Ae.sessions) == null ? void 0 : Fe.width) ?? "450px"),
|
|
611
|
+
height: a("h", ((We = (He = t == null ? void 0 : t.screens) == null ? void 0 : He.sessions) == null ? void 0 : We.height) ?? "600px")
|
|
612
612
|
},
|
|
613
613
|
chat: {
|
|
614
|
-
width: a("w", (($e = (
|
|
615
|
-
height: a("h", ((
|
|
614
|
+
width: a("w", (($e = (Be = t == null ? void 0 : t.screens) == null ? void 0 : Be.chat) == null ? void 0 : $e.width) ?? "525px"),
|
|
615
|
+
height: a("h", ((Ye = (Le = t == null ? void 0 : t.screens) == null ? void 0 : Le.chat) == null ? void 0 : Ye.height) ?? "700px"),
|
|
616
616
|
withCanvas: {
|
|
617
617
|
width: a(
|
|
618
618
|
"w",
|
|
619
|
-
((
|
|
619
|
+
((Ue = (Xe = (qe = t == null ? void 0 : t.screens) == null ? void 0 : qe.chat) == null ? void 0 : Xe.withCanvas) == null ? void 0 : Ue.width) ?? "min(1050px, 100vw)"
|
|
620
620
|
),
|
|
621
621
|
height: a(
|
|
622
622
|
"h",
|
|
623
|
-
((
|
|
623
|
+
((Ke = (Ge = (Ve = t == null ? void 0 : t.screens) == null ? void 0 : Ve.chat) == null ? void 0 : Ge.withCanvas) == null ? void 0 : Ke.height) ?? "min(800px, 100vh)"
|
|
624
624
|
),
|
|
625
|
-
transitionTimingFunction: ((
|
|
626
|
-
transitionDuration: ((
|
|
625
|
+
transitionTimingFunction: ((Je = (Ze = (Qe = t == null ? void 0 : t.screens) == null ? void 0 : Qe.chat) == null ? void 0 : Ze.withCanvas) == null ? void 0 : Je.transitionTimingFunction) ?? se.transitionTimingFunction,
|
|
626
|
+
transitionDuration: ((rt = (tt = (et = t == null ? void 0 : t.screens) == null ? void 0 : et.chat) == null ? void 0 : tt.withCanvas) == null ? void 0 : rt.transitionDuration) ?? se.transitionDuration
|
|
627
627
|
}
|
|
628
628
|
}
|
|
629
629
|
}
|
|
@@ -678,7 +678,7 @@ function Ur({
|
|
|
678
678
|
palette: e,
|
|
679
679
|
primary: o
|
|
680
680
|
}) {
|
|
681
|
-
const t =
|
|
681
|
+
const t = jt(e), n = nt(o).toHsl(), s = nt(o).isLight() ? t[950] : t[50];
|
|
682
682
|
return {
|
|
683
683
|
"--opencx-primary": `${n.h} ${n.s * 100}% ${n.l * 100}%`,
|
|
684
684
|
"--opencx-primary-foreground": s,
|
|
@@ -697,7 +697,7 @@ function Ur({
|
|
|
697
697
|
"--opencx-ring": "var(--opencx-foreground)"
|
|
698
698
|
};
|
|
699
699
|
}
|
|
700
|
-
function
|
|
700
|
+
function jt(e) {
|
|
701
701
|
const o = {
|
|
702
702
|
50: "0 0% 98%",
|
|
703
703
|
100: "0 0% 96.1%",
|
|
@@ -757,10 +757,10 @@ function Rt(e) {
|
|
|
757
757
|
case "slate":
|
|
758
758
|
return s;
|
|
759
759
|
default:
|
|
760
|
-
return D(e,
|
|
760
|
+
return D(e, jt.name), o;
|
|
761
761
|
}
|
|
762
762
|
}
|
|
763
|
-
function
|
|
763
|
+
function Et() {
|
|
764
764
|
const { contentIframeRef: e } = R(), { inline: o } = x();
|
|
765
765
|
return {
|
|
766
766
|
setWidth: (t) => {
|
|
@@ -783,12 +783,12 @@ function Ce({
|
|
|
783
783
|
width: e,
|
|
784
784
|
height: o
|
|
785
785
|
}) {
|
|
786
|
-
const { isSmallScreen: t } =
|
|
786
|
+
const { isSmallScreen: t } = A(), { setWidth: n, setHeight: s } = Et();
|
|
787
787
|
re(() => {
|
|
788
788
|
e && n(e), o && s(o);
|
|
789
789
|
}, [t, o, e, n, s]);
|
|
790
790
|
}
|
|
791
|
-
const
|
|
791
|
+
const it = er;
|
|
792
792
|
function ee({
|
|
793
793
|
name: e,
|
|
794
794
|
className: o
|
|
@@ -800,7 +800,7 @@ function ee({
|
|
|
800
800
|
case "CheckCheck":
|
|
801
801
|
return hr;
|
|
802
802
|
case "CircleCheck":
|
|
803
|
-
return
|
|
803
|
+
return ut;
|
|
804
804
|
case "CircleCheckBig":
|
|
805
805
|
return pr;
|
|
806
806
|
case "CircleX":
|
|
@@ -826,17 +826,45 @@ function ee({
|
|
|
826
826
|
case "X":
|
|
827
827
|
return ve;
|
|
828
828
|
case void 0:
|
|
829
|
-
return
|
|
829
|
+
return it;
|
|
830
830
|
default:
|
|
831
|
-
return D(e, ee.name),
|
|
831
|
+
return D(e, ee.name), it;
|
|
832
832
|
}
|
|
833
833
|
})();
|
|
834
834
|
return /* @__PURE__ */ r(t, { className: p("size-4", o) });
|
|
835
835
|
}
|
|
836
836
|
function ze() {
|
|
837
|
-
const {
|
|
837
|
+
const {
|
|
838
|
+
widgetCtx: { org: e }
|
|
839
|
+
} = R(), {
|
|
840
|
+
sessionState: { session: o }
|
|
841
|
+
} = $(), t = x(), {
|
|
842
|
+
messagesState: { messages: n }
|
|
843
|
+
} = j(), {
|
|
844
|
+
routerState: { screen: s }
|
|
845
|
+
} = P();
|
|
846
|
+
return {
|
|
847
|
+
props: {
|
|
848
|
+
react: q,
|
|
849
|
+
org: e,
|
|
850
|
+
session: o,
|
|
851
|
+
config: t,
|
|
852
|
+
messages: n,
|
|
853
|
+
currentScreen: s
|
|
854
|
+
}
|
|
855
|
+
};
|
|
856
|
+
}
|
|
857
|
+
function Vr() {
|
|
858
|
+
var t;
|
|
859
|
+
const { props: e } = ze(), o = (t = e.config.specialComponents) == null ? void 0 : t.headerBottom;
|
|
860
|
+
return o ? /* @__PURE__ */ r(o, { ...e }) : null;
|
|
861
|
+
}
|
|
862
|
+
function Ne() {
|
|
863
|
+
const {
|
|
864
|
+
widgetCtx: { org: e }
|
|
865
|
+
} = R(), {
|
|
838
866
|
routerState: { screen: o }
|
|
839
|
-
} =
|
|
867
|
+
} = P(), { textContent: t } = x();
|
|
840
868
|
return (() => {
|
|
841
869
|
var s, i;
|
|
842
870
|
switch (o) {
|
|
@@ -847,12 +875,12 @@ function ze() {
|
|
|
847
875
|
case "welcome":
|
|
848
876
|
return;
|
|
849
877
|
default:
|
|
850
|
-
D(o,
|
|
878
|
+
D(o, Ne.name);
|
|
851
879
|
return;
|
|
852
880
|
}
|
|
853
881
|
})() ?? e.name ?? "Chat";
|
|
854
882
|
}
|
|
855
|
-
function
|
|
883
|
+
function Gr(e) {
|
|
856
884
|
switch (e) {
|
|
857
885
|
case "chat":
|
|
858
886
|
return g("chat/header");
|
|
@@ -861,15 +889,15 @@ function Vr(e) {
|
|
|
861
889
|
case "welcome":
|
|
862
890
|
return;
|
|
863
891
|
default:
|
|
864
|
-
D(e,
|
|
892
|
+
D(e, Ne.name);
|
|
865
893
|
return;
|
|
866
894
|
}
|
|
867
895
|
}
|
|
868
|
-
function
|
|
896
|
+
function Kr() {
|
|
869
897
|
const { router: e } = x(), {
|
|
870
898
|
routerState: { screen: o },
|
|
871
899
|
toSessionsScreen: t
|
|
872
|
-
} =
|
|
900
|
+
} = P();
|
|
873
901
|
return o !== "chat" || e != null && e.chatScreenOnly ? null : /* @__PURE__ */ r(
|
|
874
902
|
k,
|
|
875
903
|
{
|
|
@@ -881,10 +909,10 @@ function Gr() {
|
|
|
881
909
|
}
|
|
882
910
|
);
|
|
883
911
|
}
|
|
884
|
-
function
|
|
912
|
+
function Qr({
|
|
885
913
|
button: e
|
|
886
914
|
}) {
|
|
887
|
-
const { setIsOpen: o } = K(), { isSmallScreen: t } =
|
|
915
|
+
const { setIsOpen: o } = K(), { isSmallScreen: t } = A();
|
|
888
916
|
return t && e.hideOnSmallScreen || !t && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
|
|
889
917
|
k,
|
|
890
918
|
{
|
|
@@ -904,7 +932,7 @@ function we({
|
|
|
904
932
|
}) {
|
|
905
933
|
const [o, t] = T(!1), {
|
|
906
934
|
routerState: { screen: n }
|
|
907
|
-
} =
|
|
935
|
+
} = P(), { isSmallScreen: s } = A(), { theme: i } = X(), { setWidth: a, setHeight: c } = Et();
|
|
908
936
|
if (n !== "chat" && n !== "sessions") return null;
|
|
909
937
|
const l = (() => {
|
|
910
938
|
switch (n) {
|
|
@@ -946,11 +974,11 @@ function we({
|
|
|
946
974
|
}
|
|
947
975
|
);
|
|
948
976
|
}
|
|
949
|
-
function
|
|
977
|
+
function Ot({
|
|
950
978
|
button: e
|
|
951
979
|
}) {
|
|
952
980
|
var y, I;
|
|
953
|
-
const { close: o } = de(), { widgetCtx: t } = R(), { setIsOpen: n } = K(), { resolveSession: s, sessionState: i } =
|
|
981
|
+
const { close: o } = de(), { widgetCtx: t } = R(), { setIsOpen: n } = K(), { resolveSession: s, sessionState: i } = $(), { isSmallScreen: a } = A(), c = !i.session, l = ((y = i.session) == null ? void 0 : y.isOpened) === !1, h = e.onResolved || "stay-in-chat", b = e.behaviorBeforeSessionCreation || "disabled", w = e.behaviorIfSessionIsResolved || "disabled", m = !!(i.isResolvingSession || c && b === "disabled" || l && w === "disabled"), C = async () => {
|
|
954
982
|
const { success: S, error: M } = await s();
|
|
955
983
|
if (o(), !S) return console.error(M);
|
|
956
984
|
switch (h) {
|
|
@@ -966,7 +994,7 @@ function Et({
|
|
|
966
994
|
n(!1), t.resetChat();
|
|
967
995
|
break;
|
|
968
996
|
default:
|
|
969
|
-
D(h,
|
|
997
|
+
D(h, Ot.name);
|
|
970
998
|
break;
|
|
971
999
|
}
|
|
972
1000
|
}, u = () => {
|
|
@@ -1006,7 +1034,7 @@ function Et({
|
|
|
1006
1034
|
}
|
|
1007
1035
|
};
|
|
1008
1036
|
return a && e.hideOnSmallScreen || !a && e.hideOnLargeScreen ? null : ((I = e.confirmation) == null ? void 0 : I.type) === "modal" && !l && !c ? /* @__PURE__ */ r(
|
|
1009
|
-
|
|
1037
|
+
It,
|
|
1010
1038
|
{
|
|
1011
1039
|
trigger: /* @__PURE__ */ r(
|
|
1012
1040
|
k,
|
|
@@ -1018,10 +1046,10 @@ function Et({
|
|
|
1018
1046
|
children: /* @__PURE__ */ r(ee, { name: e.icon })
|
|
1019
1047
|
}
|
|
1020
1048
|
),
|
|
1021
|
-
children: /* @__PURE__ */ d(
|
|
1022
|
-
/* @__PURE__ */ r(
|
|
1023
|
-
/* @__PURE__ */ r(
|
|
1024
|
-
/* @__PURE__ */ d(
|
|
1049
|
+
children: /* @__PURE__ */ d(kt, { children: [
|
|
1050
|
+
/* @__PURE__ */ r(Ct, { children: /* @__PURE__ */ r(St, { children: e.confirmation.title || "Close conversation" }) }),
|
|
1051
|
+
/* @__PURE__ */ r(zt, { children: /* @__PURE__ */ r(_t, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
|
|
1052
|
+
/* @__PURE__ */ d(Nt, { children: [
|
|
1025
1053
|
/* @__PURE__ */ r(
|
|
1026
1054
|
k,
|
|
1027
1055
|
{
|
|
@@ -1058,25 +1086,25 @@ function Et({
|
|
|
1058
1086
|
function ue({ button: e }) {
|
|
1059
1087
|
switch (e.functionality) {
|
|
1060
1088
|
case "close-widget":
|
|
1061
|
-
return /* @__PURE__ */ r(
|
|
1089
|
+
return /* @__PURE__ */ r(Qr, { button: e });
|
|
1062
1090
|
case "expand-shrink":
|
|
1063
1091
|
return /* @__PURE__ */ r(we, { button: e });
|
|
1064
1092
|
case "resolve-session":
|
|
1065
|
-
return /* @__PURE__ */ r(
|
|
1093
|
+
return /* @__PURE__ */ r(Ot, { button: e });
|
|
1066
1094
|
default:
|
|
1067
1095
|
return D(e, ue.name), null;
|
|
1068
1096
|
}
|
|
1069
1097
|
}
|
|
1070
|
-
const
|
|
1098
|
+
const Zr = {
|
|
1071
1099
|
functionality: "close-widget",
|
|
1072
1100
|
hideOnLargeScreen: !0,
|
|
1073
1101
|
icon: "X"
|
|
1074
1102
|
};
|
|
1075
|
-
function
|
|
1103
|
+
function Jr() {
|
|
1076
1104
|
const {
|
|
1077
1105
|
routerState: { screen: e }
|
|
1078
|
-
} =
|
|
1079
|
-
return !t || t.length === 0 ? /* @__PURE__ */ r(ue, { button:
|
|
1106
|
+
} = P(), { headerButtons: o } = x(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
|
|
1107
|
+
return !t || t.length === 0 ? /* @__PURE__ */ r(ue, { button: Zr }) : /* @__PURE__ */ r(te, { children: t.map((n) => /* @__PURE__ */ r(
|
|
1080
1108
|
ue,
|
|
1081
1109
|
{
|
|
1082
1110
|
button: n
|
|
@@ -1084,38 +1112,41 @@ function Zr() {
|
|
|
1084
1112
|
`${n.functionality}-${n.icon}`
|
|
1085
1113
|
)) });
|
|
1086
1114
|
}
|
|
1087
|
-
function
|
|
1115
|
+
function Pt() {
|
|
1088
1116
|
const {
|
|
1089
1117
|
routerState: { screen: e }
|
|
1090
|
-
} =
|
|
1091
|
-
return /* @__PURE__ */
|
|
1092
|
-
/* @__PURE__ */
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1118
|
+
} = P(), o = Gr(e), t = Ne();
|
|
1119
|
+
return /* @__PURE__ */ d("header", { ...o, className: "py-2 px-4 shrink-0", children: [
|
|
1120
|
+
/* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
|
|
1121
|
+
/* @__PURE__ */ r(Kr, {}),
|
|
1122
|
+
/* @__PURE__ */ r(
|
|
1123
|
+
"div",
|
|
1124
|
+
{
|
|
1125
|
+
className: p(
|
|
1126
|
+
"flex-1 h-8 flex items-center",
|
|
1127
|
+
e === "sessions" && "ps-2"
|
|
1128
|
+
),
|
|
1129
|
+
children: /* @__PURE__ */ r("h2", { className: "font-semibold", children: t })
|
|
1130
|
+
}
|
|
1131
|
+
),
|
|
1132
|
+
/* @__PURE__ */ r(Jr, {})
|
|
1133
|
+
] }),
|
|
1134
|
+
/* @__PURE__ */ r(Vr, {})
|
|
1135
|
+
] });
|
|
1105
1136
|
}
|
|
1106
|
-
function
|
|
1137
|
+
function At({ className: e }) {
|
|
1107
1138
|
return /* @__PURE__ */ r(wr, { className: p("size-4 animate-spin", e) });
|
|
1108
1139
|
}
|
|
1109
|
-
function
|
|
1140
|
+
function eo() {
|
|
1110
1141
|
const {
|
|
1111
1142
|
messagesState: { isInitialFetchLoading: e }
|
|
1112
|
-
} = j(), { isSmallScreen: o } =
|
|
1143
|
+
} = j(), { isSmallScreen: o } = A(), { activeMode: t, Component: n } = mt();
|
|
1113
1144
|
return {
|
|
1114
1145
|
isCanvasOpen: !e && !o && !!t && !!n
|
|
1115
1146
|
};
|
|
1116
1147
|
}
|
|
1117
|
-
function
|
|
1118
|
-
const { activeMode: e, Component: o } =
|
|
1148
|
+
function to() {
|
|
1149
|
+
const { activeMode: e, Component: o } = mt(), { sendMessage: t } = j(), { createStateCheckpoint: n } = $(), [s, i] = T(!1), a = async (c) => {
|
|
1119
1150
|
try {
|
|
1120
1151
|
i(!0), await t(c);
|
|
1121
1152
|
} catch (l) {
|
|
@@ -1154,7 +1185,7 @@ const O = q.forwardRef(
|
|
|
1154
1185
|
}
|
|
1155
1186
|
);
|
|
1156
1187
|
O.displayName = "MotionDiv__VerticalReveal";
|
|
1157
|
-
const
|
|
1188
|
+
const ro = [
|
|
1158
1189
|
{
|
|
1159
1190
|
label: "Terrible",
|
|
1160
1191
|
value: 1,
|
|
@@ -1181,14 +1212,14 @@ const to = [
|
|
|
1181
1212
|
emoji: "😍"
|
|
1182
1213
|
}
|
|
1183
1214
|
];
|
|
1184
|
-
function
|
|
1185
|
-
const { isSmallScreen: e } =
|
|
1215
|
+
function oo() {
|
|
1216
|
+
const { isSmallScreen: e } = A(), {
|
|
1186
1217
|
submitCsat: o,
|
|
1187
1218
|
isCsatRequested: t,
|
|
1188
1219
|
isCsatSubmitted: n,
|
|
1189
1220
|
submittedScore: s,
|
|
1190
1221
|
submittedFeedback: i
|
|
1191
|
-
} =
|
|
1222
|
+
} = gt(), [a, c] = T(null), [l, h] = T(null), b = (m) => {
|
|
1192
1223
|
c((C) => C === m ? null : m);
|
|
1193
1224
|
}, w = () => {
|
|
1194
1225
|
a && o({
|
|
@@ -1206,7 +1237,7 @@ function ro() {
|
|
|
1206
1237
|
"transition-all",
|
|
1207
1238
|
n && "gap-0 justify-center"
|
|
1208
1239
|
),
|
|
1209
|
-
children:
|
|
1240
|
+
children: ro.map((m) => /* @__PURE__ */ r(
|
|
1210
1241
|
k,
|
|
1211
1242
|
{
|
|
1212
1243
|
variant: m.value === a ? "secondary" : "ghost",
|
|
@@ -1260,7 +1291,7 @@ function ro() {
|
|
|
1260
1291
|
"rounded-full size-8 flex items-center justify-center p-0",
|
|
1261
1292
|
n && "opacity-0 size-0"
|
|
1262
1293
|
),
|
|
1263
|
-
children: /* @__PURE__ */ r(
|
|
1294
|
+
children: /* @__PURE__ */ r(ft, { className: "size-4" })
|
|
1264
1295
|
}
|
|
1265
1296
|
)
|
|
1266
1297
|
] }) }, "feedback-box") }),
|
|
@@ -1269,7 +1300,7 @@ function ro() {
|
|
|
1269
1300
|
}
|
|
1270
1301
|
function U() {
|
|
1271
1302
|
const { dir: e } = fe(), o = x();
|
|
1272
|
-
return
|
|
1303
|
+
return ht(() => {
|
|
1273
1304
|
const t = Tr(o.language) ? o.language : "en";
|
|
1274
1305
|
return {
|
|
1275
1306
|
t: (n) => Mr(n, t, o.translationOverrides),
|
|
@@ -1279,7 +1310,7 @@ function U() {
|
|
|
1279
1310
|
};
|
|
1280
1311
|
}, [o.language, e]);
|
|
1281
1312
|
}
|
|
1282
|
-
function
|
|
1313
|
+
function Se({
|
|
1283
1314
|
suggestion: e,
|
|
1284
1315
|
className: o,
|
|
1285
1316
|
...t
|
|
@@ -1300,7 +1331,7 @@ function Ne({
|
|
|
1300
1331
|
}
|
|
1301
1332
|
);
|
|
1302
1333
|
}
|
|
1303
|
-
function
|
|
1334
|
+
function no() {
|
|
1304
1335
|
const { t: e } = U(), o = [e("i_need_more_help"), e("this_was_helpful")];
|
|
1305
1336
|
return /* @__PURE__ */ r(
|
|
1306
1337
|
"div",
|
|
@@ -1308,7 +1339,7 @@ function oo() {
|
|
|
1308
1339
|
...g("chat/might_solve_user_issue_suggested_replies_container"),
|
|
1309
1340
|
className: "flex items-center gap-2 p-2 pb-0 flex-wrap",
|
|
1310
1341
|
children: o.map((t) => /* @__PURE__ */ r(
|
|
1311
|
-
|
|
1342
|
+
Se,
|
|
1312
1343
|
{
|
|
1313
1344
|
suggestion: t,
|
|
1314
1345
|
className: "flex-1"
|
|
@@ -1318,11 +1349,11 @@ function oo() {
|
|
|
1318
1349
|
}
|
|
1319
1350
|
);
|
|
1320
1351
|
}
|
|
1321
|
-
function
|
|
1322
|
-
const { sessionState: e } =
|
|
1352
|
+
function at() {
|
|
1353
|
+
const { sessionState: e } = $(), { chatFooterItems: o } = x(), t = !!e.session && !e.session.isOpened, n = !t;
|
|
1323
1354
|
return /* @__PURE__ */ r(_, { mode: "wait", children: o == null ? void 0 : o.map((s, i) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(xe, { children: s.message }) }) }, `${s.message}-${i}`)) });
|
|
1324
1355
|
}
|
|
1325
|
-
function
|
|
1356
|
+
function so({
|
|
1326
1357
|
file: { status: e, file: o, error: t },
|
|
1327
1358
|
onCancel: n
|
|
1328
1359
|
}) {
|
|
@@ -1393,16 +1424,16 @@ function no({
|
|
|
1393
1424
|
}
|
|
1394
1425
|
);
|
|
1395
1426
|
}
|
|
1396
|
-
function
|
|
1427
|
+
function io() {
|
|
1397
1428
|
var E;
|
|
1398
|
-
const { isSmallScreen: e } =
|
|
1429
|
+
const { isSmallScreen: e } = A(), o = ce(null), { sendMessage: t } = j(), { sessionState: n } = $(), { t: s } = U(), [i, a] = T(""), {
|
|
1399
1430
|
allFiles: c,
|
|
1400
1431
|
emptyTheFiles: l,
|
|
1401
1432
|
handleCancelUpload: h,
|
|
1402
1433
|
appendFiles: b,
|
|
1403
1434
|
isUploading: w,
|
|
1404
1435
|
successFiles: m
|
|
1405
|
-
} = qt(), C = !!((E = n.session) != null && E.isHandedOff), { isAwaitingBotReply: u } =
|
|
1436
|
+
} = qt(), C = !!((E = n.session) != null && E.isHandedOff), { isAwaitingBotReply: u } = wt(), y = (v) => {
|
|
1406
1437
|
b(v);
|
|
1407
1438
|
}, I = !i.trim() && m.length === 0, S = async () => {
|
|
1408
1439
|
if (u || I) return;
|
|
@@ -1424,8 +1455,8 @@ function so() {
|
|
|
1424
1455
|
}), a(""), l();
|
|
1425
1456
|
}, {
|
|
1426
1457
|
getRootProps: M,
|
|
1427
|
-
getInputProps:
|
|
1428
|
-
open:
|
|
1458
|
+
getInputProps: F,
|
|
1459
|
+
open: H
|
|
1429
1460
|
} = Dr({
|
|
1430
1461
|
onDrop: y,
|
|
1431
1462
|
noClick: !0,
|
|
@@ -1443,7 +1474,7 @@ function so() {
|
|
|
1443
1474
|
"image/gif": [".gif"],
|
|
1444
1475
|
"image/webp": [".webp"]
|
|
1445
1476
|
}
|
|
1446
|
-
}),
|
|
1477
|
+
}), W = (v) => {
|
|
1447
1478
|
const z = v.clipboardData;
|
|
1448
1479
|
z && z.files.length > 0 && y(Array.from(z.files));
|
|
1449
1480
|
};
|
|
@@ -1454,7 +1485,7 @@ function so() {
|
|
|
1454
1485
|
className: "p-2 relative space-y-1",
|
|
1455
1486
|
...M(),
|
|
1456
1487
|
children: [
|
|
1457
|
-
/* @__PURE__ */ r("input", { ...
|
|
1488
|
+
/* @__PURE__ */ r("input", { ...F() }),
|
|
1458
1489
|
/* @__PURE__ */ d(
|
|
1459
1490
|
"div",
|
|
1460
1491
|
{
|
|
@@ -1479,7 +1510,7 @@ function so() {
|
|
|
1479
1510
|
...g("chat/input_box/attachments_container"),
|
|
1480
1511
|
className: "flex items-center gap-1",
|
|
1481
1512
|
children: /* @__PURE__ */ r(_, { mode: "popLayout", children: c.map((v) => /* @__PURE__ */ r(f, { snapExit: !0, children: /* @__PURE__ */ r(
|
|
1482
|
-
|
|
1513
|
+
so,
|
|
1483
1514
|
{
|
|
1484
1515
|
onCancel: () => h(v.id),
|
|
1485
1516
|
file: v
|
|
@@ -1491,7 +1522,7 @@ function so() {
|
|
|
1491
1522
|
"textarea",
|
|
1492
1523
|
{
|
|
1493
1524
|
...g("chat/input_box/textarea"),
|
|
1494
|
-
onPaste:
|
|
1525
|
+
onPaste: W,
|
|
1495
1526
|
ref: o,
|
|
1496
1527
|
id: "chat-input",
|
|
1497
1528
|
value: i,
|
|
@@ -1527,7 +1558,7 @@ function so() {
|
|
|
1527
1558
|
children: /* @__PURE__ */ r(
|
|
1528
1559
|
k,
|
|
1529
1560
|
{
|
|
1530
|
-
onClick:
|
|
1561
|
+
onClick: H,
|
|
1531
1562
|
size: "fit",
|
|
1532
1563
|
variant: "ghost",
|
|
1533
1564
|
className: p(
|
|
@@ -1545,7 +1576,7 @@ function so() {
|
|
|
1545
1576
|
onClick: S,
|
|
1546
1577
|
disabled: u || w || I,
|
|
1547
1578
|
className: "rounded-full size-8 flex items-center justify-center p-0",
|
|
1548
|
-
children: /* @__PURE__ */ r(_, { mode: "wait", children: u || w ? /* @__PURE__ */ r(f, { snapExit: !0, children: /* @__PURE__ */ r(vr, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(f, { snapExit: !0, children: /* @__PURE__ */ r(
|
|
1579
|
+
children: /* @__PURE__ */ r(_, { mode: "wait", children: u || w ? /* @__PURE__ */ r(f, { snapExit: !0, children: /* @__PURE__ */ r(vr, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(f, { snapExit: !0, children: /* @__PURE__ */ r(ft, { className: "size-4" }) }, "send") })
|
|
1549
1580
|
}
|
|
1550
1581
|
) })
|
|
1551
1582
|
] })
|
|
@@ -1556,43 +1587,43 @@ function so() {
|
|
|
1556
1587
|
}
|
|
1557
1588
|
);
|
|
1558
1589
|
}
|
|
1559
|
-
function
|
|
1560
|
-
const { widgetCtx: e } = R(), { router: o } = x(), { canCreateNewSession: t } =
|
|
1590
|
+
function lt() {
|
|
1591
|
+
const { widgetCtx: e } = R(), { router: o } = x(), { canCreateNewSession: t } = $(), { toSessionsScreen: n } = P(), { t: s } = U();
|
|
1561
1592
|
return /* @__PURE__ */ r(te, { children: t || o != null && o.chatScreenOnly ? /* @__PURE__ */ r(k, { onClick: e.resetChat, className: "rounded-2xl w-full", children: s("new_conversation") }) : /* @__PURE__ */ r(k, { onClick: n, className: "rounded-2xl w-full", children: s("back_to_conversations") }) });
|
|
1562
1593
|
}
|
|
1563
|
-
function
|
|
1564
|
-
const { t: e } = U(), { isCsatRequested: o, isCsatSubmitted: t } =
|
|
1594
|
+
function ao() {
|
|
1595
|
+
const { t: e } = U(), { isCsatRequested: o, isCsatSubmitted: t } = gt();
|
|
1565
1596
|
return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(_, { mode: "wait", children: o || t ? /* @__PURE__ */ d(O, { children: [
|
|
1566
|
-
/* @__PURE__ */ r(
|
|
1567
|
-
/* @__PURE__ */ r(_, { mode: "wait", children: t && /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(
|
|
1597
|
+
/* @__PURE__ */ r(oo, {}),
|
|
1598
|
+
/* @__PURE__ */ r(_, { mode: "wait", children: t && /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(lt, {}) }, "new-conv-or-back-to-convs-button") })
|
|
1568
1599
|
] }, "csat") : /* @__PURE__ */ d(O, { children: [
|
|
1569
1600
|
/* @__PURE__ */ d("div", { className: "ps-2 flex items-center gap-1 pb-2", children: [
|
|
1570
|
-
/* @__PURE__ */ r(
|
|
1601
|
+
/* @__PURE__ */ r(ut, { className: "size-4 text-emerald-600" }),
|
|
1571
1602
|
/* @__PURE__ */ r("h2", { className: "text-sm font-medium", children: e("your_issue_has_been_resolved") })
|
|
1572
1603
|
] }),
|
|
1573
|
-
/* @__PURE__ */ r(
|
|
1604
|
+
/* @__PURE__ */ r(lt, {})
|
|
1574
1605
|
] }, "session-closed") }) }) });
|
|
1575
1606
|
}
|
|
1576
|
-
function
|
|
1607
|
+
function lo() {
|
|
1577
1608
|
var a;
|
|
1578
|
-
const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = x(), { sessionState: n } =
|
|
1609
|
+
const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = x(), { sessionState: n } = $(), { messagesState: s } = j(), i = s.messages.length === 0;
|
|
1579
1610
|
return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(_, { mode: "wait", children: n.session && !((a = n.session) != null && a.isOpened) ? /* @__PURE__ */ d(O, { children: [
|
|
1580
|
-
/* @__PURE__ */ r(
|
|
1581
|
-
/* @__PURE__ */ r(
|
|
1611
|
+
/* @__PURE__ */ r(ao, {}),
|
|
1612
|
+
/* @__PURE__ */ r(at, {})
|
|
1582
1613
|
] }, "session-closed") : /* @__PURE__ */ d(O, { children: [
|
|
1583
|
-
s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(
|
|
1614
|
+
s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(no, {}),
|
|
1584
1615
|
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((c, l) => /* @__PURE__ */ r(
|
|
1585
|
-
|
|
1616
|
+
Se,
|
|
1586
1617
|
{
|
|
1587
1618
|
suggestion: c
|
|
1588
1619
|
},
|
|
1589
1620
|
`${c}-${l}`
|
|
1590
1621
|
)) }),
|
|
1591
|
-
/* @__PURE__ */ r(
|
|
1592
|
-
/* @__PURE__ */ r(
|
|
1622
|
+
/* @__PURE__ */ r(io, {}),
|
|
1623
|
+
/* @__PURE__ */ r(at, {})
|
|
1593
1624
|
] }, "chat-input") }) });
|
|
1594
1625
|
}
|
|
1595
|
-
function
|
|
1626
|
+
function co({
|
|
1596
1627
|
isFirstInGroup: e,
|
|
1597
1628
|
isLastInGroup: o,
|
|
1598
1629
|
isAloneInGroup: t,
|
|
@@ -1634,7 +1665,7 @@ function lo({
|
|
|
1634
1665
|
}
|
|
1635
1666
|
);
|
|
1636
1667
|
}
|
|
1637
|
-
function
|
|
1668
|
+
function Ft({
|
|
1638
1669
|
messages: e,
|
|
1639
1670
|
className: o,
|
|
1640
1671
|
containerClassName: t
|
|
@@ -1698,7 +1729,7 @@ function ae({
|
|
|
1698
1729
|
className: p("flex-1 flex flex-col gap-1"),
|
|
1699
1730
|
children: [
|
|
1700
1731
|
e.map((n, s, i) => /* @__PURE__ */ r(
|
|
1701
|
-
|
|
1732
|
+
co,
|
|
1702
1733
|
{
|
|
1703
1734
|
isFirstInGroup: s === 0,
|
|
1704
1735
|
isLastInGroup: s === i.length - 1,
|
|
@@ -1707,7 +1738,7 @@ function ae({
|
|
|
1707
1738
|
},
|
|
1708
1739
|
n.id
|
|
1709
1740
|
)),
|
|
1710
|
-
/* @__PURE__ */ r(
|
|
1741
|
+
/* @__PURE__ */ r(Ft, { messages: e })
|
|
1711
1742
|
]
|
|
1712
1743
|
}
|
|
1713
1744
|
)
|
|
@@ -1720,7 +1751,7 @@ function ae({
|
|
|
1720
1751
|
...g("chat/agent_msg_group/suggestions"),
|
|
1721
1752
|
className: p("flex flex-col gap-1 ps-8"),
|
|
1722
1753
|
children: t == null ? void 0 : t.map((n, s) => /* @__PURE__ */ r(
|
|
1723
|
-
|
|
1754
|
+
Se,
|
|
1724
1755
|
{
|
|
1725
1756
|
suggestion: n
|
|
1726
1757
|
},
|
|
@@ -1733,32 +1764,14 @@ function ae({
|
|
|
1733
1764
|
}
|
|
1734
1765
|
);
|
|
1735
1766
|
}
|
|
1736
|
-
function
|
|
1737
|
-
const {
|
|
1738
|
-
widgetCtx: { org: e }
|
|
1739
|
-
} = R(), {
|
|
1740
|
-
sessionState: { session: o }
|
|
1741
|
-
} = B(), t = x(), {
|
|
1742
|
-
messagesState: { messages: n }
|
|
1743
|
-
} = j();
|
|
1744
|
-
return {
|
|
1745
|
-
props: {
|
|
1746
|
-
react: q,
|
|
1747
|
-
org: e,
|
|
1748
|
-
session: o,
|
|
1749
|
-
config: t,
|
|
1750
|
-
messages: n
|
|
1751
|
-
}
|
|
1752
|
-
};
|
|
1753
|
-
}
|
|
1754
|
-
function co() {
|
|
1767
|
+
function po() {
|
|
1755
1768
|
var t, n;
|
|
1756
|
-
const { props: e } =
|
|
1769
|
+
const { props: e } = ze();
|
|
1757
1770
|
if ((t = e.session) != null && t.isOpened || !e.session) return null;
|
|
1758
1771
|
const o = (n = e.config.specialComponents) == null ? void 0 : n.onSessionResolved;
|
|
1759
1772
|
return o ? /* @__PURE__ */ r(o, { ...e }) : null;
|
|
1760
1773
|
}
|
|
1761
|
-
function
|
|
1774
|
+
function ho({
|
|
1762
1775
|
message: e,
|
|
1763
1776
|
isFirstInGroup: o,
|
|
1764
1777
|
isLastInGroup: t,
|
|
@@ -1771,7 +1784,7 @@ function po({
|
|
|
1771
1784
|
...g("chat/user_msg/root"),
|
|
1772
1785
|
className: "w-5/6 flex flex-col items-end gap-1",
|
|
1773
1786
|
children: [
|
|
1774
|
-
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(
|
|
1787
|
+
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(Tt, { attachment: i }, i.id)) }),
|
|
1775
1788
|
e.content.length > 0 && /* @__PURE__ */ r(
|
|
1776
1789
|
"div",
|
|
1777
1790
|
{
|
|
@@ -1798,7 +1811,7 @@ function po({
|
|
|
1798
1811
|
}
|
|
1799
1812
|
);
|
|
1800
1813
|
}
|
|
1801
|
-
function
|
|
1814
|
+
function mo({
|
|
1802
1815
|
messages: e
|
|
1803
1816
|
}) {
|
|
1804
1817
|
return /* @__PURE__ */ d(
|
|
@@ -1808,7 +1821,7 @@ function ho({
|
|
|
1808
1821
|
className: p("group", "flex flex-col gap-1 justify-end items-end"),
|
|
1809
1822
|
children: [
|
|
1810
1823
|
e.map((o, t, n) => /* @__PURE__ */ r(
|
|
1811
|
-
|
|
1824
|
+
ho,
|
|
1812
1825
|
{
|
|
1813
1826
|
message: o,
|
|
1814
1827
|
isFirstInGroup: t === 0,
|
|
@@ -1817,12 +1830,12 @@ function ho({
|
|
|
1817
1830
|
},
|
|
1818
1831
|
o.id
|
|
1819
1832
|
)),
|
|
1820
|
-
/* @__PURE__ */ r(
|
|
1833
|
+
/* @__PURE__ */ r(Ft, { messages: e, containerClassName: "ms-auto" })
|
|
1821
1834
|
]
|
|
1822
1835
|
}
|
|
1823
1836
|
);
|
|
1824
1837
|
}
|
|
1825
|
-
function
|
|
1838
|
+
function go(e) {
|
|
1826
1839
|
const o = [];
|
|
1827
1840
|
let t = null;
|
|
1828
1841
|
return e.forEach((n) => {
|
|
@@ -1832,19 +1845,19 @@ function mo(e) {
|
|
|
1832
1845
|
((i = t[0]) == null ? void 0 : i.type) === "AGENT" && n.type === "AGENT" && (((a = n.agent) == null ? void 0 : a.id) !== ((c = t[0].agent) == null ? void 0 : c.id) || ((l = n.agent) == null ? void 0 : l.name) !== ((h = t[0].agent) == null ? void 0 : h.name))) && (t = [], o.push(t)), t.push(n);
|
|
1833
1846
|
}), o;
|
|
1834
1847
|
}
|
|
1835
|
-
function
|
|
1848
|
+
function wo(e) {
|
|
1836
1849
|
var o;
|
|
1837
1850
|
return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "USER";
|
|
1838
1851
|
}
|
|
1839
|
-
function
|
|
1852
|
+
function uo(e) {
|
|
1840
1853
|
var o;
|
|
1841
1854
|
return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "AI";
|
|
1842
1855
|
}
|
|
1843
|
-
function
|
|
1856
|
+
function fo(e) {
|
|
1844
1857
|
var o;
|
|
1845
1858
|
return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "AGENT";
|
|
1846
1859
|
}
|
|
1847
|
-
function
|
|
1860
|
+
function vo() {
|
|
1848
1861
|
const {
|
|
1849
1862
|
messagesState: { messages: e }
|
|
1850
1863
|
} = j(), {
|
|
@@ -1870,7 +1883,7 @@ function fo() {
|
|
|
1870
1883
|
}
|
|
1871
1884
|
) });
|
|
1872
1885
|
}
|
|
1873
|
-
function
|
|
1886
|
+
function xo() {
|
|
1874
1887
|
const {
|
|
1875
1888
|
messagesState: { messages: e }
|
|
1876
1889
|
} = j(), { chatBannerItems: o } = x();
|
|
@@ -1878,7 +1891,7 @@ function vo() {
|
|
|
1878
1891
|
({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(xe, { children: t }) }, `${t}-${s}`)
|
|
1879
1892
|
) });
|
|
1880
1893
|
}
|
|
1881
|
-
function
|
|
1894
|
+
function bo() {
|
|
1882
1895
|
const {
|
|
1883
1896
|
messagesState: { messages: e }
|
|
1884
1897
|
} = j(), o = x(), {
|
|
@@ -1906,16 +1919,16 @@ function xo() {
|
|
|
1906
1919
|
}
|
|
1907
1920
|
) });
|
|
1908
1921
|
}
|
|
1909
|
-
function
|
|
1922
|
+
function yo() {
|
|
1910
1923
|
var t;
|
|
1911
|
-
const { props: e } =
|
|
1924
|
+
const { props: e } = ze(), o = (t = e.config.specialComponents) == null ? void 0 : t.chatBottomComponents;
|
|
1912
1925
|
return o ? /* @__PURE__ */ r("div", { children: o.map(({ key: n, component: s }) => /* @__PURE__ */ r(s, { ...e }, n)) }) : null;
|
|
1913
1926
|
}
|
|
1914
|
-
function
|
|
1927
|
+
function ko() {
|
|
1915
1928
|
const {
|
|
1916
1929
|
messagesState: { messages: e }
|
|
1917
|
-
} = j(), { isAwaitingBotReply: o } =
|
|
1918
|
-
() =>
|
|
1930
|
+
} = j(), { isAwaitingBotReply: o } = wt(), { componentStore: t } = R(), n = x(), s = ht(
|
|
1931
|
+
() => go(e),
|
|
1919
1932
|
[e]
|
|
1920
1933
|
), i = t.getComponent(
|
|
1921
1934
|
"loading"
|
|
@@ -1935,16 +1948,16 @@ function yo() {
|
|
|
1935
1948
|
ref: a,
|
|
1936
1949
|
className: "max-h-full scroll-smooth relative flex-1 py-2 px-4 flex flex-col gap-2 overflow-auto",
|
|
1937
1950
|
children: [
|
|
1938
|
-
/* @__PURE__ */ r(vo, {}),
|
|
1939
|
-
/* @__PURE__ */ r(fo, {}),
|
|
1940
1951
|
/* @__PURE__ */ r(xo, {}),
|
|
1952
|
+
/* @__PURE__ */ r(vo, {}),
|
|
1953
|
+
/* @__PURE__ */ r(bo, {}),
|
|
1941
1954
|
s.map((l, h) => {
|
|
1942
1955
|
var m, C, u, y;
|
|
1943
1956
|
const b = (m = l == null ? void 0 : l[0]) == null ? void 0 : m.type, w = (C = l[0]) == null ? void 0 : C.id;
|
|
1944
1957
|
if (!b || !w) return null;
|
|
1945
|
-
if (
|
|
1946
|
-
return /* @__PURE__ */ r(
|
|
1947
|
-
if (
|
|
1958
|
+
if (wo(l))
|
|
1959
|
+
return /* @__PURE__ */ r(mo, { messages: l }, w);
|
|
1960
|
+
if (uo(l)) {
|
|
1948
1961
|
const I = h === s.length - 1;
|
|
1949
1962
|
if (o && I) return null;
|
|
1950
1963
|
const S = (u = l[0]) == null ? void 0 : u.agent;
|
|
@@ -1957,7 +1970,7 @@ function yo() {
|
|
|
1957
1970
|
w
|
|
1958
1971
|
);
|
|
1959
1972
|
}
|
|
1960
|
-
if (
|
|
1973
|
+
if (fo(l)) {
|
|
1961
1974
|
const I = (y = l[0]) == null ? void 0 : y.agent;
|
|
1962
1975
|
return /* @__PURE__ */ r(
|
|
1963
1976
|
ae,
|
|
@@ -1971,18 +1984,18 @@ function yo() {
|
|
|
1971
1984
|
return null;
|
|
1972
1985
|
}),
|
|
1973
1986
|
o && i && /* @__PURE__ */ r(i, { agent: n.bot }),
|
|
1974
|
-
/* @__PURE__ */ r(
|
|
1975
|
-
/* @__PURE__ */ r(
|
|
1987
|
+
/* @__PURE__ */ r(yo, {}),
|
|
1988
|
+
/* @__PURE__ */ r(po, {})
|
|
1976
1989
|
]
|
|
1977
1990
|
}
|
|
1978
1991
|
);
|
|
1979
1992
|
}
|
|
1980
|
-
function
|
|
1993
|
+
function Co() {
|
|
1981
1994
|
const {
|
|
1982
1995
|
messagesState: { isInitialFetchLoading: e }
|
|
1983
1996
|
} = j(), {
|
|
1984
1997
|
sessionState: { session: o }
|
|
1985
|
-
} =
|
|
1998
|
+
} = $(), { isCanvasOpen: t } = eo(), { theme: n } = X();
|
|
1986
1999
|
Ce({
|
|
1987
2000
|
width: t ? n.screens.chat.withCanvas.width : n.screens.chat.width,
|
|
1988
2001
|
height: t ? n.screens.chat.withCanvas.height : n.screens.chat.height
|
|
@@ -2004,12 +2017,12 @@ function ko() {
|
|
|
2004
2017
|
// Relative to the iframe
|
|
2005
2018
|
},
|
|
2006
2019
|
children: /* @__PURE__ */ d("div", { className: "size-full justify-between flex flex-col", children: [
|
|
2007
|
-
/* @__PURE__ */ r(
|
|
2020
|
+
/* @__PURE__ */ r(Pt, {}),
|
|
2008
2021
|
/* @__PURE__ */ r(_, { mode: "wait", children: e ? /* @__PURE__ */ r(
|
|
2009
2022
|
f,
|
|
2010
2023
|
{
|
|
2011
2024
|
className: "flex flex-col items-center justify-center w-full flex-1",
|
|
2012
|
-
children: /* @__PURE__ */ r(
|
|
2025
|
+
children: /* @__PURE__ */ r(At, {})
|
|
2013
2026
|
},
|
|
2014
2027
|
"loading"
|
|
2015
2028
|
) : /* @__PURE__ */ d(
|
|
@@ -2031,8 +2044,8 @@ function ko() {
|
|
|
2031
2044
|
transitionDuration: n.screens.chat.withCanvas.transitionDuration
|
|
2032
2045
|
},
|
|
2033
2046
|
children: [
|
|
2034
|
-
/* @__PURE__ */ r(
|
|
2035
|
-
/* @__PURE__ */ r(
|
|
2047
|
+
/* @__PURE__ */ r(ko, {}),
|
|
2048
|
+
/* @__PURE__ */ r(lo, {})
|
|
2036
2049
|
]
|
|
2037
2050
|
}
|
|
2038
2051
|
),
|
|
@@ -2048,7 +2061,7 @@ function ko() {
|
|
|
2048
2061
|
transitionTimingFunction: n.screens.chat.withCanvas.transitionTimingFunction,
|
|
2049
2062
|
transitionDuration: n.screens.chat.withCanvas.transitionDuration
|
|
2050
2063
|
},
|
|
2051
|
-
children: /* @__PURE__ */ r(
|
|
2064
|
+
children: /* @__PURE__ */ r(to, {})
|
|
2052
2065
|
}
|
|
2053
2066
|
)
|
|
2054
2067
|
]
|
|
@@ -2059,7 +2072,7 @@ function ko() {
|
|
|
2059
2072
|
}
|
|
2060
2073
|
);
|
|
2061
2074
|
}
|
|
2062
|
-
function
|
|
2075
|
+
function zo({
|
|
2063
2076
|
className: e,
|
|
2064
2077
|
...o
|
|
2065
2078
|
}) {
|
|
@@ -2071,7 +2084,7 @@ function Co({
|
|
|
2071
2084
|
}
|
|
2072
2085
|
);
|
|
2073
2086
|
}
|
|
2074
|
-
function
|
|
2087
|
+
function No({ className: e }) {
|
|
2075
2088
|
return /* @__PURE__ */ r(
|
|
2076
2089
|
"svg",
|
|
2077
2090
|
{
|
|
@@ -2100,7 +2113,7 @@ function Ht({ className: e }) {
|
|
|
2100
2113
|
"flex items-center justify-center gap-2 p-2 pt-0",
|
|
2101
2114
|
e
|
|
2102
2115
|
),
|
|
2103
|
-
children: /* @__PURE__ */ r(
|
|
2116
|
+
children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ d(
|
|
2104
2117
|
"a",
|
|
2105
2118
|
{
|
|
2106
2119
|
href: `https://open.cx/?ref=${o}`,
|
|
@@ -2115,7 +2128,7 @@ function Ht({ className: e }) {
|
|
|
2115
2128
|
/* @__PURE__ */ r("span", { children: "Powered by" }),
|
|
2116
2129
|
/* @__PURE__ */ r("span", { children: " " }),
|
|
2117
2130
|
/* @__PURE__ */ d("span", { className: "flex items-center gap-[1px]", children: [
|
|
2118
|
-
/* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(
|
|
2131
|
+
/* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(No, { className: "size-3 inline-block" }) }),
|
|
2119
2132
|
/* @__PURE__ */ r("span", { className: "font-semibold", children: "open" })
|
|
2120
2133
|
] })
|
|
2121
2134
|
]
|
|
@@ -2124,14 +2137,14 @@ function Ht({ className: e }) {
|
|
|
2124
2137
|
}
|
|
2125
2138
|
);
|
|
2126
2139
|
}
|
|
2127
|
-
function
|
|
2140
|
+
function So({ children: e }) {
|
|
2128
2141
|
return /* @__PURE__ */ r("p", { className: "ps-4 text-xs text-muted-foreground/75 uppercase font-semibold tracking-tight", children: e });
|
|
2129
2142
|
}
|
|
2130
|
-
function
|
|
2143
|
+
function ct({
|
|
2131
2144
|
session: e,
|
|
2132
2145
|
className: o
|
|
2133
2146
|
}) {
|
|
2134
|
-
const { bot: t } = x(), { toChatScreen: n } =
|
|
2147
|
+
const { bot: t } = x(), { toChatScreen: n } = P(), s = e.assignee.kind === "human" ? e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", i = e.assignee.kind === "human" ? e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatar) || "";
|
|
2135
2148
|
return /* @__PURE__ */ d(
|
|
2136
2149
|
k,
|
|
2137
2150
|
{
|
|
@@ -2151,14 +2164,14 @@ function lt({
|
|
|
2151
2164
|
/* @__PURE__ */ d("div", { className: "flex-1", children: [
|
|
2152
2165
|
/* @__PURE__ */ r(_, { mode: "wait", children: /* @__PURE__ */ r(f, { snapExit: !0, children: s }, s) }),
|
|
2153
2166
|
/* @__PURE__ */ r(_, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(f, { snapExit: !0, children: /* @__PURE__ */ r(
|
|
2154
|
-
|
|
2167
|
+
Mt,
|
|
2155
2168
|
{
|
|
2156
|
-
remarkPlugins: [
|
|
2157
|
-
rehypePlugins: [
|
|
2169
|
+
remarkPlugins: [vt],
|
|
2170
|
+
rehypePlugins: [xt],
|
|
2158
2171
|
className: "line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",
|
|
2159
2172
|
children: e.lastMessage
|
|
2160
2173
|
}
|
|
2161
|
-
) }, e.lastMessage || "content") : /* @__PURE__ */ r(f, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(
|
|
2174
|
+
) }, e.lastMessage || "content") : /* @__PURE__ */ r(f, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(zo, { className: "h-4 w-full" }) }, "skeleton") })
|
|
2162
2175
|
] })
|
|
2163
2176
|
] }),
|
|
2164
2177
|
/* @__PURE__ */ r(Nr, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
|
|
@@ -2166,18 +2179,18 @@ function lt({
|
|
|
2166
2179
|
}
|
|
2167
2180
|
);
|
|
2168
2181
|
}
|
|
2169
|
-
function
|
|
2170
|
-
const { t: e } = U(), { toChatScreen: o } =
|
|
2182
|
+
function _o() {
|
|
2183
|
+
const { t: e } = U(), { toChatScreen: o } = P(), {
|
|
2171
2184
|
sessionsState: { data: t, isInitialFetchLoading: n },
|
|
2172
2185
|
openSessions: s,
|
|
2173
2186
|
closedSessions: i,
|
|
2174
2187
|
canCreateNewSession: a
|
|
2175
|
-
} =
|
|
2188
|
+
} = $();
|
|
2176
2189
|
return /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col overflow-scroll py-2 px-2", children: /* @__PURE__ */ r(_, { mode: "wait", children: n ? /* @__PURE__ */ r(
|
|
2177
2190
|
f,
|
|
2178
2191
|
{
|
|
2179
2192
|
className: "flex-1 flex items-center justify-center",
|
|
2180
|
-
children: /* @__PURE__ */ r(
|
|
2193
|
+
children: /* @__PURE__ */ r(At, {})
|
|
2181
2194
|
},
|
|
2182
2195
|
"loading"
|
|
2183
2196
|
) : /* @__PURE__ */ r(
|
|
@@ -2193,7 +2206,7 @@ function So() {
|
|
|
2193
2206
|
delay: 0.2,
|
|
2194
2207
|
className: "space-y-2",
|
|
2195
2208
|
snapExit: !0,
|
|
2196
|
-
children: s.map((c) => /* @__PURE__ */ r(
|
|
2209
|
+
children: s.map((c) => /* @__PURE__ */ r(ct, { session: c }, c.id))
|
|
2197
2210
|
},
|
|
2198
2211
|
"open-sessions"
|
|
2199
2212
|
),
|
|
@@ -2204,9 +2217,9 @@ function So() {
|
|
|
2204
2217
|
delay: 0.2,
|
|
2205
2218
|
snapExit: !0,
|
|
2206
2219
|
children: [
|
|
2207
|
-
/* @__PURE__ */ r(
|
|
2220
|
+
/* @__PURE__ */ r(So, { children: e("closed_conversations") }),
|
|
2208
2221
|
i.map((c) => /* @__PURE__ */ r(
|
|
2209
|
-
|
|
2222
|
+
ct,
|
|
2210
2223
|
{
|
|
2211
2224
|
session: c,
|
|
2212
2225
|
className: "opacity-50 hover:opacity-100"
|
|
@@ -2218,7 +2231,7 @@ function So() {
|
|
|
2218
2231
|
"closed-sessions"
|
|
2219
2232
|
)
|
|
2220
2233
|
] }),
|
|
2221
|
-
a && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */
|
|
2234
|
+
a && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ ot(
|
|
2222
2235
|
k,
|
|
2223
2236
|
{
|
|
2224
2237
|
...g("sessions/new_conversation_btn"),
|
|
@@ -2231,7 +2244,7 @@ function So() {
|
|
|
2231
2244
|
) })
|
|
2232
2245
|
] }) : /* @__PURE__ */ d("div", { className: "flex-1 flex flex-col gap-2 items-center", children: [
|
|
2233
2246
|
/* @__PURE__ */ r("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ r("p", { className: "text-muted-foreground", children: e("no_conversations_yet") }) }),
|
|
2234
|
-
/* @__PURE__ */
|
|
2247
|
+
/* @__PURE__ */ ot(
|
|
2235
2248
|
k,
|
|
2236
2249
|
{
|
|
2237
2250
|
...g("sessions/new_conversation_btn"),
|
|
@@ -2247,7 +2260,7 @@ function So() {
|
|
|
2247
2260
|
"sessions"
|
|
2248
2261
|
) }) });
|
|
2249
2262
|
}
|
|
2250
|
-
function
|
|
2263
|
+
function Io() {
|
|
2251
2264
|
const { theme: e } = X();
|
|
2252
2265
|
return Ce({
|
|
2253
2266
|
width: e.screens.sessions.width,
|
|
@@ -2268,8 +2281,8 @@ function _o() {
|
|
|
2268
2281
|
// Relative to the iframe
|
|
2269
2282
|
},
|
|
2270
2283
|
children: /* @__PURE__ */ d("div", { className: "size-full flex flex-col", children: [
|
|
2271
|
-
/* @__PURE__ */ r(
|
|
2272
|
-
/* @__PURE__ */ r(
|
|
2284
|
+
/* @__PURE__ */ r(Pt, {}),
|
|
2285
|
+
/* @__PURE__ */ r(_o, {}),
|
|
2273
2286
|
/* @__PURE__ */ r(Ht, {})
|
|
2274
2287
|
] })
|
|
2275
2288
|
}
|
|
@@ -2277,8 +2290,8 @@ function _o() {
|
|
|
2277
2290
|
}
|
|
2278
2291
|
const ie = G.forwardRef(
|
|
2279
2292
|
({ className: e, type: o, ...t }, n) => {
|
|
2280
|
-
const { isSmallScreen: s } =
|
|
2281
|
-
return /* @__PURE__ */ r(
|
|
2293
|
+
const { isSmallScreen: s } = A();
|
|
2294
|
+
return /* @__PURE__ */ r(B, { ref: n, children: /* @__PURE__ */ r(
|
|
2282
2295
|
"input",
|
|
2283
2296
|
{
|
|
2284
2297
|
type: o,
|
|
@@ -2296,7 +2309,7 @@ const ie = G.forwardRef(
|
|
|
2296
2309
|
}
|
|
2297
2310
|
);
|
|
2298
2311
|
ie.displayName = "Input";
|
|
2299
|
-
function
|
|
2312
|
+
function To() {
|
|
2300
2313
|
const { contentIframeRef: e } = R(), { inline: o } = x(), t = ce(null);
|
|
2301
2314
|
return re(() => {
|
|
2302
2315
|
const n = e == null ? void 0 : e.current;
|
|
@@ -2318,15 +2331,15 @@ function Io() {
|
|
|
2318
2331
|
}
|
|
2319
2332
|
}, [e, o]), { observedElementRef: t };
|
|
2320
2333
|
}
|
|
2321
|
-
const
|
|
2334
|
+
const Mo = he.object({
|
|
2322
2335
|
name: he.string().min(2),
|
|
2323
2336
|
email: he.string().email()
|
|
2324
2337
|
});
|
|
2325
|
-
function
|
|
2326
|
-
var S, M,
|
|
2338
|
+
function Do() {
|
|
2339
|
+
var S, M, F, H, W, E, v, z;
|
|
2327
2340
|
const {
|
|
2328
2341
|
widgetCtx: { org: e }
|
|
2329
|
-
} = R(), { setIsOpen: o } = K(), { createUnverifiedContact: t } = Xt(), { isSmallScreen: n } =
|
|
2342
|
+
} = R(), { setIsOpen: o } = K(), { createUnverifiedContact: t } = Xt(), { isSmallScreen: n } = A(), s = x(), { theme: i } = X(), { t: a } = U(), { observedElementRef: c } = To();
|
|
2330
2343
|
Ce({
|
|
2331
2344
|
height: void 0,
|
|
2332
2345
|
width: i.screens.welcome.width
|
|
@@ -2336,7 +2349,7 @@ function Mo() {
|
|
|
2336
2349
|
), [C, u] = T({}), [y, I] = Rr(
|
|
2337
2350
|
async (N) => {
|
|
2338
2351
|
N.preventDefault();
|
|
2339
|
-
const L =
|
|
2352
|
+
const L = Mo.safeParse({ name: l, email: b });
|
|
2340
2353
|
L.success && await t(
|
|
2341
2354
|
{
|
|
2342
2355
|
email: L.data.email,
|
|
@@ -2382,16 +2395,16 @@ function Mo() {
|
|
|
2382
2395
|
),
|
|
2383
2396
|
children: [
|
|
2384
2397
|
n && /* @__PURE__ */ r(f, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(k, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(ve, { className: "size-4" }) }) }),
|
|
2385
|
-
/* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (
|
|
2398
|
+
/* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (F = s.assets) != null && F.organizationLogo ? /* @__PURE__ */ r(
|
|
2386
2399
|
"img",
|
|
2387
2400
|
{
|
|
2388
|
-
src: (
|
|
2401
|
+
src: (H = s.assets) == null ? void 0 : H.organizationLogo,
|
|
2389
2402
|
alt: "Company Logo",
|
|
2390
2403
|
className: "h-8 w-auto object-contain"
|
|
2391
2404
|
}
|
|
2392
2405
|
) : /* @__PURE__ */ r("h2", { className: "font-bold text-sm", children: e.name }) }),
|
|
2393
2406
|
/* @__PURE__ */ d("div", { className: "space-y-2", children: [
|
|
2394
|
-
/* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((E = (
|
|
2407
|
+
/* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((E = (W = s.textContent) == null ? void 0 : W.welcomeScreen) == null ? void 0 : E.title) || a("welcome_screen_title") }),
|
|
2395
2408
|
/* @__PURE__ */ r("p", { className: "text-sm", children: ((z = (v = s.textContent) == null ? void 0 : v.welcomeScreen) == null ? void 0 : z.description) || a("welcome_screen_description") })
|
|
2396
2409
|
] })
|
|
2397
2410
|
]
|
|
@@ -2467,7 +2480,7 @@ function Mo() {
|
|
|
2467
2480
|
function Wt() {
|
|
2468
2481
|
const {
|
|
2469
2482
|
routerState: { screen: e }
|
|
2470
|
-
} =
|
|
2483
|
+
} = P();
|
|
2471
2484
|
return /* @__PURE__ */ r("div", { className: "relative bg-background size-full", children: /* @__PURE__ */ r(_, { mode: "wait", children: (() => {
|
|
2472
2485
|
switch (e) {
|
|
2473
2486
|
case "welcome":
|
|
@@ -2477,7 +2490,7 @@ function Wt() {
|
|
|
2477
2490
|
fadeIn: "right",
|
|
2478
2491
|
className: "size-full",
|
|
2479
2492
|
snapExit: !0,
|
|
2480
|
-
children: /* @__PURE__ */ r(
|
|
2493
|
+
children: /* @__PURE__ */ r(Do, {})
|
|
2481
2494
|
},
|
|
2482
2495
|
e
|
|
2483
2496
|
);
|
|
@@ -2488,7 +2501,7 @@ function Wt() {
|
|
|
2488
2501
|
fadeIn: "right",
|
|
2489
2502
|
className: "size-full",
|
|
2490
2503
|
snapExit: !0,
|
|
2491
|
-
children: /* @__PURE__ */ r(
|
|
2504
|
+
children: /* @__PURE__ */ r(Io, {})
|
|
2492
2505
|
},
|
|
2493
2506
|
e
|
|
2494
2507
|
);
|
|
@@ -2499,7 +2512,7 @@ function Wt() {
|
|
|
2499
2512
|
fadeIn: "right",
|
|
2500
2513
|
className: "size-full",
|
|
2501
2514
|
snapExit: !0,
|
|
2502
|
-
children: /* @__PURE__ */ r(
|
|
2515
|
+
children: /* @__PURE__ */ r(Co, {})
|
|
2503
2516
|
},
|
|
2504
2517
|
e
|
|
2505
2518
|
);
|
|
@@ -2508,11 +2521,11 @@ function Wt() {
|
|
|
2508
2521
|
}
|
|
2509
2522
|
})() }) });
|
|
2510
2523
|
}
|
|
2511
|
-
const
|
|
2524
|
+
const Ro = "4.0.30", jo = `<!DOCTYPE html>
|
|
2512
2525
|
<html>
|
|
2513
2526
|
<head>
|
|
2514
2527
|
<style>
|
|
2515
|
-
${
|
|
2528
|
+
${Dt}
|
|
2516
2529
|
html, body {
|
|
2517
2530
|
height: 100%;
|
|
2518
2531
|
width: 100%;
|
|
@@ -2526,7 +2539,7 @@ html, body {
|
|
|
2526
2539
|
<body>
|
|
2527
2540
|
</body>
|
|
2528
2541
|
</html>`;
|
|
2529
|
-
function
|
|
2542
|
+
function Bt() {
|
|
2530
2543
|
const { isOpen: e } = K(), { contentIframeRef: o } = R(), { cssOverrides: t, inline: n } = x(), { theme: s, cssVars: i, computed: a } = X(), { dir: c } = U();
|
|
2531
2544
|
return /* @__PURE__ */ r(
|
|
2532
2545
|
Z.div,
|
|
@@ -2548,10 +2561,10 @@ function $t() {
|
|
|
2548
2561
|
}
|
|
2549
2562
|
},
|
|
2550
2563
|
children: /* @__PURE__ */ d(
|
|
2551
|
-
|
|
2564
|
+
bt,
|
|
2552
2565
|
{
|
|
2553
2566
|
ref: o,
|
|
2554
|
-
initialContent:
|
|
2567
|
+
initialContent: jo,
|
|
2555
2568
|
allowFullScreen: !0,
|
|
2556
2569
|
title: "OpenCX Live Chat",
|
|
2557
2570
|
style: {
|
|
@@ -2588,7 +2601,7 @@ function $t() {
|
|
|
2588
2601
|
...i,
|
|
2589
2602
|
zIndex: s.widgetContentContainer.zIndex
|
|
2590
2603
|
},
|
|
2591
|
-
"data-version":
|
|
2604
|
+
"data-version": Ro,
|
|
2592
2605
|
className: p(
|
|
2593
2606
|
"antialiased font-sans size-full overflow-hidden relative text-secondary-foreground isolate"
|
|
2594
2607
|
),
|
|
@@ -2609,7 +2622,7 @@ function $t() {
|
|
|
2609
2622
|
}
|
|
2610
2623
|
);
|
|
2611
2624
|
}
|
|
2612
|
-
function
|
|
2625
|
+
function Eo() {
|
|
2613
2626
|
const { theme: e } = X();
|
|
2614
2627
|
return /* @__PURE__ */ r(
|
|
2615
2628
|
le.Content,
|
|
@@ -2625,11 +2638,11 @@ function jo() {
|
|
|
2625
2638
|
sideOffset: e.widgetContentContainer.offset.side,
|
|
2626
2639
|
alignOffset: e.widgetContentContainer.offset.align,
|
|
2627
2640
|
avoidCollisions: !1,
|
|
2628
|
-
children: /* @__PURE__ */ r(
|
|
2641
|
+
children: /* @__PURE__ */ r(Bt, {})
|
|
2629
2642
|
}
|
|
2630
2643
|
);
|
|
2631
2644
|
}
|
|
2632
|
-
function
|
|
2645
|
+
function Oo({
|
|
2633
2646
|
className: e,
|
|
2634
2647
|
style: o
|
|
2635
2648
|
}) {
|
|
@@ -2664,11 +2677,11 @@ function Eo({
|
|
|
2664
2677
|
}
|
|
2665
2678
|
);
|
|
2666
2679
|
}
|
|
2667
|
-
const
|
|
2680
|
+
const Po = `<!DOCTYPE html>
|
|
2668
2681
|
<html>
|
|
2669
2682
|
<head>
|
|
2670
2683
|
<style>
|
|
2671
|
-
${
|
|
2684
|
+
${Dt}
|
|
2672
2685
|
html, body {
|
|
2673
2686
|
height: 100%;
|
|
2674
2687
|
width: 100%;
|
|
@@ -2681,13 +2694,13 @@ html, body {
|
|
|
2681
2694
|
<body>
|
|
2682
2695
|
</body>
|
|
2683
2696
|
</html>`;
|
|
2684
|
-
function
|
|
2697
|
+
function Ao() {
|
|
2685
2698
|
var i, a;
|
|
2686
2699
|
const { isOpen: e } = K(), { cssOverrides: o, assets: t } = x(), { theme: n, cssVars: s } = X();
|
|
2687
2700
|
return /* @__PURE__ */ d(
|
|
2688
|
-
|
|
2701
|
+
bt,
|
|
2689
2702
|
{
|
|
2690
|
-
initialContent:
|
|
2703
|
+
initialContent: Po,
|
|
2691
2704
|
style: {
|
|
2692
2705
|
height: `calc(${n.widgetTrigger.size.button}px + ${V.x * 2}px)`,
|
|
2693
2706
|
width: `calc(${n.widgetTrigger.size.button}px + ${V.y * 2}px)`,
|
|
@@ -2726,7 +2739,7 @@ function Po() {
|
|
|
2726
2739
|
height: n.widgetTrigger.size.button,
|
|
2727
2740
|
width: n.widgetTrigger.size.button
|
|
2728
2741
|
},
|
|
2729
|
-
children: /* @__PURE__ */ r(
|
|
2742
|
+
children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(
|
|
2730
2743
|
"div",
|
|
2731
2744
|
{
|
|
2732
2745
|
...g("trigger/btn"),
|
|
@@ -2787,7 +2800,7 @@ function Po() {
|
|
|
2787
2800
|
}
|
|
2788
2801
|
}
|
|
2789
2802
|
) : /* @__PURE__ */ r(
|
|
2790
|
-
|
|
2803
|
+
Oo,
|
|
2791
2804
|
{
|
|
2792
2805
|
style: {
|
|
2793
2806
|
width: n.widgetTrigger.size.icon,
|
|
@@ -2809,7 +2822,7 @@ function Po() {
|
|
|
2809
2822
|
}
|
|
2810
2823
|
);
|
|
2811
2824
|
}
|
|
2812
|
-
function
|
|
2825
|
+
function Fo() {
|
|
2813
2826
|
const { dir: e } = fe();
|
|
2814
2827
|
return /* @__PURE__ */ r(
|
|
2815
2828
|
le.Anchor,
|
|
@@ -2823,22 +2836,22 @@ function Ao() {
|
|
|
2823
2836
|
}
|
|
2824
2837
|
);
|
|
2825
2838
|
}
|
|
2826
|
-
function
|
|
2839
|
+
function Ho() {
|
|
2827
2840
|
const { isOpen: e, setIsOpen: o } = K();
|
|
2828
2841
|
return /* @__PURE__ */ d(le.Root, { open: e, onOpenChange: o, children: [
|
|
2842
|
+
/* @__PURE__ */ r(Fo, {}),
|
|
2829
2843
|
/* @__PURE__ */ r(Ao, {}),
|
|
2830
|
-
/* @__PURE__ */ r(
|
|
2831
|
-
/* @__PURE__ */ r(jo, {})
|
|
2844
|
+
/* @__PURE__ */ r(Eo, {})
|
|
2832
2845
|
] });
|
|
2833
2846
|
}
|
|
2834
|
-
const
|
|
2847
|
+
const Wo = [
|
|
2835
2848
|
{
|
|
2836
2849
|
key: "loading",
|
|
2837
2850
|
component: Lr
|
|
2838
2851
|
},
|
|
2839
2852
|
{
|
|
2840
2853
|
key: "fallback",
|
|
2841
|
-
component:
|
|
2854
|
+
component: $r
|
|
2842
2855
|
},
|
|
2843
2856
|
{
|
|
2844
2857
|
key: "bot_message",
|
|
@@ -2848,7 +2861,7 @@ const Ho = [
|
|
|
2848
2861
|
key: "agent_message",
|
|
2849
2862
|
component: me
|
|
2850
2863
|
}
|
|
2851
|
-
],
|
|
2864
|
+
], Bo = {
|
|
2852
2865
|
get: async (e) => localStorage.getItem(e),
|
|
2853
2866
|
set: async (e, o) => {
|
|
2854
2867
|
localStorage.setItem(e, o);
|
|
@@ -2857,7 +2870,7 @@ const Ho = [
|
|
|
2857
2870
|
localStorage.removeItem(e);
|
|
2858
2871
|
}
|
|
2859
2872
|
};
|
|
2860
|
-
function
|
|
2873
|
+
function an({
|
|
2861
2874
|
options: e,
|
|
2862
2875
|
components: o = [],
|
|
2863
2876
|
loadingComponent: t
|
|
@@ -2865,15 +2878,15 @@ function sn({
|
|
|
2865
2878
|
return /* @__PURE__ */ r(
|
|
2866
2879
|
Ut,
|
|
2867
2880
|
{
|
|
2868
|
-
components: [...
|
|
2881
|
+
components: [...Wo, ...o],
|
|
2869
2882
|
options: e,
|
|
2870
|
-
storage:
|
|
2883
|
+
storage: Bo,
|
|
2871
2884
|
loadingComponent: t,
|
|
2872
|
-
children: /* @__PURE__ */ r(Vt, { children: e.inline ? /* @__PURE__ */ r(
|
|
2885
|
+
children: /* @__PURE__ */ r(Vt, { children: e.inline ? /* @__PURE__ */ r(Bt, {}) : /* @__PURE__ */ r(Ho, {}) })
|
|
2873
2886
|
}
|
|
2874
2887
|
);
|
|
2875
2888
|
}
|
|
2876
2889
|
export {
|
|
2877
|
-
|
|
2890
|
+
an as Widget
|
|
2878
2891
|
};
|
|
2879
2892
|
//# sourceMappingURL=index.js.map
|