@opencx/widget-react 4.0.62 → 4.0.63
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 +4 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +166 -153
- package/dist/index.js.map +1 -1
- package/dist/src/hooks/useInitialQuestionRequired.d.ts +3 -0
- package/dist/src/hooks/useInitialQuestionRequired.d.ts.map +1 -0
- package/dist/src/screens/chat/ChatFooter.d.ts.map +1 -1
- package/dist/src/screens/chat/__tests__/initial-questions.spec.d.ts +2 -0
- package/dist/src/screens/chat/__tests__/initial-questions.spec.d.ts.map +1 -0
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as r, jsxs as d, Fragment as J } from "react/jsx-runtime";
|
|
|
2
2
|
import * as me from "@radix-ui/react-popover";
|
|
3
3
|
import * as ee from "react";
|
|
4
4
|
import L, { memo as cr, forwardRef as Tt, useState as P, cloneElement as Mt, createContext as dr, useEffect as se, useContext as pr, useRef as U, useCallback as Z, useMemo as Dt, createElement as gt } from "react";
|
|
5
|
-
import { useWidget as
|
|
5
|
+
import { useWidget as A, useConfig as C, useSessions as $, useMessages as O, useWidgetRouter as H, useDocumentDir as ze, useWidgetTrigger as K, useModes as Et, useCsat as Rt, useUploadFiles as mr, useIsAwaitingBotReply as Pt, useContact as jt, WidgetProvider as hr, WidgetTriggerProvider as ur } from "@opencx/widget-react-headless";
|
|
6
6
|
import { X as gr, ZoomOut as wr, ZoomIn as fr, RotateCcw as xr, FileText as Ot, FileSpreadsheet as At, CircleDashedIcon as vr, XIcon as Ne, SquareXIcon as br, SquareCheckBigIcon as yr, SquareCheckIcon as kr, ShrinkIcon as Cr, Minimize2Icon as zr, MinimizeIcon as Nr, Maximize2Icon as Sr, MaximizeIcon as _r, ExpandIcon as Ir, CircleXIcon as Tr, CircleCheckBigIcon as Mr, CircleCheckIcon as Ft, CheckCheckIcon as Dr, CheckIcon as Er, ChevronLeftIcon as Rr, LoaderIcon as Pr, ArrowUpIcon as Ht, PaperclipIcon as wt, CircleDashed as jr, AlertCircle as Or, Loader2 as Ar, FileAudio2Icon as Fr, FileVideo2Icon as Hr, FileIcon as Wr, UserRoundIcon as Lr, ChevronRightIcon as $r, SendHorizontal as Br, ChevronDownIcon as Ur } from "lucide-react";
|
|
7
7
|
import { clsx as Yr } from "clsx";
|
|
8
8
|
import { twMerge as Xr } from "tailwind-merge";
|
|
@@ -71,7 +71,7 @@ const Q = {
|
|
|
71
71
|
)) return e;
|
|
72
72
|
const h = (v) => {
|
|
73
73
|
var R, g;
|
|
74
|
-
const { clientX:
|
|
74
|
+
const { clientX: z, clientY: M } = v, b = v.currentTarget.getBoundingClientRect(), S = z - (b.left + b.width / 2), I = M - (b.top + b.height / 2), E = Math.max(
|
|
75
75
|
-1,
|
|
76
76
|
Math.min(1, S / (b.width / 2))
|
|
77
77
|
), f = Math.max(
|
|
@@ -80,11 +80,11 @@ const Q = {
|
|
|
80
80
|
), D = E * Q.x, j = f * Q.y;
|
|
81
81
|
c({ x: D, y: j }), (g = (R = e.props).onMouseMove) == null || g.call(R, v);
|
|
82
82
|
}, k = () => {
|
|
83
|
-
var v,
|
|
84
|
-
a(!0), (
|
|
83
|
+
var v, z;
|
|
84
|
+
a(!0), (z = (v = e.props).onMouseEnter) == null || z.call(v);
|
|
85
85
|
}, w = () => {
|
|
86
|
-
var v,
|
|
87
|
-
a(!1), c({ x: 0, y: 0 }), (
|
|
86
|
+
var v, z;
|
|
87
|
+
a(!1), c({ x: 0, y: 0 }), (z = (v = e.props).onMouseLeave) == null || z.call(v);
|
|
88
88
|
}, u = {
|
|
89
89
|
"--wobble-x": i ? `${l.x}px` : "0px",
|
|
90
90
|
"--wobble-y": i ? `${l.y}px` : "0px",
|
|
@@ -231,7 +231,7 @@ function he() {
|
|
|
231
231
|
});
|
|
232
232
|
}
|
|
233
233
|
function io() {
|
|
234
|
-
const { contentIframeRef: e } =
|
|
234
|
+
const { contentIframeRef: e } = A(), { isOpen: o, content: t, close: n } = he();
|
|
235
235
|
return se(() => {
|
|
236
236
|
var i, a;
|
|
237
237
|
const s = (l) => {
|
|
@@ -372,7 +372,7 @@ function qt({
|
|
|
372
372
|
}) {
|
|
373
373
|
const [t, n] = P(1), [s, i] = P({ x: 0, y: 0 }), [a, l] = P(!1), c = U({ x: 0, y: 0 }), m = U({ x: 0, y: 0 }), h = U(null), k = U(null), w = U(!1), u = (f) => Math.min(yt, Math.max(bt, f)), v = Z(() => {
|
|
374
374
|
n(1), i({ x: 0, y: 0 });
|
|
375
|
-
}, []),
|
|
375
|
+
}, []), z = Z(() => {
|
|
376
376
|
n((f) => u(f + le));
|
|
377
377
|
}, []), M = Z(() => {
|
|
378
378
|
n((f) => {
|
|
@@ -457,7 +457,7 @@ function qt({
|
|
|
457
457
|
Math.round(t * 100),
|
|
458
458
|
"%"
|
|
459
459
|
] }),
|
|
460
|
-
/* @__PURE__ */ r(xe, { onClick:
|
|
460
|
+
/* @__PURE__ */ r(xe, { onClick: z, label: "Zoom in", disabled: t >= yt, children: /* @__PURE__ */ r(fr, { className: "size-3.5" }) }),
|
|
461
461
|
E && /* @__PURE__ */ d(J, { children: [
|
|
462
462
|
/* @__PURE__ */ r("div", { className: "w-px h-4 bg-white/30 mx-0.5" }),
|
|
463
463
|
/* @__PURE__ */ r(xe, { onClick: v, label: "Reset zoom", children: /* @__PURE__ */ r(xr, { className: "size-3.5" }) })
|
|
@@ -614,7 +614,7 @@ function Me({
|
|
|
614
614
|
messageType: o,
|
|
615
615
|
messageId: t
|
|
616
616
|
}) {
|
|
617
|
-
const { anchorTarget: n } =
|
|
617
|
+
const { anchorTarget: n } = C();
|
|
618
618
|
return /* @__PURE__ */ r(
|
|
619
619
|
Gt,
|
|
620
620
|
{
|
|
@@ -654,11 +654,11 @@ function Me({
|
|
|
654
654
|
function X() {
|
|
655
655
|
const {
|
|
656
656
|
widgetCtx: { org: e }
|
|
657
|
-
} =
|
|
657
|
+
} = A(), {
|
|
658
658
|
sessionState: { session: o }
|
|
659
|
-
} = $(), t =
|
|
659
|
+
} = $(), t = C(), {
|
|
660
660
|
messagesState: { messages: n }
|
|
661
|
-
} =
|
|
661
|
+
} = O(), {
|
|
662
662
|
routerState: { screen: s }
|
|
663
663
|
} = H();
|
|
664
664
|
return {
|
|
@@ -808,7 +808,7 @@ function ho({ agent: e }) {
|
|
|
808
808
|
}
|
|
809
809
|
) });
|
|
810
810
|
}
|
|
811
|
-
const Zt = '*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.\\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.end-6{inset-inline-end:1.5rem}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.right-4{right:1rem}.top-2{top:.5rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-0\\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.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-2{width:.5rem;height:.5rem}.size-3{width:.75rem;height:.75rem}.size-3\\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-0{height:0px}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-dvh{height:100dvh}.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-dvw{width:100dvw}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-80{min-width:20rem}.min-w-\\[3ch\\]{min-width:3ch}.min-w-\\[8rem\\]{min-width:8rem}.max-w-96{max-width:24rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-\\[min\\(100\\%\\,16rem\\)\\]{max-width:min(100%,16rem)}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\\[2\\]{flex:2}.shrink-0{flex-shrink:0}.-translate-x-1\\/2,.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-background\\/80{background-color:hsl(var(--opencx-background) / .8)}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-destructive\\/15{background-color:hsl(var(--opencx-destructive) / .15)}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\\/30{background-color:#ffffff4d}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pe-2{padding-inline-end:.5rem}.pe-4{padding-inline-end:1rem}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[16px\\]{font-size:16px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\\/80{color:#fffc}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[height\\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in{--tw-enter-scale: 0}.zoom-in-95{--tw-enter-scale: .95}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-accent\\/60:hover{background-color:hsl(var(--opencx-accent) / .6)}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:bg-white\\/15:hover{background-color:#ffffff26}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-white\\/30:disabled{color:#ffffff4d}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:hover\\:bg-transparent:hover:disabled{background-color:transparent}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', uo = ae.Provider, go = ae.Root, wo = ae.Trigger, Kt = ee.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
|
|
811
|
+
const Zt = '*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.\\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.end-6{inset-inline-end:1.5rem}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.right-4{right:1rem}.top-2{top:.5rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-0\\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.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-2{width:.5rem;height:.5rem}.size-3{width:.75rem;height:.75rem}.size-3\\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-0{height:0px}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.max-h-16{max-height:4rem}.max-h-40{max-height:10rem}.max-h-full{max-height:100%}.min-h-12{min-height:3rem}.w-0{width:0px}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\\/5{width:40%}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5\\/6{width:83.333333%}.w-60{width:15rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-80{min-width:20rem}.min-w-\\[3ch\\]{min-width:3ch}.min-w-\\[8rem\\]{min-width:8rem}.max-w-96{max-width:24rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-\\[min\\(100\\%\\,16rem\\)\\]{max-width:min(100%,16rem)}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\\/2,.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-background\\/80{background-color:hsl(var(--opencx-background) / .8)}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-destructive\\/15{background-color:hsl(var(--opencx-destructive) / .15)}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\\/30{background-color:#ffffff4d}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pe-2{padding-inline-end:.5rem}.pe-4{padding-inline-end:1rem}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[16px\\]{font-size:16px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\\/80{color:#fffc}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[height\\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in{--tw-enter-scale: 0}.zoom-in-95{--tw-enter-scale: .95}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-accent\\/60:hover{background-color:hsl(var(--opencx-accent) / .6)}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:bg-white\\/15:hover{background-color:#ffffff26}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-white\\/30:disabled{color:#ffffff4d}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:hover\\:bg-transparent:hover:disabled{background-color:transparent}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', uo = ae.Provider, go = ae.Root, wo = ae.Trigger, Kt = ee.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
|
|
812
812
|
ae.Content,
|
|
813
813
|
{
|
|
814
814
|
ref: n,
|
|
@@ -827,7 +827,7 @@ function oe({
|
|
|
827
827
|
side: t,
|
|
828
828
|
align: n
|
|
829
829
|
}) {
|
|
830
|
-
const { disableTooltips: s } =
|
|
830
|
+
const { disableTooltips: s } = C();
|
|
831
831
|
return !o || s ? e : /* @__PURE__ */ d(go, { children: [
|
|
832
832
|
/* @__PURE__ */ r(wo, { asChild: !0, children: e }),
|
|
833
833
|
/* @__PURE__ */ r(
|
|
@@ -863,11 +863,11 @@ const ce = {
|
|
|
863
863
|
transitionDuration: "1000ms"
|
|
864
864
|
};
|
|
865
865
|
function V() {
|
|
866
|
-
var w, u, v,
|
|
867
|
-
const { dir: e } = ze(), { isSmallScreen: o } = B(), { theme: t, inline: n } =
|
|
866
|
+
var w, u, v, z, M, b, S, I, E, f, D, j, R, g, T, ie, Ae, Fe, He, We, Le, $e, Be, Ue, Ye, Xe, qe, Ve, Ge, Ze, Ke, Qe, Je, et, tt, rt, ot, nt, st, at, it, lt, ct, dt, pt, mt, ht, ut;
|
|
867
|
+
const { dir: e } = ze(), { isSmallScreen: o } = B(), { theme: t, inline: n } = C(), s = (q) => n ? "100%" : q, i = (q, we) => o ? `100dv${q}` : we, a = (q, we) => s(i(q, we)), l = fo((w = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : w.offset, e), c = {
|
|
868
868
|
zIndex: ((u = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : u.zIndex) ?? 1e7,
|
|
869
869
|
offset: {
|
|
870
|
-
bottom: ((
|
|
870
|
+
bottom: ((z = (v = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : v.offset) == null ? void 0 : z.bottom) ?? 20,
|
|
871
871
|
right: ((b = (M = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : M.offset) == null ? void 0 : b.right) ?? (l === "right" ? 20 : "initial"),
|
|
872
872
|
left: ((I = (S = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : S.offset) == null ? void 0 : I.left) ?? (l === "left" ? 20 : "initial")
|
|
873
873
|
},
|
|
@@ -1062,7 +1062,7 @@ function Qt(e) {
|
|
|
1062
1062
|
}
|
|
1063
1063
|
}
|
|
1064
1064
|
function Jt() {
|
|
1065
|
-
const { contentIframeRef: e } =
|
|
1065
|
+
const { contentIframeRef: e } = A(), { inline: o } = C();
|
|
1066
1066
|
return {
|
|
1067
1067
|
setWidth: (t) => {
|
|
1068
1068
|
var n;
|
|
@@ -1147,9 +1147,9 @@ function bo({ fallback: e }) {
|
|
|
1147
1147
|
function je() {
|
|
1148
1148
|
const {
|
|
1149
1149
|
widgetCtx: { org: e }
|
|
1150
|
-
} =
|
|
1150
|
+
} = A(), {
|
|
1151
1151
|
routerState: { screen: o }
|
|
1152
|
-
} = H(), { textContent: t } =
|
|
1152
|
+
} = H(), { textContent: t } = C();
|
|
1153
1153
|
return (() => {
|
|
1154
1154
|
var s, i;
|
|
1155
1155
|
switch (o) {
|
|
@@ -1179,7 +1179,7 @@ function yo(e) {
|
|
|
1179
1179
|
}
|
|
1180
1180
|
}
|
|
1181
1181
|
function ko() {
|
|
1182
|
-
const { router: e } =
|
|
1182
|
+
const { router: e } = C(), {
|
|
1183
1183
|
routerState: { screen: o },
|
|
1184
1184
|
toSessionsScreen: t
|
|
1185
1185
|
} = H();
|
|
@@ -1264,7 +1264,7 @@ function er({
|
|
|
1264
1264
|
button: e
|
|
1265
1265
|
}) {
|
|
1266
1266
|
var M, b;
|
|
1267
|
-
const { close: o } = he(), { widgetCtx: t } =
|
|
1267
|
+
const { close: o } = he(), { widgetCtx: t } = A(), { setIsOpen: n } = K(), { resolveSession: s, sessionState: i } = $(), { isSmallScreen: a } = B(), l = X(), c = !i.session, m = ((M = i.session) == null ? void 0 : M.isOpened) === !1, h = e.onResolved || "stay-in-chat", k = e.behaviorBeforeSessionCreation || "disabled", w = e.behaviorIfSessionIsResolved || "disabled", u = !!(i.isResolvingSession || c && k === "disabled" || m && w === "disabled"), v = async () => {
|
|
1268
1268
|
const { success: S, error: I } = await s();
|
|
1269
1269
|
if (o(), !S)
|
|
1270
1270
|
return console.error(I), !1;
|
|
@@ -1285,7 +1285,7 @@ function er({
|
|
|
1285
1285
|
break;
|
|
1286
1286
|
}
|
|
1287
1287
|
return !0;
|
|
1288
|
-
},
|
|
1288
|
+
}, z = () => {
|
|
1289
1289
|
if (c)
|
|
1290
1290
|
switch (k) {
|
|
1291
1291
|
case "disabled":
|
|
@@ -1296,7 +1296,7 @@ function er({
|
|
|
1296
1296
|
default:
|
|
1297
1297
|
F(
|
|
1298
1298
|
k,
|
|
1299
|
-
|
|
1299
|
+
z.name
|
|
1300
1300
|
);
|
|
1301
1301
|
}
|
|
1302
1302
|
if (m)
|
|
@@ -1317,7 +1317,7 @@ function er({
|
|
|
1317
1317
|
default:
|
|
1318
1318
|
F(
|
|
1319
1319
|
w,
|
|
1320
|
-
|
|
1320
|
+
z.name
|
|
1321
1321
|
);
|
|
1322
1322
|
}
|
|
1323
1323
|
};
|
|
@@ -1374,7 +1374,7 @@ function er({
|
|
|
1374
1374
|
className: "rounded-full",
|
|
1375
1375
|
onClick: () => {
|
|
1376
1376
|
var S;
|
|
1377
|
-
m || c ?
|
|
1377
|
+
m || c ? z() : v(), (S = e.onClicked) == null || S.call(e, l);
|
|
1378
1378
|
},
|
|
1379
1379
|
disabled: u,
|
|
1380
1380
|
children: /* @__PURE__ */ r(ne, { name: e.icon })
|
|
@@ -1401,7 +1401,7 @@ const zo = {
|
|
|
1401
1401
|
function No() {
|
|
1402
1402
|
const {
|
|
1403
1403
|
routerState: { screen: e }
|
|
1404
|
-
} = H(), { headerButtons: o } =
|
|
1404
|
+
} = H(), { headerButtons: o } = C(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
|
|
1405
1405
|
return !t || t.length === 0 ? /* @__PURE__ */ r(Ce, { button: zo }) : /* @__PURE__ */ r(J, { children: t.map((n) => /* @__PURE__ */ r(
|
|
1406
1406
|
Ce,
|
|
1407
1407
|
{
|
|
@@ -1443,13 +1443,13 @@ function rr({ className: e }) {
|
|
|
1443
1443
|
function So() {
|
|
1444
1444
|
const {
|
|
1445
1445
|
messagesState: { isInitialFetchLoading: e }
|
|
1446
|
-
} =
|
|
1446
|
+
} = O(), { isSmallScreen: o } = B(), { activeMode: t, Component: n } = Et();
|
|
1447
1447
|
return {
|
|
1448
1448
|
isCanvasOpen: !e && !o && !!t && !!n
|
|
1449
1449
|
};
|
|
1450
1450
|
}
|
|
1451
1451
|
function _o() {
|
|
1452
|
-
const e = X(), { activeMode: o, Component: t } = Et(), { sendMessage: n } =
|
|
1452
|
+
const e = X(), { activeMode: o, Component: t } = Et(), { sendMessage: n } = O(), { createStateCheckpoint: s } = $(), [i, a] = P(!1), l = async (c) => {
|
|
1453
1453
|
try {
|
|
1454
1454
|
a(!0), await n(c);
|
|
1455
1455
|
} catch (m) {
|
|
@@ -1470,7 +1470,7 @@ function _o() {
|
|
|
1470
1470
|
);
|
|
1471
1471
|
}
|
|
1472
1472
|
function G() {
|
|
1473
|
-
const { dir: e } = ze(), o =
|
|
1473
|
+
const { dir: e } = ze(), o = C();
|
|
1474
1474
|
return Dt(() => {
|
|
1475
1475
|
const t = Gr(o.language) ? o.language : "en";
|
|
1476
1476
|
return {
|
|
@@ -1624,7 +1624,7 @@ function Oe({
|
|
|
1624
1624
|
className: o,
|
|
1625
1625
|
...t
|
|
1626
1626
|
}) {
|
|
1627
|
-
const { sendMessage: n } =
|
|
1627
|
+
const { sendMessage: n } = O(), s = () => {
|
|
1628
1628
|
const i = e.trim();
|
|
1629
1629
|
i && n({ content: i });
|
|
1630
1630
|
};
|
|
@@ -1658,11 +1658,15 @@ function Mo() {
|
|
|
1658
1658
|
}
|
|
1659
1659
|
);
|
|
1660
1660
|
}
|
|
1661
|
+
function Do() {
|
|
1662
|
+
const { requireInitialQuestion: e, initialQuestions: o } = C(), { messagesState: t } = O();
|
|
1663
|
+
return e === !0 && t.messages.length === 0 && (o == null ? void 0 : o.some((n) => n.trim().length > 0)) === !0;
|
|
1664
|
+
}
|
|
1661
1665
|
function Nt() {
|
|
1662
|
-
const { sessionState: e } = $(), { chatFooterItems: o } =
|
|
1666
|
+
const { sessionState: e } = $(), { chatFooterItems: o } = C(), t = !!e.session && !e.session.isOpened, n = !t;
|
|
1663
1667
|
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(W, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(Me, { children: s.message }) }) }, `${s.message}-${i}`)) });
|
|
1664
1668
|
}
|
|
1665
|
-
function
|
|
1669
|
+
function Eo({
|
|
1666
1670
|
file: { status: e, file: o, error: t },
|
|
1667
1671
|
onCancel: n
|
|
1668
1672
|
}) {
|
|
@@ -1733,17 +1737,17 @@ function Do({
|
|
|
1733
1737
|
}
|
|
1734
1738
|
);
|
|
1735
1739
|
}
|
|
1736
|
-
const
|
|
1737
|
-
function
|
|
1740
|
+
const Ro = 25 * 1024 * 1024;
|
|
1741
|
+
function Po() {
|
|
1738
1742
|
var R;
|
|
1739
|
-
const { isSmallScreen: e } = B(), o = U(null), { sendMessage: t } =
|
|
1743
|
+
const { isSmallScreen: e } = B(), o = U(null), { sendMessage: t } = O(), { sessionState: n } = $(), { disableSendingWhenAwaitingAIReply: s } = C(), { t: i } = G(), [a, l] = P(""), {
|
|
1740
1744
|
allFiles: c,
|
|
1741
1745
|
emptyTheFiles: m,
|
|
1742
1746
|
handleCancelUpload: h,
|
|
1743
1747
|
appendFiles: k,
|
|
1744
1748
|
isUploading: w,
|
|
1745
1749
|
successFiles: u
|
|
1746
|
-
} = mr(), v = !!((R = n.session) != null && R.isHandedOff), { isAwaitingBotReply:
|
|
1750
|
+
} = mr(), v = !!((R = n.session) != null && R.isHandedOff), { isAwaitingBotReply: z } = Pt(), M = s !== !1 && z, b = (g) => {
|
|
1747
1751
|
k(g);
|
|
1748
1752
|
}, S = !a.trim() && u.length === 0, I = async () => {
|
|
1749
1753
|
if (M || S) return;
|
|
@@ -1773,7 +1777,7 @@ function Ro() {
|
|
|
1773
1777
|
onDropRejected() {
|
|
1774
1778
|
console.error("unsupported file type, or the file is too large");
|
|
1775
1779
|
},
|
|
1776
|
-
maxSize:
|
|
1780
|
+
maxSize: Ro,
|
|
1777
1781
|
accept: v ? {
|
|
1778
1782
|
"text/*": [".txt"],
|
|
1779
1783
|
"image/*": [".png", ".jpg", ".jpeg", ".gif"],
|
|
@@ -1825,7 +1829,7 @@ function Ro() {
|
|
|
1825
1829
|
...x("chat/input_box/attachments_container"),
|
|
1826
1830
|
className: "flex items-center gap-1",
|
|
1827
1831
|
children: /* @__PURE__ */ r(_, { mode: "popLayout", children: c.map((g) => /* @__PURE__ */ r(y, { snapExit: !0, children: /* @__PURE__ */ r(
|
|
1828
|
-
|
|
1832
|
+
Eo,
|
|
1829
1833
|
{
|
|
1830
1834
|
onCancel: () => h(g.id),
|
|
1831
1835
|
file: g
|
|
@@ -1903,10 +1907,10 @@ function Ro() {
|
|
|
1903
1907
|
);
|
|
1904
1908
|
}
|
|
1905
1909
|
function St() {
|
|
1906
|
-
const { widgetCtx: e } =
|
|
1910
|
+
const { widgetCtx: e } = A(), { router: o } = C(), { canCreateNewSession: t } = $(), { toSessionsScreen: n } = H(), { t: s } = G();
|
|
1907
1911
|
return /* @__PURE__ */ r(J, { children: t || o != null && o.chatScreenOnly ? /* @__PURE__ */ r(N, { onClick: e.resetChat, className: "rounded-2xl w-full", children: s("new_conversation") }) : /* @__PURE__ */ r(N, { onClick: n, className: "rounded-2xl w-full", children: s("back_to_conversations") }) });
|
|
1908
1912
|
}
|
|
1909
|
-
function
|
|
1913
|
+
function jo() {
|
|
1910
1914
|
const { t: e } = G(), { isCsatRequested: o, isCsatSubmitted: t } = Rt();
|
|
1911
1915
|
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(W, { children: [
|
|
1912
1916
|
/* @__PURE__ */ r(To, {}),
|
|
@@ -1919,32 +1923,41 @@ function Po() {
|
|
|
1919
1923
|
/* @__PURE__ */ r(St, {})
|
|
1920
1924
|
] }, "session-closed") }) }) });
|
|
1921
1925
|
}
|
|
1922
|
-
function
|
|
1923
|
-
var
|
|
1924
|
-
const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } =
|
|
1925
|
-
return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(_, { mode: "wait", children: n.session && !((
|
|
1926
|
-
/* @__PURE__ */ r(
|
|
1926
|
+
function Oo() {
|
|
1927
|
+
var l;
|
|
1928
|
+
const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = C(), { sessionState: n } = $(), { messagesState: s } = O(), i = s.messages.length === 0, a = Do();
|
|
1929
|
+
return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(_, { mode: "wait", children: n.session && !((l = n.session) != null && l.isOpened) ? /* @__PURE__ */ d(W, { children: [
|
|
1930
|
+
/* @__PURE__ */ r(jo, {}),
|
|
1927
1931
|
/* @__PURE__ */ r(Nt, {})
|
|
1928
1932
|
] }, "session-closed") : /* @__PURE__ */ d(W, { children: [
|
|
1929
1933
|
s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(Mo, {}),
|
|
1930
|
-
i && e && o !== "below-initial-messages" && /* @__PURE__ */ r(
|
|
1931
|
-
|
|
1934
|
+
i && e && o !== "below-initial-messages" && /* @__PURE__ */ r(
|
|
1935
|
+
"div",
|
|
1932
1936
|
{
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1937
|
+
className: p(
|
|
1938
|
+
"flex items-center flex-row justify-end gap-2 flex-wrap px-2",
|
|
1939
|
+
a && "pb-4"
|
|
1940
|
+
),
|
|
1941
|
+
children: e == null ? void 0 : e.map((c, m) => /* @__PURE__ */ r(
|
|
1942
|
+
Oe,
|
|
1943
|
+
{
|
|
1944
|
+
suggestion: c
|
|
1945
|
+
},
|
|
1946
|
+
`${c}-${m}`
|
|
1947
|
+
))
|
|
1948
|
+
}
|
|
1949
|
+
),
|
|
1950
|
+
!a && /* @__PURE__ */ r(Po, {}),
|
|
1938
1951
|
/* @__PURE__ */ r(Nt, {})
|
|
1939
1952
|
] }, "chat-input") }) });
|
|
1940
1953
|
}
|
|
1941
|
-
function
|
|
1954
|
+
function Ao({
|
|
1942
1955
|
isFirstInGroup: e,
|
|
1943
1956
|
isLastInGroup: o,
|
|
1944
1957
|
isAloneInGroup: t,
|
|
1945
1958
|
...n
|
|
1946
1959
|
}) {
|
|
1947
|
-
const { componentStore: s } =
|
|
1960
|
+
const { componentStore: s } = A();
|
|
1948
1961
|
if (n.type !== "AGENT" && n.type !== "AI") return null;
|
|
1949
1962
|
if (n.data.action) {
|
|
1950
1963
|
const a = s.getComponent(n.data.action.name);
|
|
@@ -1986,7 +1999,7 @@ function or({
|
|
|
1986
1999
|
containerClassName: t
|
|
1987
2000
|
}) {
|
|
1988
2001
|
var a, l;
|
|
1989
|
-
const { timestamps: n } =
|
|
2002
|
+
const { timestamps: n } = C();
|
|
1990
2003
|
if (!((a = n == null ? void 0 : n.perMessageGroup) != null && a.enabled))
|
|
1991
2004
|
return null;
|
|
1992
2005
|
const s = (l = e[e.length - 1]) == null ? void 0 : l.timestamp;
|
|
@@ -2044,7 +2057,7 @@ function pe({
|
|
|
2044
2057
|
className: p("flex-1 flex flex-col gap-1"),
|
|
2045
2058
|
children: [
|
|
2046
2059
|
e.map((n, s, i) => /* @__PURE__ */ r(
|
|
2047
|
-
|
|
2060
|
+
Ao,
|
|
2048
2061
|
{
|
|
2049
2062
|
isFirstInGroup: s === 0,
|
|
2050
2063
|
isLastInGroup: s === i.length - 1,
|
|
@@ -2079,14 +2092,14 @@ function pe({
|
|
|
2079
2092
|
}
|
|
2080
2093
|
);
|
|
2081
2094
|
}
|
|
2082
|
-
function
|
|
2095
|
+
function Fo() {
|
|
2083
2096
|
var t, n;
|
|
2084
2097
|
const e = X();
|
|
2085
2098
|
if ((t = e.session) != null && t.isOpened || !e.session) return null;
|
|
2086
2099
|
const o = (n = e.config.customComponents) == null ? void 0 : n.onSessionResolved;
|
|
2087
2100
|
return o ? /* @__PURE__ */ r(o, { ...e }) : null;
|
|
2088
2101
|
}
|
|
2089
|
-
function
|
|
2102
|
+
function Ho({
|
|
2090
2103
|
message: e,
|
|
2091
2104
|
isFirstInGroup: o,
|
|
2092
2105
|
isLastInGroup: t,
|
|
@@ -2126,7 +2139,7 @@ function Fo({
|
|
|
2126
2139
|
}
|
|
2127
2140
|
);
|
|
2128
2141
|
}
|
|
2129
|
-
function
|
|
2142
|
+
function Wo({
|
|
2130
2143
|
messages: e
|
|
2131
2144
|
}) {
|
|
2132
2145
|
return /* @__PURE__ */ d(
|
|
@@ -2136,7 +2149,7 @@ function Ho({
|
|
|
2136
2149
|
className: p("group", "flex flex-col gap-1 justify-end items-end"),
|
|
2137
2150
|
children: [
|
|
2138
2151
|
e.map((o, t, n) => /* @__PURE__ */ r(
|
|
2139
|
-
|
|
2152
|
+
Ho,
|
|
2140
2153
|
{
|
|
2141
2154
|
message: o,
|
|
2142
2155
|
isFirstInGroup: t === 0,
|
|
@@ -2150,7 +2163,7 @@ function Ho({
|
|
|
2150
2163
|
}
|
|
2151
2164
|
);
|
|
2152
2165
|
}
|
|
2153
|
-
function
|
|
2166
|
+
function Lo(e) {
|
|
2154
2167
|
const o = [];
|
|
2155
2168
|
let t = null;
|
|
2156
2169
|
return e.forEach((n) => {
|
|
@@ -2160,27 +2173,27 @@ function Wo(e) {
|
|
|
2160
2173
|
((i = t[0]) == null ? void 0 : i.type) === "AGENT" && n.type === "AGENT" && (((a = n.agent) == null ? void 0 : a.id) !== ((l = t[0].agent) == null ? void 0 : l.id) || ((c = n.agent) == null ? void 0 : c.name) !== ((m = t[0].agent) == null ? void 0 : m.name))) && (t = [], o.push(t)), t.push(n);
|
|
2161
2174
|
}), o;
|
|
2162
2175
|
}
|
|
2163
|
-
function
|
|
2176
|
+
function $o(e) {
|
|
2164
2177
|
var o;
|
|
2165
2178
|
return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "USER";
|
|
2166
2179
|
}
|
|
2167
|
-
function
|
|
2180
|
+
function Bo(e) {
|
|
2168
2181
|
var o;
|
|
2169
2182
|
return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "AI";
|
|
2170
2183
|
}
|
|
2171
|
-
function
|
|
2184
|
+
function Uo(e) {
|
|
2172
2185
|
var o;
|
|
2173
2186
|
return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "AGENT";
|
|
2174
2187
|
}
|
|
2175
|
-
function
|
|
2188
|
+
function Yo() {
|
|
2176
2189
|
const {
|
|
2177
2190
|
messagesState: { messages: e }
|
|
2178
|
-
} =
|
|
2191
|
+
} = O(), {
|
|
2179
2192
|
advancedInitialMessages: o = [],
|
|
2180
2193
|
initialQuestionsPosition: t,
|
|
2181
2194
|
initialQuestions: n,
|
|
2182
2195
|
bot: s
|
|
2183
|
-
} =
|
|
2196
|
+
} = C();
|
|
2184
2197
|
return /* @__PURE__ */ r(J, { children: e.length === 0 && o.length > 0 && /* @__PURE__ */ r(
|
|
2185
2198
|
pe,
|
|
2186
2199
|
{
|
|
@@ -2198,28 +2211,28 @@ function Uo() {
|
|
|
2198
2211
|
}
|
|
2199
2212
|
) });
|
|
2200
2213
|
}
|
|
2201
|
-
function
|
|
2214
|
+
function Xo() {
|
|
2202
2215
|
const {
|
|
2203
2216
|
messagesState: { messages: e }
|
|
2204
|
-
} =
|
|
2217
|
+
} = O(), { chatBannerItems: o } = C();
|
|
2205
2218
|
return !(o != null && o.length) || e.length > 0 && o.every((t) => !t.persistent) ? null : /* @__PURE__ */ r("div", { className: "w-full text-center text-xs", children: o.map(
|
|
2206
2219
|
({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Me, { children: t }) }, `${t}-${s}`)
|
|
2207
2220
|
) });
|
|
2208
2221
|
}
|
|
2209
|
-
const
|
|
2210
|
-
function
|
|
2222
|
+
const qo = 10 * 1024, _t = /* @__PURE__ */ new Map();
|
|
2223
|
+
function Vo(e) {
|
|
2211
2224
|
const o = _t.get(e);
|
|
2212
2225
|
if (o !== void 0) return o;
|
|
2213
|
-
const t =
|
|
2226
|
+
const t = Go(e);
|
|
2214
2227
|
return _t.set(e, t), t;
|
|
2215
2228
|
}
|
|
2216
|
-
function
|
|
2229
|
+
function Go(e) {
|
|
2217
2230
|
const o = e.trim();
|
|
2218
|
-
if (!o || o.length >
|
|
2231
|
+
if (!o || o.length > qo || typeof DOMParser > "u") return null;
|
|
2219
2232
|
const t = new DOMParser().parseFromString(o, "image/svg+xml"), n = t.documentElement;
|
|
2220
2233
|
return n.localName !== "svg" || n.namespaceURI !== "http://www.w3.org/2000/svg" || t.getElementsByTagName("parsererror").length > 0 ? null : `data:image/svg+xml,${encodeURIComponent(o)}`;
|
|
2221
2234
|
}
|
|
2222
|
-
const
|
|
2235
|
+
const Zo = Wt(
|
|
2223
2236
|
"inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium transition-colors",
|
|
2224
2237
|
{
|
|
2225
2238
|
variants: {
|
|
@@ -2234,15 +2247,15 @@ const Go = Wt(
|
|
|
2234
2247
|
}
|
|
2235
2248
|
}
|
|
2236
2249
|
);
|
|
2237
|
-
function
|
|
2238
|
-
return /* @__PURE__ */ r("div", { className: p(
|
|
2250
|
+
function Ko({ className: e, variant: o, ...t }) {
|
|
2251
|
+
return /* @__PURE__ */ r("div", { className: p(Zo({ variant: o }), e), ...t });
|
|
2239
2252
|
}
|
|
2240
2253
|
function nr({
|
|
2241
2254
|
customStatus: e,
|
|
2242
2255
|
className: o,
|
|
2243
2256
|
dotClassName: t
|
|
2244
2257
|
}) {
|
|
2245
|
-
const n = e.icon ?
|
|
2258
|
+
const n = e.icon ? Vo(e.icon) : null, s = e.color || "currentColor";
|
|
2246
2259
|
return n ? /* @__PURE__ */ r(
|
|
2247
2260
|
"span",
|
|
2248
2261
|
{
|
|
@@ -2275,7 +2288,7 @@ function sr({
|
|
|
2275
2288
|
className: o
|
|
2276
2289
|
}) {
|
|
2277
2290
|
return /* @__PURE__ */ d(
|
|
2278
|
-
|
|
2291
|
+
Ko,
|
|
2279
2292
|
{
|
|
2280
2293
|
variant: "secondary",
|
|
2281
2294
|
className: p(
|
|
@@ -2304,7 +2317,7 @@ function sr({
|
|
|
2304
2317
|
}
|
|
2305
2318
|
);
|
|
2306
2319
|
}
|
|
2307
|
-
function
|
|
2320
|
+
function Qo() {
|
|
2308
2321
|
const {
|
|
2309
2322
|
sessionState: { session: e }
|
|
2310
2323
|
} = $(), o = e == null ? void 0 : e.customStatus;
|
|
@@ -2337,10 +2350,10 @@ function Ko() {
|
|
|
2337
2350
|
o.id
|
|
2338
2351
|
) });
|
|
2339
2352
|
}
|
|
2340
|
-
function
|
|
2353
|
+
function Jo() {
|
|
2341
2354
|
const {
|
|
2342
2355
|
messagesState: { messages: e }
|
|
2343
|
-
} =
|
|
2356
|
+
} = O(), o = C(), {
|
|
2344
2357
|
advancedInitialMessages: t = [],
|
|
2345
2358
|
initialQuestions: n,
|
|
2346
2359
|
initialQuestionsPosition: s
|
|
@@ -2365,16 +2378,16 @@ function Qo() {
|
|
|
2365
2378
|
}
|
|
2366
2379
|
) });
|
|
2367
2380
|
}
|
|
2368
|
-
function
|
|
2381
|
+
function en() {
|
|
2369
2382
|
var t;
|
|
2370
2383
|
const e = X(), o = (t = e.config.customComponents) == null ? void 0 : t.chatBottomComponents;
|
|
2371
2384
|
return o ? /* @__PURE__ */ r("div", { children: o.map(({ key: n, component: s }) => /* @__PURE__ */ r(s, { ...e }, n)) }) : null;
|
|
2372
2385
|
}
|
|
2373
|
-
function
|
|
2386
|
+
function tn() {
|
|
2374
2387
|
const {
|
|
2375
2388
|
messagesState: { messages: e }
|
|
2376
|
-
} =
|
|
2377
|
-
() =>
|
|
2389
|
+
} = O(), { isAwaitingBotReply: o } = Pt(), { componentStore: t } = A(), { bot: n, humanAgent: s } = C(), i = Dt(
|
|
2390
|
+
() => Lo(e),
|
|
2378
2391
|
[e]
|
|
2379
2392
|
), a = t.getComponent(
|
|
2380
2393
|
"loading"
|
|
@@ -2394,19 +2407,19 @@ function en() {
|
|
|
2394
2407
|
ref: l,
|
|
2395
2408
|
className: "max-h-full scroll-smooth relative flex-1 py-2 px-4 flex flex-col gap-2 overflow-auto",
|
|
2396
2409
|
children: [
|
|
2397
|
-
/* @__PURE__ */ r(Ko, {}),
|
|
2398
|
-
/* @__PURE__ */ r(Yo, {}),
|
|
2399
|
-
/* @__PURE__ */ r(Uo, {}),
|
|
2400
2410
|
/* @__PURE__ */ r(Qo, {}),
|
|
2411
|
+
/* @__PURE__ */ r(Xo, {}),
|
|
2412
|
+
/* @__PURE__ */ r(Yo, {}),
|
|
2413
|
+
/* @__PURE__ */ r(Jo, {}),
|
|
2401
2414
|
i.map((m, h) => {
|
|
2402
|
-
var u, v,
|
|
2415
|
+
var u, v, z, M;
|
|
2403
2416
|
const k = (u = m == null ? void 0 : m[0]) == null ? void 0 : u.type, w = (v = m[0]) == null ? void 0 : v.id;
|
|
2404
2417
|
if (!k || !w) return null;
|
|
2405
|
-
if (
|
|
2406
|
-
return /* @__PURE__ */ r(
|
|
2407
|
-
if (
|
|
2418
|
+
if ($o(m))
|
|
2419
|
+
return /* @__PURE__ */ r(Wo, { messages: m }, w);
|
|
2420
|
+
if (Bo(m)) {
|
|
2408
2421
|
const b = h === i.length - 1;
|
|
2409
|
-
return o && b ? null : ((
|
|
2422
|
+
return o && b ? null : ((z = m[0]) == null || z.agent, /* @__PURE__ */ r(
|
|
2410
2423
|
pe,
|
|
2411
2424
|
{
|
|
2412
2425
|
messages: m,
|
|
@@ -2415,7 +2428,7 @@ function en() {
|
|
|
2415
2428
|
w
|
|
2416
2429
|
));
|
|
2417
2430
|
}
|
|
2418
|
-
if (
|
|
2431
|
+
if (Uo(m)) {
|
|
2419
2432
|
const b = (M = m[0]) == null ? void 0 : M.agent;
|
|
2420
2433
|
return /* @__PURE__ */ r(
|
|
2421
2434
|
pe,
|
|
@@ -2438,16 +2451,16 @@ function en() {
|
|
|
2438
2451
|
return null;
|
|
2439
2452
|
}),
|
|
2440
2453
|
o && a && /* @__PURE__ */ r(a, { agent: n }),
|
|
2441
|
-
/* @__PURE__ */ r(
|
|
2442
|
-
/* @__PURE__ */ r(
|
|
2454
|
+
/* @__PURE__ */ r(en, {}),
|
|
2455
|
+
/* @__PURE__ */ r(Fo, {})
|
|
2443
2456
|
]
|
|
2444
2457
|
}
|
|
2445
2458
|
);
|
|
2446
2459
|
}
|
|
2447
|
-
function
|
|
2460
|
+
function rn() {
|
|
2448
2461
|
const {
|
|
2449
2462
|
messagesState: { isInitialFetchLoading: e }
|
|
2450
|
-
} =
|
|
2463
|
+
} = O(), {
|
|
2451
2464
|
sessionState: { session: o }
|
|
2452
2465
|
} = $(), { isCanvasOpen: t } = So(), { theme: n } = V();
|
|
2453
2466
|
Pe({
|
|
@@ -2498,8 +2511,8 @@ function tn() {
|
|
|
2498
2511
|
transitionDuration: n.screens.chat.withCanvas.transitionDuration
|
|
2499
2512
|
},
|
|
2500
2513
|
children: [
|
|
2501
|
-
/* @__PURE__ */ r(
|
|
2502
|
-
/* @__PURE__ */ r(
|
|
2514
|
+
/* @__PURE__ */ r(tn, {}),
|
|
2515
|
+
/* @__PURE__ */ r(Oo, {})
|
|
2503
2516
|
]
|
|
2504
2517
|
}
|
|
2505
2518
|
),
|
|
@@ -2526,7 +2539,7 @@ function tn() {
|
|
|
2526
2539
|
}
|
|
2527
2540
|
);
|
|
2528
2541
|
}
|
|
2529
|
-
function
|
|
2542
|
+
function on({
|
|
2530
2543
|
className: e,
|
|
2531
2544
|
...o
|
|
2532
2545
|
}) {
|
|
@@ -2538,7 +2551,7 @@ function rn({
|
|
|
2538
2551
|
}
|
|
2539
2552
|
);
|
|
2540
2553
|
}
|
|
2541
|
-
function
|
|
2554
|
+
function nn({ className: e }) {
|
|
2542
2555
|
return /* @__PURE__ */ r(
|
|
2543
2556
|
"svg",
|
|
2544
2557
|
{
|
|
@@ -2559,7 +2572,7 @@ function on({ className: e }) {
|
|
|
2559
2572
|
);
|
|
2560
2573
|
}
|
|
2561
2574
|
function ar({ className: e }) {
|
|
2562
|
-
const { token: o } =
|
|
2575
|
+
const { token: o } = C();
|
|
2563
2576
|
return /* @__PURE__ */ r(
|
|
2564
2577
|
"div",
|
|
2565
2578
|
{
|
|
@@ -2582,7 +2595,7 @@ function ar({ className: e }) {
|
|
|
2582
2595
|
/* @__PURE__ */ r("span", { children: "Powered by" }),
|
|
2583
2596
|
/* @__PURE__ */ r("span", { children: " " }),
|
|
2584
2597
|
/* @__PURE__ */ d("span", { className: "flex items-center gap-[1px]", children: [
|
|
2585
|
-
/* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(
|
|
2598
|
+
/* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(nn, { className: "size-3 inline-block" }) }),
|
|
2586
2599
|
/* @__PURE__ */ r("span", { className: "font-semibold", children: "open" })
|
|
2587
2600
|
] })
|
|
2588
2601
|
]
|
|
@@ -2591,14 +2604,14 @@ function ar({ className: e }) {
|
|
|
2591
2604
|
}
|
|
2592
2605
|
);
|
|
2593
2606
|
}
|
|
2594
|
-
function
|
|
2607
|
+
function sn({ children: e }) {
|
|
2595
2608
|
return /* @__PURE__ */ r("p", { className: "ps-4 text-xs text-muted-foreground/75 uppercase font-semibold tracking-tight", children: e });
|
|
2596
2609
|
}
|
|
2597
2610
|
function It({
|
|
2598
2611
|
session: e,
|
|
2599
2612
|
className: o
|
|
2600
2613
|
}) {
|
|
2601
|
-
const { bot: t, humanAgent: n } =
|
|
2614
|
+
const { bot: t, humanAgent: n } = C(), { toChatScreen: s } = H(), i = e.assignee.kind === "human" ? (n == null ? void 0 : n.name) || e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", a = e.assignee.kind === "human" ? (n == null ? void 0 : n.avatarUrl) || e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatarUrl) || (t == null ? void 0 : t.avatar) || "";
|
|
2602
2615
|
return /* @__PURE__ */ d(
|
|
2603
2616
|
N,
|
|
2604
2617
|
{
|
|
@@ -2625,7 +2638,7 @@ function It({
|
|
|
2625
2638
|
className: "line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",
|
|
2626
2639
|
children: e.lastMessage
|
|
2627
2640
|
}
|
|
2628
|
-
) }, e.lastMessage || "content") : /* @__PURE__ */ r(y, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(
|
|
2641
|
+
) }, e.lastMessage || "content") : /* @__PURE__ */ r(y, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(on, { className: "h-4 w-full" }) }, "skeleton") }),
|
|
2629
2642
|
/* @__PURE__ */ r(_, { mode: "wait", children: e.customStatus && /* @__PURE__ */ r(
|
|
2630
2643
|
y,
|
|
2631
2644
|
{
|
|
@@ -2642,7 +2655,7 @@ function It({
|
|
|
2642
2655
|
}
|
|
2643
2656
|
);
|
|
2644
2657
|
}
|
|
2645
|
-
function
|
|
2658
|
+
function an() {
|
|
2646
2659
|
const { t: e } = G(), { toChatScreen: o } = H(), {
|
|
2647
2660
|
sessionsState: { data: t, isInitialFetchLoading: n },
|
|
2648
2661
|
openSessions: s,
|
|
@@ -2680,7 +2693,7 @@ function sn() {
|
|
|
2680
2693
|
delay: 0.2,
|
|
2681
2694
|
snapExit: !0,
|
|
2682
2695
|
children: [
|
|
2683
|
-
/* @__PURE__ */ r(
|
|
2696
|
+
/* @__PURE__ */ r(sn, { children: e("closed_conversations") }),
|
|
2684
2697
|
i.map((l) => /* @__PURE__ */ r(
|
|
2685
2698
|
It,
|
|
2686
2699
|
{
|
|
@@ -2723,7 +2736,7 @@ function sn() {
|
|
|
2723
2736
|
"sessions"
|
|
2724
2737
|
) }) });
|
|
2725
2738
|
}
|
|
2726
|
-
function
|
|
2739
|
+
function ln() {
|
|
2727
2740
|
const { theme: e } = V();
|
|
2728
2741
|
return Pe({
|
|
2729
2742
|
width: e.screens.sessions.width,
|
|
@@ -2745,7 +2758,7 @@ function an() {
|
|
|
2745
2758
|
},
|
|
2746
2759
|
children: /* @__PURE__ */ d("div", { className: "size-full flex flex-col", children: [
|
|
2747
2760
|
/* @__PURE__ */ r(tr, {}),
|
|
2748
|
-
/* @__PURE__ */ r(
|
|
2761
|
+
/* @__PURE__ */ r(an, {}),
|
|
2749
2762
|
/* @__PURE__ */ r(ar, {})
|
|
2750
2763
|
] })
|
|
2751
2764
|
}
|
|
@@ -2773,8 +2786,8 @@ const de = ee.forwardRef(
|
|
|
2773
2786
|
}
|
|
2774
2787
|
);
|
|
2775
2788
|
de.displayName = "Input";
|
|
2776
|
-
function
|
|
2777
|
-
const { contentIframeRef: e } =
|
|
2789
|
+
function cn() {
|
|
2790
|
+
const { contentIframeRef: e } = A(), { inline: o } = C(), t = U(null);
|
|
2778
2791
|
return se(() => {
|
|
2779
2792
|
const n = e == null ? void 0 : e.current;
|
|
2780
2793
|
if (n && t.current) {
|
|
@@ -2795,25 +2808,25 @@ function ln() {
|
|
|
2795
2808
|
}
|
|
2796
2809
|
}, [e, o]), { observedElementRef: t };
|
|
2797
2810
|
}
|
|
2798
|
-
const
|
|
2811
|
+
const dn = fe.object({
|
|
2799
2812
|
name: fe.string().min(2),
|
|
2800
2813
|
email: fe.string().email()
|
|
2801
2814
|
});
|
|
2802
|
-
function
|
|
2815
|
+
function pn() {
|
|
2803
2816
|
var b, S, I, E, f, D, j, R;
|
|
2804
2817
|
const {
|
|
2805
2818
|
widgetCtx: { org: e }
|
|
2806
|
-
} =
|
|
2819
|
+
} = A(), { setIsOpen: o } = K(), { createUnverifiedContact: t } = jt(), { isSmallScreen: n } = B(), s = C(), { theme: i } = V(), { t: a } = G(), { observedElementRef: l } = cn();
|
|
2807
2820
|
Pe({
|
|
2808
2821
|
height: void 0,
|
|
2809
2822
|
width: i.screens.welcome.width
|
|
2810
2823
|
});
|
|
2811
2824
|
const [c, m] = P(((b = s.prefillUserData) == null ? void 0 : b.name) || ""), [h, k] = P(((S = s.prefillUserData) == null ? void 0 : S.email) || ""), w = (s.extraDataCollectionFields || []).filter(
|
|
2812
2825
|
(g) => g !== "name" && g !== "email" && !!g
|
|
2813
|
-
), [u, v] = P({}), [
|
|
2826
|
+
), [u, v] = P({}), [z, M] = Qr(
|
|
2814
2827
|
async (g) => {
|
|
2815
2828
|
g.preventDefault();
|
|
2816
|
-
const T =
|
|
2829
|
+
const T = dn.safeParse({ name: c, email: h });
|
|
2817
2830
|
T.success && await t(
|
|
2818
2831
|
{
|
|
2819
2832
|
email: T.data.email,
|
|
@@ -2921,11 +2934,11 @@ function dn() {
|
|
|
2921
2934
|
/* @__PURE__ */ d(
|
|
2922
2935
|
N,
|
|
2923
2936
|
{
|
|
2924
|
-
disabled:
|
|
2937
|
+
disabled: z.loading,
|
|
2925
2938
|
className: "w-full",
|
|
2926
2939
|
size: "lg",
|
|
2927
2940
|
children: [
|
|
2928
|
-
|
|
2941
|
+
z.loading ? a("start_chat_button_loading") : a("start_chat_button"),
|
|
2929
2942
|
/* @__PURE__ */ r(Br, { className: "size-4 rtl:-scale-100" })
|
|
2930
2943
|
]
|
|
2931
2944
|
}
|
|
@@ -2954,7 +2967,7 @@ function ir() {
|
|
|
2954
2967
|
fadeIn: "right",
|
|
2955
2968
|
className: "size-full",
|
|
2956
2969
|
snapExit: !0,
|
|
2957
|
-
children: /* @__PURE__ */ r(
|
|
2970
|
+
children: /* @__PURE__ */ r(pn, {})
|
|
2958
2971
|
},
|
|
2959
2972
|
e
|
|
2960
2973
|
);
|
|
@@ -2965,7 +2978,7 @@ function ir() {
|
|
|
2965
2978
|
fadeIn: "right",
|
|
2966
2979
|
className: "size-full",
|
|
2967
2980
|
snapExit: !0,
|
|
2968
|
-
children: /* @__PURE__ */ r(
|
|
2981
|
+
children: /* @__PURE__ */ r(ln, {})
|
|
2969
2982
|
},
|
|
2970
2983
|
e
|
|
2971
2984
|
);
|
|
@@ -2976,7 +2989,7 @@ function ir() {
|
|
|
2976
2989
|
fadeIn: "right",
|
|
2977
2990
|
className: "size-full",
|
|
2978
2991
|
snapExit: !0,
|
|
2979
|
-
children: /* @__PURE__ */ r(
|
|
2992
|
+
children: /* @__PURE__ */ r(rn, {})
|
|
2980
2993
|
},
|
|
2981
2994
|
e
|
|
2982
2995
|
);
|
|
@@ -2985,7 +2998,7 @@ function ir() {
|
|
|
2985
2998
|
}
|
|
2986
2999
|
})() }) });
|
|
2987
3000
|
}
|
|
2988
|
-
const
|
|
3001
|
+
const mn = "4.0.63", hn = `<!DOCTYPE html>
|
|
2989
3002
|
<html>
|
|
2990
3003
|
<head>
|
|
2991
3004
|
<style>
|
|
@@ -3004,7 +3017,7 @@ html, body {
|
|
|
3004
3017
|
</body>
|
|
3005
3018
|
</html>`;
|
|
3006
3019
|
function lr() {
|
|
3007
|
-
const { isOpen: e } = K(), { contentIframeRef: o } =
|
|
3020
|
+
const { isOpen: e } = K(), { contentIframeRef: o } = A(), { cssOverrides: t, inline: n } = C(), { theme: s, cssVars: i, computed: a } = V(), { dir: l } = G();
|
|
3008
3021
|
return /* @__PURE__ */ r(
|
|
3009
3022
|
re.div,
|
|
3010
3023
|
{
|
|
@@ -3028,7 +3041,7 @@ function lr() {
|
|
|
3028
3041
|
Bt,
|
|
3029
3042
|
{
|
|
3030
3043
|
ref: o,
|
|
3031
|
-
initialContent:
|
|
3044
|
+
initialContent: hn,
|
|
3032
3045
|
allowFullScreen: !0,
|
|
3033
3046
|
title: "OpenCX Live Chat",
|
|
3034
3047
|
style: {
|
|
@@ -3065,7 +3078,7 @@ function lr() {
|
|
|
3065
3078
|
...i,
|
|
3066
3079
|
zIndex: s.widgetContentContainer.zIndex
|
|
3067
3080
|
},
|
|
3068
|
-
"data-version":
|
|
3081
|
+
"data-version": mn,
|
|
3069
3082
|
className: p(
|
|
3070
3083
|
"antialiased font-sans size-full overflow-hidden relative text-secondary-foreground isolate"
|
|
3071
3084
|
),
|
|
@@ -3086,7 +3099,7 @@ function lr() {
|
|
|
3086
3099
|
}
|
|
3087
3100
|
);
|
|
3088
3101
|
}
|
|
3089
|
-
function
|
|
3102
|
+
function un() {
|
|
3090
3103
|
const { theme: e, triggerSide: o } = V(), { dir: t } = ze(), n = (t === "rtl" ? o === "left" : o === "right") ? "end" : "start";
|
|
3091
3104
|
return /* @__PURE__ */ r(
|
|
3092
3105
|
me.Content,
|
|
@@ -3108,7 +3121,7 @@ function hn() {
|
|
|
3108
3121
|
}
|
|
3109
3122
|
);
|
|
3110
3123
|
}
|
|
3111
|
-
function
|
|
3124
|
+
function gn({
|
|
3112
3125
|
className: e,
|
|
3113
3126
|
style: o
|
|
3114
3127
|
}) {
|
|
@@ -3143,7 +3156,7 @@ function un({
|
|
|
3143
3156
|
}
|
|
3144
3157
|
);
|
|
3145
3158
|
}
|
|
3146
|
-
const
|
|
3159
|
+
const wn = `<!DOCTYPE html>
|
|
3147
3160
|
<html>
|
|
3148
3161
|
<head>
|
|
3149
3162
|
<style>
|
|
@@ -3160,9 +3173,9 @@ html, body {
|
|
|
3160
3173
|
<body>
|
|
3161
3174
|
</body>
|
|
3162
3175
|
</html>`;
|
|
3163
|
-
function
|
|
3176
|
+
function fn() {
|
|
3164
3177
|
var m, h, k;
|
|
3165
|
-
const { isOpen: e, setIsOpen: o } = K(), { cssOverrides: t, assets: n, customComponents: s, accessibility: i } =
|
|
3178
|
+
const { isOpen: e, setIsOpen: o } = K(), { cssOverrides: t, assets: n, customComponents: s, accessibility: i } = C(), { theme: a, cssVars: l } = V(), c = ((m = i == null ? void 0 : i.widgetTriggerButton) == null ? void 0 : m.label) ?? "Chat with us";
|
|
3166
3179
|
return s != null && s.widgetTrigger ? s.widgetTrigger({
|
|
3167
3180
|
react: L,
|
|
3168
3181
|
isOpen: e,
|
|
@@ -3170,7 +3183,7 @@ function wn() {
|
|
|
3170
3183
|
}) : /* @__PURE__ */ d(
|
|
3171
3184
|
Bt,
|
|
3172
3185
|
{
|
|
3173
|
-
initialContent:
|
|
3186
|
+
initialContent: wn,
|
|
3174
3187
|
title: "OpenCX Live Chat Trigger",
|
|
3175
3188
|
style: {
|
|
3176
3189
|
height: `calc(${a.widgetTrigger.size.button}px + ${Q.x * 2}px)`,
|
|
@@ -3273,7 +3286,7 @@ function wn() {
|
|
|
3273
3286
|
}
|
|
3274
3287
|
}
|
|
3275
3288
|
) : /* @__PURE__ */ r(
|
|
3276
|
-
|
|
3289
|
+
gn,
|
|
3277
3290
|
{
|
|
3278
3291
|
style: {
|
|
3279
3292
|
width: a.widgetTrigger.size.icon,
|
|
@@ -3295,7 +3308,7 @@ function wn() {
|
|
|
3295
3308
|
}
|
|
3296
3309
|
);
|
|
3297
3310
|
}
|
|
3298
|
-
function
|
|
3311
|
+
function xn() {
|
|
3299
3312
|
const { triggerSide: e } = V();
|
|
3300
3313
|
return /* @__PURE__ */ r(
|
|
3301
3314
|
me.Anchor,
|
|
@@ -3309,13 +3322,13 @@ function fn() {
|
|
|
3309
3322
|
}
|
|
3310
3323
|
);
|
|
3311
3324
|
}
|
|
3312
|
-
function
|
|
3325
|
+
function vn({
|
|
3313
3326
|
widgetRef: e
|
|
3314
3327
|
}) {
|
|
3315
|
-
const { widgetCtx: o } =
|
|
3328
|
+
const { widgetCtx: o } = A(), { contactState: t } = jt(), { setIsOpen: n, isOpen: s } = K(), {
|
|
3316
3329
|
toChatScreen: i,
|
|
3317
3330
|
routerState: { screen: a }
|
|
3318
|
-
} = H(), { sendMessage: l } =
|
|
3331
|
+
} = H(), { sendMessage: l } = O();
|
|
3319
3332
|
return L.useImperativeHandle(
|
|
3320
3333
|
e,
|
|
3321
3334
|
() => ({
|
|
@@ -3339,15 +3352,15 @@ function xn({
|
|
|
3339
3352
|
]
|
|
3340
3353
|
), null;
|
|
3341
3354
|
}
|
|
3342
|
-
function
|
|
3355
|
+
function bn() {
|
|
3343
3356
|
const { isOpen: e, setIsOpen: o } = K();
|
|
3344
3357
|
return /* @__PURE__ */ d(me.Root, { open: e, onOpenChange: o, children: [
|
|
3358
|
+
/* @__PURE__ */ r(xn, {}),
|
|
3345
3359
|
/* @__PURE__ */ r(fn, {}),
|
|
3346
|
-
/* @__PURE__ */ r(
|
|
3347
|
-
/* @__PURE__ */ r(hn, {})
|
|
3360
|
+
/* @__PURE__ */ r(un, {})
|
|
3348
3361
|
] });
|
|
3349
3362
|
}
|
|
3350
|
-
const
|
|
3363
|
+
const yn = [
|
|
3351
3364
|
{
|
|
3352
3365
|
key: "loading",
|
|
3353
3366
|
component: ho
|
|
@@ -3364,7 +3377,7 @@ const bn = [
|
|
|
3364
3377
|
key: "agent_message",
|
|
3365
3378
|
component: be
|
|
3366
3379
|
}
|
|
3367
|
-
],
|
|
3380
|
+
], kn = {
|
|
3368
3381
|
get: async (e) => localStorage.getItem(e),
|
|
3369
3382
|
set: async (e, o) => {
|
|
3370
3383
|
localStorage.setItem(e, o);
|
|
@@ -3372,23 +3385,23 @@ const bn = [
|
|
|
3372
3385
|
remove: async (e) => {
|
|
3373
3386
|
localStorage.removeItem(e);
|
|
3374
3387
|
}
|
|
3375
|
-
},
|
|
3388
|
+
}, Cn = L.forwardRef(function({ options: o, components: t = [], loadingComponent: n }, s) {
|
|
3376
3389
|
return /* @__PURE__ */ r(
|
|
3377
3390
|
hr,
|
|
3378
3391
|
{
|
|
3379
|
-
components: [...
|
|
3392
|
+
components: [...yn, ...t],
|
|
3380
3393
|
options: o,
|
|
3381
|
-
storage:
|
|
3394
|
+
storage: kn,
|
|
3382
3395
|
loadingComponent: n,
|
|
3383
3396
|
children: /* @__PURE__ */ d(ur, { children: [
|
|
3384
|
-
/* @__PURE__ */ r(
|
|
3385
|
-
o.inline ? /* @__PURE__ */ r(lr, {}) : /* @__PURE__ */ r(
|
|
3397
|
+
/* @__PURE__ */ r(vn, { widgetRef: s }),
|
|
3398
|
+
o.inline ? /* @__PURE__ */ r(lr, {}) : /* @__PURE__ */ r(bn, {})
|
|
3386
3399
|
] })
|
|
3387
3400
|
}
|
|
3388
3401
|
);
|
|
3389
3402
|
});
|
|
3390
|
-
|
|
3403
|
+
Cn.displayName = "Widget";
|
|
3391
3404
|
export {
|
|
3392
|
-
|
|
3405
|
+
Cn as Widget
|
|
3393
3406
|
};
|
|
3394
3407
|
//# sourceMappingURL=index.js.map
|