@voxket-ai/events-sdk 1.0.21 → 1.0.23
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/events-sdk.js +548 -543
- package/dist/events-sdk.umd.cjs +4 -4
- package/dist/utils/formUtils.d.ts +2 -0
- package/package.json +1 -1
package/dist/events-sdk.js
CHANGED
|
@@ -399,7 +399,7 @@ function D(e, t = {}) {
|
|
|
399
399
|
var ee = (e) => {
|
|
400
400
|
for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
|
|
401
401
|
return !1;
|
|
402
|
-
}, te = n({}), O = () => o(te),
|
|
402
|
+
}, te = n({}), O = () => o(te), ne = i(({ color: e, size: t, width: n, height: i, strokeWidth: a, absoluteStrokeWidth: o, nonScalingStroke: s, className: c = "", children: l, iconNode: u = [], icon: d = {
|
|
403
403
|
node: u,
|
|
404
404
|
aliases: [],
|
|
405
405
|
size: 24
|
|
@@ -422,8 +422,8 @@ var ee = (e) => {
|
|
|
422
422
|
});
|
|
423
423
|
//#endregion
|
|
424
424
|
//#region node_modules/lucide-react/dist/esm/createLucideIcon.mjs
|
|
425
|
-
function
|
|
426
|
-
let a = typeof e == "string" ? b(e, t, n) : e, o = i(({ className: e, ...t }, n) => r(
|
|
425
|
+
function k(e, t = [], n = []) {
|
|
426
|
+
let a = typeof e == "string" ? b(e, t, n) : e, o = i(({ className: e, ...t }, n) => r(ne, {
|
|
427
427
|
ref: n,
|
|
428
428
|
icon: a,
|
|
429
429
|
className: e,
|
|
@@ -433,7 +433,7 @@ function A(e, t = [], n = []) {
|
|
|
433
433
|
}
|
|
434
434
|
//#endregion
|
|
435
435
|
//#region node_modules/lucide-react/dist/esm/icons/arrow-left.mjs
|
|
436
|
-
var
|
|
436
|
+
var A = {
|
|
437
437
|
name: "arrow-left",
|
|
438
438
|
size: 24,
|
|
439
439
|
node: [["path", {
|
|
@@ -444,8 +444,8 @@ var j = {
|
|
|
444
444
|
key: "x3x0zl"
|
|
445
445
|
}]]
|
|
446
446
|
};
|
|
447
|
-
|
|
448
|
-
var
|
|
447
|
+
A.node;
|
|
448
|
+
var re = k(A), j = {
|
|
449
449
|
name: "arrow-right",
|
|
450
450
|
size: 24,
|
|
451
451
|
node: [["path", {
|
|
@@ -456,8 +456,8 @@ var ne = A(j), M = {
|
|
|
456
456
|
key: "xquz4c"
|
|
457
457
|
}]]
|
|
458
458
|
};
|
|
459
|
-
|
|
460
|
-
var
|
|
459
|
+
j.node;
|
|
460
|
+
var ie = k(j), ae = {
|
|
461
461
|
name: "briefcase",
|
|
462
462
|
size: 24,
|
|
463
463
|
node: [["path", {
|
|
@@ -472,8 +472,8 @@ var re = A(M), ie = {
|
|
|
472
472
|
key: "i6l2r4"
|
|
473
473
|
}]]
|
|
474
474
|
};
|
|
475
|
-
|
|
476
|
-
var
|
|
475
|
+
ae.node;
|
|
476
|
+
var M = k(ae), oe = {
|
|
477
477
|
name: "building-complex",
|
|
478
478
|
size: 24,
|
|
479
479
|
node: [
|
|
@@ -500,8 +500,8 @@ var N = A(ie), ae = {
|
|
|
500
500
|
],
|
|
501
501
|
aliases: ["building-2"]
|
|
502
502
|
};
|
|
503
|
-
|
|
504
|
-
var
|
|
503
|
+
oe.node;
|
|
504
|
+
var se = k(oe), ce = {
|
|
505
505
|
name: "check",
|
|
506
506
|
size: 24,
|
|
507
507
|
node: [["path", {
|
|
@@ -509,8 +509,8 @@ var oe = A(ae), se = {
|
|
|
509
509
|
key: "1gmf2c"
|
|
510
510
|
}]]
|
|
511
511
|
};
|
|
512
|
-
|
|
513
|
-
var
|
|
512
|
+
ce.node;
|
|
513
|
+
var le = k(ce), ue = {
|
|
514
514
|
name: "chevron-down",
|
|
515
515
|
size: 24,
|
|
516
516
|
node: [["path", {
|
|
@@ -518,8 +518,8 @@ var ce = A(se), le = {
|
|
|
518
518
|
key: "qrunsl"
|
|
519
519
|
}]]
|
|
520
520
|
};
|
|
521
|
-
|
|
522
|
-
var
|
|
521
|
+
ue.node;
|
|
522
|
+
var de = k(ue), fe = {
|
|
523
523
|
name: "circle-alert",
|
|
524
524
|
size: 24,
|
|
525
525
|
node: [
|
|
@@ -546,8 +546,8 @@ var ue = A(le), de = {
|
|
|
546
546
|
],
|
|
547
547
|
aliases: ["alert-circle"]
|
|
548
548
|
};
|
|
549
|
-
|
|
550
|
-
var
|
|
549
|
+
fe.node;
|
|
550
|
+
var pe = k(fe), N = {
|
|
551
551
|
name: "circle-check-big",
|
|
552
552
|
size: 24,
|
|
553
553
|
node: [["path", {
|
|
@@ -559,8 +559,8 @@ var fe = A(de), P = {
|
|
|
559
559
|
}]],
|
|
560
560
|
aliases: ["check-circle"]
|
|
561
561
|
};
|
|
562
|
-
|
|
563
|
-
var
|
|
562
|
+
N.node;
|
|
563
|
+
var me = k(N), P = {
|
|
564
564
|
name: "clipboard-list",
|
|
565
565
|
size: 24,
|
|
566
566
|
node: [
|
|
@@ -595,8 +595,8 @@ var pe = A(P), F = {
|
|
|
595
595
|
}]
|
|
596
596
|
]
|
|
597
597
|
};
|
|
598
|
-
|
|
599
|
-
var
|
|
598
|
+
P.node;
|
|
599
|
+
var he = k(P), F = {
|
|
600
600
|
name: "clock",
|
|
601
601
|
size: 24,
|
|
602
602
|
node: [["circle", {
|
|
@@ -609,8 +609,8 @@ var me = A(F), I = {
|
|
|
609
609
|
key: "mmk7yg"
|
|
610
610
|
}]]
|
|
611
611
|
};
|
|
612
|
-
|
|
613
|
-
var
|
|
612
|
+
F.node;
|
|
613
|
+
var ge = k(F), I = {
|
|
614
614
|
name: "copy",
|
|
615
615
|
size: 24,
|
|
616
616
|
node: [["rect", {
|
|
@@ -626,8 +626,8 @@ var he = A(I), L = {
|
|
|
626
626
|
key: "zix9uf"
|
|
627
627
|
}]]
|
|
628
628
|
};
|
|
629
|
-
|
|
630
|
-
var
|
|
629
|
+
I.node;
|
|
630
|
+
var _e = k(I), ve = {
|
|
631
631
|
name: "credit-card",
|
|
632
632
|
size: 24,
|
|
633
633
|
node: [
|
|
@@ -652,8 +652,8 @@ var ge = A(L), _e = {
|
|
|
652
652
|
}]
|
|
653
653
|
]
|
|
654
654
|
};
|
|
655
|
-
|
|
656
|
-
var
|
|
655
|
+
ve.node;
|
|
656
|
+
var ye = k(ve), L = {
|
|
657
657
|
name: "download",
|
|
658
658
|
size: 24,
|
|
659
659
|
node: [
|
|
@@ -671,8 +671,8 @@ var ve = A(_e), R = {
|
|
|
671
671
|
}]
|
|
672
672
|
]
|
|
673
673
|
};
|
|
674
|
-
|
|
675
|
-
var
|
|
674
|
+
L.node;
|
|
675
|
+
var be = k(L), xe = {
|
|
676
676
|
name: "external-link",
|
|
677
677
|
size: 24,
|
|
678
678
|
node: [
|
|
@@ -690,8 +690,8 @@ var ye = A(R), be = {
|
|
|
690
690
|
}]
|
|
691
691
|
]
|
|
692
692
|
};
|
|
693
|
-
|
|
694
|
-
var
|
|
693
|
+
xe.node;
|
|
694
|
+
var Se = k(xe), Ce = {
|
|
695
695
|
name: "file-text",
|
|
696
696
|
size: 24,
|
|
697
697
|
node: [
|
|
@@ -717,8 +717,8 @@ var xe = A(be), Se = {
|
|
|
717
717
|
}]
|
|
718
718
|
]
|
|
719
719
|
};
|
|
720
|
-
|
|
721
|
-
var
|
|
720
|
+
Ce.node;
|
|
721
|
+
var we = k(Ce), Te = {
|
|
722
722
|
name: "folder-open",
|
|
723
723
|
size: 24,
|
|
724
724
|
node: [["path", {
|
|
@@ -726,8 +726,8 @@ var Ce = A(Se), we = {
|
|
|
726
726
|
key: "usdka0"
|
|
727
727
|
}]]
|
|
728
728
|
};
|
|
729
|
-
|
|
730
|
-
var
|
|
729
|
+
Te.node;
|
|
730
|
+
var R = k(Te), z = {
|
|
731
731
|
name: "graduation-cap",
|
|
732
732
|
size: 24,
|
|
733
733
|
node: [
|
|
@@ -745,8 +745,8 @@ var z = A(we), B = {
|
|
|
745
745
|
}]
|
|
746
746
|
]
|
|
747
747
|
};
|
|
748
|
-
|
|
749
|
-
var
|
|
748
|
+
z.node;
|
|
749
|
+
var B = k(z), V = {
|
|
750
750
|
name: "id-card",
|
|
751
751
|
size: 24,
|
|
752
752
|
node: [
|
|
@@ -778,8 +778,8 @@ var V = A(B), H = {
|
|
|
778
778
|
}]
|
|
779
779
|
]
|
|
780
780
|
};
|
|
781
|
-
|
|
782
|
-
var
|
|
781
|
+
V.node;
|
|
782
|
+
var H = k(V), U = {
|
|
783
783
|
name: "info",
|
|
784
784
|
size: 24,
|
|
785
785
|
node: [
|
|
@@ -799,8 +799,8 @@ var U = A(H), Te = {
|
|
|
799
799
|
}]
|
|
800
800
|
]
|
|
801
801
|
};
|
|
802
|
-
|
|
803
|
-
var Ee =
|
|
802
|
+
U.node;
|
|
803
|
+
var Ee = k(U), W = {
|
|
804
804
|
name: "key-round",
|
|
805
805
|
size: 24,
|
|
806
806
|
node: [["path", {
|
|
@@ -815,7 +815,7 @@ var Ee = A(Te), W = {
|
|
|
815
815
|
}]]
|
|
816
816
|
};
|
|
817
817
|
W.node;
|
|
818
|
-
var G =
|
|
818
|
+
var G = k(W), K = {
|
|
819
819
|
name: "key",
|
|
820
820
|
size: 24,
|
|
821
821
|
node: [
|
|
@@ -836,7 +836,7 @@ var G = A(W), K = {
|
|
|
836
836
|
]
|
|
837
837
|
};
|
|
838
838
|
K.node;
|
|
839
|
-
var De =
|
|
839
|
+
var De = k(K), q = {
|
|
840
840
|
name: "lock",
|
|
841
841
|
size: 24,
|
|
842
842
|
node: [["rect", {
|
|
@@ -853,7 +853,7 @@ var De = A(K), q = {
|
|
|
853
853
|
}]]
|
|
854
854
|
};
|
|
855
855
|
q.node;
|
|
856
|
-
var J =
|
|
856
|
+
var J = k(q), Y = {
|
|
857
857
|
name: "log-in",
|
|
858
858
|
size: 24,
|
|
859
859
|
node: [
|
|
@@ -872,7 +872,7 @@ var J = A(q), Y = {
|
|
|
872
872
|
]
|
|
873
873
|
};
|
|
874
874
|
Y.node;
|
|
875
|
-
var Oe =
|
|
875
|
+
var Oe = k(Y), ke = {
|
|
876
876
|
name: "log-out",
|
|
877
877
|
size: 24,
|
|
878
878
|
node: [
|
|
@@ -891,7 +891,7 @@ var Oe = A(Y), ke = {
|
|
|
891
891
|
]
|
|
892
892
|
};
|
|
893
893
|
ke.node;
|
|
894
|
-
var Ae =
|
|
894
|
+
var Ae = k(ke), je = {
|
|
895
895
|
name: "mail",
|
|
896
896
|
size: 24,
|
|
897
897
|
node: [["path", {
|
|
@@ -907,7 +907,7 @@ var Ae = A(ke), je = {
|
|
|
907
907
|
}]]
|
|
908
908
|
};
|
|
909
909
|
je.node;
|
|
910
|
-
var Me =
|
|
910
|
+
var Me = k(je), Ne = {
|
|
911
911
|
name: "map-pin",
|
|
912
912
|
size: 24,
|
|
913
913
|
node: [["path", {
|
|
@@ -921,7 +921,7 @@ var Me = A(je), Ne = {
|
|
|
921
921
|
}]]
|
|
922
922
|
};
|
|
923
923
|
Ne.node;
|
|
924
|
-
var Pe =
|
|
924
|
+
var Pe = k(Ne), X = {
|
|
925
925
|
name: "maximize-2",
|
|
926
926
|
size: 24,
|
|
927
927
|
node: [
|
|
@@ -944,7 +944,7 @@ var Pe = A(Ne), X = {
|
|
|
944
944
|
]
|
|
945
945
|
};
|
|
946
946
|
X.node;
|
|
947
|
-
var Fe =
|
|
947
|
+
var Fe = k(X), Ie = {
|
|
948
948
|
name: "minimize-2",
|
|
949
949
|
size: 24,
|
|
950
950
|
node: [
|
|
@@ -967,7 +967,7 @@ var Fe = A(X), Ie = {
|
|
|
967
967
|
]
|
|
968
968
|
};
|
|
969
969
|
Ie.node;
|
|
970
|
-
var Le =
|
|
970
|
+
var Le = k(Ie), Z = {
|
|
971
971
|
name: "move",
|
|
972
972
|
size: 24,
|
|
973
973
|
node: [
|
|
@@ -998,7 +998,7 @@ var Le = A(Ie), Z = {
|
|
|
998
998
|
]
|
|
999
999
|
};
|
|
1000
1000
|
Z.node;
|
|
1001
|
-
var Re =
|
|
1001
|
+
var Re = k(Z), Q = {
|
|
1002
1002
|
name: "package-check",
|
|
1003
1003
|
size: 24,
|
|
1004
1004
|
node: [
|
|
@@ -1025,7 +1025,7 @@ var Re = A(Z), Q = {
|
|
|
1025
1025
|
]
|
|
1026
1026
|
};
|
|
1027
1027
|
Q.node;
|
|
1028
|
-
var ze =
|
|
1028
|
+
var ze = k(Q), Be = {
|
|
1029
1029
|
name: "phone",
|
|
1030
1030
|
size: 24,
|
|
1031
1031
|
node: [["path", {
|
|
@@ -1034,7 +1034,7 @@ var ze = A(Q), Be = {
|
|
|
1034
1034
|
}]]
|
|
1035
1035
|
};
|
|
1036
1036
|
Be.node;
|
|
1037
|
-
var Ve =
|
|
1037
|
+
var Ve = k(Be), He = {
|
|
1038
1038
|
name: "receipt",
|
|
1039
1039
|
size: 24,
|
|
1040
1040
|
node: [
|
|
@@ -1053,7 +1053,7 @@ var Ve = A(Be), He = {
|
|
|
1053
1053
|
]
|
|
1054
1054
|
};
|
|
1055
1055
|
He.node;
|
|
1056
|
-
var Ue =
|
|
1056
|
+
var Ue = k(He), We = {
|
|
1057
1057
|
name: "search",
|
|
1058
1058
|
size: 24,
|
|
1059
1059
|
node: [["path", {
|
|
@@ -1067,7 +1067,7 @@ var Ue = A(He), We = {
|
|
|
1067
1067
|
}]]
|
|
1068
1068
|
};
|
|
1069
1069
|
We.node;
|
|
1070
|
-
var Ge =
|
|
1070
|
+
var Ge = k(We), Ke = {
|
|
1071
1071
|
name: "sparkles",
|
|
1072
1072
|
size: 24,
|
|
1073
1073
|
node: [
|
|
@@ -1093,7 +1093,7 @@ var Ge = A(We), Ke = {
|
|
|
1093
1093
|
aliases: ["stars"]
|
|
1094
1094
|
};
|
|
1095
1095
|
Ke.node;
|
|
1096
|
-
var qe =
|
|
1096
|
+
var qe = k(Ke), Je = {
|
|
1097
1097
|
name: "ticket",
|
|
1098
1098
|
size: 24,
|
|
1099
1099
|
node: [
|
|
@@ -1116,7 +1116,7 @@ var qe = A(Ke), Je = {
|
|
|
1116
1116
|
]
|
|
1117
1117
|
};
|
|
1118
1118
|
Je.node;
|
|
1119
|
-
var Ye =
|
|
1119
|
+
var Ye = k(Je), Xe = {
|
|
1120
1120
|
name: "trash",
|
|
1121
1121
|
size: 24,
|
|
1122
1122
|
node: [
|
|
@@ -1144,7 +1144,7 @@ var Ye = A(Je), Xe = {
|
|
|
1144
1144
|
aliases: ["trash-2"]
|
|
1145
1145
|
};
|
|
1146
1146
|
Xe.node;
|
|
1147
|
-
var Ze =
|
|
1147
|
+
var Ze = k(Xe), Qe = {
|
|
1148
1148
|
name: "upload",
|
|
1149
1149
|
size: 24,
|
|
1150
1150
|
node: [
|
|
@@ -1163,7 +1163,7 @@ var Ze = A(Xe), Qe = {
|
|
|
1163
1163
|
]
|
|
1164
1164
|
};
|
|
1165
1165
|
Qe.node;
|
|
1166
|
-
var $e =
|
|
1166
|
+
var $e = k(Qe), et = {
|
|
1167
1167
|
name: "user",
|
|
1168
1168
|
size: 24,
|
|
1169
1169
|
node: [["path", {
|
|
@@ -1177,7 +1177,7 @@ var $e = A(Qe), et = {
|
|
|
1177
1177
|
}]]
|
|
1178
1178
|
};
|
|
1179
1179
|
et.node;
|
|
1180
|
-
var tt =
|
|
1180
|
+
var tt = k(et), nt = {
|
|
1181
1181
|
name: "x",
|
|
1182
1182
|
size: 24,
|
|
1183
1183
|
node: [["path", {
|
|
@@ -1189,8 +1189,30 @@ var tt = A(et), nt = {
|
|
|
1189
1189
|
}]]
|
|
1190
1190
|
};
|
|
1191
1191
|
nt.node;
|
|
1192
|
-
var rt =
|
|
1193
|
-
|
|
1192
|
+
var rt = k(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/i;
|
|
1193
|
+
function at(e) {
|
|
1194
|
+
let t = e, n = typeof e == "string" ? e : t?.serve_url || t?.url || t?.id || "";
|
|
1195
|
+
return String(n || "").match(it)?.[0] || "";
|
|
1196
|
+
}
|
|
1197
|
+
function ot(e, t) {
|
|
1198
|
+
if (!e) return "";
|
|
1199
|
+
if (/^field_\d+/i.test(e) && t && typeof t == "string") {
|
|
1200
|
+
let e = t.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
|
|
1201
|
+
if (e) return e;
|
|
1202
|
+
}
|
|
1203
|
+
return e;
|
|
1204
|
+
}
|
|
1205
|
+
function st(e, t = "") {
|
|
1206
|
+
if (e && typeof e == "string") {
|
|
1207
|
+
let t = e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
|
|
1208
|
+
if (t) return t;
|
|
1209
|
+
}
|
|
1210
|
+
return ot(t, e) || t;
|
|
1211
|
+
}
|
|
1212
|
+
//#endregion
|
|
1213
|
+
//#region src/widget/components/DynamicForm.tsx
|
|
1214
|
+
var ct = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode: i, isExpanded: a, onToggleExpand: o, onClose: c, onChange: l, initialValues: u, isDark: h = !1, apiClient: g, storage: _, onError: v, onEvent: y, backgroundStyle: b, ticketType: x, showReviewFields: S = !1 }) => {
|
|
1215
|
+
let [C, w] = d(u || {}), [T, E] = d(null), [D, ee] = d(null), [te, O] = d({}), [ne, k] = d({}), [A, j] = d(null), [ae, M] = d(null), [oe, se] = d({}), [ce, ue] = d({}), [fe, pe] = d({}), N = r?.primaryColor || "#c026d3";
|
|
1194
1216
|
s(() => {
|
|
1195
1217
|
if (u && Object.keys(u).length > 0) {
|
|
1196
1218
|
w((e) => ({
|
|
@@ -1201,18 +1223,18 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1201
1223
|
(e?.fields || []).forEach((e) => {
|
|
1202
1224
|
if (e.type === "file") {
|
|
1203
1225
|
let r = u[e.id];
|
|
1204
|
-
r && (String(r).startsWith("http://") || String(r).startsWith("https://") ? n[e.id] = String(r) : t[e.id] = String(r));
|
|
1226
|
+
r && (String(r).startsWith("http://") || String(r).startsWith("https://") ? (n[e.id] = String(r), at(r) && (t[e.id] = at(r))) : t[e.id] = String(r));
|
|
1205
1227
|
}
|
|
1206
1228
|
}), Object.keys(t).length > 0 && O((e) => ({
|
|
1207
1229
|
...t,
|
|
1208
1230
|
...e
|
|
1209
|
-
})), Object.keys(n).length > 0 &&
|
|
1231
|
+
})), Object.keys(n).length > 0 && k((e) => ({
|
|
1210
1232
|
...n,
|
|
1211
1233
|
...e
|
|
1212
1234
|
}));
|
|
1213
1235
|
}
|
|
1214
1236
|
}, [u, e]);
|
|
1215
|
-
let
|
|
1237
|
+
let me = (e, t) => {
|
|
1216
1238
|
w((n) => {
|
|
1217
1239
|
let r = {
|
|
1218
1240
|
...n,
|
|
@@ -1220,24 +1242,24 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1220
1242
|
};
|
|
1221
1243
|
return l?.(r), r;
|
|
1222
1244
|
});
|
|
1223
|
-
},
|
|
1245
|
+
}, P = async (t, n) => {
|
|
1224
1246
|
if (!g) return;
|
|
1225
|
-
E(t),
|
|
1247
|
+
E(t), j(null), M(null);
|
|
1226
1248
|
let r = _?.getToken?.() || null, i = te[t], a = (e?.fields || []).find((e) => e.id === t);
|
|
1227
1249
|
try {
|
|
1228
|
-
let e = await g.uploadFile(n, r, r ? null :
|
|
1250
|
+
let e = await g.uploadFile(n, r, r ? null : ge(), a?.label), o = e?.data?.asset_id || e?.asset_id, s = e?.data?.serve_url || e?.serve_url;
|
|
1229
1251
|
if (!o && !s) throw Error("Upload response missing asset_id");
|
|
1230
|
-
let c = String(o || s), u = String(s || "");
|
|
1252
|
+
let c = String(o || at(s)), u = String(s || "");
|
|
1231
1253
|
if (O((e) => ({
|
|
1232
1254
|
...e,
|
|
1233
1255
|
[t]: c
|
|
1234
|
-
})), u &&
|
|
1256
|
+
})), u && k((e) => ({
|
|
1235
1257
|
...e,
|
|
1236
1258
|
[t]: u
|
|
1237
1259
|
})), w((e) => {
|
|
1238
1260
|
let n = {
|
|
1239
1261
|
...e,
|
|
1240
|
-
[t]: c
|
|
1262
|
+
[t]: u || c
|
|
1241
1263
|
};
|
|
1242
1264
|
return l?.(n), n;
|
|
1243
1265
|
}), y?.("file_uploaded", {
|
|
@@ -1245,7 +1267,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1245
1267
|
assetId: c,
|
|
1246
1268
|
serveUrl: u
|
|
1247
1269
|
}), i && i !== c) try {
|
|
1248
|
-
await g.deleteFile(i, r), y?.("file_deleted", {
|
|
1270
|
+
await g.deleteFile(at(i) || i, r), y?.("file_deleted", {
|
|
1249
1271
|
fieldId: t,
|
|
1250
1272
|
assetId: i
|
|
1251
1273
|
});
|
|
@@ -1254,7 +1276,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1254
1276
|
}
|
|
1255
1277
|
} catch (e) {
|
|
1256
1278
|
let n = e?.message || "File upload failed. Please try again.";
|
|
1257
|
-
|
|
1279
|
+
j(n), M(t), v?.({
|
|
1258
1280
|
type: "file_upload_error",
|
|
1259
1281
|
message: n,
|
|
1260
1282
|
error: e
|
|
@@ -1262,24 +1284,24 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1262
1284
|
} finally {
|
|
1263
1285
|
E(null);
|
|
1264
1286
|
}
|
|
1265
|
-
},
|
|
1287
|
+
}, he = async (e) => {
|
|
1266
1288
|
if (!g) return;
|
|
1267
|
-
let t = _?.getToken?.() || null, n = te[e] || C[e];
|
|
1268
|
-
ee(e),
|
|
1289
|
+
let t = _?.getToken?.() || null, n = te[e] || C[e], r = at(n) || n;
|
|
1290
|
+
ee(e), j(null), M(null);
|
|
1269
1291
|
try {
|
|
1270
|
-
|
|
1292
|
+
r && (await g.deleteFile(r, t), y?.("file_deleted", {
|
|
1271
1293
|
fieldId: e,
|
|
1272
|
-
assetId:
|
|
1294
|
+
assetId: r
|
|
1273
1295
|
})), O((t) => {
|
|
1274
1296
|
let n = { ...t };
|
|
1275
1297
|
return delete n[e], n;
|
|
1276
|
-
}),
|
|
1298
|
+
}), k((t) => {
|
|
1277
1299
|
let n = { ...t };
|
|
1278
1300
|
return delete n[e], n;
|
|
1279
|
-
}),
|
|
1301
|
+
}), pe((t) => {
|
|
1280
1302
|
let n = { ...t };
|
|
1281
1303
|
return delete n[e], n;
|
|
1282
|
-
}),
|
|
1304
|
+
}), ue((t) => {
|
|
1283
1305
|
let n = { ...t };
|
|
1284
1306
|
return delete n[e], n;
|
|
1285
1307
|
}), w((t) => {
|
|
@@ -1291,7 +1313,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1291
1313
|
});
|
|
1292
1314
|
} catch (t) {
|
|
1293
1315
|
let n = t?.message || "Failed to delete file. Please try again.";
|
|
1294
|
-
|
|
1316
|
+
j(n), M(e), v?.({
|
|
1295
1317
|
type: "file_delete_error",
|
|
1296
1318
|
message: n,
|
|
1297
1319
|
error: t
|
|
@@ -1299,21 +1321,21 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1299
1321
|
} finally {
|
|
1300
1322
|
ee(null);
|
|
1301
1323
|
}
|
|
1302
|
-
},
|
|
1324
|
+
}, F = async (t, n) => {
|
|
1303
1325
|
if (!g || !n.trim()) return;
|
|
1304
|
-
E(t),
|
|
1326
|
+
E(t), j(null), M(null);
|
|
1305
1327
|
let r = _?.getToken?.() || null, i = te[t], a = (e?.fields || []).find((e) => e.id === t);
|
|
1306
1328
|
try {
|
|
1307
|
-
let e = await g.submitTextAnswer(n.trim(), r, r ? null :
|
|
1329
|
+
let e = await g.submitTextAnswer(n.trim(), r, r ? null : ge(), a?.label), o = e?.data?.asset_id || e?.asset_id;
|
|
1308
1330
|
if (!o) throw Error("Submission response missing asset_id");
|
|
1309
1331
|
let s = String(o);
|
|
1310
1332
|
if (O((e) => ({
|
|
1311
1333
|
...e,
|
|
1312
1334
|
[t]: s
|
|
1313
|
-
})),
|
|
1335
|
+
})), k((e) => {
|
|
1314
1336
|
let n = { ...e };
|
|
1315
1337
|
return delete n[t], n;
|
|
1316
|
-
}),
|
|
1338
|
+
}), pe((e) => ({
|
|
1317
1339
|
...e,
|
|
1318
1340
|
[t]: n.trim()
|
|
1319
1341
|
})), w((e) => {
|
|
@@ -1327,7 +1349,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1327
1349
|
assetId: s,
|
|
1328
1350
|
isText: !0
|
|
1329
1351
|
}), i && i !== s) try {
|
|
1330
|
-
await g.deleteFile(i, r), y?.("file_deleted", {
|
|
1352
|
+
await g.deleteFile(at(i) || i, r), y?.("file_deleted", {
|
|
1331
1353
|
fieldId: t,
|
|
1332
1354
|
assetId: i
|
|
1333
1355
|
});
|
|
@@ -1336,7 +1358,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1336
1358
|
}
|
|
1337
1359
|
} catch (e) {
|
|
1338
1360
|
let n = e?.message || "Could not submit your answer. Please try again.";
|
|
1339
|
-
|
|
1361
|
+
j(n), M(t), v?.({
|
|
1340
1362
|
type: "file_upload_error",
|
|
1341
1363
|
message: n,
|
|
1342
1364
|
error: e
|
|
@@ -1344,10 +1366,10 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1344
1366
|
} finally {
|
|
1345
1367
|
E(null);
|
|
1346
1368
|
}
|
|
1347
|
-
},
|
|
1369
|
+
}, ge = () => {
|
|
1348
1370
|
let t = (e?.fields || []).find((e) => e.type === "email" || (e.label || e.id || "").toLowerCase().includes("email"));
|
|
1349
1371
|
return String(t && C[t.id] || C.email || "").trim();
|
|
1350
|
-
},
|
|
1372
|
+
}, I = e?.fields || [], _e = Array.isArray(x?.items) ? x.items.filter((e) => e?.name) : [], ve = _e.filter((e) => e.mode === "optional"), ye = _e.filter((e) => e.mode !== "optional"), L = Array.isArray(C.selected_items) ? C.selected_items : [], be = (e) => {
|
|
1351
1373
|
w((t) => {
|
|
1352
1374
|
let n = Array.isArray(t.selected_items) ? t.selected_items : [], r = {
|
|
1353
1375
|
...t,
|
|
@@ -1355,13 +1377,13 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1355
1377
|
};
|
|
1356
1378
|
return l?.(r), r;
|
|
1357
1379
|
});
|
|
1358
|
-
},
|
|
1380
|
+
}, xe = (e) => {
|
|
1359
1381
|
if (e.description) return e.description;
|
|
1360
1382
|
if (e.helperText) return e.helperText;
|
|
1361
1383
|
let t = (e.label || e.id || "").toLowerCase(), n = e.type;
|
|
1362
1384
|
return n === "email" || t.includes("email") || t.includes("mail") ? "Please enter a valid email address. Your abstract acknowledgement, review updates, and final communication will be sent to this mailbox." : n === "phone" || t.includes("phone") || t.includes("mobile") || t.includes("contact") ? "Please enter a valid mobile number for SMS confirmations and important notifications." : t.includes("council") || t.includes("registration no") || t.includes("mci") ? "Enter your State Medical Council or National Medical Commission registration number." : n === "file" || t.includes("file") || t.includes("upload") || t.includes("bonafide") || t.includes("abstract") ? "Upload your document (PDF, JPG, PNG up to 10MB) for registration review and verification." : t.includes("salutation") || t.includes("title") ? "Choose your professional title or academic prefix." : null;
|
|
1363
|
-
},
|
|
1364
|
-
let t =
|
|
1385
|
+
}, Ce = (e) => {
|
|
1386
|
+
let t = ne[e.id] || (C[e.id] && String(C[e.id]).startsWith("http") ? C[e.id] : ""), n = fe[e.id], r = oe[e.id] || "file", i = T === e.id || D === e.id, a = ce[e.id] || "", o = a.trim() ? a.trim().split(/\s+/).length : 0, s = !!e.word_limit && o > e.word_limit;
|
|
1365
1387
|
return /* @__PURE__ */ p("div", {
|
|
1366
1388
|
className: "space-y-2 mt-2",
|
|
1367
1389
|
children: /* @__PURE__ */ m("div", {
|
|
@@ -1375,11 +1397,11 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1375
1397
|
children: [/* @__PURE__ */ p("div", {
|
|
1376
1398
|
className: "w-10 h-10 rounded-xl flex items-center justify-center shrink-0 border",
|
|
1377
1399
|
style: {
|
|
1378
|
-
backgroundColor: h ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${
|
|
1379
|
-
borderColor: h ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${
|
|
1380
|
-
color:
|
|
1400
|
+
backgroundColor: h ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${N} 10%, white)`,
|
|
1401
|
+
borderColor: h ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${N} 25%, white)`,
|
|
1402
|
+
color: N
|
|
1381
1403
|
},
|
|
1382
|
-
children: /* @__PURE__ */ p(
|
|
1404
|
+
children: /* @__PURE__ */ p(R, { size: 18 })
|
|
1383
1405
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
|
|
1384
1406
|
className: `text-xs font-bold ${h ? "text-zinc-200" : "text-gray-900"}`,
|
|
1385
1407
|
children: e.label
|
|
@@ -1390,16 +1412,16 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1390
1412
|
}), /* @__PURE__ */ p("button", {
|
|
1391
1413
|
type: "button",
|
|
1392
1414
|
disabled: i,
|
|
1393
|
-
onClick: () =>
|
|
1415
|
+
onClick: () => se((t) => ({
|
|
1394
1416
|
...t,
|
|
1395
1417
|
[e.id]: r === "file" ? "text" : "file"
|
|
1396
1418
|
})),
|
|
1397
1419
|
className: "flex items-center gap-1 text-2xs font-semibold px-2.5 py-1 rounded-lg border cursor-pointer transition-colors hover:opacity-80 disabled:opacity-50 shrink-0",
|
|
1398
1420
|
style: {
|
|
1399
|
-
color:
|
|
1400
|
-
borderColor: `color-mix(in srgb, ${
|
|
1421
|
+
color: N,
|
|
1422
|
+
borderColor: `color-mix(in srgb, ${N} 35%, transparent)`
|
|
1401
1423
|
},
|
|
1402
|
-
children: r === "file" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(
|
|
1424
|
+
children: r === "file" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(we, { size: 11 }), " Send text only"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p($e, { size: 11 }), " Send file"] })
|
|
1403
1425
|
})]
|
|
1404
1426
|
}),
|
|
1405
1427
|
r === "file" ? /* @__PURE__ */ m("div", {
|
|
@@ -1414,30 +1436,30 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1414
1436
|
disabled: i,
|
|
1415
1437
|
onChange: (t) => {
|
|
1416
1438
|
let n = t.target.files?.[0];
|
|
1417
|
-
n &&
|
|
1439
|
+
n && P(e.id, n), t.target.value = "";
|
|
1418
1440
|
}
|
|
1419
1441
|
}), /* @__PURE__ */ m("div", {
|
|
1420
1442
|
className: `flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold border transition-all shadow-2xs ${h ? "border-zinc-700 hover:border-zinc-600 text-zinc-200 bg-zinc-800 hover:bg-zinc-750" : "border-slate-200 hover:border-slate-300 text-slate-700 bg-white hover:bg-slate-50"}`,
|
|
1421
1443
|
children: [/* @__PURE__ */ p($e, {
|
|
1422
1444
|
size: 14,
|
|
1423
|
-
style: { color:
|
|
1445
|
+
style: { color: N }
|
|
1424
1446
|
}), /* @__PURE__ */ p("span", { children: T === e.id ? "Uploading..." : t ? "Replace File" : "Choose File" })]
|
|
1425
1447
|
})]
|
|
1426
1448
|
}), t && typeof t == "string" && t.trim() !== "" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
|
|
1427
1449
|
type: "button",
|
|
1428
1450
|
onClick: () => window.open(t, "_blank", "noopener,noreferrer"),
|
|
1429
1451
|
className: "flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold text-white shadow-xs transition-opacity hover:opacity-90 shrink-0 cursor-pointer",
|
|
1430
|
-
style: { backgroundColor:
|
|
1452
|
+
style: { backgroundColor: N },
|
|
1431
1453
|
title: "Open file in new tab",
|
|
1432
1454
|
children: [
|
|
1433
|
-
/* @__PURE__ */ p(
|
|
1455
|
+
/* @__PURE__ */ p(we, { size: 13 }),
|
|
1434
1456
|
/* @__PURE__ */ p("span", { children: "View" }),
|
|
1435
|
-
/* @__PURE__ */ p(
|
|
1457
|
+
/* @__PURE__ */ p(Se, { size: 11 })
|
|
1436
1458
|
]
|
|
1437
1459
|
}), /* @__PURE__ */ m("button", {
|
|
1438
1460
|
type: "button",
|
|
1439
1461
|
disabled: D === e.id || T === e.id,
|
|
1440
|
-
onClick: () =>
|
|
1462
|
+
onClick: () => he(e.id),
|
|
1441
1463
|
className: `flex items-center gap-1 py-2 px-3 rounded-xl text-xs font-semibold border transition-colors cursor-pointer ${h ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100"}`,
|
|
1442
1464
|
title: "Delete uploaded file",
|
|
1443
1465
|
children: [/* @__PURE__ */ p(Ze, { size: 13 }), /* @__PURE__ */ p("span", { children: D === e.id ? "Deleting..." : "Delete" })]
|
|
@@ -1449,7 +1471,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1449
1471
|
rows: 3,
|
|
1450
1472
|
disabled: i || !!n,
|
|
1451
1473
|
value: n ?? a,
|
|
1452
|
-
onChange: (t) =>
|
|
1474
|
+
onChange: (t) => ue((n) => ({
|
|
1453
1475
|
...n,
|
|
1454
1476
|
[e.id]: t.target.value
|
|
1455
1477
|
})),
|
|
@@ -1468,14 +1490,14 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1468
1490
|
}) : /* @__PURE__ */ p("span", {}), n ? /* @__PURE__ */ m("button", {
|
|
1469
1491
|
type: "button",
|
|
1470
1492
|
disabled: i,
|
|
1471
|
-
onClick: () =>
|
|
1493
|
+
onClick: () => he(e.id),
|
|
1472
1494
|
className: `flex items-center gap-1 py-2 px-3 rounded-xl text-xs font-semibold border transition-colors cursor-pointer ${h ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100"}`,
|
|
1473
1495
|
children: [/* @__PURE__ */ p(Ze, { size: 13 }), /* @__PURE__ */ p("span", { children: D === e.id ? "Clearing..." : "Clear & Re-enter" })]
|
|
1474
1496
|
}) : /* @__PURE__ */ m("button", {
|
|
1475
1497
|
type: "button",
|
|
1476
1498
|
disabled: i || !a.trim(),
|
|
1477
|
-
onClick: () =>
|
|
1478
|
-
style: { backgroundColor:
|
|
1499
|
+
onClick: () => F(e.id, a),
|
|
1500
|
+
style: { backgroundColor: N },
|
|
1479
1501
|
className: "flex items-center gap-1.5 px-4 py-2 rounded-xl text-xs font-bold text-white shadow-sm hover:opacity-90 transition-all cursor-pointer disabled:opacity-50",
|
|
1480
1502
|
children: [/* @__PURE__ */ p($e, { size: 13 }), /* @__PURE__ */ p("span", { children: T === e.id ? "Submitting..." : "Submit Text" })]
|
|
1481
1503
|
})]
|
|
@@ -1483,7 +1505,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1483
1505
|
}),
|
|
1484
1506
|
t && /* @__PURE__ */ m("div", {
|
|
1485
1507
|
className: `mt-2.5 pt-2 border-t text-2xs truncate flex items-center gap-1.5 ${h ? "border-zinc-800 text-zinc-300" : "border-gray-200 text-gray-700 font-medium"}`,
|
|
1486
|
-
children: [/* @__PURE__ */ p(
|
|
1508
|
+
children: [/* @__PURE__ */ p(le, {
|
|
1487
1509
|
size: 12,
|
|
1488
1510
|
className: "text-emerald-500 shrink-0"
|
|
1489
1511
|
}), /* @__PURE__ */ m("span", {
|
|
@@ -1491,16 +1513,16 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1491
1513
|
children: ["Attached: ", t]
|
|
1492
1514
|
})]
|
|
1493
1515
|
}),
|
|
1494
|
-
|
|
1516
|
+
A && ae === e.id && /* @__PURE__ */ p("div", {
|
|
1495
1517
|
className: "text-xs text-red-500 mt-2 font-medium",
|
|
1496
|
-
children:
|
|
1518
|
+
children: A
|
|
1497
1519
|
})
|
|
1498
1520
|
]
|
|
1499
1521
|
})
|
|
1500
1522
|
});
|
|
1501
|
-
},
|
|
1523
|
+
}, Te = (e) => {
|
|
1502
1524
|
if (!e) return null;
|
|
1503
|
-
let t = C[e.id] ?? "", n =
|
|
1525
|
+
let t = C[e.id] ?? "", n = xe(e), r = e.type === "email" || (e.label || "").toLowerCase().includes("email"), i = (e.label || "").toLowerCase().includes("name"), a = `vx-field-${e.id}`, o = `w-full px-4 py-3 text-[15px] font-medium rounded-xl border transition-all focus:outline-none ${h ? "bg-zinc-900 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`;
|
|
1504
1526
|
return /* @__PURE__ */ m("div", {
|
|
1505
1527
|
part: "field",
|
|
1506
1528
|
className: "px-5 sm:px-8 py-5 sm:py-6",
|
|
@@ -1530,7 +1552,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1530
1552
|
id: a,
|
|
1531
1553
|
required: e.required,
|
|
1532
1554
|
value: t,
|
|
1533
|
-
onChange: (t) =>
|
|
1555
|
+
onChange: (t) => me(e.id, t.target.value),
|
|
1534
1556
|
className: `${o} pr-10 appearance-none cursor-pointer`,
|
|
1535
1557
|
children: [/* @__PURE__ */ p("option", {
|
|
1536
1558
|
value: "",
|
|
@@ -1543,28 +1565,28 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1543
1565
|
}, e))]
|
|
1544
1566
|
}), /* @__PURE__ */ p("div", {
|
|
1545
1567
|
className: `absolute inset-y-0 right-0 flex items-center pr-3.5 pointer-events-none ${h ? "text-zinc-400" : "text-slate-400"}`,
|
|
1546
|
-
children: /* @__PURE__ */ p(
|
|
1568
|
+
children: /* @__PURE__ */ p(de, { size: 16 })
|
|
1547
1569
|
})]
|
|
1548
|
-
}) : e.type === "file" ?
|
|
1570
|
+
}) : e.type === "file" ? Ce(e) : /* @__PURE__ */ p("input", {
|
|
1549
1571
|
part: "input",
|
|
1550
1572
|
id: a,
|
|
1551
1573
|
type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : e.type === "number" ? "number" : "text",
|
|
1552
1574
|
required: e.required,
|
|
1553
1575
|
value: t,
|
|
1554
1576
|
placeholder: e.placeholder || (r ? "Enter your email address" : i ? "Your full name" : `Enter your ${e.label.toLowerCase()}`),
|
|
1555
|
-
onChange: (t) =>
|
|
1577
|
+
onChange: (t) => me(e.id, t.target.value),
|
|
1556
1578
|
className: o
|
|
1557
1579
|
})
|
|
1558
1580
|
]
|
|
1559
1581
|
}, e.id);
|
|
1560
|
-
},
|
|
1582
|
+
}, z = (e) => {
|
|
1561
1583
|
e.preventDefault();
|
|
1562
|
-
for (let e of
|
|
1563
|
-
|
|
1584
|
+
for (let e of I) if (e.type === "file" && e.required && !C[e.id]) {
|
|
1585
|
+
j(`Please upload ${e.label || "a file"}`), M(e.id);
|
|
1564
1586
|
return;
|
|
1565
1587
|
}
|
|
1566
1588
|
t(C);
|
|
1567
|
-
},
|
|
1589
|
+
}, B = x?.type || x?.name || x?.label || (S ? "Abstract Submission Form" : "Registration Form"), V = (e) => [x?.currency, e.toLocaleString()].filter(Boolean).join(" "), H = ve.filter((e) => L.includes(e.name)).reduce((e, t) => e + (Number(t.price) || 0), 0), U = (Number(x?.price) || 0) + H, W = x ? U > 0 ? V(U) : "Free" : null;
|
|
1568
1590
|
return /* @__PURE__ */ m("div", {
|
|
1569
1591
|
part: "form-page",
|
|
1570
1592
|
className: `w-full flex-1 flex flex-col relative ${h ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
|
|
@@ -1579,20 +1601,20 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1579
1601
|
type: "button",
|
|
1580
1602
|
onClick: n,
|
|
1581
1603
|
className: `inline-flex items-center gap-2 text-sm font-semibold rounded-full pl-2.5 pr-4 py-2 border transition-colors cursor-pointer ${h ? "bg-zinc-800 border-zinc-700 hover:bg-zinc-700 text-zinc-200" : "bg-white border-slate-200 hover:bg-slate-50 text-slate-700 shadow-[0_1px_2px_rgba(15,23,42,0.04)]"}`,
|
|
1582
|
-
children: [/* @__PURE__ */ p(
|
|
1604
|
+
children: [/* @__PURE__ */ p(re, { size: 16 }), /* @__PURE__ */ p("span", { children: "All forms" })]
|
|
1583
1605
|
}), /* @__PURE__ */ m("div", {
|
|
1584
1606
|
className: "flex items-center gap-2 min-w-0",
|
|
1585
1607
|
children: [x && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
|
|
1586
1608
|
part: "form-type-name",
|
|
1587
|
-
title:
|
|
1609
|
+
title: B,
|
|
1588
1610
|
className: `hidden sm:inline-block truncate max-w-[16rem] text-xs font-semibold px-3 py-1.5 rounded-full ${h ? "bg-zinc-800 text-zinc-200" : "bg-slate-100 text-slate-700"}`,
|
|
1589
|
-
children:
|
|
1611
|
+
children: B
|
|
1590
1612
|
}), !S && /* @__PURE__ */ p("span", {
|
|
1591
1613
|
part: "form-type-price",
|
|
1592
1614
|
className: "shrink-0 text-xs font-bold px-3 py-1.5 rounded-full tabular-nums",
|
|
1593
1615
|
style: {
|
|
1594
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
1595
|
-
color:
|
|
1616
|
+
backgroundColor: `color-mix(in srgb, ${N} 12%, transparent)`,
|
|
1617
|
+
color: N
|
|
1596
1618
|
},
|
|
1597
1619
|
children: W
|
|
1598
1620
|
})] }), i === "popup" && /* @__PURE__ */ m("div", {
|
|
@@ -1614,7 +1636,7 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1614
1636
|
className: "w-full flex-1 overflow-y-auto",
|
|
1615
1637
|
children: /* @__PURE__ */ m("form", {
|
|
1616
1638
|
part: "form",
|
|
1617
|
-
onSubmit:
|
|
1639
|
+
onSubmit: z,
|
|
1618
1640
|
className: "max-w-3xl mx-auto w-full px-4 sm:px-6 py-8 sm:py-10 space-y-5",
|
|
1619
1641
|
children: [
|
|
1620
1642
|
/* @__PURE__ */ m("div", {
|
|
@@ -1622,18 +1644,18 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1622
1644
|
className: "px-1",
|
|
1623
1645
|
children: [/* @__PURE__ */ p("p", {
|
|
1624
1646
|
className: "text-xs font-semibold uppercase tracking-wider",
|
|
1625
|
-
style: { color:
|
|
1647
|
+
style: { color: N },
|
|
1626
1648
|
children: S ? "Abstract submission" : "Registration form"
|
|
1627
1649
|
}), /* @__PURE__ */ p("h2", {
|
|
1628
1650
|
part: "form-title",
|
|
1629
1651
|
className: `mt-1.5 text-2xl sm:text-3xl font-bold tracking-tight ${h ? "text-white" : "text-slate-900"}`,
|
|
1630
1652
|
style: $,
|
|
1631
|
-
children:
|
|
1653
|
+
children: B
|
|
1632
1654
|
})]
|
|
1633
1655
|
}),
|
|
1634
1656
|
u && Object.keys(u).length > 0 && /* @__PURE__ */ m("div", {
|
|
1635
1657
|
className: `text-sm px-4 py-3 rounded-2xl flex items-center gap-2.5 ${h ? "bg-emerald-950/50 text-emerald-300 ring-1 ring-inset ring-emerald-900" : "bg-emerald-50 text-emerald-800 ring-1 ring-inset ring-emerald-200/80"}`,
|
|
1636
|
-
children: [/* @__PURE__ */ p(
|
|
1658
|
+
children: [/* @__PURE__ */ p(le, {
|
|
1637
1659
|
size: 16,
|
|
1638
1660
|
className: "shrink-0"
|
|
1639
1661
|
}), /* @__PURE__ */ p("span", {
|
|
@@ -1645,17 +1667,17 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1645
1667
|
part: "notice",
|
|
1646
1668
|
className: "rounded-2xl p-4 flex items-start gap-3",
|
|
1647
1669
|
style: {
|
|
1648
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
1649
|
-
boxShadow: `inset 0 0 0 1px color-mix(in srgb, ${
|
|
1670
|
+
backgroundColor: `color-mix(in srgb, ${N} ${h ? 14 : 7}%, transparent)`,
|
|
1671
|
+
boxShadow: `inset 0 0 0 1px color-mix(in srgb, ${N} 20%, transparent)`
|
|
1650
1672
|
},
|
|
1651
1673
|
children: [/* @__PURE__ */ p("div", {
|
|
1652
1674
|
className: "shrink-0 mt-0.5",
|
|
1653
|
-
style: { color:
|
|
1675
|
+
style: { color: N },
|
|
1654
1676
|
children: /* @__PURE__ */ p(Ee, { size: 18 })
|
|
1655
1677
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
1656
1678
|
part: "notice-title",
|
|
1657
1679
|
className: "text-xs font-bold uppercase tracking-wider",
|
|
1658
|
-
style: { color:
|
|
1680
|
+
style: { color: N },
|
|
1659
1681
|
children: "Before you submit"
|
|
1660
1682
|
}), /* @__PURE__ */ m("p", {
|
|
1661
1683
|
className: `text-sm mt-0.5 leading-relaxed ${h ? "text-zinc-300" : "text-slate-600"}`,
|
|
@@ -1672,9 +1694,9 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1672
1694
|
/* @__PURE__ */ p("div", {
|
|
1673
1695
|
part: "form-card",
|
|
1674
1696
|
className: `rounded-3xl border overflow-hidden divide-y ${h ? "bg-zinc-900 border-zinc-800 divide-zinc-800" : "bg-white border-slate-200/80 divide-slate-100 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`,
|
|
1675
|
-
children:
|
|
1697
|
+
children: I.map((e) => Te(e))
|
|
1676
1698
|
}),
|
|
1677
|
-
!S &&
|
|
1699
|
+
!S && _e.length > 0 && /* @__PURE__ */ m("div", {
|
|
1678
1700
|
part: "addons-card",
|
|
1679
1701
|
className: `rounded-3xl border overflow-hidden ${h ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`,
|
|
1680
1702
|
children: [
|
|
@@ -1683,8 +1705,8 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1683
1705
|
children: [/* @__PURE__ */ p("div", {
|
|
1684
1706
|
className: "w-9 h-9 rounded-xl flex items-center justify-center shrink-0",
|
|
1685
1707
|
style: {
|
|
1686
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
1687
|
-
color:
|
|
1708
|
+
backgroundColor: `color-mix(in srgb, ${N} 12%, transparent)`,
|
|
1709
|
+
color: N
|
|
1688
1710
|
},
|
|
1689
1711
|
children: /* @__PURE__ */ p(Ye, { size: 17 })
|
|
1690
1712
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
|
|
@@ -1694,27 +1716,27 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1694
1716
|
children: "Add-ons"
|
|
1695
1717
|
}), /* @__PURE__ */ p("p", {
|
|
1696
1718
|
className: `text-xs ${h ? "text-zinc-400" : "text-slate-500"}`,
|
|
1697
|
-
children:
|
|
1719
|
+
children: ve.length > 0 ? "Optional extras — charges are added to your total." : "Included with this registration."
|
|
1698
1720
|
})] })]
|
|
1699
1721
|
}),
|
|
1700
1722
|
/* @__PURE__ */ m("div", {
|
|
1701
1723
|
className: "px-5 sm:px-8 pb-5 sm:pb-6 space-y-2",
|
|
1702
|
-
children: [
|
|
1703
|
-
let t =
|
|
1724
|
+
children: [ve.map((e) => {
|
|
1725
|
+
let t = L.includes(e.name);
|
|
1704
1726
|
return /* @__PURE__ */ m("label", {
|
|
1705
1727
|
part: t ? "addon addon-selected" : "addon",
|
|
1706
1728
|
className: `p-3.5 rounded-2xl border flex items-center gap-3 cursor-pointer transition-all ${t ? "" : h ? "border-zinc-800 bg-zinc-900 hover:border-zinc-700" : "border-slate-200 bg-white hover:border-slate-300"}`,
|
|
1707
1729
|
style: t ? {
|
|
1708
|
-
borderColor:
|
|
1709
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
1730
|
+
borderColor: N,
|
|
1731
|
+
backgroundColor: `color-mix(in srgb, ${N} ${h ? 16 : 6}%, transparent)`
|
|
1710
1732
|
} : void 0,
|
|
1711
1733
|
children: [
|
|
1712
1734
|
/* @__PURE__ */ p("input", {
|
|
1713
1735
|
type: "checkbox",
|
|
1714
1736
|
checked: t,
|
|
1715
|
-
onChange: () =>
|
|
1737
|
+
onChange: () => be(e.name),
|
|
1716
1738
|
className: "w-4 h-4 rounded cursor-pointer shrink-0",
|
|
1717
|
-
style: { accentColor:
|
|
1739
|
+
style: { accentColor: N }
|
|
1718
1740
|
}),
|
|
1719
1741
|
/* @__PURE__ */ p("span", {
|
|
1720
1742
|
className: `flex-1 min-w-0 text-sm font-semibold leading-snug ${h ? "text-white" : "text-slate-900"}`,
|
|
@@ -1722,16 +1744,16 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1722
1744
|
}),
|
|
1723
1745
|
/* @__PURE__ */ p("span", {
|
|
1724
1746
|
className: "shrink-0 text-[13px] font-bold tabular-nums",
|
|
1725
|
-
style: { color:
|
|
1726
|
-
children: Number(e.price) > 0 ? `+ ${
|
|
1747
|
+
style: { color: N },
|
|
1748
|
+
children: Number(e.price) > 0 ? `+ ${V(Number(e.price))}` : "Free"
|
|
1727
1749
|
})
|
|
1728
1750
|
]
|
|
1729
1751
|
}, e.name);
|
|
1730
|
-
}),
|
|
1752
|
+
}), ye.map((e) => /* @__PURE__ */ m("div", {
|
|
1731
1753
|
part: "addon addon-included",
|
|
1732
1754
|
className: `p-3.5 rounded-2xl border flex items-center gap-3 ${h ? "border-zinc-800 bg-zinc-950/60" : "border-slate-200 bg-slate-50"}`,
|
|
1733
1755
|
children: [
|
|
1734
|
-
/* @__PURE__ */ p(
|
|
1756
|
+
/* @__PURE__ */ p(le, {
|
|
1735
1757
|
size: 16,
|
|
1736
1758
|
className: "text-emerald-500 shrink-0"
|
|
1737
1759
|
}),
|
|
@@ -1746,15 +1768,15 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1746
1768
|
]
|
|
1747
1769
|
}, e.name))]
|
|
1748
1770
|
}),
|
|
1749
|
-
|
|
1771
|
+
U > 0 && /* @__PURE__ */ m("div", {
|
|
1750
1772
|
className: `px-5 sm:px-8 py-4 border-t flex items-center justify-between gap-3 ${h ? "border-zinc-800 bg-zinc-950/40" : "border-slate-100 bg-slate-50/70"}`,
|
|
1751
1773
|
children: [/* @__PURE__ */ p("span", {
|
|
1752
1774
|
className: `text-sm font-semibold ${h ? "text-zinc-300" : "text-slate-600"}`,
|
|
1753
1775
|
children: "Total payable"
|
|
1754
1776
|
}), /* @__PURE__ */ p("span", {
|
|
1755
1777
|
className: "text-base font-bold tabular-nums",
|
|
1756
|
-
style: { color:
|
|
1757
|
-
children:
|
|
1778
|
+
style: { color: N },
|
|
1779
|
+
children: V(U)
|
|
1758
1780
|
})]
|
|
1759
1781
|
})
|
|
1760
1782
|
]
|
|
@@ -1766,11 +1788,11 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1766
1788
|
type: "submit",
|
|
1767
1789
|
disabled: T !== null || D !== null,
|
|
1768
1790
|
style: {
|
|
1769
|
-
background: `linear-gradient(135deg, ${
|
|
1770
|
-
boxShadow: `0 12px 28px -12px color-mix(in srgb, ${
|
|
1791
|
+
background: `linear-gradient(135deg, ${N}, color-mix(in srgb, ${N} 80%, black))`,
|
|
1792
|
+
boxShadow: `0 12px 28px -12px color-mix(in srgb, ${N} 70%, transparent)`
|
|
1771
1793
|
},
|
|
1772
1794
|
className: "group w-full h-14 px-8 text-base font-semibold text-white rounded-2xl hover:brightness-110 active:scale-[0.99] transition-all cursor-pointer flex items-center justify-center gap-2.5 disabled:opacity-50 disabled:cursor-not-allowed",
|
|
1773
|
-
children: [/* @__PURE__ */ p("span", { children: S ? "Submit Abstract" : "Complete Registration" }), /* @__PURE__ */ p(
|
|
1795
|
+
children: [/* @__PURE__ */ p("span", { children: S ? "Submit Abstract" : "Complete Registration" }), /* @__PURE__ */ p(ie, {
|
|
1774
1796
|
size: 18,
|
|
1775
1797
|
className: "transition-transform group-hover:translate-x-0.5"
|
|
1776
1798
|
})]
|
|
@@ -1783,28 +1805,8 @@ var rt = A(nt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ schema: e,
|
|
|
1783
1805
|
})
|
|
1784
1806
|
})]
|
|
1785
1807
|
});
|
|
1786
|
-
}
|
|
1787
|
-
|
|
1788
|
-
//#region src/widget/utils/formUtils.ts
|
|
1789
|
-
function at(e, t) {
|
|
1790
|
-
if (!e) return "";
|
|
1791
|
-
if (/^field_\d+/i.test(e) && t && typeof t == "string") {
|
|
1792
|
-
let e = t.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
|
|
1793
|
-
if (e) return e;
|
|
1794
|
-
}
|
|
1795
|
-
return e;
|
|
1796
|
-
}
|
|
1797
|
-
function ot(e, t = "") {
|
|
1798
|
-
if (e && typeof e == "string") {
|
|
1799
|
-
let t = e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
|
|
1800
|
-
if (t) return t;
|
|
1801
|
-
}
|
|
1802
|
-
return at(t, e) || t;
|
|
1803
|
-
}
|
|
1804
|
-
//#endregion
|
|
1805
|
-
//#region src/widget/components/AttendeePortal.tsx
|
|
1806
|
-
var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1, isWidgetPage: a = !1, onEvent: o, onError: c }) => {
|
|
1807
|
-
let [l, u] = d(() => t.getToken() ? "profile" : "login"), [h, g] = d(!1), [_, v] = d(!1), [y, b] = d(null), [x, S] = d(null), [C, w] = d(null), [T, E] = d(""), [D, ee] = d(""), [te, O] = d(""), [k, A] = d(""), [j, M] = d(""), [ie, ae] = d(""), [se, le] = d(""), [de, P] = d(!1), [F, me] = d(null), [I, he] = d({}), [L, ge] = d([]), [_e, R] = d({}), [be, Se] = d(null), [we, B] = d(null), [H, Te] = d(null), [Ee, W] = d(!1), [K, q] = d(!1), [Y, ke] = d({}), [je, Ne] = d(!1), [X, Fe] = d(null), [Ie, Le] = d({}), [Z, Re] = d({});
|
|
1808
|
+
}, lt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1, isWidgetPage: a = !1, onEvent: o, onError: c }) => {
|
|
1809
|
+
let [l, u] = d(() => t.getToken() ? "profile" : "login"), [h, g] = d(!1), [_, v] = d(!1), [y, b] = d(null), [x, S] = d(null), [C, w] = d(null), [T, E] = d(""), [D, ee] = d(""), [te, O] = d(""), [ne, k] = d(""), [A, j] = d(""), [ae, oe] = d(""), [ce, ue] = d(""), [fe, N] = d(!1), [P, he] = d(null), [F, ge] = d({}), [I, _e] = d([]), [ve, L] = d({}), [xe, Ce] = d(null), [Te, z] = d(null), [V, U] = d(null), [Ee, W] = d(!1), [K, q] = d(!1), [Y, ke] = d({}), [je, Ne] = d(!1), [X, Fe] = d(null), [Ie, Le] = d({}), [Z, Re] = d({});
|
|
1808
1810
|
s(() => {
|
|
1809
1811
|
let e = t.getToken();
|
|
1810
1812
|
e && Q(e);
|
|
@@ -1813,7 +1815,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1813
1815
|
g(!0), S(null);
|
|
1814
1816
|
try {
|
|
1815
1817
|
let i = await e.portalGetProfile(r), a = i?.data || i || {};
|
|
1816
|
-
|
|
1818
|
+
he(a);
|
|
1817
1819
|
let s = a.registration || {}, c = s.custom_data || {}, l = s.email || a.email || "", d = null;
|
|
1818
1820
|
if (l) try {
|
|
1819
1821
|
let t = await e.getDraftByEmail(l);
|
|
@@ -1831,7 +1833,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1831
1833
|
let f = d?.custom_data || {};
|
|
1832
1834
|
s.name ? O(s.name) : d?.name ? O(d.name) : a.name && O(a.name);
|
|
1833
1835
|
let p = 0, m = {}, h = [...a.editable_fields || []];
|
|
1834
|
-
|
|
1836
|
+
he({
|
|
1835
1837
|
...a,
|
|
1836
1838
|
editable_fields: h
|
|
1837
1839
|
});
|
|
@@ -1841,13 +1843,13 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1841
1843
|
let t = s[`${e.id}_asset_id`] || c[`${e.id}_asset_id`] || s.asset_id || c.asset_id || a.asset_id;
|
|
1842
1844
|
t && (g[e.id] = String(t));
|
|
1843
1845
|
}
|
|
1844
|
-
}),
|
|
1846
|
+
}), L((e) => ({
|
|
1845
1847
|
...g,
|
|
1846
1848
|
...e
|
|
1847
1849
|
}));
|
|
1848
1850
|
let _ = s.asset_id || s.photo_id || c.asset_id || c.photo_id || a.asset_id;
|
|
1849
|
-
_ &&
|
|
1850
|
-
let t = e.label || e.name || e.id, n =
|
|
1851
|
+
_ && Ce(String(_)), h.length > 0 ? h.forEach((e) => {
|
|
1852
|
+
let t = e.label || e.name || e.id, n = ot(e.id, e.label), r = st(e.label, e.id), i = "";
|
|
1851
1853
|
if (t && s[t] !== void 0 && s[t] !== null && s[t] !== "" ? i = s[t] : s[r] !== void 0 && s[r] !== null && s[r] !== "" ? i = s[r] : s[n] !== void 0 && s[n] !== null && s[n] !== "" ? i = s[n] : s[e.id] !== void 0 && s[e.id] !== null && s[e.id] !== "" ? i = s[e.id] : t && c[t] !== void 0 && c[t] !== null && c[t] !== "" ? i = c[t] : c[r] !== void 0 && c[r] !== null && c[r] !== "" ? i = c[r] : c[n] !== void 0 && c[n] !== null && c[n] !== "" ? i = c[n] : c[e.id] !== void 0 && c[e.id] !== null && c[e.id] !== "" && (i = c[e.id]), d) {
|
|
1852
1854
|
let t = d[n] ?? d[e.id] ?? f[n] ?? f[e.id] ?? (e.id === "salutation" ? d.salutation || d.title : void 0) ?? (e.id === "name" ? d.name || d.fullName || d.full_name : void 0) ?? (e.id === "email" ? d.email : void 0) ?? (e.id === "phone" ? d.phone || d.mobile || d.phoneNumber : void 0);
|
|
1853
1855
|
t != null && t !== "" && (i = t, p++);
|
|
@@ -1855,12 +1857,12 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1855
1857
|
m[e.id] = i;
|
|
1856
1858
|
}) : Object.entries(a).forEach(([e, t]) => {
|
|
1857
1859
|
e.toLowerCase() !== "token" && (m[e] = t);
|
|
1858
|
-
}),
|
|
1860
|
+
}), ge(m), p > 0 && W(!0);
|
|
1859
1861
|
let v = (a.addons?.items || []).filter((e) => e.purchased).map((e) => e.name);
|
|
1860
1862
|
d?.selected_items && Array.isArray(d.selected_items) && d.selected_items.forEach((e) => {
|
|
1861
1863
|
let t = typeof e == "string" ? e : e?.name;
|
|
1862
1864
|
t && !v.includes(t) && v.push(t);
|
|
1863
|
-
}),
|
|
1865
|
+
}), _e(v), u("profile"), o?.("attendee_profile_loaded", {
|
|
1864
1866
|
profile: a,
|
|
1865
1867
|
draft: d
|
|
1866
1868
|
});
|
|
@@ -1898,12 +1900,12 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1898
1900
|
}
|
|
1899
1901
|
}, He = async (t) => {
|
|
1900
1902
|
t.preventDefault();
|
|
1901
|
-
let r = (
|
|
1903
|
+
let r = (ne || T).trim();
|
|
1902
1904
|
if (!r) {
|
|
1903
1905
|
S("Please enter your registration number or email to receive a code.");
|
|
1904
1906
|
return;
|
|
1905
1907
|
}
|
|
1906
|
-
|
|
1908
|
+
N(!0), S(null), w(null);
|
|
1907
1909
|
try {
|
|
1908
1910
|
await e.portalRequestPasswordReset(r), w("A verification code has been sent to your registered email."), o?.("password_reset_code_requested", { identifier: r }), u("reset");
|
|
1909
1911
|
} catch (e) {
|
|
@@ -1915,24 +1917,24 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1915
1917
|
error: e
|
|
1916
1918
|
});
|
|
1917
1919
|
} finally {
|
|
1918
|
-
|
|
1920
|
+
N(!1);
|
|
1919
1921
|
}
|
|
1920
1922
|
}, We = async (r) => {
|
|
1921
1923
|
r.preventDefault();
|
|
1922
|
-
let i = (
|
|
1924
|
+
let i = (ne || T).trim();
|
|
1923
1925
|
if (!i) {
|
|
1924
1926
|
S("Please enter your registration number or email.");
|
|
1925
1927
|
return;
|
|
1926
1928
|
}
|
|
1927
|
-
if (!
|
|
1929
|
+
if (!A.trim()) {
|
|
1928
1930
|
S("Please enter the verification code sent to your email.");
|
|
1929
1931
|
return;
|
|
1930
1932
|
}
|
|
1931
|
-
if (!
|
|
1933
|
+
if (!ae) {
|
|
1932
1934
|
S("Please enter a new password.");
|
|
1933
1935
|
return;
|
|
1934
1936
|
}
|
|
1935
|
-
if (
|
|
1937
|
+
if (ae !== ce) {
|
|
1936
1938
|
S("New password and confirm password do not match.");
|
|
1937
1939
|
return;
|
|
1938
1940
|
}
|
|
@@ -1940,13 +1942,13 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1940
1942
|
try {
|
|
1941
1943
|
let n = await e.portalConfirmPasswordReset({
|
|
1942
1944
|
identifier: i,
|
|
1943
|
-
code:
|
|
1944
|
-
new_password:
|
|
1945
|
+
code: A.trim(),
|
|
1946
|
+
new_password: ae
|
|
1945
1947
|
}), r = n?.data?.token || n?.token;
|
|
1946
1948
|
(n?.data?.name || n?.name) && O(n.data?.name || n.name), o?.("password_reset_success", {
|
|
1947
1949
|
identifier: i,
|
|
1948
1950
|
response: n
|
|
1949
|
-
}), r ? (t.setToken(r),
|
|
1951
|
+
}), r ? (t.setToken(r), j(""), oe(""), ue(""), await Q(r)) : (E(i), ee(""), j(""), oe(""), ue(""), u("login"), w("Password updated successfully! Please login with your new password."));
|
|
1950
1952
|
} catch (e) {
|
|
1951
1953
|
n.error("Password reset failed", e);
|
|
1952
1954
|
let t = e.message || "Failed to update password. Please check the code.";
|
|
@@ -1959,7 +1961,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1959
1961
|
g(!1);
|
|
1960
1962
|
}
|
|
1961
1963
|
}, Ge = () => {
|
|
1962
|
-
t.clearToken(),
|
|
1964
|
+
t.clearToken(), he(null), ge({}), _e([]), L({}), Ce(null), U(null), O(""), ee(""), u("login"), w("Logged out successfully."), o?.("attendee_logged_out", {});
|
|
1963
1965
|
}, Ke = async (r, i) => {
|
|
1964
1966
|
let a = t.getToken();
|
|
1965
1967
|
if (!a) {
|
|
@@ -1970,13 +1972,13 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1970
1972
|
try {
|
|
1971
1973
|
let t = await e.uploadFile(i, a), n = t?.data?.serve_url || t?.serve_url || "", s = t?.data?.asset_id || t?.asset_id;
|
|
1972
1974
|
if (!s && !n) throw Error("Upload response missing asset_id");
|
|
1973
|
-
n &&
|
|
1975
|
+
n && ge((e) => ({
|
|
1974
1976
|
...e,
|
|
1975
1977
|
[r]: n
|
|
1976
|
-
})), s && (
|
|
1978
|
+
})), s && (L((e) => ({
|
|
1977
1979
|
...e,
|
|
1978
1980
|
[r]: String(s)
|
|
1979
|
-
})),
|
|
1981
|
+
})), Ce(String(s))), w(`File "${i.name}" uploaded successfully!`), o?.("portal_file_uploaded", {
|
|
1980
1982
|
fieldId: r,
|
|
1981
1983
|
serveUrl: n,
|
|
1982
1984
|
assetId: s,
|
|
@@ -1999,19 +2001,19 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1999
2001
|
S("Session expired. Please log in again.");
|
|
2000
2002
|
return;
|
|
2001
2003
|
}
|
|
2002
|
-
let a =
|
|
2003
|
-
|
|
2004
|
+
let a = F[r], s = at(a) || ve[r] || xe;
|
|
2005
|
+
z(r), S(null), w(null);
|
|
2004
2006
|
try {
|
|
2005
2007
|
s && (n.log(`Deleting asset ${s} for field ${r}...`), await e.portalDeleteFile(i, s), n.log(`Asset ${s} deleted successfully.`), o?.("portal_file_deleted", {
|
|
2006
2008
|
assetId: s,
|
|
2007
2009
|
fieldId: r
|
|
2008
|
-
})),
|
|
2010
|
+
})), ge((e) => ({
|
|
2009
2011
|
...e,
|
|
2010
2012
|
[r]: ""
|
|
2011
|
-
})),
|
|
2013
|
+
})), L((e) => {
|
|
2012
2014
|
let t = { ...e };
|
|
2013
2015
|
return delete t[r], t;
|
|
2014
|
-
}),
|
|
2016
|
+
}), xe === s && Ce(null), w("File removed successfully.");
|
|
2015
2017
|
} catch (e) {
|
|
2016
2018
|
n.error("Failed to delete file", e);
|
|
2017
2019
|
let t = e.message || "Failed to delete file. Please try again.";
|
|
@@ -2021,10 +2023,10 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2021
2023
|
error: e
|
|
2022
2024
|
});
|
|
2023
2025
|
} finally {
|
|
2024
|
-
|
|
2026
|
+
z(null);
|
|
2025
2027
|
}
|
|
2026
2028
|
}, Xe = (e, t) => {
|
|
2027
|
-
t ||
|
|
2029
|
+
t || _e((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
|
|
2028
2030
|
}, Qe = async (r) => {
|
|
2029
2031
|
r.preventDefault();
|
|
2030
2032
|
let i = t.getToken();
|
|
@@ -2034,11 +2036,14 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2034
2036
|
}
|
|
2035
2037
|
v(!0), S(null), w(null);
|
|
2036
2038
|
try {
|
|
2037
|
-
let t =
|
|
2039
|
+
let t = P?.editable_fields || [], n = { ...P?.registration?.custom_data || {} }, r = {};
|
|
2038
2040
|
t.forEach((e) => {
|
|
2039
|
-
let t =
|
|
2040
|
-
e.type === "file"
|
|
2041
|
-
|
|
2041
|
+
let t = F[e.id], i = e.label || e.name || e.id, a = st(e.label, e.id), o = ot(e.id, e.label);
|
|
2042
|
+
if (e.type === "file") {
|
|
2043
|
+
let s = typeof t == "string" ? t : t?.serve_url || t?.url || "";
|
|
2044
|
+
delete n[i], delete n[a], n[o] = s, r[o] = s, o !== e.id && (r[e.id] = s);
|
|
2045
|
+
} else e.builtin ? (r[o] = t, o !== e.id && (r[e.id] = t)) : (n[o] = t, r[o] = t, o !== e.id && (n[e.id] = t, r[e.id] = t));
|
|
2046
|
+
}), r.custom_data = n, r.addons = I;
|
|
2042
2047
|
let a = await e.portalUpdateProfile(i, r);
|
|
2043
2048
|
o?.("attendee_profile_updated", {
|
|
2044
2049
|
payload: r,
|
|
@@ -2046,7 +2051,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2046
2051
|
});
|
|
2047
2052
|
let s = a?.data?.addon_checkout?.payment_url || a?.addon_checkout?.payment_url || a?.data?.payment_url || a?.payment_url;
|
|
2048
2053
|
if (s && typeof s == "string" && s.trim() !== "") {
|
|
2049
|
-
|
|
2054
|
+
U(s), w("Add-ons updated! Opening payment page in a new tab..."), o?.("addon_payment_opened", { payment_url: s }), window.open(s, "_blank", "noopener,noreferrer"), await Q(i);
|
|
2050
2055
|
return;
|
|
2051
2056
|
}
|
|
2052
2057
|
w("Profile updated successfully!"), await Q(i);
|
|
@@ -2062,11 +2067,11 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2062
2067
|
v(!1);
|
|
2063
2068
|
}
|
|
2064
2069
|
}, et = () => {
|
|
2065
|
-
let e =
|
|
2070
|
+
let e = P?.review_submission;
|
|
2066
2071
|
if (!e) return;
|
|
2067
2072
|
let t = e.custom_data || {}, n = {}, r = {};
|
|
2068
2073
|
(e.editable_fields || []).forEach((i) => {
|
|
2069
|
-
i.id === "name" ? n[i.id] = e.name || "" : i.id === "phone" ? n[i.id] = e.phone || "" : i.id === "registration_type" ? n[i.id] = e.registration_type || "" : n[i.id] = t[i.id] ?? t[
|
|
2074
|
+
i.id === "name" ? n[i.id] = e.name || "" : i.id === "phone" ? n[i.id] = e.phone || "" : i.id === "registration_type" ? n[i.id] = e.registration_type || "" : n[i.id] = t[i.id] ?? t[ot(i.id, i.label)] ?? "", i.type === "file" && (r[i.id] = i.current_file?.text || "");
|
|
2070
2075
|
}), ke(n), Re(r), Le({}), q(!0);
|
|
2071
2076
|
}, nt = (e) => {
|
|
2072
2077
|
if (Ie[e.id]) return Ie[e.id];
|
|
@@ -2078,7 +2083,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2078
2083
|
S("Session expired. Please log in again.");
|
|
2079
2084
|
return;
|
|
2080
2085
|
}
|
|
2081
|
-
let s = (
|
|
2086
|
+
let s = (P?.review_submission?.editable_fields || []).find((e) => e.id === r), l = s?.current_file?.id;
|
|
2082
2087
|
Fe(r), S(null), w(null);
|
|
2083
2088
|
try {
|
|
2084
2089
|
if (l) try {
|
|
@@ -2118,7 +2123,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2118
2123
|
Fe(r), S(null), w(null);
|
|
2119
2124
|
try {
|
|
2120
2125
|
let t = await e.portalUpdateSubmission(i, { [r]: { text: a } }), n = t?.data || t;
|
|
2121
|
-
|
|
2126
|
+
he((e) => ({
|
|
2122
2127
|
...e,
|
|
2123
2128
|
review_submission: n
|
|
2124
2129
|
}));
|
|
@@ -2139,7 +2144,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2139
2144
|
Fe(null);
|
|
2140
2145
|
}
|
|
2141
2146
|
}
|
|
2142
|
-
},
|
|
2147
|
+
}, ct = async (r) => {
|
|
2143
2148
|
r.preventDefault();
|
|
2144
2149
|
let i = t.getToken();
|
|
2145
2150
|
if (!i) {
|
|
@@ -2149,7 +2154,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2149
2154
|
Ne(!0), S(null), w(null);
|
|
2150
2155
|
try {
|
|
2151
2156
|
let t = await e.portalUpdateSubmission(i, Y), n = t?.data || t;
|
|
2152
|
-
|
|
2157
|
+
he((e) => ({
|
|
2153
2158
|
...e,
|
|
2154
2159
|
review_submission: n
|
|
2155
2160
|
})), q(!1), w("Your submission was updated successfully!"), o?.("attendee_submission_updated", {
|
|
@@ -2167,7 +2172,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2167
2172
|
} finally {
|
|
2168
2173
|
Ne(!1);
|
|
2169
2174
|
}
|
|
2170
|
-
},
|
|
2175
|
+
}, lt = () => /* @__PURE__ */ m("div", {
|
|
2171
2176
|
className: "absolute inset-0 pointer-events-none overflow-hidden z-0 select-none",
|
|
2172
2177
|
children: [
|
|
2173
2178
|
/* @__PURE__ */ p("div", {
|
|
@@ -2194,7 +2199,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2194
2199
|
}
|
|
2195
2200
|
})
|
|
2196
2201
|
]
|
|
2197
|
-
}),
|
|
2202
|
+
}), ut = (e) => {
|
|
2198
2203
|
let t = (e.label || e.id || "").toLowerCase(), n = e.type;
|
|
2199
2204
|
return n === "email" || t.includes("email") || t.includes("mail") ? /* @__PURE__ */ p(Me, {
|
|
2200
2205
|
size: 13,
|
|
@@ -2212,15 +2217,15 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2212
2217
|
size: 13,
|
|
2213
2218
|
className: "shrink-0",
|
|
2214
2219
|
style: { color: r }
|
|
2215
|
-
}) : t.includes("designat") || t.includes("role") || t.includes("position") || t.includes("profession") ? /* @__PURE__ */ p(
|
|
2220
|
+
}) : t.includes("designat") || t.includes("role") || t.includes("position") || t.includes("profession") ? /* @__PURE__ */ p(M, {
|
|
2216
2221
|
size: 13,
|
|
2217
2222
|
className: "shrink-0",
|
|
2218
2223
|
style: { color: r }
|
|
2219
|
-
}) : t.includes("specialis") || t.includes("specializ") || t.includes("department") || t.includes("degree") ? /* @__PURE__ */ p(
|
|
2224
|
+
}) : t.includes("specialis") || t.includes("specializ") || t.includes("department") || t.includes("degree") ? /* @__PURE__ */ p(B, {
|
|
2220
2225
|
size: 13,
|
|
2221
2226
|
className: "shrink-0",
|
|
2222
2227
|
style: { color: r }
|
|
2223
|
-
}) : t.includes("organi") || t.includes("institute") || t.includes("hospital") || t.includes("company") || t.includes("college") ? /* @__PURE__ */ p(
|
|
2228
|
+
}) : t.includes("organi") || t.includes("institute") || t.includes("hospital") || t.includes("company") || t.includes("college") ? /* @__PURE__ */ p(se, {
|
|
2224
2229
|
size: 13,
|
|
2225
2230
|
className: "shrink-0",
|
|
2226
2231
|
style: { color: r }
|
|
@@ -2228,14 +2233,14 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2228
2233
|
size: 13,
|
|
2229
2234
|
className: "shrink-0",
|
|
2230
2235
|
style: { color: r }
|
|
2231
|
-
}) : p(n === "file" ?
|
|
2236
|
+
}) : p(n === "file" ? R : we, {
|
|
2232
2237
|
size: 13,
|
|
2233
2238
|
className: "shrink-0",
|
|
2234
2239
|
style: { color: r }
|
|
2235
2240
|
});
|
|
2236
|
-
},
|
|
2241
|
+
}, dt = (e, t = "w-full", n = []) => {
|
|
2237
2242
|
if (!e) return null;
|
|
2238
|
-
let r = n.includes(e.id) || n.includes(
|
|
2243
|
+
let r = n.includes(e.id) || n.includes(ot(e.id, e.label)), a = F[e.id] ?? "", o = `vx-profile-${e.id}`, s = `w-full h-11 px-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${r ? i ? "bg-zinc-800/60 text-zinc-500 border-zinc-800 cursor-not-allowed" : "bg-slate-50 text-slate-500 border-slate-200 cursor-not-allowed" : i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`;
|
|
2239
2244
|
return /* @__PURE__ */ m("div", {
|
|
2240
2245
|
className: `${t} px-2 mb-4`,
|
|
2241
2246
|
children: [/* @__PURE__ */ m("div", {
|
|
@@ -2247,7 +2252,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2247
2252
|
children: [
|
|
2248
2253
|
/* @__PURE__ */ p("span", {
|
|
2249
2254
|
className: i ? "text-zinc-500" : "text-slate-400",
|
|
2250
|
-
children:
|
|
2255
|
+
children: ut(e)
|
|
2251
2256
|
}),
|
|
2252
2257
|
/* @__PURE__ */ p("span", { children: e.label }),
|
|
2253
2258
|
e.required && /* @__PURE__ */ p("span", {
|
|
@@ -2266,8 +2271,8 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2266
2271
|
id: o,
|
|
2267
2272
|
disabled: r,
|
|
2268
2273
|
value: a,
|
|
2269
|
-
onChange: (t) =>
|
|
2270
|
-
...
|
|
2274
|
+
onChange: (t) => ge({
|
|
2275
|
+
...F,
|
|
2271
2276
|
[e.id]: t.target.value
|
|
2272
2277
|
}),
|
|
2273
2278
|
className: `${s} pr-9 appearance-none cursor-pointer flex items-center`,
|
|
@@ -2286,23 +2291,23 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2286
2291
|
}, e))]
|
|
2287
2292
|
}), /* @__PURE__ */ p("div", {
|
|
2288
2293
|
className: `absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none ${i ? "text-zinc-400" : "text-slate-400"}`,
|
|
2289
|
-
children: /* @__PURE__ */ p(
|
|
2294
|
+
children: /* @__PURE__ */ p(de, { size: 15 })
|
|
2290
2295
|
})]
|
|
2291
|
-
}) : e.type === "file" ?
|
|
2296
|
+
}) : e.type === "file" ? ft(e, r, a) : /* @__PURE__ */ p("input", {
|
|
2292
2297
|
part: "input",
|
|
2293
2298
|
id: o,
|
|
2294
2299
|
type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : "text",
|
|
2295
2300
|
disabled: r,
|
|
2296
2301
|
value: a,
|
|
2297
2302
|
placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
|
|
2298
|
-
onChange: (t) =>
|
|
2299
|
-
...
|
|
2303
|
+
onChange: (t) => ge({
|
|
2304
|
+
...F,
|
|
2300
2305
|
[e.id]: t.target.value
|
|
2301
2306
|
}),
|
|
2302
2307
|
className: s
|
|
2303
2308
|
})]
|
|
2304
2309
|
}, e.id);
|
|
2305
|
-
},
|
|
2310
|
+
}, ft = (e, t, n) => {
|
|
2306
2311
|
let a = y === e.id, o = e.label || e.name || e.id, s = typeof n == "string" ? n : n?.serve_url || n?.url || "", c = typeof n == "string" ? n : n?.file_name || s;
|
|
2307
2312
|
return /* @__PURE__ */ p("div", {
|
|
2308
2313
|
className: "space-y-2",
|
|
@@ -2321,7 +2326,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2321
2326
|
borderColor: i ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${r} 20%, white)`,
|
|
2322
2327
|
color: r
|
|
2323
2328
|
},
|
|
2324
|
-
children: /* @__PURE__ */ p(
|
|
2329
|
+
children: /* @__PURE__ */ p(R, { size: 16 })
|
|
2325
2330
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
|
|
2326
2331
|
className: `text-xs font-bold ${i ? "text-zinc-200" : "text-gray-900"}`,
|
|
2327
2332
|
children: o
|
|
@@ -2339,23 +2344,23 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2339
2344
|
style: { backgroundColor: r },
|
|
2340
2345
|
title: "Open file in new tab",
|
|
2341
2346
|
children: [
|
|
2342
|
-
/* @__PURE__ */ p(
|
|
2347
|
+
/* @__PURE__ */ p(we, { size: 13 }),
|
|
2343
2348
|
/* @__PURE__ */ p("span", { children: "View" }),
|
|
2344
|
-
/* @__PURE__ */ p(
|
|
2349
|
+
/* @__PURE__ */ p(Se, { size: 11 })
|
|
2345
2350
|
]
|
|
2346
2351
|
}), !t && /* @__PURE__ */ m("button", {
|
|
2347
2352
|
type: "button",
|
|
2348
|
-
disabled:
|
|
2353
|
+
disabled: Te === e.id || a,
|
|
2349
2354
|
onClick: () => Je(e.id),
|
|
2350
2355
|
className: `flex items-center gap-1 py-1.5 px-2.5 rounded-lg text-xs font-semibold border backdrop-blur-sm transition-colors cursor-pointer ${i ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50/80 text-red-600 hover:bg-red-100"}`,
|
|
2351
2356
|
title: "Remove file",
|
|
2352
|
-
children: [/* @__PURE__ */ p(Ze, { size: 13 }), /* @__PURE__ */ p("span", { children:
|
|
2357
|
+
children: [/* @__PURE__ */ p(Ze, { size: 13 }), /* @__PURE__ */ p("span", { children: Te === e.id ? "Deleting..." : "Delete" })]
|
|
2353
2358
|
})] })
|
|
2354
2359
|
})]
|
|
2355
2360
|
}),
|
|
2356
2361
|
n && /* @__PURE__ */ m("div", {
|
|
2357
2362
|
className: `mt-2 pt-2 border-t text-2xs truncate flex items-center gap-1.5 ${i ? "border-zinc-800 text-zinc-300" : "border-gray-200 text-gray-700 font-medium"}`,
|
|
2358
|
-
children: [/* @__PURE__ */ p(
|
|
2363
|
+
children: [/* @__PURE__ */ p(le, {
|
|
2359
2364
|
size: 12,
|
|
2360
2365
|
className: "text-emerald-500 shrink-0"
|
|
2361
2366
|
}), /* @__PURE__ */ m("span", {
|
|
@@ -2390,7 +2395,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2390
2395
|
})
|
|
2391
2396
|
});
|
|
2392
2397
|
};
|
|
2393
|
-
if (l === "profile" && !
|
|
2398
|
+
if (l === "profile" && !P) {
|
|
2394
2399
|
let e = "vx-skeleton rounded-full", t = `rounded-3xl border p-5 sm:p-6 ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`;
|
|
2395
2400
|
return /* @__PURE__ */ m("div", {
|
|
2396
2401
|
role: "status",
|
|
@@ -2402,7 +2407,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2402
2407
|
className: "sr-only",
|
|
2403
2408
|
children: "Loading your profile…"
|
|
2404
2409
|
}),
|
|
2405
|
-
|
|
2410
|
+
lt(),
|
|
2406
2411
|
/* @__PURE__ */ m("div", {
|
|
2407
2412
|
className: `max-w-3xl mx-auto w-full px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} space-y-5 relative z-10`,
|
|
2408
2413
|
children: [/* @__PURE__ */ m("div", {
|
|
@@ -2444,7 +2449,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2444
2449
|
});
|
|
2445
2450
|
}
|
|
2446
2451
|
if (l === "profile") {
|
|
2447
|
-
let e =
|
|
2452
|
+
let e = P?.registration || {}, t = P?.editable_fields || [], n = P?.locked_fields || [], o = Array.isArray(P?.payment) ? P.payment : P?.payment ? [P.payment] : [], s = o.filter((e) => e.state !== "not_required"), c = o[0], l = P?.addons?.items || [], u = P?.badge || null, d = P?.review_submission || null, h = te || "Attendee", g = h.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase()).join("") || "A", v = `rounded-3xl border p-5 sm:p-6 ${i ? "bg-zinc-900 border-zinc-800 text-white" : "bg-white border-slate-200/80 text-slate-900 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`, b = i ? "text-zinc-400" : "text-slate-500", S = `text-base font-semibold tracking-tight ${i ? "text-white" : "text-slate-900"}`, w = [
|
|
2448
2453
|
{
|
|
2449
2454
|
label: "Registration no.",
|
|
2450
2455
|
value: e.registration_number || "N/A",
|
|
@@ -2466,7 +2471,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2466
2471
|
onScroll: a ? void 0 : (e) => {
|
|
2467
2472
|
e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0);
|
|
2468
2473
|
},
|
|
2469
|
-
children: [
|
|
2474
|
+
children: [lt(), /* @__PURE__ */ p("div", {
|
|
2470
2475
|
className: `${a ? "w-full flex-1" : "flex-1 overflow-y-auto min-h-0 overscroll-contain"} relative z-10`,
|
|
2471
2476
|
children: /* @__PURE__ */ m("div", {
|
|
2472
2477
|
className: `max-w-3xl mx-auto w-full px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} space-y-5`,
|
|
@@ -2547,11 +2552,11 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2547
2552
|
children: "Keep your information up to date."
|
|
2548
2553
|
})] }), Ee && /* @__PURE__ */ m("span", {
|
|
2549
2554
|
className: `inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full shrink-0 ${i ? "bg-emerald-950/60 text-emerald-300" : "bg-emerald-50 text-emerald-700"}`,
|
|
2550
|
-
children: [/* @__PURE__ */ p(
|
|
2555
|
+
children: [/* @__PURE__ */ p(le, { size: 11 }), " Draft restored"]
|
|
2551
2556
|
})]
|
|
2552
2557
|
}), /* @__PURE__ */ p("div", {
|
|
2553
2558
|
className: "flex flex-wrap -mx-2 -mb-4",
|
|
2554
|
-
children: t.map((e) =>
|
|
2559
|
+
children: t.map((e) => dt(e, e.type === "file" || e.width === "full" ? "w-full" : "w-full md:w-1/2", n))
|
|
2555
2560
|
})]
|
|
2556
2561
|
}),
|
|
2557
2562
|
l.length > 0 && /* @__PURE__ */ m("div", {
|
|
@@ -2580,7 +2585,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2580
2585
|
}), /* @__PURE__ */ p("div", {
|
|
2581
2586
|
className: "space-y-2",
|
|
2582
2587
|
children: l.map((e) => {
|
|
2583
|
-
let t = !!e.purchased, n =
|
|
2588
|
+
let t = !!e.purchased, n = I.includes(e.name);
|
|
2584
2589
|
return /* @__PURE__ */ m("label", {
|
|
2585
2590
|
className: `p-3.5 rounded-2xl border flex items-center gap-3 transition-all ${t ? i ? "bg-zinc-950/60 border-zinc-800 cursor-default" : "bg-slate-50 border-slate-200 cursor-default" : n ? "cursor-pointer" : i ? "border-zinc-800 bg-zinc-900 hover:border-zinc-700 cursor-pointer" : "border-slate-200 bg-white hover:border-slate-300 cursor-pointer"}`,
|
|
2586
2591
|
style: n && !t ? {
|
|
@@ -2613,7 +2618,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2613
2618
|
}),
|
|
2614
2619
|
t && /* @__PURE__ */ m("span", {
|
|
2615
2620
|
className: `px-2.5 py-1 rounded-full text-[11px] font-semibold flex items-center gap-1 shrink-0 ${i ? "bg-emerald-950/70 text-emerald-300" : "bg-emerald-50 text-emerald-700"}`,
|
|
2616
|
-
children: [/* @__PURE__ */ p(
|
|
2621
|
+
children: [/* @__PURE__ */ p(le, { size: 12 }), " Purchased"]
|
|
2617
2622
|
})
|
|
2618
2623
|
]
|
|
2619
2624
|
}, e.name);
|
|
@@ -2665,7 +2670,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2665
2670
|
backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
|
|
2666
2671
|
color: r
|
|
2667
2672
|
},
|
|
2668
|
-
children: /* @__PURE__ */ p(
|
|
2673
|
+
children: /* @__PURE__ */ p(H, { size: 17 })
|
|
2669
2674
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
2670
2675
|
className: S,
|
|
2671
2676
|
style: $,
|
|
@@ -2690,7 +2695,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2690
2695
|
target: "_blank",
|
|
2691
2696
|
rel: "noopener noreferrer",
|
|
2692
2697
|
className: `inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold border transition-colors ${i ? "text-zinc-200 border-zinc-700 hover:bg-zinc-800" : "text-slate-700 border-slate-200 bg-white hover:bg-slate-50"}`,
|
|
2693
|
-
children: [/* @__PURE__ */ p(
|
|
2698
|
+
children: [/* @__PURE__ */ p(Se, { size: 13 }), /* @__PURE__ */ p("span", { children: "View badge" })]
|
|
2694
2699
|
}), /* @__PURE__ */ m("a", {
|
|
2695
2700
|
href: u,
|
|
2696
2701
|
download: !0,
|
|
@@ -2698,7 +2703,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2698
2703
|
rel: "noopener noreferrer",
|
|
2699
2704
|
className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white",
|
|
2700
2705
|
style: { backgroundColor: r },
|
|
2701
|
-
children: [/* @__PURE__ */ p(
|
|
2706
|
+
children: [/* @__PURE__ */ p(be, { size: 13 }), /* @__PURE__ */ p("span", { children: "Download badge" })]
|
|
2702
2707
|
})]
|
|
2703
2708
|
})
|
|
2704
2709
|
]
|
|
@@ -2751,7 +2756,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2751
2756
|
rel: "noopener noreferrer",
|
|
2752
2757
|
className: "inline-flex items-center gap-1 text-[12.5px] font-semibold hover:underline underline-offset-4 shrink-0",
|
|
2753
2758
|
style: { color: r },
|
|
2754
|
-
children: [/* @__PURE__ */ p("span", { children: "Receipt" }), /* @__PURE__ */ p(
|
|
2759
|
+
children: [/* @__PURE__ */ p("span", { children: "Receipt" }), /* @__PURE__ */ p(Se, { size: 11 })]
|
|
2755
2760
|
})
|
|
2756
2761
|
]
|
|
2757
2762
|
}, e.order_number || t);
|
|
@@ -2771,7 +2776,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2771
2776
|
backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
|
|
2772
2777
|
color: r
|
|
2773
2778
|
},
|
|
2774
|
-
children: /* @__PURE__ */ p(
|
|
2779
|
+
children: /* @__PURE__ */ p(we, { size: 17 })
|
|
2775
2780
|
}),
|
|
2776
2781
|
/* @__PURE__ */ m("div", {
|
|
2777
2782
|
className: "flex-1 min-w-0",
|
|
@@ -2807,7 +2812,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2807
2812
|
})] })]
|
|
2808
2813
|
}),
|
|
2809
2814
|
K ? /* @__PURE__ */ m("form", {
|
|
2810
|
-
onSubmit:
|
|
2815
|
+
onSubmit: ct,
|
|
2811
2816
|
className: `mt-4 pt-4 border-t space-y-3.5 ${i ? "border-zinc-800" : "border-slate-100"}`,
|
|
2812
2817
|
children: [(d.editable_fields || []).map((e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("label", {
|
|
2813
2818
|
className: `block text-[13px] font-semibold mb-1.5 ${i ? "text-zinc-200" : "text-slate-800"}`,
|
|
@@ -2938,7 +2943,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2938
2943
|
})
|
|
2939
2944
|
]
|
|
2940
2945
|
}),
|
|
2941
|
-
|
|
2946
|
+
V && /* @__PURE__ */ m("div", {
|
|
2942
2947
|
className: "p-4 rounded-2xl flex flex-wrap items-center justify-between gap-3 text-sm",
|
|
2943
2948
|
style: {
|
|
2944
2949
|
backgroundColor: `color-mix(in srgb, ${r} ${i ? 14 : 7}%, transparent)`,
|
|
@@ -2946,24 +2951,24 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2946
2951
|
},
|
|
2947
2952
|
children: [/* @__PURE__ */ m("div", {
|
|
2948
2953
|
className: `flex items-center gap-2.5 ${i ? "text-zinc-200" : "text-slate-700"}`,
|
|
2949
|
-
children: [/* @__PURE__ */ p(
|
|
2954
|
+
children: [/* @__PURE__ */ p(ye, {
|
|
2950
2955
|
size: 17,
|
|
2951
2956
|
className: "shrink-0",
|
|
2952
2957
|
style: { color: r }
|
|
2953
2958
|
}), /* @__PURE__ */ p("span", { children: "Payment page opened in a new tab. If it didn't open:" })]
|
|
2954
2959
|
}), /* @__PURE__ */ m("a", {
|
|
2955
|
-
href:
|
|
2960
|
+
href: V,
|
|
2956
2961
|
target: "_blank",
|
|
2957
2962
|
rel: "noopener noreferrer",
|
|
2958
2963
|
className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white shrink-0",
|
|
2959
2964
|
style: { backgroundColor: r },
|
|
2960
|
-
children: [/* @__PURE__ */ p("span", { children: "Complete payment" }), /* @__PURE__ */ p(
|
|
2965
|
+
children: [/* @__PURE__ */ p("span", { children: "Complete payment" }), /* @__PURE__ */ p(Se, { size: 12 })]
|
|
2961
2966
|
})]
|
|
2962
2967
|
}),
|
|
2963
2968
|
x && /* @__PURE__ */ m("div", {
|
|
2964
2969
|
role: "alert",
|
|
2965
2970
|
className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-red-950/50 text-red-300 ring-1 ring-inset ring-red-900" : "bg-red-50 text-red-700 ring-1 ring-inset ring-red-200/80"}`,
|
|
2966
|
-
children: [/* @__PURE__ */ p(
|
|
2971
|
+
children: [/* @__PURE__ */ p(pe, {
|
|
2967
2972
|
size: 17,
|
|
2968
2973
|
className: "shrink-0 mt-0.5"
|
|
2969
2974
|
}), /* @__PURE__ */ p("span", { children: x })]
|
|
@@ -2971,7 +2976,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2971
2976
|
C && /* @__PURE__ */ m("div", {
|
|
2972
2977
|
role: "status",
|
|
2973
2978
|
className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-emerald-950/50 text-emerald-300 ring-1 ring-inset ring-emerald-900" : "bg-emerald-50 text-emerald-700 ring-1 ring-inset ring-emerald-200/80"}`,
|
|
2974
|
-
children: [/* @__PURE__ */ p(
|
|
2979
|
+
children: [/* @__PURE__ */ p(me, {
|
|
2975
2980
|
size: 17,
|
|
2976
2981
|
className: "shrink-0 mt-0.5"
|
|
2977
2982
|
}), /* @__PURE__ */ p("span", { children: C })]
|
|
@@ -2981,7 +2986,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2981
2986
|
})]
|
|
2982
2987
|
});
|
|
2983
2988
|
}
|
|
2984
|
-
let
|
|
2989
|
+
let pt = `w-full h-11 pl-10 pr-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`, mt = /* @__PURE__ */ m("svg", {
|
|
2985
2990
|
className: "animate-spin h-4 w-4 text-white",
|
|
2986
2991
|
fill: "none",
|
|
2987
2992
|
viewBox: "0 0 24 24",
|
|
@@ -2998,9 +3003,9 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2998
3003
|
fill: "currentColor",
|
|
2999
3004
|
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
|
3000
3005
|
})]
|
|
3001
|
-
}),
|
|
3006
|
+
}), ht = (e) => {
|
|
3002
3007
|
u(e), S(null), w(null);
|
|
3003
|
-
},
|
|
3008
|
+
}, gt = ({ id: e, label: t, icon: n, type: r = "text", value: a, onChange: o, placeholder: s, autoComplete: c, aside: l }) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
|
|
3004
3009
|
className: "flex items-center justify-between gap-2 mb-1.5",
|
|
3005
3010
|
children: [/* @__PURE__ */ p("label", {
|
|
3006
3011
|
part: "field-label",
|
|
@@ -3022,23 +3027,23 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
3022
3027
|
autoComplete: c,
|
|
3023
3028
|
onChange: (e) => o(e.target.value),
|
|
3024
3029
|
placeholder: s,
|
|
3025
|
-
className:
|
|
3030
|
+
className: pt
|
|
3026
3031
|
})]
|
|
3027
|
-
})] }),
|
|
3032
|
+
})] }), _t = () => /* @__PURE__ */ m(f, { children: [x && /* @__PURE__ */ m("div", {
|
|
3028
3033
|
role: "alert",
|
|
3029
3034
|
className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-red-950/50 text-red-300 ring-1 ring-inset ring-red-900" : "bg-red-50 text-red-700 ring-1 ring-inset ring-red-200/80"}`,
|
|
3030
|
-
children: [/* @__PURE__ */ p(
|
|
3035
|
+
children: [/* @__PURE__ */ p(pe, {
|
|
3031
3036
|
size: 17,
|
|
3032
3037
|
className: "shrink-0 mt-0.5"
|
|
3033
3038
|
}), /* @__PURE__ */ p("span", { children: x })]
|
|
3034
3039
|
}), C && /* @__PURE__ */ m("div", {
|
|
3035
3040
|
role: "status",
|
|
3036
3041
|
className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-emerald-950/50 text-emerald-300 ring-1 ring-inset ring-emerald-900" : "bg-emerald-50 text-emerald-700 ring-1 ring-inset ring-emerald-200/80"}`,
|
|
3037
|
-
children: [/* @__PURE__ */ p(
|
|
3042
|
+
children: [/* @__PURE__ */ p(me, {
|
|
3038
3043
|
size: 17,
|
|
3039
3044
|
className: "shrink-0 mt-0.5"
|
|
3040
3045
|
}), /* @__PURE__ */ p("span", { children: C })]
|
|
3041
|
-
})] }),
|
|
3046
|
+
})] }), vt = (e, t, n) => /* @__PURE__ */ p("button", {
|
|
3042
3047
|
part: "button button-primary submit-button",
|
|
3043
3048
|
type: "submit",
|
|
3044
3049
|
disabled: e,
|
|
@@ -3047,20 +3052,20 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
3047
3052
|
boxShadow: `0 10px 24px -12px color-mix(in srgb, ${r} 70%, transparent)`
|
|
3048
3053
|
},
|
|
3049
3054
|
className: "group w-full h-11 px-4 text-white text-sm font-semibold rounded-xl hover:brightness-110 active:scale-[0.99] transition-all flex items-center justify-center gap-2 cursor-pointer disabled:opacity-60 disabled:cursor-not-allowed",
|
|
3050
|
-
children: e ? /* @__PURE__ */ m(f, { children: [
|
|
3055
|
+
children: e ? /* @__PURE__ */ m(f, { children: [mt, /* @__PURE__ */ p("span", { children: n })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { children: t }), /* @__PURE__ */ p(ie, {
|
|
3051
3056
|
size: 16,
|
|
3052
3057
|
className: "transition-transform group-hover:translate-x-0.5"
|
|
3053
3058
|
})] })
|
|
3054
|
-
}),
|
|
3059
|
+
}), yt = ({ icon: e, title: t, subtitle: n, onBack: o, children: s }) => /* @__PURE__ */ m("div", {
|
|
3055
3060
|
className: `flex flex-col ${a ? "w-full flex-1" : "h-full overflow-y-auto"} relative bg-transparent ${i ? "text-white" : "text-slate-900"}`,
|
|
3056
|
-
children: [
|
|
3061
|
+
children: [lt(), /* @__PURE__ */ m("div", {
|
|
3057
3062
|
className: `px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} flex-1 max-w-[400px] mx-auto w-full flex flex-col justify-center relative z-10`,
|
|
3058
3063
|
children: [o && /* @__PURE__ */ m("button", {
|
|
3059
3064
|
part: "button button-link back-button",
|
|
3060
3065
|
type: "button",
|
|
3061
3066
|
onClick: o,
|
|
3062
3067
|
className: `self-start inline-flex items-center gap-1.5 mb-4 text-sm font-semibold transition-colors cursor-pointer ${i ? "text-zinc-400 hover:text-white" : "text-slate-500 hover:text-slate-900"}`,
|
|
3063
|
-
children: [/* @__PURE__ */ p(
|
|
3068
|
+
children: [/* @__PURE__ */ p(re, { size: 16 }), /* @__PURE__ */ p("span", { children: "Back to login" })]
|
|
3064
3069
|
}), /* @__PURE__ */ m("div", {
|
|
3065
3070
|
part: "portal-card",
|
|
3066
3071
|
className: `p-6 sm:p-7 rounded-3xl border space-y-5 ${i ? "bg-zinc-900 border-zinc-800 shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_24px_48px_-24px_rgba(15,23,42,0.18)]"}`,
|
|
@@ -3085,33 +3090,33 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
3085
3090
|
children: n
|
|
3086
3091
|
})
|
|
3087
3092
|
] }),
|
|
3088
|
-
|
|
3093
|
+
_t(),
|
|
3089
3094
|
s
|
|
3090
3095
|
]
|
|
3091
3096
|
})]
|
|
3092
3097
|
})]
|
|
3093
|
-
}),
|
|
3094
|
-
return
|
|
3098
|
+
}), bt = "font-semibold hover:underline underline-offset-4 cursor-pointer";
|
|
3099
|
+
return yt(l === "request_code" ? {
|
|
3095
3100
|
icon: Me,
|
|
3096
3101
|
title: "Get verification code",
|
|
3097
3102
|
subtitle: "We will email a verification code to your registered address.",
|
|
3098
|
-
onBack: () =>
|
|
3103
|
+
onBack: () => ht("login"),
|
|
3099
3104
|
children: /* @__PURE__ */ m("form", {
|
|
3100
3105
|
onSubmit: He,
|
|
3101
3106
|
className: "space-y-4",
|
|
3102
3107
|
children: [
|
|
3103
|
-
|
|
3108
|
+
gt({
|
|
3104
3109
|
id: "vx-portal-code-identifier",
|
|
3105
3110
|
label: "Registration number or email",
|
|
3106
3111
|
icon: Me,
|
|
3107
|
-
value:
|
|
3112
|
+
value: ne || T,
|
|
3108
3113
|
onChange: (e) => {
|
|
3109
|
-
|
|
3114
|
+
k(e), E(e);
|
|
3110
3115
|
},
|
|
3111
3116
|
placeholder: "e.g. attendee@example.com or REG12345",
|
|
3112
3117
|
autoComplete: "username"
|
|
3113
3118
|
}),
|
|
3114
|
-
|
|
3119
|
+
vt(fe, "Send verification code", "Sending code..."),
|
|
3115
3120
|
/* @__PURE__ */ m("p", {
|
|
3116
3121
|
className: `text-center text-[13px] ${i ? "text-zinc-400" : "text-slate-500"}`,
|
|
3117
3122
|
children: [
|
|
@@ -3119,8 +3124,8 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
3119
3124
|
" ",
|
|
3120
3125
|
/* @__PURE__ */ p("button", {
|
|
3121
3126
|
type: "button",
|
|
3122
|
-
onClick: () =>
|
|
3123
|
-
className:
|
|
3127
|
+
onClick: () => ht("reset"),
|
|
3128
|
+
className: bt,
|
|
3124
3129
|
style: { color: r },
|
|
3125
3130
|
children: "Set your password"
|
|
3126
3131
|
})
|
|
@@ -3132,61 +3137,61 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
3132
3137
|
icon: G,
|
|
3133
3138
|
title: "Set your password",
|
|
3134
3139
|
subtitle: "Enter the code from your email and choose a new password.",
|
|
3135
|
-
onBack: () =>
|
|
3140
|
+
onBack: () => ht("login"),
|
|
3136
3141
|
children: /* @__PURE__ */ m("form", {
|
|
3137
3142
|
onSubmit: We,
|
|
3138
3143
|
className: "space-y-4",
|
|
3139
3144
|
children: [
|
|
3140
|
-
|
|
3145
|
+
gt({
|
|
3141
3146
|
id: "vx-portal-reset-identifier",
|
|
3142
3147
|
label: "Registration number or email",
|
|
3143
3148
|
icon: Me,
|
|
3144
|
-
value:
|
|
3149
|
+
value: ne || T,
|
|
3145
3150
|
onChange: (e) => {
|
|
3146
|
-
|
|
3151
|
+
k(e), E(e);
|
|
3147
3152
|
},
|
|
3148
3153
|
placeholder: "e.g. attendee@example.com or REG12345",
|
|
3149
3154
|
autoComplete: "username"
|
|
3150
3155
|
}),
|
|
3151
|
-
|
|
3156
|
+
gt({
|
|
3152
3157
|
id: "vx-portal-reset-code",
|
|
3153
3158
|
label: "Verification code",
|
|
3154
3159
|
icon: De,
|
|
3155
|
-
value:
|
|
3156
|
-
onChange:
|
|
3160
|
+
value: A,
|
|
3161
|
+
onChange: j,
|
|
3157
3162
|
placeholder: "Enter code from email",
|
|
3158
3163
|
autoComplete: "one-time-code",
|
|
3159
3164
|
aside: /* @__PURE__ */ p("button", {
|
|
3160
3165
|
type: "button",
|
|
3161
3166
|
onClick: () => {
|
|
3162
|
-
|
|
3167
|
+
k(ne || T), ht("request_code");
|
|
3163
3168
|
},
|
|
3164
3169
|
className: "text-xs font-semibold hover:underline underline-offset-4 cursor-pointer",
|
|
3165
3170
|
style: { color: r },
|
|
3166
3171
|
children: "Get code on email"
|
|
3167
3172
|
})
|
|
3168
3173
|
}),
|
|
3169
|
-
|
|
3174
|
+
gt({
|
|
3170
3175
|
id: "vx-portal-reset-password",
|
|
3171
3176
|
label: "New password",
|
|
3172
3177
|
icon: J,
|
|
3173
3178
|
type: "password",
|
|
3174
|
-
value:
|
|
3175
|
-
onChange:
|
|
3179
|
+
value: ae,
|
|
3180
|
+
onChange: oe,
|
|
3176
3181
|
placeholder: "Enter new password",
|
|
3177
3182
|
autoComplete: "new-password"
|
|
3178
3183
|
}),
|
|
3179
|
-
|
|
3184
|
+
gt({
|
|
3180
3185
|
id: "vx-portal-reset-confirm",
|
|
3181
3186
|
label: "Confirm password",
|
|
3182
3187
|
icon: J,
|
|
3183
3188
|
type: "password",
|
|
3184
|
-
value:
|
|
3185
|
-
onChange:
|
|
3189
|
+
value: ce,
|
|
3190
|
+
onChange: ue,
|
|
3186
3191
|
placeholder: "Re-enter new password",
|
|
3187
3192
|
autoComplete: "new-password"
|
|
3188
3193
|
}),
|
|
3189
|
-
|
|
3194
|
+
vt(h, "Set new password", "Updating password...")
|
|
3190
3195
|
]
|
|
3191
3196
|
})
|
|
3192
3197
|
} : {
|
|
@@ -3197,7 +3202,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
3197
3202
|
onSubmit: Be,
|
|
3198
3203
|
className: "space-y-4",
|
|
3199
3204
|
children: [
|
|
3200
|
-
|
|
3205
|
+
gt({
|
|
3201
3206
|
id: "vx-portal-login-identifier",
|
|
3202
3207
|
label: "Email or registration number",
|
|
3203
3208
|
icon: Me,
|
|
@@ -3206,7 +3211,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
3206
3211
|
placeholder: "Enter email or registration number",
|
|
3207
3212
|
autoComplete: "username"
|
|
3208
3213
|
}),
|
|
3209
|
-
|
|
3214
|
+
gt({
|
|
3210
3215
|
id: "vx-portal-login-password",
|
|
3211
3216
|
label: "Password",
|
|
3212
3217
|
icon: J,
|
|
@@ -3218,14 +3223,14 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
3218
3223
|
aside: /* @__PURE__ */ p("button", {
|
|
3219
3224
|
type: "button",
|
|
3220
3225
|
onClick: () => {
|
|
3221
|
-
|
|
3226
|
+
k(T), ht("reset");
|
|
3222
3227
|
},
|
|
3223
3228
|
className: "text-xs font-semibold hover:underline underline-offset-4 cursor-pointer",
|
|
3224
3229
|
style: { color: r },
|
|
3225
3230
|
children: "Forgot password?"
|
|
3226
3231
|
})
|
|
3227
3232
|
}),
|
|
3228
|
-
|
|
3233
|
+
vt(h, "Login", "Logging in..."),
|
|
3229
3234
|
/* @__PURE__ */ m("p", {
|
|
3230
3235
|
className: `pt-4 border-t text-center text-[13px] ${i ? "border-zinc-800 text-zinc-400" : "border-slate-100 text-slate-500"}`,
|
|
3231
3236
|
children: [
|
|
@@ -3234,9 +3239,9 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
3234
3239
|
/* @__PURE__ */ p("button", {
|
|
3235
3240
|
type: "button",
|
|
3236
3241
|
onClick: () => {
|
|
3237
|
-
|
|
3242
|
+
k(T), ht("request_code");
|
|
3238
3243
|
},
|
|
3239
|
-
className:
|
|
3244
|
+
className: bt,
|
|
3240
3245
|
style: { color: r },
|
|
3241
3246
|
children: "Get code"
|
|
3242
3247
|
}),
|
|
@@ -3246,9 +3251,9 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
3246
3251
|
/* @__PURE__ */ p("button", {
|
|
3247
3252
|
type: "button",
|
|
3248
3253
|
onClick: () => {
|
|
3249
|
-
|
|
3254
|
+
k(T), ht("reset");
|
|
3250
3255
|
},
|
|
3251
|
-
className:
|
|
3256
|
+
className: bt,
|
|
3252
3257
|
style: { color: r },
|
|
3253
3258
|
children: "generate password"
|
|
3254
3259
|
})
|
|
@@ -3260,7 +3265,7 @@ var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
3260
3265
|
};
|
|
3261
3266
|
//#endregion
|
|
3262
3267
|
//#region src/widget/utils/backgroundUtils.ts
|
|
3263
|
-
function
|
|
3268
|
+
function ut(e, t, n) {
|
|
3264
3269
|
if (!e) return;
|
|
3265
3270
|
let r = t ? "rgba(9,9,11,0.88)" : "rgba(248,250,252,0.88)";
|
|
3266
3271
|
return {
|
|
@@ -3273,7 +3278,7 @@ function ct(e, t, n) {
|
|
|
3273
3278
|
}
|
|
3274
3279
|
//#endregion
|
|
3275
3280
|
//#region src/widget/components/EventWidgetReact.tsx
|
|
3276
|
-
function
|
|
3281
|
+
function dt(e) {
|
|
3277
3282
|
if (!e) return "bottom-right";
|
|
3278
3283
|
switch (e) {
|
|
3279
3284
|
case "bottom-left":
|
|
@@ -3285,7 +3290,7 @@ function lt(e) {
|
|
|
3285
3290
|
default: return "bottom-right";
|
|
3286
3291
|
}
|
|
3287
3292
|
}
|
|
3288
|
-
var
|
|
3293
|
+
var ft = (e) => {
|
|
3289
3294
|
switch (e) {
|
|
3290
3295
|
case "bottom-left": return {
|
|
3291
3296
|
bottom: "20px",
|
|
@@ -3312,23 +3317,23 @@ var ut = (e) => {
|
|
|
3312
3317
|
left: "auto"
|
|
3313
3318
|
};
|
|
3314
3319
|
}
|
|
3315
|
-
},
|
|
3320
|
+
}, pt = (e) => {
|
|
3316
3321
|
switch (e) {
|
|
3317
3322
|
case "bottom-left": return "bottom-5 left-5";
|
|
3318
3323
|
case "top-right": return "top-5 right-5";
|
|
3319
3324
|
case "top-left": return "top-5 left-5";
|
|
3320
3325
|
default: return "bottom-5 right-5";
|
|
3321
3326
|
}
|
|
3322
|
-
},
|
|
3327
|
+
}, mt = ({ config: e }) => {
|
|
3323
3328
|
let [t, n] = d("registration"), [r, i] = d(!1);
|
|
3324
3329
|
s(() => {
|
|
3325
3330
|
t === "attendee" && i(!0);
|
|
3326
3331
|
}, [t]);
|
|
3327
|
-
let [o] = d(() => typeof window < "u" ? new URLSearchParams(window.location.search).get("rn") : null), [c, h] = d(e.displayMode !== "popup" || !!o), [y, b] = d(!1), [x, S] = d([]), [C, w] = d(""), [T, E] = d(null), [D, ee] = d(null), te = l(() => D && { fields: D.fields.filter((e) => e.id !== "registration_type") }, [D]), [O,
|
|
3332
|
+
let [o] = d(() => typeof window < "u" ? new URLSearchParams(window.location.search).get("rn") : null), [c, h] = d(e.displayMode !== "popup" || !!o), [y, b] = d(!1), [x, S] = d([]), [C, w] = d(""), [T, E] = d(null), [D, ee] = d(null), te = l(() => D && { fields: D.fields.filter((e) => e.id !== "registration_type") }, [D]), [O, ne] = d(!0), [k, A] = d(""), [re, j] = d(null), [ae, M] = d(!!o), [oe, se] = d(null), [ce, ue] = d(null), [de, fe] = d(o), [pe, N] = d(!1), [me, P] = d(() => dt(e.position)), [F, I] = d(null), [ve, ye] = d(null), [L, be] = d(!1), [xe, Ce] = d(!1), Te = u(null), R = u(null), z = u(!1);
|
|
3328
3333
|
s(() => {
|
|
3329
|
-
e.position &&
|
|
3334
|
+
e.position && P(dt(e.position));
|
|
3330
3335
|
}, [e.position]);
|
|
3331
|
-
let
|
|
3336
|
+
let B = e.themeMode === "dark" || e.theme?.mode === "dark", V = e.theme?.primaryColor || "#2563eb", H = !!e.isAbstract, U = e.headerBannerImage, Ee = e.backgroundImage, W = l(() => new g(e.debug), [e.debug]), G = l(() => new _(e.baseUrl, e.eventSlug, W, e.timeoutMs ?? 12e4), [
|
|
3332
3337
|
e.baseUrl,
|
|
3333
3338
|
e.eventSlug,
|
|
3334
3339
|
W,
|
|
@@ -3339,7 +3344,7 @@ var ut = (e) => {
|
|
|
3339
3344
|
}, [K]), s(() => {
|
|
3340
3345
|
if (!c) return;
|
|
3341
3346
|
let t = K.getXrefId();
|
|
3342
|
-
t && (
|
|
3347
|
+
t && (H ? G.getReviewDraft(t) : G.getDraft(t)).then((t) => {
|
|
3343
3348
|
let n = t?.data || t;
|
|
3344
3349
|
n && n.registration_type && (Y(n), e.onEvent?.("draft_loaded", n));
|
|
3345
3350
|
}).catch((e) => {
|
|
@@ -3350,7 +3355,7 @@ var ut = (e) => {
|
|
|
3350
3355
|
G,
|
|
3351
3356
|
K,
|
|
3352
3357
|
W,
|
|
3353
|
-
|
|
3358
|
+
H
|
|
3354
3359
|
]);
|
|
3355
3360
|
let ke = l(() => {
|
|
3356
3361
|
if (!J || !T || String(J.registration_type) !== String(T.id)) return {};
|
|
@@ -3360,14 +3365,14 @@ var ut = (e) => {
|
|
|
3360
3365
|
let t = J.name.trim().split(/\s+/);
|
|
3361
3366
|
t.length > 0 && !e.first_name && (e.first_name = t[0]), t.length > 1 && !e.last_name && (e.last_name = t.slice(1).join(" "));
|
|
3362
3367
|
}
|
|
3363
|
-
return J.email && (e.email = J.email), J.phone && (e.phone = J.phone, e.mobile = J.phone, e.phoneNumber = J.phone), ((
|
|
3364
|
-
let n =
|
|
3368
|
+
return J.email && (e.email = J.email), J.phone && (e.phone = J.phone, e.mobile = J.phone, e.phoneNumber = J.phone), ((H ? D?.fields : T?.form_schema?.fields) || []).forEach((t) => {
|
|
3369
|
+
let n = ot(t.id, t.label);
|
|
3365
3370
|
e[t.id] === void 0 && e[n] !== void 0 && (e[t.id] = e[n]);
|
|
3366
3371
|
}), e;
|
|
3367
3372
|
}, [
|
|
3368
3373
|
J,
|
|
3369
3374
|
T,
|
|
3370
|
-
|
|
3375
|
+
H,
|
|
3371
3376
|
D
|
|
3372
3377
|
]);
|
|
3373
3378
|
s(() => () => {
|
|
@@ -3390,11 +3395,11 @@ var ut = (e) => {
|
|
|
3390
3395
|
"phoneNumber",
|
|
3391
3396
|
"selected_items",
|
|
3392
3397
|
"custom_data"
|
|
3393
|
-
]), r = (
|
|
3398
|
+
]), r = (H ? D?.fields : T?.form_schema?.fields) || [], i = /* @__PURE__ */ new Map();
|
|
3394
3399
|
r.forEach((e) => i.set(e.id, e));
|
|
3395
3400
|
let a = { ...t.custom_data || {} };
|
|
3396
3401
|
for (let [e, r] of Object.entries(t)) if (!n.has(e)) {
|
|
3397
|
-
let t =
|
|
3402
|
+
let t = ot(e, i.get(e)?.label);
|
|
3398
3403
|
a[t] = r;
|
|
3399
3404
|
}
|
|
3400
3405
|
let o = {
|
|
@@ -3408,7 +3413,7 @@ var ut = (e) => {
|
|
|
3408
3413
|
selected_items: t.selected_items || []
|
|
3409
3414
|
};
|
|
3410
3415
|
try {
|
|
3411
|
-
|
|
3416
|
+
H ? await G.trackReviewProgress(o) : await G.trackProgress(o), e.onEvent?.("draft_saved", o);
|
|
3412
3417
|
} catch (e) {
|
|
3413
3418
|
W.error("Failed to save draft progress", e);
|
|
3414
3419
|
}
|
|
@@ -3419,14 +3424,14 @@ var ut = (e) => {
|
|
|
3419
3424
|
T,
|
|
3420
3425
|
e,
|
|
3421
3426
|
W,
|
|
3422
|
-
|
|
3427
|
+
H,
|
|
3423
3428
|
D
|
|
3424
3429
|
]);
|
|
3425
3430
|
s(() => {
|
|
3426
3431
|
De.current !== e.displayMode && (De.current = e.displayMode, h(e.displayMode !== "popup"), b(!1));
|
|
3427
3432
|
}, [e.displayMode]), s(() => {
|
|
3428
|
-
(
|
|
3429
|
-
S(t?.data?.types || []),
|
|
3433
|
+
(H ? G.getReviewFormSchema() : G.getFormSchema()).then((t) => {
|
|
3434
|
+
S(t?.data?.types || []), H && ee({ fields: t?.data?.fields || [] }), (t?.data?.event_name || t?.data?.title || t?.data?.name) && w(t.data.event_name || t.data.title || t.data.name), e.onEvent?.("form_loaded", t?.data);
|
|
3430
3435
|
}).catch((t) => {
|
|
3431
3436
|
W.error("Failed to load schema", t), S([]);
|
|
3432
3437
|
let n = {
|
|
@@ -3435,10 +3440,10 @@ var ut = (e) => {
|
|
|
3435
3440
|
error: t
|
|
3436
3441
|
};
|
|
3437
3442
|
e.onEvent?.("error", n), e.onError?.(n);
|
|
3438
|
-
}).finally(() =>
|
|
3439
|
-
}, [G,
|
|
3443
|
+
}).finally(() => ne(!1));
|
|
3444
|
+
}, [G, H]);
|
|
3440
3445
|
let je = async (t) => {
|
|
3441
|
-
q.current && clearTimeout(q.current),
|
|
3446
|
+
q.current && clearTimeout(q.current), ne(!0), se(null);
|
|
3442
3447
|
let n = K.getXrefId(), r = /* @__PURE__ */ new Set([
|
|
3443
3448
|
"salutation",
|
|
3444
3449
|
"title",
|
|
@@ -3455,11 +3460,11 @@ var ut = (e) => {
|
|
|
3455
3460
|
"selected_items",
|
|
3456
3461
|
"custom_data",
|
|
3457
3462
|
"xref_id"
|
|
3458
|
-
]), i = (
|
|
3463
|
+
]), i = (H ? D?.fields : T?.form_schema?.fields) || [], a = /* @__PURE__ */ new Map();
|
|
3459
3464
|
i.forEach((e) => a.set(e.id, e));
|
|
3460
3465
|
let o = { ...t.custom_data || {} };
|
|
3461
3466
|
for (let [e, n] of Object.entries(t)) if (!r.has(e)) {
|
|
3462
|
-
let t =
|
|
3467
|
+
let t = ot(e, a.get(e)?.label);
|
|
3463
3468
|
o[t] = n;
|
|
3464
3469
|
}
|
|
3465
3470
|
let s = {
|
|
@@ -3473,12 +3478,12 @@ var ut = (e) => {
|
|
|
3473
3478
|
selected_items: t.selected_items || []
|
|
3474
3479
|
};
|
|
3475
3480
|
try {
|
|
3476
|
-
let t =
|
|
3481
|
+
let t = H ? await G.submitReview(s) : await G.submitRegistration(s);
|
|
3477
3482
|
K.updateXrefId(), Y(null);
|
|
3478
|
-
let n =
|
|
3479
|
-
|
|
3483
|
+
let n = H ? null : t?.data?.payment_url || t?.payment_url || null;
|
|
3484
|
+
ue(n);
|
|
3480
3485
|
let r = t?.data?.submission_number || t?.submission_number || t?.data?.registration_number || t?.registration_number || t?.data?.registration?.registration_number || t?.registration?.registration_number || null;
|
|
3481
|
-
|
|
3486
|
+
fe(r ? String(r) : null), N(!1), n && typeof n == "string" && n.trim() !== "" && window.open(n, "_blank", "noopener,noreferrer"), M(!0);
|
|
3482
3487
|
let i = {
|
|
3483
3488
|
registrationType: T.id,
|
|
3484
3489
|
payload: s,
|
|
@@ -3488,62 +3493,62 @@ var ut = (e) => {
|
|
|
3488
3493
|
e.onEvent?.("submitted", i), e.onRegister?.(i), e.onRegistered?.(i);
|
|
3489
3494
|
} catch (t) {
|
|
3490
3495
|
W.error("Submission failed", t);
|
|
3491
|
-
let n = t?.message || (
|
|
3496
|
+
let n = t?.message || (H ? "Submission failed. Please check your information and try again." : "Registration failed. Please check your information and try again."), r = {
|
|
3492
3497
|
type: "submit_error",
|
|
3493
3498
|
message: n,
|
|
3494
3499
|
error: t
|
|
3495
3500
|
};
|
|
3496
|
-
e.onEvent?.("error", r), e.onError?.(r),
|
|
3501
|
+
e.onEvent?.("error", r), e.onError?.(r), se(n);
|
|
3497
3502
|
} finally {
|
|
3498
|
-
|
|
3503
|
+
ne(!1);
|
|
3499
3504
|
}
|
|
3500
3505
|
}, Me = () => {
|
|
3501
|
-
if (
|
|
3506
|
+
if (M(!1), se(null), ue(null), fe(null), N(!1), E(null), Y(null), typeof window < "u" && new URLSearchParams(window.location.search).has("rn")) {
|
|
3502
3507
|
let e = new URL(window.location.href);
|
|
3503
3508
|
e.searchParams.delete("rn"), window.history.replaceState(window.history.state, "", e.toString());
|
|
3504
3509
|
}
|
|
3505
3510
|
}, Ne = a((e) => {
|
|
3506
|
-
if (e.stopPropagation(), e.button !== 0 || !
|
|
3507
|
-
let t =
|
|
3508
|
-
|
|
3511
|
+
if (e.stopPropagation(), e.button !== 0 || !Te.current) return;
|
|
3512
|
+
let t = Te.current.getBoundingClientRect();
|
|
3513
|
+
R.current = {
|
|
3509
3514
|
startX: e.clientX,
|
|
3510
3515
|
startY: e.clientY,
|
|
3511
3516
|
rect: t,
|
|
3512
|
-
corner:
|
|
3513
|
-
},
|
|
3514
|
-
}, [
|
|
3517
|
+
corner: me
|
|
3518
|
+
}, z.current = !1, be(!0);
|
|
3519
|
+
}, [me]);
|
|
3515
3520
|
s(() => {
|
|
3516
|
-
if (!
|
|
3521
|
+
if (!L) return;
|
|
3517
3522
|
let t = (e) => {
|
|
3518
|
-
if (!
|
|
3519
|
-
let t = e.clientX -
|
|
3520
|
-
|
|
3523
|
+
if (!R.current) return;
|
|
3524
|
+
let t = e.clientX - R.current.startX, n = e.clientY - R.current.startY;
|
|
3525
|
+
z.current || Math.hypot(t, n) > 5 && (z.current = !0), z.current && I({
|
|
3521
3526
|
x: t,
|
|
3522
3527
|
y: n
|
|
3523
3528
|
});
|
|
3524
3529
|
}, n = (t) => {
|
|
3525
|
-
if (!
|
|
3526
|
-
|
|
3530
|
+
if (!R.current) {
|
|
3531
|
+
be(!1), I(null), z.current = !1;
|
|
3527
3532
|
return;
|
|
3528
3533
|
}
|
|
3529
|
-
let { rect: n, startX: r, startY: i } =
|
|
3530
|
-
if (
|
|
3531
|
-
|
|
3534
|
+
let { rect: n, startX: r, startY: i } = R.current, a = t.clientX - r, o = t.clientY - i, s = z.current;
|
|
3535
|
+
if (R.current = null, be(!1), setTimeout(() => {
|
|
3536
|
+
z.current = !1;
|
|
3532
3537
|
}, 100), !s) {
|
|
3533
|
-
|
|
3538
|
+
I(null);
|
|
3534
3539
|
return;
|
|
3535
3540
|
}
|
|
3536
3541
|
let c = n.left + a, l = n.top + o, u = c + n.width / 2, d = l + n.height / 2, f = typeof window < "u" ? window.innerWidth : 1024, p = typeof window < "u" ? window.innerHeight : 768, m = u >= f / 2, h = d >= p / 2, g = h ? m ? "bottom-right" : "bottom-left" : m ? "top-right" : "top-left", _ = m ? f - n.width - 20 : 20, v = h ? p - n.height - 20 : 20, y = c - _, b = l - v;
|
|
3537
|
-
|
|
3542
|
+
ye({
|
|
3538
3543
|
transform: `translate3d(${y}px, ${b}px, 0)`,
|
|
3539
3544
|
transition: "none"
|
|
3540
|
-
}),
|
|
3545
|
+
}), I(null), P(g), e.onEvent?.("position_changed", { position: g }), requestAnimationFrame(() => {
|
|
3541
3546
|
requestAnimationFrame(() => {
|
|
3542
|
-
|
|
3547
|
+
ye({
|
|
3543
3548
|
transform: "translate3d(0, 0, 0)",
|
|
3544
3549
|
transition: "transform 0.35s cubic-bezier(0.16, 1, 0.3, 1)"
|
|
3545
3550
|
}), setTimeout(() => {
|
|
3546
|
-
|
|
3551
|
+
ye(null);
|
|
3547
3552
|
}, 360);
|
|
3548
3553
|
});
|
|
3549
3554
|
});
|
|
@@ -3551,56 +3556,56 @@ var ut = (e) => {
|
|
|
3551
3556
|
return window.addEventListener("pointermove", t), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), () => {
|
|
3552
3557
|
window.removeEventListener("pointermove", t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
|
|
3553
3558
|
};
|
|
3554
|
-
}, [
|
|
3559
|
+
}, [L, e]);
|
|
3555
3560
|
let Pe = async () => {
|
|
3556
|
-
if (
|
|
3561
|
+
if (de) {
|
|
3557
3562
|
try {
|
|
3558
|
-
await navigator.clipboard.writeText(
|
|
3563
|
+
await navigator.clipboard.writeText(de);
|
|
3559
3564
|
} catch {
|
|
3560
3565
|
let e = document.createElement("textarea");
|
|
3561
|
-
e.value =
|
|
3566
|
+
e.value = de, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
|
|
3562
3567
|
}
|
|
3563
|
-
|
|
3568
|
+
N(!0), setTimeout(() => N(!1), 2e3);
|
|
3564
3569
|
}
|
|
3565
|
-
}, X = () =>
|
|
3570
|
+
}, X = () => de ? /* @__PURE__ */ m("div", {
|
|
3566
3571
|
className: "w-full max-w-xs mb-6",
|
|
3567
3572
|
children: [/* @__PURE__ */ p("p", {
|
|
3568
|
-
className: `text-2xs font-bold uppercase tracking-wider mb-1.5 ${
|
|
3569
|
-
children:
|
|
3573
|
+
className: `text-2xs font-bold uppercase tracking-wider mb-1.5 ${B ? "text-zinc-400" : "text-gray-500"}`,
|
|
3574
|
+
children: H ? "Submission Number" : "Registration Number"
|
|
3570
3575
|
}), /* @__PURE__ */ m("div", {
|
|
3571
3576
|
part: "registration-number",
|
|
3572
|
-
className: `flex items-center gap-2 pl-4 pr-1.5 py-1.5 rounded-xl border ${
|
|
3577
|
+
className: `flex items-center gap-2 pl-4 pr-1.5 py-1.5 rounded-xl border ${B ? "bg-zinc-900 border-zinc-700" : "bg-gray-50 border-gray-200"}`,
|
|
3573
3578
|
children: [/* @__PURE__ */ p("span", {
|
|
3574
3579
|
className: "flex-1 text-left font-mono font-bold text-base select-all break-all",
|
|
3575
|
-
children:
|
|
3580
|
+
children: de
|
|
3576
3581
|
}), /* @__PURE__ */ m("button", {
|
|
3577
3582
|
part: "copy-button",
|
|
3578
3583
|
type: "button",
|
|
3579
3584
|
onClick: Pe,
|
|
3580
3585
|
className: "flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-bold text-white shrink-0 cursor-pointer hover:opacity-90 transition-opacity",
|
|
3581
|
-
style: { backgroundColor:
|
|
3586
|
+
style: { backgroundColor: V },
|
|
3582
3587
|
title: "Copy registration number",
|
|
3583
|
-
children: [p(
|
|
3588
|
+
children: [p(pe ? le : _e, { size: 13 }), /* @__PURE__ */ p("span", { children: pe ? "Copied" : "Copy" })]
|
|
3584
3589
|
})]
|
|
3585
3590
|
})]
|
|
3586
3591
|
}) : null;
|
|
3587
3592
|
if (!c && e.displayMode === "popup") {
|
|
3588
3593
|
let e = {
|
|
3589
|
-
...
|
|
3590
|
-
...
|
|
3591
|
-
transform: `translate3d(${
|
|
3594
|
+
...ft(me),
|
|
3595
|
+
...F ? {
|
|
3596
|
+
transform: `translate3d(${F.x}px, ${F.y}px, 0) scale(1.05)`,
|
|
3592
3597
|
transition: "none",
|
|
3593
3598
|
userSelect: "none"
|
|
3594
|
-
} :
|
|
3595
|
-
transform:
|
|
3596
|
-
transition:
|
|
3599
|
+
} : ve ? {
|
|
3600
|
+
transform: ve.transform,
|
|
3601
|
+
transition: ve.transition
|
|
3597
3602
|
} : { transition: "all 0.3s cubic-bezier(0.16, 1, 0.3, 1)" }
|
|
3598
|
-
}, t =
|
|
3603
|
+
}, t = xe || L;
|
|
3599
3604
|
return /* @__PURE__ */ m("div", {
|
|
3600
|
-
ref:
|
|
3601
|
-
onMouseEnter: () =>
|
|
3602
|
-
onMouseLeave: () =>
|
|
3603
|
-
className: `fixed ${
|
|
3605
|
+
ref: Te,
|
|
3606
|
+
onMouseEnter: () => Ce(!0),
|
|
3607
|
+
onMouseLeave: () => Ce(!1),
|
|
3608
|
+
className: `fixed ${pt(me)} z-50 select-none group`,
|
|
3604
3609
|
style: e,
|
|
3605
3610
|
children: [/* @__PURE__ */ p("div", {
|
|
3606
3611
|
onPointerDown: Ne,
|
|
@@ -3614,10 +3619,10 @@ var ut = (e) => {
|
|
|
3614
3619
|
part: "launcher",
|
|
3615
3620
|
type: "button",
|
|
3616
3621
|
onClick: (e) => {
|
|
3617
|
-
e.stopPropagation(), !
|
|
3622
|
+
e.stopPropagation(), !L && h(!0);
|
|
3618
3623
|
},
|
|
3619
3624
|
className: "w-16 h-16 rounded-full text-white shadow-xl flex items-center justify-center cursor-pointer hover:scale-105 active:scale-95 transition-transform",
|
|
3620
|
-
style: { backgroundColor:
|
|
3625
|
+
style: { backgroundColor: V },
|
|
3621
3626
|
title: "Click to open registration",
|
|
3622
3627
|
children: /* @__PURE__ */ p("span", {
|
|
3623
3628
|
className: "font-bold text-sm tracking-wide pointer-events-none",
|
|
@@ -3626,9 +3631,9 @@ var ut = (e) => {
|
|
|
3626
3631
|
})]
|
|
3627
3632
|
});
|
|
3628
3633
|
}
|
|
3629
|
-
let Ie = e.displayMode === "fullscreen" || e.displayMode === "popup" && y, Z = e.displayMode === "widget", Q =
|
|
3630
|
-
Ve["--vx-accent"] =
|
|
3631
|
-
let He =
|
|
3634
|
+
let Ie = e.displayMode === "fullscreen" || e.displayMode === "popup" && y, Z = e.displayMode === "widget", Q = ut(Ee, B, Z), ze = `${B ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"} flex flex-col transition-all duration-300 ease-in-out `, Be = e.theme?.fontFamily, Ve = !Be || Be === "inherit" ? {} : { fontFamily: `var(--vx-font-family, ${Be})` };
|
|
3635
|
+
Ve["--vx-accent"] = V, Ie ? ze += "fixed inset-0 z-[9999] rounded-none overflow-hidden " : e.displayMode === "popup" ? (ze += `fixed ${pt(me)} z-50 rounded-xl shadow-2xl border ${B ? "border-zinc-800" : "border-gray-200"} overflow-hidden `, Ve.width = e.width || "400px", Ve.height = e.height || "700px", Ve.maxHeight = "90vh", Ve.maxWidth = "calc(100vw - 32px)", Object.assign(Ve, ft(me))) : (ze += "relative w-full min-h-screen border-none shadow-none rounded-none ", Ve.width = "100%", Ve.minHeight = "100vh");
|
|
3636
|
+
let He = H ? "Abstract Submission" : t === "registration" ? C || "Registration" : "Attendee Portal", Ue = k.trim().toLowerCase(), We = Ue ? x.filter((e) => [
|
|
3632
3637
|
e.type,
|
|
3633
3638
|
e.name,
|
|
3634
3639
|
e.category,
|
|
@@ -3637,9 +3642,9 @@ var ut = (e) => {
|
|
|
3637
3642
|
e.price,
|
|
3638
3643
|
e.tax_info,
|
|
3639
3644
|
...Array.isArray(e.items) ? e.items.map((e) => e?.name).filter(Boolean) : []
|
|
3640
|
-
].filter((e) => e != null && e !== "").join(" ").toLowerCase().includes(Ue)) : x, Ke = `max-w-2xl mx-auto w-full rounded-3xl border overflow-hidden ${
|
|
3645
|
+
].filter((e) => e != null && e !== "").join(" ").toLowerCase().includes(Ue)) : x, Ke = `max-w-2xl mx-auto w-full rounded-3xl border overflow-hidden ${B ? "bg-zinc-900 border-zinc-800 shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_24px_48px_-24px_rgba(15,23,42,0.16)]"}`, Je = () => {
|
|
3641
3646
|
if (x.length === 0) return null;
|
|
3642
|
-
let e = x.find((e) => String(e.id) ===
|
|
3647
|
+
let e = x.find((e) => String(e.id) === re) || (x.length === 1 ? x[0] : null), t = e ? e.type || e.name || e.label : "";
|
|
3643
3648
|
return /* @__PURE__ */ m("div", {
|
|
3644
3649
|
part: "category-panel",
|
|
3645
3650
|
className: Ke,
|
|
@@ -3649,15 +3654,15 @@ var ut = (e) => {
|
|
|
3649
3654
|
children: [/* @__PURE__ */ p("div", {
|
|
3650
3655
|
className: "w-11 h-11 rounded-xl flex items-center justify-center shrink-0",
|
|
3651
3656
|
style: {
|
|
3652
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3653
|
-
color:
|
|
3657
|
+
backgroundColor: `color-mix(in srgb, ${V} 12%, transparent)`,
|
|
3658
|
+
color: V
|
|
3654
3659
|
},
|
|
3655
|
-
children: /* @__PURE__ */ p(
|
|
3660
|
+
children: /* @__PURE__ */ p(we, { size: 20 })
|
|
3656
3661
|
}), /* @__PURE__ */ p("div", {
|
|
3657
3662
|
className: "min-w-0",
|
|
3658
3663
|
children: /* @__PURE__ */ p("h3", {
|
|
3659
3664
|
part: "list-title",
|
|
3660
|
-
className: `text-lg sm:text-xl font-semibold tracking-tight ${
|
|
3665
|
+
className: `text-lg sm:text-xl font-semibold tracking-tight ${B ? "text-white" : "text-slate-900"}`,
|
|
3661
3666
|
style: $,
|
|
3662
3667
|
children: "Choose a submission category"
|
|
3663
3668
|
})
|
|
@@ -3666,7 +3671,7 @@ var ut = (e) => {
|
|
|
3666
3671
|
/* @__PURE__ */ p("div", {
|
|
3667
3672
|
role: "radiogroup",
|
|
3668
3673
|
"aria-label": "Submission category",
|
|
3669
|
-
className: `border-t divide-y ${
|
|
3674
|
+
className: `border-t divide-y ${B ? "border-zinc-800 divide-zinc-800" : "border-slate-100 divide-slate-100"}`,
|
|
3670
3675
|
children: x.map((t) => {
|
|
3671
3676
|
let n = t.type || t.name || t.label, r = !!e && String(e.id) === String(t.id);
|
|
3672
3677
|
return /* @__PURE__ */ m("button", {
|
|
@@ -3674,48 +3679,48 @@ var ut = (e) => {
|
|
|
3674
3679
|
type: "button",
|
|
3675
3680
|
role: "radio",
|
|
3676
3681
|
"aria-checked": r,
|
|
3677
|
-
onClick: () =>
|
|
3678
|
-
className: `group w-full flex items-center gap-4 px-5 sm:px-7 py-4 text-left transition-colors cursor-pointer outline-none focus-visible:bg-[color-mix(in_srgb,var(--vx-accent)_8%,transparent)] ${r ? "" :
|
|
3679
|
-
style: r ? { backgroundColor: `color-mix(in srgb, ${
|
|
3682
|
+
onClick: () => j(String(t.id)),
|
|
3683
|
+
className: `group w-full flex items-center gap-4 px-5 sm:px-7 py-4 text-left transition-colors cursor-pointer outline-none focus-visible:bg-[color-mix(in_srgb,var(--vx-accent)_8%,transparent)] ${r ? "" : B ? "hover:bg-zinc-800/60" : "hover:bg-slate-50"}`,
|
|
3684
|
+
style: r ? { backgroundColor: `color-mix(in srgb, ${V} ${B ? 14 : 6}%, transparent)` } : void 0,
|
|
3680
3685
|
children: [
|
|
3681
3686
|
/* @__PURE__ */ p("span", {
|
|
3682
3687
|
"aria-hidden": "true",
|
|
3683
|
-
className: `w-5 h-5 rounded-full border-2 flex items-center justify-center shrink-0 transition-colors ${r ? "" :
|
|
3684
|
-
style: r ? { borderColor:
|
|
3688
|
+
className: `w-5 h-5 rounded-full border-2 flex items-center justify-center shrink-0 transition-colors ${r ? "" : B ? "border-zinc-600" : "border-slate-300"}`,
|
|
3689
|
+
style: r ? { borderColor: V } : void 0,
|
|
3685
3690
|
children: r && /* @__PURE__ */ p("span", {
|
|
3686
3691
|
className: "w-2.5 h-2.5 rounded-full",
|
|
3687
|
-
style: { backgroundColor:
|
|
3692
|
+
style: { backgroundColor: V }
|
|
3688
3693
|
})
|
|
3689
3694
|
}),
|
|
3690
3695
|
/* @__PURE__ */ m("span", {
|
|
3691
3696
|
className: "flex-1 min-w-0",
|
|
3692
3697
|
children: [/* @__PURE__ */ p("span", {
|
|
3693
|
-
className: `block text-[15px] font-semibold leading-snug ${
|
|
3698
|
+
className: `block text-[15px] font-semibold leading-snug ${B ? "text-white" : "text-slate-900"}`,
|
|
3694
3699
|
children: n
|
|
3695
3700
|
}), t.description && /* @__PURE__ */ p("span", {
|
|
3696
|
-
className: `block text-[13px] mt-0.5 line-clamp-1 ${
|
|
3701
|
+
className: `block text-[13px] mt-0.5 line-clamp-1 ${B ? "text-zinc-400" : "text-slate-500"}`,
|
|
3697
3702
|
children: t.description
|
|
3698
3703
|
})]
|
|
3699
3704
|
}),
|
|
3700
3705
|
t.category && /* @__PURE__ */ p("span", {
|
|
3701
|
-
className: `hidden sm:inline-block text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full shrink-0 ${
|
|
3706
|
+
className: `hidden sm:inline-block text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full shrink-0 ${B ? "bg-zinc-800 text-zinc-300" : "bg-slate-100 text-slate-600"}`,
|
|
3702
3707
|
children: t.category
|
|
3703
3708
|
}),
|
|
3704
|
-
/* @__PURE__ */ p(
|
|
3709
|
+
/* @__PURE__ */ p(ie, {
|
|
3705
3710
|
size: 16,
|
|
3706
|
-
className: `shrink-0 transition-all ${r ? "translate-x-0.5" : `${
|
|
3707
|
-
style: r ? { color:
|
|
3711
|
+
className: `shrink-0 transition-all ${r ? "translate-x-0.5" : `${B ? "text-zinc-600" : "text-slate-300"} group-hover:translate-x-0.5`}`,
|
|
3712
|
+
style: r ? { color: V } : void 0
|
|
3708
3713
|
})
|
|
3709
3714
|
]
|
|
3710
3715
|
}, t.id);
|
|
3711
3716
|
})
|
|
3712
3717
|
}),
|
|
3713
3718
|
/* @__PURE__ */ m("div", {
|
|
3714
|
-
className: `px-5 sm:px-7 py-5 border-t flex flex-col-reverse sm:flex-row sm:items-center sm:justify-between gap-3 ${
|
|
3719
|
+
className: `px-5 sm:px-7 py-5 border-t flex flex-col-reverse sm:flex-row sm:items-center sm:justify-between gap-3 ${B ? "border-zinc-800" : "border-slate-100"}`,
|
|
3715
3720
|
children: [/* @__PURE__ */ p("p", {
|
|
3716
|
-
className: `text-[13px] truncate ${
|
|
3721
|
+
className: `text-[13px] truncate ${B ? "text-zinc-400" : "text-slate-500"}`,
|
|
3717
3722
|
children: e ? /* @__PURE__ */ m(f, { children: ["Selected: ", /* @__PURE__ */ p("span", {
|
|
3718
|
-
className: `font-semibold ${
|
|
3723
|
+
className: `font-semibold ${B ? "text-zinc-200" : "text-slate-700"}`,
|
|
3719
3724
|
children: t
|
|
3720
3725
|
})] }) : "Select a category to continue"
|
|
3721
3726
|
}), /* @__PURE__ */ m("button", {
|
|
@@ -3724,11 +3729,11 @@ var ut = (e) => {
|
|
|
3724
3729
|
disabled: !e,
|
|
3725
3730
|
onClick: () => e && E(e),
|
|
3726
3731
|
style: {
|
|
3727
|
-
background: `linear-gradient(135deg, ${
|
|
3728
|
-
boxShadow: e ? `0 10px 24px -12px color-mix(in srgb, ${
|
|
3732
|
+
background: `linear-gradient(135deg, ${V}, color-mix(in srgb, ${V} 80%, black))`,
|
|
3733
|
+
boxShadow: e ? `0 10px 24px -12px color-mix(in srgb, ${V} 70%, transparent)` : void 0
|
|
3729
3734
|
},
|
|
3730
3735
|
className: "group shrink-0 inline-flex items-center justify-center gap-2 h-11 px-5 rounded-xl text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.99] cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:brightness-100",
|
|
3731
|
-
children: [/* @__PURE__ */ p("span", { children: "Continue to submission" }), /* @__PURE__ */ p(
|
|
3736
|
+
children: [/* @__PURE__ */ p("span", { children: "Continue to submission" }), /* @__PURE__ */ p(ie, {
|
|
3732
3737
|
size: 16,
|
|
3733
3738
|
className: "transition-transform group-hover:translate-x-0.5"
|
|
3734
3739
|
})]
|
|
@@ -3745,7 +3750,7 @@ var ut = (e) => {
|
|
|
3745
3750
|
children: [/* @__PURE__ */ p("div", { className: "vx-skeleton w-11 h-11 rounded-xl" }), /* @__PURE__ */ p("div", { className: `${e} h-4 w-56` })]
|
|
3746
3751
|
}),
|
|
3747
3752
|
/* @__PURE__ */ p("div", {
|
|
3748
|
-
className: `border-t divide-y ${
|
|
3753
|
+
className: `border-t divide-y ${B ? "border-zinc-800 divide-zinc-800" : "border-slate-100 divide-slate-100"}`,
|
|
3749
3754
|
children: [
|
|
3750
3755
|
0,
|
|
3751
3756
|
1,
|
|
@@ -3768,7 +3773,7 @@ var ut = (e) => {
|
|
|
3768
3773
|
}, t))
|
|
3769
3774
|
}),
|
|
3770
3775
|
/* @__PURE__ */ p("div", {
|
|
3771
|
-
className: `px-5 sm:px-7 py-5 border-t flex justify-end ${
|
|
3776
|
+
className: `px-5 sm:px-7 py-5 border-t flex justify-end ${B ? "border-zinc-800" : "border-slate-100"}`,
|
|
3772
3777
|
children: /* @__PURE__ */ p("div", { className: `${e} h-11 w-52` })
|
|
3773
3778
|
})
|
|
3774
3779
|
]
|
|
@@ -3779,7 +3784,7 @@ var ut = (e) => {
|
|
|
3779
3784
|
role: "status",
|
|
3780
3785
|
"aria-live": "polite",
|
|
3781
3786
|
"aria-busy": "true",
|
|
3782
|
-
className: `flex flex-col ${Z ? "w-full flex-1" : "h-full min-h-0"} ${
|
|
3787
|
+
className: `flex flex-col ${Z ? "w-full flex-1" : "h-full min-h-0"} ${B ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
|
|
3783
3788
|
children: [
|
|
3784
3789
|
/* @__PURE__ */ p("span", {
|
|
3785
3790
|
className: "sr-only",
|
|
@@ -3788,7 +3793,7 @@ var ut = (e) => {
|
|
|
3788
3793
|
/* @__PURE__ */ p("div", {
|
|
3789
3794
|
part: "header",
|
|
3790
3795
|
className: "relative overflow-hidden z-10 shrink-0 text-white",
|
|
3791
|
-
style: { background: `linear-gradient(135deg, ${
|
|
3796
|
+
style: { background: `linear-gradient(135deg, ${V} 0%, color-mix(in srgb, ${V} 76%, black) 100%)` },
|
|
3792
3797
|
children: /* @__PURE__ */ m("div", {
|
|
3793
3798
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-5 sm:py-6 flex items-center gap-3.5",
|
|
3794
3799
|
children: [/* @__PURE__ */ p("div", { className: "w-11 h-11 rounded-2xl bg-white/15 ring-1 ring-inset ring-white/30 shrink-0" }), /* @__PURE__ */ m("div", {
|
|
@@ -3797,30 +3802,30 @@ var ut = (e) => {
|
|
|
3797
3802
|
})]
|
|
3798
3803
|
})
|
|
3799
3804
|
}),
|
|
3800
|
-
!
|
|
3805
|
+
!H && /* @__PURE__ */ p("div", {
|
|
3801
3806
|
part: "tabs",
|
|
3802
|
-
className: `shrink-0 border-b ${
|
|
3807
|
+
className: `shrink-0 border-b ${B ? "border-zinc-800 bg-zinc-900" : "border-slate-200 bg-white"}`,
|
|
3803
3808
|
children: /* @__PURE__ */ p("div", {
|
|
3804
3809
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-3",
|
|
3805
3810
|
children: /* @__PURE__ */ m("div", {
|
|
3806
|
-
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${
|
|
3807
|
-
children: [/* @__PURE__ */ p("div", { className: `h-9 rounded-lg ${
|
|
3811
|
+
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${B ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
3812
|
+
children: [/* @__PURE__ */ p("div", { className: `h-9 rounded-lg ${B ? "bg-zinc-950" : "bg-white shadow-sm"}` }), /* @__PURE__ */ p("div", { className: "h-9" })]
|
|
3808
3813
|
})
|
|
3809
3814
|
})
|
|
3810
3815
|
}),
|
|
3811
3816
|
/* @__PURE__ */ p("div", {
|
|
3812
3817
|
part: "list",
|
|
3813
|
-
className: `${Z ? "w-full flex-1" : "overflow-hidden flex-1 min-h-0"} relative ${
|
|
3818
|
+
className: `${Z ? "w-full flex-1" : "overflow-hidden flex-1 min-h-0"} relative ${B ? "bg-zinc-950" : "bg-slate-50"}`,
|
|
3814
3819
|
style: Q,
|
|
3815
3820
|
children: /* @__PURE__ */ p("div", {
|
|
3816
3821
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-6 sm:py-8 space-y-5",
|
|
3817
|
-
children:
|
|
3822
|
+
children: H ? Xe(e) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
|
|
3818
3823
|
part: "search",
|
|
3819
3824
|
className: "flex flex-col sm:flex-row sm:items-end sm:justify-between gap-3",
|
|
3820
3825
|
children: [/* @__PURE__ */ m("div", {
|
|
3821
3826
|
className: "space-y-2",
|
|
3822
3827
|
children: [/* @__PURE__ */ p("div", { className: `${e} h-4 w-56` }), /* @__PURE__ */ p("div", { className: `${e} h-3 w-28` })]
|
|
3823
|
-
}), /* @__PURE__ */ p("div", { className: `h-10 w-full sm:w-72 rounded-xl border ${
|
|
3828
|
+
}), /* @__PURE__ */ p("div", { className: `h-10 w-full sm:w-72 rounded-xl border ${B ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200"}` })]
|
|
3824
3829
|
}), /* @__PURE__ */ p("div", {
|
|
3825
3830
|
part: "card-grid",
|
|
3826
3831
|
className: Z ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5" : "space-y-3",
|
|
@@ -3828,7 +3833,7 @@ var ut = (e) => {
|
|
|
3828
3833
|
let r = { animationDelay: `${n * 90}ms` };
|
|
3829
3834
|
return /* @__PURE__ */ m("div", {
|
|
3830
3835
|
part: "card",
|
|
3831
|
-
className: `rounded-2xl border p-5 sm:p-6 flex flex-col ${
|
|
3836
|
+
className: `rounded-2xl border p-5 sm:p-6 flex flex-col ${B ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04)]"}`,
|
|
3832
3837
|
children: [
|
|
3833
3838
|
/* @__PURE__ */ p("div", {
|
|
3834
3839
|
className: "vx-skeleton w-11 h-11 rounded-xl",
|
|
@@ -3843,7 +3848,7 @@ var ut = (e) => {
|
|
|
3843
3848
|
style: r
|
|
3844
3849
|
}),
|
|
3845
3850
|
/* @__PURE__ */ m("div", {
|
|
3846
|
-
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${
|
|
3851
|
+
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${B ? "border-zinc-800" : "border-slate-200"}`,
|
|
3847
3852
|
children: [/* @__PURE__ */ m("div", {
|
|
3848
3853
|
className: "space-y-2",
|
|
3849
3854
|
children: [/* @__PURE__ */ p("div", {
|
|
@@ -3867,29 +3872,29 @@ var ut = (e) => {
|
|
|
3867
3872
|
]
|
|
3868
3873
|
});
|
|
3869
3874
|
}, Qe = () => {
|
|
3870
|
-
let e = !!T, t =
|
|
3875
|
+
let e = !!T, t = H ? we : Ye, n = e ? H ? "Submitting your abstract" : "Submitting your registration" : "Loading your registration", r = T ? T.type || T.name || T.label : "", i = !H && T && T.price !== void 0 && T.price !== null && T.price !== "" ? Number(T.price) > 0 ? [T.currency, Number(T.price).toLocaleString()].filter(Boolean).join(" ") : "Free" : "";
|
|
3871
3876
|
return /* @__PURE__ */ p("div", {
|
|
3872
3877
|
part: "screen screen-submitting",
|
|
3873
3878
|
role: "status",
|
|
3874
3879
|
"aria-live": "polite",
|
|
3875
3880
|
"aria-busy": "true",
|
|
3876
|
-
className: `flex-1 flex items-center justify-center px-4 py-16 ${Z ? "min-h-[70vh]" : "h-full"} ${
|
|
3881
|
+
className: `flex-1 flex items-center justify-center px-4 py-16 ${Z ? "min-h-[70vh]" : "h-full"} ${B ? "bg-zinc-950" : "bg-slate-50"}`,
|
|
3877
3882
|
style: Q,
|
|
3878
3883
|
children: /* @__PURE__ */ m("div", {
|
|
3879
3884
|
part: "portal-card",
|
|
3880
|
-
className: `w-full max-w-sm rounded-3xl border p-8 text-center ${
|
|
3885
|
+
className: `w-full max-w-sm rounded-3xl border p-8 text-center ${B ? "bg-zinc-900 border-zinc-800 shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_24px_48px_-24px_rgba(15,23,42,0.18)]"}`,
|
|
3881
3886
|
children: [
|
|
3882
3887
|
/* @__PURE__ */ m("div", {
|
|
3883
3888
|
className: "relative mx-auto w-16 h-16",
|
|
3884
3889
|
children: [
|
|
3885
3890
|
/* @__PURE__ */ p("div", {
|
|
3886
3891
|
className: "absolute inset-0 rounded-full",
|
|
3887
|
-
style: { boxShadow: `inset 0 0 0 4px color-mix(in srgb, ${
|
|
3892
|
+
style: { boxShadow: `inset 0 0 0 4px color-mix(in srgb, ${V} 14%, transparent)` }
|
|
3888
3893
|
}),
|
|
3889
3894
|
/* @__PURE__ */ p("div", {
|
|
3890
3895
|
className: "absolute inset-0 rounded-full motion-safe:animate-spin",
|
|
3891
3896
|
style: {
|
|
3892
|
-
background: `conic-gradient(from 0deg, transparent 0deg, ${
|
|
3897
|
+
background: `conic-gradient(from 0deg, transparent 0deg, ${V} 300deg, transparent 360deg)`,
|
|
3893
3898
|
mask: "radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 4px))",
|
|
3894
3899
|
WebkitMask: "radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 4px))"
|
|
3895
3900
|
}
|
|
@@ -3897,8 +3902,8 @@ var ut = (e) => {
|
|
|
3897
3902
|
/* @__PURE__ */ p("div", {
|
|
3898
3903
|
className: "absolute inset-[10px] rounded-full flex items-center justify-center",
|
|
3899
3904
|
style: {
|
|
3900
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3901
|
-
color:
|
|
3905
|
+
backgroundColor: `color-mix(in srgb, ${V} 12%, transparent)`,
|
|
3906
|
+
color: V
|
|
3902
3907
|
},
|
|
3903
3908
|
children: /* @__PURE__ */ p(t, { size: 20 })
|
|
3904
3909
|
})
|
|
@@ -3906,35 +3911,35 @@ var ut = (e) => {
|
|
|
3906
3911
|
}),
|
|
3907
3912
|
/* @__PURE__ */ p("h3", {
|
|
3908
3913
|
part: "screen-title",
|
|
3909
|
-
className: `mt-6 text-xl font-bold tracking-tight ${
|
|
3914
|
+
className: `mt-6 text-xl font-bold tracking-tight ${B ? "text-white" : "text-slate-900"}`,
|
|
3910
3915
|
style: $,
|
|
3911
3916
|
children: n
|
|
3912
3917
|
}),
|
|
3913
3918
|
/* @__PURE__ */ p("p", {
|
|
3914
3919
|
part: "screen-message",
|
|
3915
|
-
className: `mt-1.5 text-[13px] leading-relaxed text-balance ${
|
|
3920
|
+
className: `mt-1.5 text-[13px] leading-relaxed text-balance ${B ? "text-zinc-400" : "text-slate-500"}`,
|
|
3916
3921
|
children: "This usually takes a few seconds. Please keep this page open."
|
|
3917
3922
|
}),
|
|
3918
3923
|
r && /* @__PURE__ */ m("div", {
|
|
3919
|
-
className: `mt-5 inline-flex max-w-full items-center gap-2 rounded-full px-3 py-1.5 text-xs font-semibold ${
|
|
3924
|
+
className: `mt-5 inline-flex max-w-full items-center gap-2 rounded-full px-3 py-1.5 text-xs font-semibold ${B ? "bg-zinc-800 text-zinc-200" : "bg-slate-100 text-slate-700"}`,
|
|
3920
3925
|
children: [/* @__PURE__ */ p("span", {
|
|
3921
3926
|
className: "truncate",
|
|
3922
3927
|
children: r
|
|
3923
3928
|
}), i && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
|
|
3924
3929
|
"aria-hidden": "true",
|
|
3925
|
-
className:
|
|
3930
|
+
className: B ? "text-zinc-600" : "text-slate-300",
|
|
3926
3931
|
children: "•"
|
|
3927
3932
|
}), /* @__PURE__ */ p("span", {
|
|
3928
3933
|
className: "shrink-0 tabular-nums",
|
|
3929
|
-
style: { color:
|
|
3934
|
+
style: { color: V },
|
|
3930
3935
|
children: i
|
|
3931
3936
|
})] })]
|
|
3932
3937
|
}),
|
|
3933
3938
|
/* @__PURE__ */ p("div", {
|
|
3934
|
-
className: `mt-6 h-1 w-full overflow-hidden rounded-full ${
|
|
3939
|
+
className: `mt-6 h-1 w-full overflow-hidden rounded-full ${B ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
3935
3940
|
children: /* @__PURE__ */ p("div", {
|
|
3936
3941
|
className: "vx-progress-bar h-full w-2/5 rounded-full",
|
|
3937
|
-
style: { backgroundColor:
|
|
3942
|
+
style: { backgroundColor: V }
|
|
3938
3943
|
})
|
|
3939
3944
|
})
|
|
3940
3945
|
]
|
|
@@ -3951,14 +3956,14 @@ var ut = (e) => {
|
|
|
3951
3956
|
onScroll: (e) => {
|
|
3952
3957
|
Z || (e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0));
|
|
3953
3958
|
},
|
|
3954
|
-
children: O && !T && !
|
|
3959
|
+
children: O && !T && !ae ? Ze() : O ? Qe() : ae ? ce ? /* @__PURE__ */ m("div", {
|
|
3955
3960
|
part: "screen screen-payment",
|
|
3956
|
-
className: `flex flex-col h-full relative overflow-y-auto ${
|
|
3961
|
+
className: `flex flex-col h-full relative overflow-y-auto ${B ? "bg-black text-white" : "bg-white text-gray-900"}`,
|
|
3957
3962
|
children: [/* @__PURE__ */ m("div", {
|
|
3958
3963
|
part: "screen-header",
|
|
3959
3964
|
className: "p-4 shadow-sm flex justify-between items-center z-10",
|
|
3960
3965
|
style: {
|
|
3961
|
-
backgroundColor:
|
|
3966
|
+
backgroundColor: V,
|
|
3962
3967
|
color: "white"
|
|
3963
3968
|
},
|
|
3964
3969
|
children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
|
|
@@ -3988,20 +3993,20 @@ var ut = (e) => {
|
|
|
3988
3993
|
/* @__PURE__ */ p("div", {
|
|
3989
3994
|
className: "w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md",
|
|
3990
3995
|
style: {
|
|
3991
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3992
|
-
color:
|
|
3996
|
+
backgroundColor: `color-mix(in srgb, ${V} 12%, transparent)`,
|
|
3997
|
+
color: V
|
|
3993
3998
|
},
|
|
3994
3999
|
children: "💳"
|
|
3995
4000
|
}),
|
|
3996
4001
|
/* @__PURE__ */ p("h3", {
|
|
3997
4002
|
part: "screen-title",
|
|
3998
|
-
className: `text-2xl font-bold mb-2 ${
|
|
4003
|
+
className: `text-2xl font-bold mb-2 ${B ? "text-white" : "text-gray-900"}`,
|
|
3999
4004
|
style: $,
|
|
4000
4005
|
children: "Done Your Payment First"
|
|
4001
4006
|
}),
|
|
4002
4007
|
/* @__PURE__ */ p("p", {
|
|
4003
4008
|
part: "screen-message",
|
|
4004
|
-
className: `text-sm mb-6 max-w-xs leading-relaxed ${
|
|
4009
|
+
className: `text-sm mb-6 max-w-xs leading-relaxed ${B ? "text-zinc-300" : "text-gray-600"}`,
|
|
4005
4010
|
children: "Please complete your payment in the new tab to confirm your booking and finalize your registration."
|
|
4006
4011
|
}),
|
|
4007
4012
|
X(),
|
|
@@ -4009,16 +4014,16 @@ var ut = (e) => {
|
|
|
4009
4014
|
className: "w-full max-w-xs space-y-3",
|
|
4010
4015
|
children: [/* @__PURE__ */ m("a", {
|
|
4011
4016
|
part: "button button-primary",
|
|
4012
|
-
href:
|
|
4017
|
+
href: ce,
|
|
4013
4018
|
target: "_blank",
|
|
4014
4019
|
rel: "noopener noreferrer",
|
|
4015
4020
|
className: "flex items-center justify-center gap-2 font-bold px-5 py-3 rounded-lg transition-opacity hover:opacity-90 text-white shadow-md w-full",
|
|
4016
|
-
style: { backgroundColor:
|
|
4017
|
-
children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(
|
|
4021
|
+
style: { backgroundColor: V },
|
|
4022
|
+
children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(Se, { size: 16 })]
|
|
4018
4023
|
}), /* @__PURE__ */ p("button", {
|
|
4019
4024
|
part: "button button-link",
|
|
4020
4025
|
onClick: Me,
|
|
4021
|
-
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${
|
|
4026
|
+
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${B ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
|
|
4022
4027
|
children: "Register Another Person"
|
|
4023
4028
|
})]
|
|
4024
4029
|
})
|
|
@@ -4026,47 +4031,47 @@ var ut = (e) => {
|
|
|
4026
4031
|
})]
|
|
4027
4032
|
}) : /* @__PURE__ */ m("div", {
|
|
4028
4033
|
part: "screen screen-success",
|
|
4029
|
-
className: `flex flex-col h-full items-center justify-center p-8 text-center relative ${
|
|
4034
|
+
className: `flex flex-col h-full items-center justify-center p-8 text-center relative ${B ? "bg-black text-white" : "bg-white text-gray-900"}`,
|
|
4030
4035
|
children: [
|
|
4031
4036
|
e.displayMode === "popup" && /* @__PURE__ */ p("div", {
|
|
4032
4037
|
className: "absolute top-4 right-4 flex items-center gap-2",
|
|
4033
4038
|
children: /* @__PURE__ */ p("button", {
|
|
4034
4039
|
onClick: () => h(!1),
|
|
4035
|
-
className: `cursor-pointer ${
|
|
4040
|
+
className: `cursor-pointer ${B ? "text-zinc-400 hover:text-white" : "text-gray-400 hover:text-gray-900"}`,
|
|
4036
4041
|
children: /* @__PURE__ */ p(rt, { size: 24 })
|
|
4037
4042
|
})
|
|
4038
4043
|
}),
|
|
4039
4044
|
/* @__PURE__ */ p("div", {
|
|
4040
4045
|
className: "w-20 h-20 rounded-full flex items-center justify-center mb-6 text-4xl shadow-md",
|
|
4041
4046
|
style: {
|
|
4042
|
-
backgroundColor:
|
|
4047
|
+
backgroundColor: V,
|
|
4043
4048
|
color: "white"
|
|
4044
4049
|
},
|
|
4045
4050
|
children: "✓"
|
|
4046
4051
|
}),
|
|
4047
4052
|
/* @__PURE__ */ p("h2", {
|
|
4048
4053
|
part: "screen-title",
|
|
4049
|
-
className: `text-3xl font-bold mb-3 ${
|
|
4054
|
+
className: `text-3xl font-bold mb-3 ${B ? "text-white" : "text-gray-900"}`,
|
|
4050
4055
|
style: $,
|
|
4051
|
-
children:
|
|
4056
|
+
children: H ? "Abstract Submitted Successfully" : "Thank You!"
|
|
4052
4057
|
}),
|
|
4053
4058
|
/* @__PURE__ */ p("p", {
|
|
4054
4059
|
part: "screen-message",
|
|
4055
|
-
className: `mb-6 ${
|
|
4056
|
-
children:
|
|
4060
|
+
className: `mb-6 ${B ? "text-zinc-300" : "text-gray-600"}`,
|
|
4061
|
+
children: H ? "Your reference submission number is below." : "Your registration has been successfully received."
|
|
4057
4062
|
}),
|
|
4058
4063
|
X(),
|
|
4059
4064
|
/* @__PURE__ */ p("button", {
|
|
4060
4065
|
part: "button button-primary",
|
|
4061
4066
|
onClick: Me,
|
|
4062
|
-
style: { backgroundColor:
|
|
4067
|
+
style: { backgroundColor: V },
|
|
4063
4068
|
className: "text-white font-bold py-3 px-8 rounded-md hover:opacity-90 transition-opacity shadow-md cursor-pointer",
|
|
4064
4069
|
children: "Back"
|
|
4065
4070
|
})
|
|
4066
4071
|
]
|
|
4067
|
-
}) :
|
|
4072
|
+
}) : oe ? /* @__PURE__ */ m("div", {
|
|
4068
4073
|
part: "screen screen-error",
|
|
4069
|
-
className: `flex flex-col h-full relative overflow-y-auto ${
|
|
4074
|
+
className: `flex flex-col h-full relative overflow-y-auto ${B ? "bg-black text-white" : "bg-white text-gray-900"}`,
|
|
4070
4075
|
children: [/* @__PURE__ */ m("div", {
|
|
4071
4076
|
part: "screen-header",
|
|
4072
4077
|
className: "p-4 shadow-sm flex justify-between items-center z-10 bg-red-600 text-white",
|
|
@@ -4074,7 +4079,7 @@ var ut = (e) => {
|
|
|
4074
4079
|
part: "screen-header-title",
|
|
4075
4080
|
className: "text-xl font-bold",
|
|
4076
4081
|
style: $,
|
|
4077
|
-
children:
|
|
4082
|
+
children: H ? "Submission Failed" : "Registration Failed"
|
|
4078
4083
|
}), /* @__PURE__ */ p("p", {
|
|
4079
4084
|
className: "text-xs opacity-90 mt-0.5",
|
|
4080
4085
|
children: "Please try again"
|
|
@@ -4090,41 +4095,41 @@ var ut = (e) => {
|
|
|
4090
4095
|
className: "flex-1 flex flex-col items-center justify-center p-6 text-center",
|
|
4091
4096
|
children: [
|
|
4092
4097
|
/* @__PURE__ */ p("div", {
|
|
4093
|
-
className: `w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md border ${
|
|
4098
|
+
className: `w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md border ${B ? "bg-red-950/60 text-red-400 border-red-900" : "bg-red-50 text-red-600 border-red-200"}`,
|
|
4094
4099
|
children: "✕"
|
|
4095
4100
|
}),
|
|
4096
4101
|
/* @__PURE__ */ p("h3", {
|
|
4097
4102
|
part: "screen-title",
|
|
4098
|
-
className: `text-2xl font-bold mb-2 ${
|
|
4103
|
+
className: `text-2xl font-bold mb-2 ${B ? "text-white" : "text-gray-900"}`,
|
|
4099
4104
|
style: $,
|
|
4100
4105
|
children: "Submission Error"
|
|
4101
4106
|
}),
|
|
4102
4107
|
/* @__PURE__ */ p("p", {
|
|
4103
4108
|
part: "screen-message",
|
|
4104
|
-
className: `text-sm mb-6 max-w-xs leading-relaxed ${
|
|
4105
|
-
children:
|
|
4109
|
+
className: `text-sm mb-6 max-w-xs leading-relaxed ${B ? "text-zinc-300" : "text-gray-600"}`,
|
|
4110
|
+
children: oe
|
|
4106
4111
|
}),
|
|
4107
4112
|
/* @__PURE__ */ m("div", {
|
|
4108
4113
|
className: "w-full max-w-xs space-y-3",
|
|
4109
4114
|
children: [/* @__PURE__ */ p("button", {
|
|
4110
4115
|
part: "button button-primary",
|
|
4111
|
-
onClick: () =>
|
|
4112
|
-
style: { backgroundColor:
|
|
4116
|
+
onClick: () => se(null),
|
|
4117
|
+
style: { backgroundColor: V },
|
|
4113
4118
|
className: "flex items-center justify-center gap-2 font-bold px-5 py-3 rounded-lg transition-opacity hover:opacity-90 text-white shadow-md w-full cursor-pointer",
|
|
4114
4119
|
children: /* @__PURE__ */ p("span", { children: "Try Again" })
|
|
4115
4120
|
}), /* @__PURE__ */ p("button", {
|
|
4116
4121
|
part: "button button-link",
|
|
4117
4122
|
onClick: () => {
|
|
4118
|
-
|
|
4123
|
+
se(null), E(null);
|
|
4119
4124
|
},
|
|
4120
|
-
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${
|
|
4121
|
-
children:
|
|
4125
|
+
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${B ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
|
|
4126
|
+
children: H ? "Choose Another Category" : "Choose Another Ticket"
|
|
4122
4127
|
})]
|
|
4123
4128
|
})
|
|
4124
4129
|
]
|
|
4125
4130
|
})]
|
|
4126
|
-
}) : T ? /* @__PURE__ */ p(
|
|
4127
|
-
schema:
|
|
4131
|
+
}) : T ? /* @__PURE__ */ p(ct, {
|
|
4132
|
+
schema: H ? te : T.form_schema,
|
|
4128
4133
|
ticketType: T,
|
|
4129
4134
|
theme: e.theme,
|
|
4130
4135
|
displayMode: e.displayMode,
|
|
@@ -4135,25 +4140,25 @@ var ut = (e) => {
|
|
|
4135
4140
|
onSubmit: je,
|
|
4136
4141
|
onChange: Ae,
|
|
4137
4142
|
initialValues: ke,
|
|
4138
|
-
isDark:
|
|
4143
|
+
isDark: B,
|
|
4139
4144
|
apiClient: G,
|
|
4140
4145
|
storage: K,
|
|
4141
4146
|
onError: e.onError,
|
|
4142
4147
|
onEvent: e.onEvent,
|
|
4143
|
-
showReviewFields:
|
|
4148
|
+
showReviewFields: H,
|
|
4144
4149
|
onBack: () => {
|
|
4145
4150
|
q.current && clearTimeout(q.current), E(null);
|
|
4146
4151
|
}
|
|
4147
4152
|
}) : /* @__PURE__ */ m("div", {
|
|
4148
4153
|
part: "page",
|
|
4149
|
-
className: `flex flex-col ${Z ? "w-full flex-1" : "h-full min-h-0"} ${
|
|
4154
|
+
className: `flex flex-col ${Z ? "w-full flex-1" : "h-full min-h-0"} ${B ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
|
|
4150
4155
|
children: [
|
|
4151
4156
|
/* @__PURE__ */ m("div", {
|
|
4152
4157
|
part: "header",
|
|
4153
4158
|
className: "relative overflow-hidden z-10 shrink-0 text-white",
|
|
4154
4159
|
style: {
|
|
4155
|
-
backgroundColor:
|
|
4156
|
-
background: `linear-gradient(135deg, ${
|
|
4160
|
+
backgroundColor: V,
|
|
4161
|
+
background: `linear-gradient(135deg, ${V} 0%, color-mix(in srgb, ${V} 76%, black) 100%)`
|
|
4157
4162
|
},
|
|
4158
4163
|
children: [
|
|
4159
4164
|
/* @__PURE__ */ p("div", {
|
|
@@ -4169,16 +4174,16 @@ var ut = (e) => {
|
|
|
4169
4174
|
"aria-hidden": "true",
|
|
4170
4175
|
className: "pointer-events-none absolute -top-24 -right-10 h-64 w-64 rounded-full bg-white/15 blur-3xl"
|
|
4171
4176
|
}),
|
|
4172
|
-
|
|
4177
|
+
U && /* @__PURE__ */ m("div", {
|
|
4173
4178
|
className: "absolute inset-y-0 right-0 flex max-w-[65%] pointer-events-none select-none",
|
|
4174
4179
|
children: [/* @__PURE__ */ p("img", {
|
|
4175
|
-
src:
|
|
4180
|
+
src: U,
|
|
4176
4181
|
alt: "",
|
|
4177
4182
|
"aria-hidden": "true",
|
|
4178
4183
|
className: "h-full w-auto object-cover object-right"
|
|
4179
4184
|
}), /* @__PURE__ */ p("div", {
|
|
4180
4185
|
className: "absolute inset-y-0 left-0 w-2/5",
|
|
4181
|
-
style: { background: `linear-gradient(to right, color-mix(in srgb, ${
|
|
4186
|
+
style: { background: `linear-gradient(to right, color-mix(in srgb, ${V} 80%, black) 0%, transparent 100%)` }
|
|
4182
4187
|
})]
|
|
4183
4188
|
}),
|
|
4184
4189
|
/* @__PURE__ */ m("div", {
|
|
@@ -4207,7 +4212,7 @@ var ut = (e) => {
|
|
|
4207
4212
|
}), /* @__PURE__ */ p("p", {
|
|
4208
4213
|
part: "header-subtitle",
|
|
4209
4214
|
className: "text-xs sm:text-sm text-white/80 mt-0.5",
|
|
4210
|
-
children:
|
|
4215
|
+
children: H ? "Select a category below to submit your abstract" : t === "registration" ? "Select a registration type below to begin your application" : "Registration & Profile Management"
|
|
4211
4216
|
})]
|
|
4212
4217
|
})]
|
|
4213
4218
|
}), /* @__PURE__ */ p("div", {
|
|
@@ -4226,18 +4231,18 @@ var ut = (e) => {
|
|
|
4226
4231
|
})
|
|
4227
4232
|
]
|
|
4228
4233
|
}),
|
|
4229
|
-
!
|
|
4234
|
+
!H && /* @__PURE__ */ p("div", {
|
|
4230
4235
|
part: "tabs",
|
|
4231
|
-
className: `shrink-0 border-b ${
|
|
4236
|
+
className: `shrink-0 border-b ${B ? "border-zinc-800 bg-zinc-900" : "border-slate-200 bg-white"}`,
|
|
4232
4237
|
children: /* @__PURE__ */ p("div", {
|
|
4233
4238
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-3",
|
|
4234
4239
|
children: /* @__PURE__ */ p("div", {
|
|
4235
4240
|
role: "tablist",
|
|
4236
|
-
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${
|
|
4241
|
+
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${B ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
4237
4242
|
children: [{
|
|
4238
4243
|
key: "registration",
|
|
4239
4244
|
label: "Registration Forms",
|
|
4240
|
-
Icon:
|
|
4245
|
+
Icon: he
|
|
4241
4246
|
}, {
|
|
4242
4247
|
key: "attendee",
|
|
4243
4248
|
label: "Attendee Login",
|
|
@@ -4250,8 +4255,8 @@ var ut = (e) => {
|
|
|
4250
4255
|
"aria-selected": a,
|
|
4251
4256
|
type: "button",
|
|
4252
4257
|
onClick: () => n(e),
|
|
4253
|
-
className: `inline-flex items-center justify-center gap-1.5 sm:gap-2 py-2 px-2 sm:px-3 text-[13px] sm:text-sm font-semibold rounded-lg transition-all cursor-pointer ${a ?
|
|
4254
|
-
style: a ? { color:
|
|
4258
|
+
className: `inline-flex items-center justify-center gap-1.5 sm:gap-2 py-2 px-2 sm:px-3 text-[13px] sm:text-sm font-semibold rounded-lg transition-all cursor-pointer ${a ? B ? "bg-zinc-950 shadow-sm" : "bg-white shadow-sm ring-1 ring-slate-200/70" : B ? "text-zinc-400 hover:text-zinc-200" : "text-slate-500 hover:text-slate-800"}`,
|
|
4259
|
+
style: a ? { color: V } : void 0,
|
|
4255
4260
|
children: [/* @__PURE__ */ p(i, {
|
|
4256
4261
|
size: 15,
|
|
4257
4262
|
className: "hidden sm:block shrink-0"
|
|
@@ -4264,25 +4269,25 @@ var ut = (e) => {
|
|
|
4264
4269
|
})
|
|
4265
4270
|
})
|
|
4266
4271
|
}),
|
|
4267
|
-
(
|
|
4272
|
+
(H || t === "registration") && /* @__PURE__ */ p("div", {
|
|
4268
4273
|
part: "list",
|
|
4269
|
-
className: `${Z ? "w-full flex-1" : "overflow-y-auto flex-1 min-h-0 overscroll-contain"} relative ${
|
|
4274
|
+
className: `${Z ? "w-full flex-1" : "overflow-y-auto flex-1 min-h-0 overscroll-contain"} relative ${B ? "bg-zinc-950" : "bg-slate-50"}`,
|
|
4270
4275
|
style: Q,
|
|
4271
4276
|
children: /* @__PURE__ */ p("div", {
|
|
4272
4277
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-6 sm:py-8 space-y-5",
|
|
4273
|
-
children:
|
|
4278
|
+
children: H ? Je() : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
|
|
4274
4279
|
part: "search",
|
|
4275
4280
|
className: "flex flex-col sm:flex-row sm:items-end sm:justify-between gap-3",
|
|
4276
4281
|
children: [/* @__PURE__ */ m("div", {
|
|
4277
4282
|
className: "min-w-0",
|
|
4278
4283
|
children: [/* @__PURE__ */ p("h3", {
|
|
4279
4284
|
part: "list-title",
|
|
4280
|
-
className: `text-base sm:text-lg font-semibold tracking-tight ${
|
|
4285
|
+
className: `text-base sm:text-lg font-semibold tracking-tight ${B ? "text-white" : "text-slate-900"}`,
|
|
4281
4286
|
style: $,
|
|
4282
|
-
children:
|
|
4287
|
+
children: H ? "Choose a submission category" : "Choose your registration type"
|
|
4283
4288
|
}), x.length > 0 && /* @__PURE__ */ p("p", {
|
|
4284
4289
|
part: "list-count",
|
|
4285
|
-
className: `text-xs mt-0.5 ${
|
|
4290
|
+
className: `text-xs mt-0.5 ${B ? "text-zinc-400" : "text-slate-500"}`,
|
|
4286
4291
|
children: Ue ? `${We.length} of ${x.length} options` : `${x.length} ${x.length === 1 ? "option" : "options"} available`
|
|
4287
4292
|
})]
|
|
4288
4293
|
}), /* @__PURE__ */ m("div", {
|
|
@@ -4291,41 +4296,41 @@ var ut = (e) => {
|
|
|
4291
4296
|
/* @__PURE__ */ p("input", {
|
|
4292
4297
|
part: "input search-input",
|
|
4293
4298
|
type: "text",
|
|
4294
|
-
value:
|
|
4295
|
-
onChange: (e) =>
|
|
4296
|
-
placeholder:
|
|
4299
|
+
value: k,
|
|
4300
|
+
onChange: (e) => A(e.target.value),
|
|
4301
|
+
placeholder: H ? "Search categories…" : "Search registration types…",
|
|
4297
4302
|
"aria-label": "Search",
|
|
4298
|
-
className: `w-full h-10 pl-9 pr-8 text-sm rounded-xl border transition-all focus:outline-none focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)] ${
|
|
4303
|
+
className: `w-full h-10 pl-9 pr-8 text-sm rounded-xl border transition-all focus:outline-none focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)] ${B ? "bg-zinc-900 border-zinc-700 text-white placeholder:text-zinc-500" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 shadow-[0_1px_2px_rgba(15,23,42,0.04)]"}`
|
|
4299
4304
|
}),
|
|
4300
4305
|
/* @__PURE__ */ p("div", {
|
|
4301
|
-
className: `absolute inset-y-0 left-3 flex items-center pointer-events-none ${
|
|
4306
|
+
className: `absolute inset-y-0 left-3 flex items-center pointer-events-none ${B ? "text-zinc-500" : "text-slate-400"}`,
|
|
4302
4307
|
children: /* @__PURE__ */ p(Ge, {
|
|
4303
4308
|
size: 15,
|
|
4304
4309
|
className: "block"
|
|
4305
4310
|
})
|
|
4306
4311
|
}),
|
|
4307
|
-
|
|
4312
|
+
k && /* @__PURE__ */ p("button", {
|
|
4308
4313
|
type: "button",
|
|
4309
|
-
onClick: () =>
|
|
4314
|
+
onClick: () => A(""),
|
|
4310
4315
|
"aria-label": "Clear search",
|
|
4311
|
-
className: `absolute inset-y-0 right-2.5 flex items-center cursor-pointer ${
|
|
4316
|
+
className: `absolute inset-y-0 right-2.5 flex items-center cursor-pointer ${B ? "text-zinc-500 hover:text-zinc-300" : "text-slate-400 hover:text-slate-600"}`,
|
|
4312
4317
|
children: /* @__PURE__ */ p(rt, { size: 14 })
|
|
4313
4318
|
})
|
|
4314
4319
|
]
|
|
4315
4320
|
})]
|
|
4316
4321
|
}), x.length === 0 ? null : We.length === 0 ? /* @__PURE__ */ m("div", {
|
|
4317
4322
|
part: "empty-state",
|
|
4318
|
-
className: `flex flex-col items-center text-center py-16 px-6 rounded-3xl border border-dashed ${
|
|
4323
|
+
className: `flex flex-col items-center text-center py-16 px-6 rounded-3xl border border-dashed ${B ? "bg-zinc-900/60 border-zinc-800 text-zinc-400" : "bg-white/70 border-slate-300 text-slate-500"}`,
|
|
4319
4324
|
children: [
|
|
4320
4325
|
/* @__PURE__ */ p("div", {
|
|
4321
|
-
className: `w-12 h-12 rounded-2xl flex items-center justify-center mb-4 ${
|
|
4326
|
+
className: `w-12 h-12 rounded-2xl flex items-center justify-center mb-4 ${B ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
4322
4327
|
children: /* @__PURE__ */ p(Ge, { size: 20 })
|
|
4323
4328
|
}),
|
|
4324
4329
|
/* @__PURE__ */ m("p", {
|
|
4325
|
-
className: `text-base font-semibold ${
|
|
4330
|
+
className: `text-base font-semibold ${B ? "text-white" : "text-slate-900"}`,
|
|
4326
4331
|
children: [
|
|
4327
4332
|
"No matches for “",
|
|
4328
|
-
|
|
4333
|
+
k.trim(),
|
|
4329
4334
|
"”"
|
|
4330
4335
|
]
|
|
4331
4336
|
}),
|
|
@@ -4335,8 +4340,8 @@ var ut = (e) => {
|
|
|
4335
4340
|
}),
|
|
4336
4341
|
/* @__PURE__ */ p("button", {
|
|
4337
4342
|
part: "button button-secondary",
|
|
4338
|
-
onClick: () =>
|
|
4339
|
-
className: `mt-5 px-4 py-2 rounded-full text-sm font-semibold border cursor-pointer transition-colors ${
|
|
4343
|
+
onClick: () => A(""),
|
|
4344
|
+
className: `mt-5 px-4 py-2 rounded-full text-sm font-semibold border cursor-pointer transition-colors ${B ? "border-zinc-700 text-zinc-200 hover:bg-zinc-800" : "border-slate-200 bg-white text-slate-700 hover:bg-slate-50"}`,
|
|
4340
4345
|
children: "Clear search"
|
|
4341
4346
|
})
|
|
4342
4347
|
]
|
|
@@ -4344,7 +4349,7 @@ var ut = (e) => {
|
|
|
4344
4349
|
part: "card-grid",
|
|
4345
4350
|
className: Z ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5" : "space-y-3",
|
|
4346
4351
|
children: We.map((e) => {
|
|
4347
|
-
let t = e.type || e.name || e.label, n = e.price !== void 0 && e.price !== null && e.price !== "", r = n && (Number(e.price) === 0 || String(e.price).toLowerCase() === "free"), i = (Array.isArray(e.items) ? e.items : []).filter((e) => e?.name).map((t) => t.mode === "optional" && Number(t.price) > 0 ? `${t.name} (+ ${[e.currency, Number(t.price).toLocaleString()].filter(Boolean).join(" ")})` : t.name), a =
|
|
4352
|
+
let t = e.type || e.name || e.label, n = e.price !== void 0 && e.price !== null && e.price !== "", r = n && (Number(e.price) === 0 || String(e.price).toLowerCase() === "free"), i = (Array.isArray(e.items) ? e.items : []).filter((e) => e?.name).map((t) => t.mode === "optional" && Number(t.price) > 0 ? `${t.name} (+ ${[e.currency, Number(t.price).toLocaleString()].filter(Boolean).join(" ")})` : t.name), a = H ? we : Ye;
|
|
4348
4353
|
return /* @__PURE__ */ m("div", {
|
|
4349
4354
|
part: "card",
|
|
4350
4355
|
role: "button",
|
|
@@ -4354,44 +4359,44 @@ var ut = (e) => {
|
|
|
4354
4359
|
onKeyDown: (t) => {
|
|
4355
4360
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), E(e));
|
|
4356
4361
|
},
|
|
4357
|
-
className: `group relative flex flex-col rounded-2xl border p-5 sm:p-6 cursor-pointer transition-all duration-300 hover:-translate-y-1 outline-none focus-visible:ring-4 focus-visible:ring-[color-mix(in_srgb,var(--vx-accent)_25%,transparent)] hover:border-[color-mix(in_srgb,var(--vx-accent)_35%,transparent)] ${
|
|
4362
|
+
className: `group relative flex flex-col rounded-2xl border p-5 sm:p-6 cursor-pointer transition-all duration-300 hover:-translate-y-1 outline-none focus-visible:ring-4 focus-visible:ring-[color-mix(in_srgb,var(--vx-accent)_25%,transparent)] hover:border-[color-mix(in_srgb,var(--vx-accent)_35%,transparent)] ${B ? "bg-zinc-900 border-zinc-800 hover:shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04)] hover:shadow-[0_24px_48px_-24px_color-mix(in_srgb,var(--vx-accent)_45%,transparent)]"}`,
|
|
4358
4363
|
children: [
|
|
4359
4364
|
/* @__PURE__ */ p("span", {
|
|
4360
4365
|
"aria-hidden": "true",
|
|
4361
4366
|
className: "pointer-events-none absolute inset-x-8 top-0 h-[3px] rounded-b-full opacity-0 transition-opacity duration-300 group-hover:opacity-100",
|
|
4362
|
-
style: { background: `linear-gradient(90deg, transparent, ${
|
|
4367
|
+
style: { background: `linear-gradient(90deg, transparent, ${V}, transparent)` }
|
|
4363
4368
|
}),
|
|
4364
4369
|
/* @__PURE__ */ m("div", {
|
|
4365
4370
|
className: "flex items-start justify-between gap-3",
|
|
4366
4371
|
children: [/* @__PURE__ */ p("div", {
|
|
4367
4372
|
className: "w-11 h-11 rounded-xl flex items-center justify-center shrink-0 transition-transform duration-300 group-hover:scale-105",
|
|
4368
4373
|
style: {
|
|
4369
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
4370
|
-
color:
|
|
4374
|
+
backgroundColor: `color-mix(in srgb, ${V} 12%, transparent)`,
|
|
4375
|
+
color: V
|
|
4371
4376
|
},
|
|
4372
4377
|
children: /* @__PURE__ */ p(a, { size: 20 })
|
|
4373
4378
|
}), (e.category || e.seats_left) && /* @__PURE__ */ m("div", {
|
|
4374
4379
|
className: "flex flex-wrap justify-end items-center gap-1.5",
|
|
4375
4380
|
children: [e.category && /* @__PURE__ */ p("span", {
|
|
4376
4381
|
part: "card-category",
|
|
4377
|
-
className: `text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full ${
|
|
4382
|
+
className: `text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full ${B ? "bg-zinc-800 text-zinc-300" : "bg-slate-100 text-slate-600"}`,
|
|
4378
4383
|
children: e.category
|
|
4379
4384
|
}), e.seats_left && /* @__PURE__ */ m("span", {
|
|
4380
4385
|
part: "card-seats",
|
|
4381
|
-
className: `text-[10px] font-semibold px-2.5 py-1 rounded-full flex items-center gap-1 ${
|
|
4382
|
-
children: [/* @__PURE__ */ p(
|
|
4386
|
+
className: `text-[10px] font-semibold px-2.5 py-1 rounded-full flex items-center gap-1 ${B ? "bg-amber-950/60 text-amber-300" : "bg-amber-50 text-amber-700"}`,
|
|
4387
|
+
children: [/* @__PURE__ */ p(ge, { size: 10 }), /* @__PURE__ */ p("span", { children: e.seats_left })]
|
|
4383
4388
|
})]
|
|
4384
4389
|
})]
|
|
4385
4390
|
}),
|
|
4386
4391
|
/* @__PURE__ */ p("h3", {
|
|
4387
4392
|
part: "card-title",
|
|
4388
|
-
className: `mt-4 text-lg font-semibold leading-snug tracking-tight ${
|
|
4393
|
+
className: `mt-4 text-lg font-semibold leading-snug tracking-tight ${B ? "text-white" : "text-slate-900"}`,
|
|
4389
4394
|
style: $,
|
|
4390
4395
|
children: t
|
|
4391
4396
|
}),
|
|
4392
4397
|
e.description && /* @__PURE__ */ p("p", {
|
|
4393
4398
|
part: "card-description",
|
|
4394
|
-
className: `mt-1.5 text-sm leading-relaxed line-clamp-2 ${
|
|
4399
|
+
className: `mt-1.5 text-sm leading-relaxed line-clamp-2 ${B ? "text-zinc-400" : "text-slate-500"}`,
|
|
4395
4400
|
children: e.description
|
|
4396
4401
|
}),
|
|
4397
4402
|
i.length > 0 && /* @__PURE__ */ p("ul", {
|
|
@@ -4402,48 +4407,48 @@ var ut = (e) => {
|
|
|
4402
4407
|
children: [/* @__PURE__ */ p("span", {
|
|
4403
4408
|
className: "mt-0.5 w-4 h-4 rounded-full flex items-center justify-center shrink-0",
|
|
4404
4409
|
style: {
|
|
4405
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
4406
|
-
color:
|
|
4410
|
+
backgroundColor: `color-mix(in srgb, ${V} 14%, transparent)`,
|
|
4411
|
+
color: V
|
|
4407
4412
|
},
|
|
4408
|
-
children: /* @__PURE__ */ p(
|
|
4413
|
+
children: /* @__PURE__ */ p(le, {
|
|
4409
4414
|
size: 10,
|
|
4410
4415
|
strokeWidth: 3
|
|
4411
4416
|
})
|
|
4412
4417
|
}), /* @__PURE__ */ p("span", {
|
|
4413
|
-
className:
|
|
4418
|
+
className: B ? "text-zinc-300" : "text-slate-600",
|
|
4414
4419
|
children: e
|
|
4415
4420
|
})]
|
|
4416
4421
|
}, t))
|
|
4417
4422
|
}),
|
|
4418
4423
|
/* @__PURE__ */ p("div", { className: "flex-1" }),
|
|
4419
4424
|
/* @__PURE__ */ m("div", {
|
|
4420
|
-
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${
|
|
4425
|
+
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${B ? "border-zinc-800" : "border-slate-200"}`,
|
|
4421
4426
|
children: [/* @__PURE__ */ p("div", {
|
|
4422
4427
|
className: "min-w-0",
|
|
4423
|
-
children: n && !
|
|
4428
|
+
children: n && !H ? /* @__PURE__ */ m(f, { children: [
|
|
4424
4429
|
/* @__PURE__ */ p("p", {
|
|
4425
|
-
className: `text-[10px] font-semibold uppercase tracking-wider ${
|
|
4430
|
+
className: `text-[10px] font-semibold uppercase tracking-wider ${B ? "text-zinc-500" : "text-slate-400"}`,
|
|
4426
4431
|
children: "Registration fee"
|
|
4427
4432
|
}),
|
|
4428
4433
|
/* @__PURE__ */ p("p", {
|
|
4429
4434
|
part: "card-price",
|
|
4430
4435
|
className: "text-2xl font-bold tracking-tight tabular-nums leading-tight",
|
|
4431
|
-
style: { color:
|
|
4436
|
+
style: { color: V },
|
|
4432
4437
|
children: r ? "Free" : [e.currency, Number(e.price).toLocaleString()].filter(Boolean).join(" ")
|
|
4433
4438
|
}),
|
|
4434
4439
|
e.tax_info && /* @__PURE__ */ p("p", {
|
|
4435
4440
|
part: "card-tax",
|
|
4436
|
-
className: `text-[11px] mt-0.5 ${
|
|
4441
|
+
className: `text-[11px] mt-0.5 ${B ? "text-zinc-500" : "text-slate-400"}`,
|
|
4437
4442
|
children: e.tax_info
|
|
4438
4443
|
})
|
|
4439
4444
|
] }) : null
|
|
4440
4445
|
}), /* @__PURE__ */ m("span", {
|
|
4441
4446
|
part: "button button-primary card-button",
|
|
4442
4447
|
className: "inline-flex shrink-0 items-center gap-2 h-10 pl-4 pr-1.5 rounded-full text-sm font-semibold text-white transition-shadow duration-300 group-hover:shadow-[0_8px_20px_-6px_color-mix(in_srgb,var(--vx-accent)_70%,transparent)]",
|
|
4443
|
-
style: { backgroundColor:
|
|
4444
|
-
children: [
|
|
4448
|
+
style: { backgroundColor: V },
|
|
4449
|
+
children: [H ? "Submit" : "Register", /* @__PURE__ */ p("span", {
|
|
4445
4450
|
className: "w-7 h-7 rounded-full bg-white/20 flex items-center justify-center transition-transform duration-300 group-hover:translate-x-0.5",
|
|
4446
|
-
children: /* @__PURE__ */ p(
|
|
4451
|
+
children: /* @__PURE__ */ p(ie, { size: 14 })
|
|
4447
4452
|
})]
|
|
4448
4453
|
})]
|
|
4449
4454
|
})
|
|
@@ -4453,7 +4458,7 @@ var ut = (e) => {
|
|
|
4453
4458
|
})] })
|
|
4454
4459
|
})
|
|
4455
4460
|
}),
|
|
4456
|
-
!
|
|
4461
|
+
!H && (r || t === "attendee") && /* @__PURE__ */ p("div", {
|
|
4457
4462
|
part: "portal",
|
|
4458
4463
|
className: `${t === "attendee" ? "flex" : "hidden"} flex-col ${Z ? "w-full flex-1" : "flex-1 overflow-hidden min-h-0"}`,
|
|
4459
4464
|
style: {
|
|
@@ -4463,12 +4468,12 @@ var ut = (e) => {
|
|
|
4463
4468
|
onScroll: Z ? void 0 : (e) => {
|
|
4464
4469
|
e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0);
|
|
4465
4470
|
},
|
|
4466
|
-
children: /* @__PURE__ */ p(
|
|
4471
|
+
children: /* @__PURE__ */ p(lt, {
|
|
4467
4472
|
apiClient: G,
|
|
4468
4473
|
storage: K,
|
|
4469
4474
|
logger: W,
|
|
4470
|
-
primaryColor:
|
|
4471
|
-
isDark:
|
|
4475
|
+
primaryColor: V,
|
|
4476
|
+
isDark: B,
|
|
4472
4477
|
isWidgetPage: Z,
|
|
4473
4478
|
onEvent: e.onEvent,
|
|
4474
4479
|
onError: e.onError
|
|
@@ -4477,7 +4482,7 @@ var ut = (e) => {
|
|
|
4477
4482
|
]
|
|
4478
4483
|
})
|
|
4479
4484
|
});
|
|
4480
|
-
}, pt = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-indigo-400:oklch(67.3% .182 276.935);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-100:oklch(94.8% .028 342.258);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-\\[10px\\]{inset:10px}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-y-0{inset-block:0}.-top-1\\.5{top:calc(var(--spacing) * -1.5)}.-top-16{top:calc(var(--spacing) * -16)}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:0}.top-1\\/2{top:50%}.top-1\\/3{top:33.3333%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-18{top:calc(var(--spacing) * 18)}.-right-10{right:calc(var(--spacing) * -10)}.-right-16{right:calc(var(--spacing) * -16)}.right-0{right:0}.right-1\\/4{right:25%}.right-2\\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1\\.5{left:calc(var(--spacing) * -1.5)}.-left-20{left:calc(var(--spacing) * -20)}.left-0{left:0}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-1{height:var(--spacing)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2\\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\\[3px\\]{height:3px}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-0{min-height:0}.min-h-\\[70vh\\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-1\\.5{width:calc(var(--spacing) * 1.5)}.w-1\\/2{width:50%}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-3\\/4{width:75%}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-4\\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[16rem\\]{max-width:16rem}.max-w-\\[60vw\\]{max-width:60vw}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[400px\\]{max-width:400px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-0\\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-zinc-800>:not(:last-child)){border-color:var(--color-zinc-800)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-full{border-bottom-right-radius:2147483647px;border-bottom-left-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-emerald-700{border-color:var(--color-emerald-700)}.border-fuchsia-200{border-color:var(--color-fuchsia-200)}.border-fuchsia-500{border-color:var(--color-fuchsia-500)}.border-fuchsia-600{border-color:var(--color-fuchsia-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\\/80{border-color:#e5e7ebcc}@supports (color:color-mix(in lab, red, red)){.border-gray-200\\/80{border-color:color-mix(in oklab, var(--color-gray-200) 80%, transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-pink-100{border-color:var(--color-pink-100)}.border-pink-100\\/90{border-color:#fce7f3e6}@supports (color:color-mix(in lab, red, red)){.border-pink-100\\/90{border-color:color-mix(in oklab, var(--color-pink-100) 90%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-700{border-color:var(--color-red-700)}.border-red-900{border-color:var(--color-red-900)}.border-red-900\\/60{border-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/60{border-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-zinc-600{border-color:var(--color-zinc-600)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-\\[\\#fbf7f9\\]{background-color:#fbf7f9}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-950\\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-300{background-color:var(--color-emerald-300)}.bg-emerald-950\\/50{background-color:#002c2280}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/50{background-color:color-mix(in oklab, var(--color-emerald-950) 50%, transparent)}}.bg-emerald-950\\/60{background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/60{background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.bg-emerald-950\\/70{background-color:#002c22b3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/70{background-color:color-mix(in oklab, var(--color-emerald-950) 70%, transparent)}}.bg-emerald-950\\/95{background-color:#002c22f2}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/95{background-color:color-mix(in oklab, var(--color-emerald-950) 95%, transparent)}}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\\/80{background-color:#f9fafbcc}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\\/80{background-color:color-mix(in oklab, var(--color-gray-50) 80%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab, red, red)){.bg-red-50\\/80{background-color:color-mix(in oklab, var(--color-red-50) 80%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\\/50{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/50{background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.bg-red-950\\/60{background-color:#46080999}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/60{background-color:color-mix(in oklab, var(--color-red-950) 60%, transparent)}}.bg-red-950\\/95{background-color:#460809f2}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/95{background-color:color-mix(in oklab, var(--color-red-950) 95%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\\/70{background-color:#f8fafcb3}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\\/70{background-color:color-mix(in oklab, var(--color-slate-50) 70%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-800\\/60{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-800\\/60{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\\/60{background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/60{background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}.bg-zinc-900\\/85{background-color:#18181bd9}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/85{background-color:color-mix(in oklab, var(--color-zinc-900) 85%, transparent)}}.bg-zinc-900\\/90{background-color:#18181be6}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/90{background-color:color-mix(in oklab, var(--color-zinc-900) 90%, transparent)}}.bg-zinc-900\\/95{background-color:#18181bf2}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/95{background-color:color-mix(in oklab, var(--color-zinc-900) 95%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\\/40{background-color:#09090b66}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/40{background-color:color-mix(in oklab, var(--color-zinc-950) 40%, transparent)}}.bg-zinc-950\\/60{background-color:#09090b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/60{background-color:color-mix(in oklab, var(--color-zinc-950) 60%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-right{object-position:right}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3\\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1\\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2\\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3\\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12\\.5px\\]{font-size:12.5px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-amber-300{color:var(--color-amber-300)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-fuchsia-600{color:var(--color-fuchsia-600)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-400{color:var(--color-indigo-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.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,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.placeholder-zinc-500::placeholder{color:var(--color-zinc-500)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\\[0\\.03\\]{opacity:.03}.opacity-\\[0\\.14\\]{opacity:.14}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_12px_32px_-16px_rgba\\(15\\,23\\,42\\,0\\.12\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 12px 32px -16px var(--tw-shadow-color,#0f172a1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.16\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a29);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.18\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.25\\)\\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-emerald-200\\/80{--tw-ring-color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.ring-emerald-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-emerald-200) 80%, transparent)}}.ring-emerald-900{--tw-ring-color:var(--color-emerald-900)}.ring-red-200\\/80{--tw-ring-color:#ffcacacc}@supports (color:color-mix(in lab, red, red)){.ring-red-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-red-200) 80%, transparent)}}.ring-red-900{--tw-ring-color:var(--color-red-900)}.ring-slate-200\\/70{--tw-ring-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.ring-slate-200\\/70{--tw-ring-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.ring-white\\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.ring-white\\/25{--tw-ring-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.ring-white\\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\\/30{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.contrast-200{--tw-contrast:contrast(200%);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,)}.invert{--tw-invert:invert(100%);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,)}.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-md{--tw-backdrop-blur:blur(var(--blur-md));-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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\\:translate-x-0\\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 70%,transparent))}}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.placeholder\\:text-slate-400::placeholder{color:var(--color-slate-400)}.placeholder\\:text-zinc-500::placeholder{color:var(--color-zinc-500)}@media (hover:hover){.hover\\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 35%,transparent)}}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 45%,transparent)}}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:border-red-200:hover{border-color:var(--color-red-200)}.hover\\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\\:border-zinc-600:hover{border-color:var(--color-zinc-600)}.hover\\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-red-900\\/60:hover{background-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-900\\/60:hover{background-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.hover\\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\\:bg-white\\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\\:bg-zinc-800\\/60:hover{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-zinc-800\\/60:hover{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-300:hover{color:var(--color-red-300)}.hover\\:text-red-500:hover{color:var(--color-red-500)}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-slate-600:hover{color:var(--color-slate-600)}.hover\\:text-slate-800:hover{color:var(--color-slate-800)}.hover\\:text-slate-900:hover{color:var(--color-slate-900)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\\:text-zinc-300:hover{color:var(--color-zinc-300)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 45%,transparent))}}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}.focus\\:border-\\(--vx-accent\\):focus{border-color:var(--vx-accent)}.focus\\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 15%,transparent)}}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 20%,transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:color-mix(in srgb,var(--vx-accent) 8%,transparent)}}.focus-visible\\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 25%,transparent)}}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\\:scale-\\[0\\.99\\]:active{scale:.99}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}.disabled\\:opacity-70:disabled{opacity:.7}@media (hover:hover){.disabled\\:hover\\:brightness-100:disabled:hover{--tw-brightness:brightness(100%);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,)}}@media (prefers-reduced-motion:no-preference){.motion-safe\\:animate-spin{animation:var(--animate-spin)}}@media (width>=40rem){.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:inline-block{display:inline-block}.sm\\:inline-flex{display:inline-flex}.sm\\:h-14{height:calc(var(--spacing) * 14)}.sm\\:w-14{width:calc(var(--spacing) * 14)}.sm\\:w-72{width:calc(var(--spacing) * 72)}.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:items-end{align-items:flex-end}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-2{gap:calc(var(--spacing) * 2)}.sm\\:gap-4{gap:calc(var(--spacing) * 4)}.sm\\:p-5{padding:calc(var(--spacing) * 5)}.sm\\:p-6{padding:calc(var(--spacing) * 6)}.sm\\:p-7{padding:calc(var(--spacing) * 7)}.sm\\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\\:px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.sm\\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\\:pt-7{padding-top:calc(var(--spacing) * 7)}.sm\\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.sm\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=48rem){.md\\:block{display:block}.md\\:w-1\\/2{width:50%}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\\:border-fuchsia-800{border-color:var(--color-fuchsia-800)}.dark\\:border-zinc-700{border-color:var(--color-zinc-700)}.dark\\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\\:bg-fuchsia-950\\/80{background-color:#4b004fcc}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-fuchsia-950\\/80{background-color:color-mix(in oklab, var(--color-fuchsia-950) 80%, transparent)}}.dark\\:bg-white{background-color:var(--color-white)}.dark\\:bg-zinc-800{background-color:var(--color-zinc-800)}.dark\\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\\:text-fuchsia-300{color:var(--color-fuchsia-300)}.dark\\:text-gray-900{color:var(--color-gray-900)}.dark\\:text-white{color:var(--color-white)}.dark\\:text-zinc-200{color:var(--color-zinc-200)}.dark\\:text-zinc-300{color:var(--color-zinc-300)}.dark\\:text-zinc-400{color:var(--color-zinc-400)}@media (hover:hover){.dark\\:hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:#18181b80}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:color-mix(in oklab, var(--color-zinc-900) 50%, transparent)}}.dark\\:hover\\:text-white:hover{color:var(--color-white)}}}}:host{all:initial;font-family:inherit}.vx-skeleton{background-image:linear-gradient(90deg,currentColor 0% 50%,currentColor 100%)}@supports (color:color-mix(in lab, red, red)){.vx-skeleton{background-image:linear-gradient(90deg, color-mix(in srgb, currentColor 7%, transparent) 0%, color-mix(in srgb, currentColor 14%, transparent) 50%, color-mix(in srgb, currentColor 7%, transparent) 100%)}}.vx-skeleton{background-size:200% 100%;animation:1.4s ease-in-out infinite vx-skeleton-sweep}@keyframes vx-skeleton-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.vx-progress-bar{animation:1.3s ease-in-out infinite vx-progress-slide}@keyframes vx-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.vx-skeleton,.vx-progress-bar{animation:none}}@supports (appearance:base-select){select[part~=select]{appearance:base-select}select[part~=select]::picker(select){appearance:base-select}select[part~=select]::picker-icon{display:none}select[part~=select]::picker(select){border:1px solid;margin-block:6px;padding:6px}@supports (color:color-mix(in lab, red, red)){select[part~=select]::picker(select){border:1px solid color-mix(in srgb, currentColor 12%, transparent)}}select[part~=select]::picker(select){background-color:inherit;color:inherit;opacity:0;max-height:min(320px,60vh);transition:opacity .15s ease, translate .15s ease, display .15s allow-discrete, overlay .15s allow-discrete;border-radius:14px;translate:0 -4px;box-shadow:0 18px 40px -12px #0f172a38,0 4px 12px -4px #0f172a14}select[part~=select]:open::picker(select){opacity:1;translate:0}@starting-style{select[part~=select]:open::picker(select){opacity:0;translate:0 -4px}}select[part~=select] option{color:inherit;cursor:pointer;background-color:#0000;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 8%, transparent)}}select[part~=select] option:hover,select[part~=select] option:focus-visible{outline:none}select[part~=select] option:checked{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:checked{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 12%, transparent)}}select[part~=select] option:checked{color:var(--vx-accent,#2563eb);font-weight:600}select[part~=select] option::checkmark{color:var(--vx-accent,#2563eb);order:1;margin-inline-start:auto}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:currentColor;background-color:#0000}@supports (color:color-mix(in lab, red, red)){select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:color-mix(in srgb, currentColor 55%, transparent)}}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{font-weight:500}select[part~=select] option[value=\"\"]::checkmark{display:none}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}", mt = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif", ht = ({ children: e, useShadow: t = !0, inheritFont: n = !1 }) => {
|
|
4485
|
+
}, ht = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-indigo-400:oklch(67.3% .182 276.935);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-100:oklch(94.8% .028 342.258);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-\\[10px\\]{inset:10px}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-y-0{inset-block:0}.-top-1\\.5{top:calc(var(--spacing) * -1.5)}.-top-16{top:calc(var(--spacing) * -16)}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:0}.top-1\\/2{top:50%}.top-1\\/3{top:33.3333%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-18{top:calc(var(--spacing) * 18)}.-right-10{right:calc(var(--spacing) * -10)}.-right-16{right:calc(var(--spacing) * -16)}.right-0{right:0}.right-1\\/4{right:25%}.right-2\\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1\\.5{left:calc(var(--spacing) * -1.5)}.-left-20{left:calc(var(--spacing) * -20)}.left-0{left:0}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-1{height:var(--spacing)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2\\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\\[3px\\]{height:3px}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-0{min-height:0}.min-h-\\[70vh\\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-1\\.5{width:calc(var(--spacing) * 1.5)}.w-1\\/2{width:50%}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-3\\/4{width:75%}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-4\\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[16rem\\]{max-width:16rem}.max-w-\\[60vw\\]{max-width:60vw}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[400px\\]{max-width:400px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-0\\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-zinc-800>:not(:last-child)){border-color:var(--color-zinc-800)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-full{border-bottom-right-radius:2147483647px;border-bottom-left-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-emerald-700{border-color:var(--color-emerald-700)}.border-fuchsia-200{border-color:var(--color-fuchsia-200)}.border-fuchsia-500{border-color:var(--color-fuchsia-500)}.border-fuchsia-600{border-color:var(--color-fuchsia-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\\/80{border-color:#e5e7ebcc}@supports (color:color-mix(in lab, red, red)){.border-gray-200\\/80{border-color:color-mix(in oklab, var(--color-gray-200) 80%, transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-pink-100{border-color:var(--color-pink-100)}.border-pink-100\\/90{border-color:#fce7f3e6}@supports (color:color-mix(in lab, red, red)){.border-pink-100\\/90{border-color:color-mix(in oklab, var(--color-pink-100) 90%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-700{border-color:var(--color-red-700)}.border-red-900{border-color:var(--color-red-900)}.border-red-900\\/60{border-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/60{border-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-zinc-600{border-color:var(--color-zinc-600)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-\\[\\#fbf7f9\\]{background-color:#fbf7f9}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-950\\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-300{background-color:var(--color-emerald-300)}.bg-emerald-950\\/50{background-color:#002c2280}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/50{background-color:color-mix(in oklab, var(--color-emerald-950) 50%, transparent)}}.bg-emerald-950\\/60{background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/60{background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.bg-emerald-950\\/70{background-color:#002c22b3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/70{background-color:color-mix(in oklab, var(--color-emerald-950) 70%, transparent)}}.bg-emerald-950\\/95{background-color:#002c22f2}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/95{background-color:color-mix(in oklab, var(--color-emerald-950) 95%, transparent)}}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\\/80{background-color:#f9fafbcc}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\\/80{background-color:color-mix(in oklab, var(--color-gray-50) 80%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab, red, red)){.bg-red-50\\/80{background-color:color-mix(in oklab, var(--color-red-50) 80%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\\/50{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/50{background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.bg-red-950\\/60{background-color:#46080999}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/60{background-color:color-mix(in oklab, var(--color-red-950) 60%, transparent)}}.bg-red-950\\/95{background-color:#460809f2}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/95{background-color:color-mix(in oklab, var(--color-red-950) 95%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\\/70{background-color:#f8fafcb3}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\\/70{background-color:color-mix(in oklab, var(--color-slate-50) 70%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-800\\/60{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-800\\/60{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\\/60{background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/60{background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}.bg-zinc-900\\/85{background-color:#18181bd9}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/85{background-color:color-mix(in oklab, var(--color-zinc-900) 85%, transparent)}}.bg-zinc-900\\/90{background-color:#18181be6}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/90{background-color:color-mix(in oklab, var(--color-zinc-900) 90%, transparent)}}.bg-zinc-900\\/95{background-color:#18181bf2}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/95{background-color:color-mix(in oklab, var(--color-zinc-900) 95%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\\/40{background-color:#09090b66}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/40{background-color:color-mix(in oklab, var(--color-zinc-950) 40%, transparent)}}.bg-zinc-950\\/60{background-color:#09090b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/60{background-color:color-mix(in oklab, var(--color-zinc-950) 60%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-right{object-position:right}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3\\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1\\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2\\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3\\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12\\.5px\\]{font-size:12.5px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-amber-300{color:var(--color-amber-300)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-fuchsia-600{color:var(--color-fuchsia-600)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-400{color:var(--color-indigo-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.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,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.placeholder-zinc-500::placeholder{color:var(--color-zinc-500)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\\[0\\.03\\]{opacity:.03}.opacity-\\[0\\.14\\]{opacity:.14}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_12px_32px_-16px_rgba\\(15\\,23\\,42\\,0\\.12\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 12px 32px -16px var(--tw-shadow-color,#0f172a1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.16\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a29);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.18\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.25\\)\\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-emerald-200\\/80{--tw-ring-color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.ring-emerald-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-emerald-200) 80%, transparent)}}.ring-emerald-900{--tw-ring-color:var(--color-emerald-900)}.ring-red-200\\/80{--tw-ring-color:#ffcacacc}@supports (color:color-mix(in lab, red, red)){.ring-red-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-red-200) 80%, transparent)}}.ring-red-900{--tw-ring-color:var(--color-red-900)}.ring-slate-200\\/70{--tw-ring-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.ring-slate-200\\/70{--tw-ring-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.ring-white\\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.ring-white\\/25{--tw-ring-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.ring-white\\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\\/30{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.contrast-200{--tw-contrast:contrast(200%);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,)}.invert{--tw-invert:invert(100%);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,)}.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-md{--tw-backdrop-blur:blur(var(--blur-md));-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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\\:translate-x-0\\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 70%,transparent))}}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.placeholder\\:text-slate-400::placeholder{color:var(--color-slate-400)}.placeholder\\:text-zinc-500::placeholder{color:var(--color-zinc-500)}@media (hover:hover){.hover\\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 35%,transparent)}}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 45%,transparent)}}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:border-red-200:hover{border-color:var(--color-red-200)}.hover\\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\\:border-zinc-600:hover{border-color:var(--color-zinc-600)}.hover\\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-red-900\\/60:hover{background-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-900\\/60:hover{background-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.hover\\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\\:bg-white\\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\\:bg-zinc-800\\/60:hover{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-zinc-800\\/60:hover{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-300:hover{color:var(--color-red-300)}.hover\\:text-red-500:hover{color:var(--color-red-500)}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-slate-600:hover{color:var(--color-slate-600)}.hover\\:text-slate-800:hover{color:var(--color-slate-800)}.hover\\:text-slate-900:hover{color:var(--color-slate-900)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\\:text-zinc-300:hover{color:var(--color-zinc-300)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 45%,transparent))}}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}.focus\\:border-\\(--vx-accent\\):focus{border-color:var(--vx-accent)}.focus\\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 15%,transparent)}}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 20%,transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:color-mix(in srgb,var(--vx-accent) 8%,transparent)}}.focus-visible\\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 25%,transparent)}}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\\:scale-\\[0\\.99\\]:active{scale:.99}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}.disabled\\:opacity-70:disabled{opacity:.7}@media (hover:hover){.disabled\\:hover\\:brightness-100:disabled:hover{--tw-brightness:brightness(100%);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,)}}@media (prefers-reduced-motion:no-preference){.motion-safe\\:animate-spin{animation:var(--animate-spin)}}@media (width>=40rem){.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:inline-block{display:inline-block}.sm\\:inline-flex{display:inline-flex}.sm\\:h-14{height:calc(var(--spacing) * 14)}.sm\\:w-14{width:calc(var(--spacing) * 14)}.sm\\:w-72{width:calc(var(--spacing) * 72)}.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:items-end{align-items:flex-end}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-2{gap:calc(var(--spacing) * 2)}.sm\\:gap-4{gap:calc(var(--spacing) * 4)}.sm\\:p-5{padding:calc(var(--spacing) * 5)}.sm\\:p-6{padding:calc(var(--spacing) * 6)}.sm\\:p-7{padding:calc(var(--spacing) * 7)}.sm\\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\\:px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.sm\\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\\:pt-7{padding-top:calc(var(--spacing) * 7)}.sm\\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.sm\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=48rem){.md\\:block{display:block}.md\\:w-1\\/2{width:50%}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\\:border-fuchsia-800{border-color:var(--color-fuchsia-800)}.dark\\:border-zinc-700{border-color:var(--color-zinc-700)}.dark\\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\\:bg-fuchsia-950\\/80{background-color:#4b004fcc}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-fuchsia-950\\/80{background-color:color-mix(in oklab, var(--color-fuchsia-950) 80%, transparent)}}.dark\\:bg-white{background-color:var(--color-white)}.dark\\:bg-zinc-800{background-color:var(--color-zinc-800)}.dark\\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\\:text-fuchsia-300{color:var(--color-fuchsia-300)}.dark\\:text-gray-900{color:var(--color-gray-900)}.dark\\:text-white{color:var(--color-white)}.dark\\:text-zinc-200{color:var(--color-zinc-200)}.dark\\:text-zinc-300{color:var(--color-zinc-300)}.dark\\:text-zinc-400{color:var(--color-zinc-400)}@media (hover:hover){.dark\\:hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:#18181b80}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:color-mix(in oklab, var(--color-zinc-900) 50%, transparent)}}.dark\\:hover\\:text-white:hover{color:var(--color-white)}}}}:host{all:initial;font-family:inherit}.vx-skeleton{background-image:linear-gradient(90deg,currentColor 0% 50%,currentColor 100%)}@supports (color:color-mix(in lab, red, red)){.vx-skeleton{background-image:linear-gradient(90deg, color-mix(in srgb, currentColor 7%, transparent) 0%, color-mix(in srgb, currentColor 14%, transparent) 50%, color-mix(in srgb, currentColor 7%, transparent) 100%)}}.vx-skeleton{background-size:200% 100%;animation:1.4s ease-in-out infinite vx-skeleton-sweep}@keyframes vx-skeleton-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.vx-progress-bar{animation:1.3s ease-in-out infinite vx-progress-slide}@keyframes vx-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.vx-skeleton,.vx-progress-bar{animation:none}}@supports (appearance:base-select){select[part~=select]{appearance:base-select}select[part~=select]::picker(select){appearance:base-select}select[part~=select]::picker-icon{display:none}select[part~=select]::picker(select){border:1px solid;margin-block:6px;padding:6px}@supports (color:color-mix(in lab, red, red)){select[part~=select]::picker(select){border:1px solid color-mix(in srgb, currentColor 12%, transparent)}}select[part~=select]::picker(select){background-color:inherit;color:inherit;opacity:0;max-height:min(320px,60vh);transition:opacity .15s ease, translate .15s ease, display .15s allow-discrete, overlay .15s allow-discrete;border-radius:14px;translate:0 -4px;box-shadow:0 18px 40px -12px #0f172a38,0 4px 12px -4px #0f172a14}select[part~=select]:open::picker(select){opacity:1;translate:0}@starting-style{select[part~=select]:open::picker(select){opacity:0;translate:0 -4px}}select[part~=select] option{color:inherit;cursor:pointer;background-color:#0000;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 8%, transparent)}}select[part~=select] option:hover,select[part~=select] option:focus-visible{outline:none}select[part~=select] option:checked{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:checked{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 12%, transparent)}}select[part~=select] option:checked{color:var(--vx-accent,#2563eb);font-weight:600}select[part~=select] option::checkmark{color:var(--vx-accent,#2563eb);order:1;margin-inline-start:auto}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:currentColor;background-color:#0000}@supports (color:color-mix(in lab, red, red)){select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:color-mix(in srgb, currentColor 55%, transparent)}}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{font-weight:500}select[part~=select] option[value=\"\"]::checkmark{display:none}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}", gt = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif", _t = ({ children: e, useShadow: t = !0, inheritFont: n = !1 }) => {
|
|
4481
4486
|
let r = u(null), [i, a] = d(null);
|
|
4482
4487
|
return c(() => {
|
|
4483
4488
|
if (typeof document > "u" || !r.current || !t) return;
|
|
@@ -4488,20 +4493,20 @@ var ut = (e) => {
|
|
|
4488
4493
|
let t = document.createElement("style");
|
|
4489
4494
|
t.innerText = ":host, *, *::before, *::after, ::backdrop {\n --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate-x: initial;\n --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial;\n --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0;\n --tw-border-style: solid; --tw-shadow: 0 0 #0000;\n --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff;\n }", e.appendChild(t);
|
|
4490
4495
|
let i = document.createElement("style");
|
|
4491
|
-
i.textContent =
|
|
4496
|
+
i.textContent = ht, e.appendChild(i), n = document.createElement("div"), n.className = "voxket-widget-root", n.style.cssText = "\n all: initial;\n box-sizing: border-box !important;\n font-size: 14px !important;\n color: #1a1a1a !important; \n position: relative !important;\n width: 100% !important;\n min-height: 100% !important;\n display: block !important;\n background-color: transparent !important;\n ", e.appendChild(n);
|
|
4492
4497
|
}
|
|
4493
4498
|
n && a(n);
|
|
4494
4499
|
}, [t]), c(() => {
|
|
4495
|
-
i && i.style.setProperty("font-family", n ? "var(--vx-font-family)" : `var(--vx-font-family, ${
|
|
4500
|
+
i && i.style.setProperty("font-family", n ? "var(--vx-font-family)" : `var(--vx-font-family, ${gt})`, "important");
|
|
4496
4501
|
}, [i, n]), t ? /* @__PURE__ */ p("div", {
|
|
4497
4502
|
ref: r,
|
|
4498
4503
|
className: "w-full h-full",
|
|
4499
4504
|
children: i && e ? h(e, i) : null
|
|
4500
4505
|
}) : /* @__PURE__ */ p(f, { children: e });
|
|
4501
|
-
},
|
|
4506
|
+
}, vt = ({ config: e }) => t.createElement(_t, {
|
|
4502
4507
|
useShadow: !0,
|
|
4503
4508
|
inheritFont: !e.theme?.fontFamily || e.theme.fontFamily === "inherit"
|
|
4504
|
-
}, t.createElement(
|
|
4509
|
+
}, t.createElement(mt, { config: e })), yt = class {
|
|
4505
4510
|
config;
|
|
4506
4511
|
container = null;
|
|
4507
4512
|
root = null;
|
|
@@ -4510,16 +4515,16 @@ var ut = (e) => {
|
|
|
4510
4515
|
}
|
|
4511
4516
|
mount(n) {
|
|
4512
4517
|
if (this.container = typeof n == "string" ? document.getElementById(n) : n, !this.container) throw Error("EventWidget: Mount container not found.");
|
|
4513
|
-
this.root ||= e(this.container), this.root.render(t.createElement(
|
|
4518
|
+
this.root ||= e(this.container), this.root.render(t.createElement(vt, { config: this.config }));
|
|
4514
4519
|
}
|
|
4515
4520
|
updateConfig(e) {
|
|
4516
4521
|
this.config = {
|
|
4517
4522
|
...this.config,
|
|
4518
4523
|
...e
|
|
4519
|
-
}, this.root && this.root.render(t.createElement(
|
|
4524
|
+
}, this.root && this.root.render(t.createElement(vt, { config: this.config }));
|
|
4520
4525
|
}
|
|
4521
4526
|
setConfig(e) {
|
|
4522
|
-
this.config = e, this.root && this.root.render(t.createElement(
|
|
4527
|
+
this.config = e, this.root && this.root.render(t.createElement(vt, { config: this.config }));
|
|
4523
4528
|
}
|
|
4524
4529
|
unmount() {
|
|
4525
4530
|
if (this.root) {
|
|
@@ -4529,4 +4534,4 @@ var ut = (e) => {
|
|
|
4529
4534
|
}
|
|
4530
4535
|
};
|
|
4531
4536
|
//#endregion
|
|
4532
|
-
export {
|
|
4537
|
+
export { vt as EventWidget, yt as EventWidgetClient };
|