@voxket-ai/events-sdk 1.0.13 → 1.0.15
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/api/ApiClient.d.ts +1 -0
- package/dist/events-sdk.js +1162 -839
- package/dist/events-sdk.umd.cjs +4 -4
- package/package.json +1 -1
package/dist/events-sdk.js
CHANGED
|
@@ -27,7 +27,7 @@ var g = class {
|
|
|
27
27
|
let e = ((/* @__PURE__ */ Error()).stack?.split("\n")[3] || "").match(/(?:at\s+.*?\s+\()?(?:.*?\/([^/]+?)):(\d+):\d+\)?$/);
|
|
28
28
|
return e ? `[${e[1]}:${e[2]}]` : "";
|
|
29
29
|
}
|
|
30
|
-
},
|
|
30
|
+
}, ee = class {
|
|
31
31
|
baseUrl;
|
|
32
32
|
slug;
|
|
33
33
|
logger;
|
|
@@ -244,7 +244,35 @@ var g = class {
|
|
|
244
244
|
throw clearTimeout(i), e?.name === "AbortError" ? Error(`Profile update timed out after ${this.timeoutMs / 1e3} seconds`) : e;
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
|
-
|
|
247
|
+
async portalUpdateSubmission(e, t) {
|
|
248
|
+
let n = `${this.baseUrl}/api/portal/${this.slug}/me/submission/`;
|
|
249
|
+
this.logger.log(`API Call: PATCH ${n}`);
|
|
250
|
+
let r = new AbortController(), i = setTimeout(() => r.abort(), this.timeoutMs);
|
|
251
|
+
try {
|
|
252
|
+
let a = await fetch(n, {
|
|
253
|
+
method: "PATCH",
|
|
254
|
+
signal: r.signal,
|
|
255
|
+
headers: {
|
|
256
|
+
"Content-Type": "application/json",
|
|
257
|
+
Authorization: `Bearer ${e}`
|
|
258
|
+
},
|
|
259
|
+
body: JSON.stringify(t)
|
|
260
|
+
});
|
|
261
|
+
clearTimeout(i);
|
|
262
|
+
let o = null;
|
|
263
|
+
try {
|
|
264
|
+
o = await a.json();
|
|
265
|
+
} catch {}
|
|
266
|
+
if (!a.ok) {
|
|
267
|
+
let e = o?.message || o?.error || o?.detail || "Failed to update submission";
|
|
268
|
+
throw Error(e);
|
|
269
|
+
}
|
|
270
|
+
return o;
|
|
271
|
+
} catch (e) {
|
|
272
|
+
throw clearTimeout(i), e?.name === "AbortError" ? Error(`Submission update timed out after ${this.timeoutMs / 1e3} seconds`) : e;
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
}, _ = class {
|
|
248
276
|
prefix;
|
|
249
277
|
constructor(e) {
|
|
250
278
|
this.prefix = `voxket_${e}_`;
|
|
@@ -276,13 +304,13 @@ var g = class {
|
|
|
276
304
|
clearToken() {
|
|
277
305
|
localStorage.removeItem(`${this.prefix}token`);
|
|
278
306
|
}
|
|
279
|
-
},
|
|
307
|
+
}, v = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
280
308
|
//#endregion
|
|
281
309
|
//#region node_modules/lucide-react/dist/esm/shared/src/utils/toLucideIconData.mjs
|
|
282
|
-
function
|
|
310
|
+
function y(e, t, n = []) {
|
|
283
311
|
if (t == null) throw Error("[lucide]: iconNode is required when icon name is used");
|
|
284
312
|
return {
|
|
285
|
-
name:
|
|
313
|
+
name: v(e),
|
|
286
314
|
size: 24,
|
|
287
315
|
node: t,
|
|
288
316
|
...n.length > 0 ? { aliases: n } : {}
|
|
@@ -290,7 +318,7 @@ function b(e, t, n = []) {
|
|
|
290
318
|
}
|
|
291
319
|
//#endregion
|
|
292
320
|
//#region node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.mjs
|
|
293
|
-
var
|
|
321
|
+
var b = (e) => {
|
|
294
322
|
let t = "", n = !1;
|
|
295
323
|
for (let r of e) {
|
|
296
324
|
if (r === "-" || r === "_" || r <= " ") {
|
|
@@ -300,10 +328,10 @@ var x = (e) => {
|
|
|
300
328
|
t.length === 0 ? t += r.toLowerCase() : t += n ? r.toUpperCase() : r, n = !1;
|
|
301
329
|
}
|
|
302
330
|
return t;
|
|
303
|
-
},
|
|
304
|
-
let t =
|
|
331
|
+
}, x = (e) => {
|
|
332
|
+
let t = b(e);
|
|
305
333
|
return t.charAt(0).toUpperCase() + t.slice(1);
|
|
306
|
-
},
|
|
334
|
+
}, S = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), C = {
|
|
307
335
|
xmlns: "http://www.w3.org/2000/svg",
|
|
308
336
|
width: 24,
|
|
309
337
|
height: 24,
|
|
@@ -316,22 +344,22 @@ var x = (e) => {
|
|
|
316
344
|
};
|
|
317
345
|
//#endregion
|
|
318
346
|
//#region node_modules/lucide-react/dist/esm/shared/src/build/buildLucideIconNode.mjs
|
|
319
|
-
function
|
|
347
|
+
function w(e) {
|
|
320
348
|
return e != null;
|
|
321
349
|
}
|
|
322
|
-
function
|
|
323
|
-
let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ??
|
|
350
|
+
function T(e, t = {}) {
|
|
351
|
+
let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? C.width, a = e.size ?? e.height ?? C.height, o = e.aliases?.filter((e) => typeof e == "string" && e.trim() !== "").map((e) => `lucide-${e}`) ?? [], s = [...e.name ? [`lucide-${e.name}`] : [], ...o], c = t.className?.split(" ").filter(Boolean) ?? [], l = t.includeDefaultClasses === !1 ? S(...c) : S("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? C["stroke-width"]) * Number(e.size ?? e.width ?? C.width) / Number(t.size ?? t.width ?? C.width) : t.strokeWidth ?? C["stroke-width"];
|
|
324
352
|
return [
|
|
325
353
|
"svg",
|
|
326
354
|
{
|
|
327
|
-
...Object.entries(
|
|
355
|
+
...Object.entries(C).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
|
|
328
356
|
..."color" in t && t.color && { [r("stroke")]: t.color },
|
|
329
|
-
..."size" in t &&
|
|
357
|
+
..."size" in t && w(t.size) && {
|
|
330
358
|
[r("width")]: t.size,
|
|
331
359
|
[r("height")]: t.size
|
|
332
360
|
},
|
|
333
|
-
..."width" in t &&
|
|
334
|
-
..."height" in t &&
|
|
361
|
+
..."width" in t && w(t.width) && { [r("width")]: t.width },
|
|
362
|
+
..."height" in t && w(t.height) && { [r("height")]: t.height },
|
|
335
363
|
[r("stroke-width")]: u,
|
|
336
364
|
...l && { [r("class")]: l },
|
|
337
365
|
[r("viewBox")]: `0 0 ${i} ${a}`,
|
|
@@ -353,8 +381,8 @@ function E(e, t = {}) {
|
|
|
353
381
|
}
|
|
354
382
|
//#endregion
|
|
355
383
|
//#region node_modules/lucide-react/dist/esm/shared/src/build/buildLucideIconForReact.mjs
|
|
356
|
-
function
|
|
357
|
-
return
|
|
384
|
+
function E(e, t = {}) {
|
|
385
|
+
return T(e, {
|
|
358
386
|
...t,
|
|
359
387
|
attributeNames: {
|
|
360
388
|
...t.attributeNames,
|
|
@@ -368,44 +396,44 @@ function D(e, t = {}) {
|
|
|
368
396
|
}
|
|
369
397
|
//#endregion
|
|
370
398
|
//#region node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs
|
|
371
|
-
var
|
|
399
|
+
var te = (e) => {
|
|
372
400
|
for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
|
|
373
401
|
return !1;
|
|
374
|
-
},
|
|
402
|
+
}, ne = n({}), D = () => o(ne), O = i(({ color: e, size: t, width: n, height: i, strokeWidth: a, absoluteStrokeWidth: o, nonScalingStroke: s, className: c = "", children: l, iconNode: u = [], icon: d = {
|
|
375
403
|
node: u,
|
|
376
404
|
aliases: [],
|
|
377
405
|
size: 24
|
|
378
406
|
}, ...f }, p) => {
|
|
379
|
-
let { size: m = 24, strokeWidth: h = 2, absoluteStrokeWidth: g = !1, nonScalingStroke:
|
|
380
|
-
color: e ??
|
|
407
|
+
let { size: m = 24, strokeWidth: h = 2, absoluteStrokeWidth: g = !1, nonScalingStroke: ee = !1, color: _ = "currentColor", className: v = "" } = D() ?? {}, y = !!l || te(f), [b, x, C = []] = E(d, {
|
|
408
|
+
color: e ?? _,
|
|
381
409
|
width: n ?? t ?? m,
|
|
382
410
|
height: i ?? t ?? m,
|
|
383
411
|
strokeWidth: a ?? h,
|
|
384
412
|
absoluteStrokeWidth: o ?? g,
|
|
385
|
-
nonScalingStroke: s ??
|
|
386
|
-
className:
|
|
387
|
-
hasA11yProp:
|
|
413
|
+
nonScalingStroke: s ?? ee,
|
|
414
|
+
className: S(v, c),
|
|
415
|
+
hasA11yProp: y,
|
|
388
416
|
attributes: f
|
|
389
417
|
});
|
|
390
|
-
return r(
|
|
418
|
+
return r(b, {
|
|
391
419
|
ref: p,
|
|
392
|
-
...
|
|
393
|
-
}, [...
|
|
420
|
+
...x
|
|
421
|
+
}, [...C.map(([e, t]) => r(e, t)), ...Array.isArray(l) ? l : [l]]);
|
|
394
422
|
});
|
|
395
423
|
//#endregion
|
|
396
424
|
//#region node_modules/lucide-react/dist/esm/createLucideIcon.mjs
|
|
397
|
-
function
|
|
398
|
-
let a = typeof e == "string" ?
|
|
425
|
+
function k(e, t = [], n = []) {
|
|
426
|
+
let a = typeof e == "string" ? y(e, t, n) : e, o = i(({ className: e, ...t }, n) => r(O, {
|
|
399
427
|
ref: n,
|
|
400
428
|
icon: a,
|
|
401
429
|
className: e,
|
|
402
430
|
...t
|
|
403
431
|
}));
|
|
404
|
-
return a.name && (o.displayName =
|
|
432
|
+
return a.name && (o.displayName = x(a.name)), o;
|
|
405
433
|
}
|
|
406
434
|
//#endregion
|
|
407
435
|
//#region node_modules/lucide-react/dist/esm/icons/arrow-left.mjs
|
|
408
|
-
var
|
|
436
|
+
var A = {
|
|
409
437
|
name: "arrow-left",
|
|
410
438
|
size: 24,
|
|
411
439
|
node: [["path", {
|
|
@@ -416,8 +444,8 @@ var j = {
|
|
|
416
444
|
key: "x3x0zl"
|
|
417
445
|
}]]
|
|
418
446
|
};
|
|
419
|
-
|
|
420
|
-
var
|
|
447
|
+
A.node;
|
|
448
|
+
var re = k(A), j = {
|
|
421
449
|
name: "arrow-right",
|
|
422
450
|
size: 24,
|
|
423
451
|
node: [["path", {
|
|
@@ -428,8 +456,8 @@ var ne = A(j), M = {
|
|
|
428
456
|
key: "xquz4c"
|
|
429
457
|
}]]
|
|
430
458
|
};
|
|
431
|
-
|
|
432
|
-
var
|
|
459
|
+
j.node;
|
|
460
|
+
var ie = k(j), ae = {
|
|
433
461
|
name: "briefcase",
|
|
434
462
|
size: 24,
|
|
435
463
|
node: [["path", {
|
|
@@ -444,8 +472,8 @@ var re = A(M), ie = {
|
|
|
444
472
|
key: "i6l2r4"
|
|
445
473
|
}]]
|
|
446
474
|
};
|
|
447
|
-
|
|
448
|
-
var
|
|
475
|
+
ae.node;
|
|
476
|
+
var M = k(ae), oe = {
|
|
449
477
|
name: "building-complex",
|
|
450
478
|
size: 24,
|
|
451
479
|
node: [
|
|
@@ -472,8 +500,8 @@ var N = A(ie), ae = {
|
|
|
472
500
|
],
|
|
473
501
|
aliases: ["building-2"]
|
|
474
502
|
};
|
|
475
|
-
|
|
476
|
-
var
|
|
503
|
+
oe.node;
|
|
504
|
+
var se = k(oe), ce = {
|
|
477
505
|
name: "check",
|
|
478
506
|
size: 24,
|
|
479
507
|
node: [["path", {
|
|
@@ -481,8 +509,8 @@ var oe = A(ae), se = {
|
|
|
481
509
|
key: "1gmf2c"
|
|
482
510
|
}]]
|
|
483
511
|
};
|
|
484
|
-
|
|
485
|
-
var
|
|
512
|
+
ce.node;
|
|
513
|
+
var le = k(ce), ue = {
|
|
486
514
|
name: "chevron-down",
|
|
487
515
|
size: 24,
|
|
488
516
|
node: [["path", {
|
|
@@ -490,8 +518,8 @@ var ce = A(se), le = {
|
|
|
490
518
|
key: "qrunsl"
|
|
491
519
|
}]]
|
|
492
520
|
};
|
|
493
|
-
|
|
494
|
-
var
|
|
521
|
+
ue.node;
|
|
522
|
+
var de = k(ue), fe = {
|
|
495
523
|
name: "circle-alert",
|
|
496
524
|
size: 24,
|
|
497
525
|
node: [
|
|
@@ -518,8 +546,8 @@ var ue = A(le), de = {
|
|
|
518
546
|
],
|
|
519
547
|
aliases: ["alert-circle"]
|
|
520
548
|
};
|
|
521
|
-
|
|
522
|
-
var
|
|
549
|
+
fe.node;
|
|
550
|
+
var pe = k(fe), N = {
|
|
523
551
|
name: "circle-check-big",
|
|
524
552
|
size: 24,
|
|
525
553
|
node: [["path", {
|
|
@@ -531,8 +559,8 @@ var fe = A(de), P = {
|
|
|
531
559
|
}]],
|
|
532
560
|
aliases: ["check-circle"]
|
|
533
561
|
};
|
|
534
|
-
|
|
535
|
-
var
|
|
562
|
+
N.node;
|
|
563
|
+
var P = k(N), F = {
|
|
536
564
|
name: "clipboard-list",
|
|
537
565
|
size: 24,
|
|
538
566
|
node: [
|
|
@@ -567,8 +595,8 @@ var F = A(P), I = {
|
|
|
567
595
|
}]
|
|
568
596
|
]
|
|
569
597
|
};
|
|
570
|
-
|
|
571
|
-
var
|
|
598
|
+
F.node;
|
|
599
|
+
var me = k(F), I = {
|
|
572
600
|
name: "clock",
|
|
573
601
|
size: 24,
|
|
574
602
|
node: [["circle", {
|
|
@@ -581,8 +609,8 @@ var pe = A(I), L = {
|
|
|
581
609
|
key: "mmk7yg"
|
|
582
610
|
}]]
|
|
583
611
|
};
|
|
584
|
-
|
|
585
|
-
var
|
|
612
|
+
I.node;
|
|
613
|
+
var he = k(I), L = {
|
|
586
614
|
name: "copy",
|
|
587
615
|
size: 24,
|
|
588
616
|
node: [["rect", {
|
|
@@ -598,8 +626,8 @@ var me = A(L), R = {
|
|
|
598
626
|
key: "zix9uf"
|
|
599
627
|
}]]
|
|
600
628
|
};
|
|
601
|
-
|
|
602
|
-
var
|
|
629
|
+
L.node;
|
|
630
|
+
var ge = k(L), _e = {
|
|
603
631
|
name: "credit-card",
|
|
604
632
|
size: 24,
|
|
605
633
|
node: [
|
|
@@ -624,8 +652,27 @@ var he = A(R), ge = {
|
|
|
624
652
|
}]
|
|
625
653
|
]
|
|
626
654
|
};
|
|
627
|
-
|
|
628
|
-
var
|
|
655
|
+
_e.node;
|
|
656
|
+
var ve = k(_e), R = {
|
|
657
|
+
name: "download",
|
|
658
|
+
size: 24,
|
|
659
|
+
node: [
|
|
660
|
+
["path", {
|
|
661
|
+
d: "M12 15V3",
|
|
662
|
+
key: "m9g1x1"
|
|
663
|
+
}],
|
|
664
|
+
["path", {
|
|
665
|
+
d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
|
|
666
|
+
key: "ih7n3h"
|
|
667
|
+
}],
|
|
668
|
+
["path", {
|
|
669
|
+
d: "m7 10 5 5 5-5",
|
|
670
|
+
key: "brsn70"
|
|
671
|
+
}]
|
|
672
|
+
]
|
|
673
|
+
};
|
|
674
|
+
R.node;
|
|
675
|
+
var ye = k(R), be = {
|
|
629
676
|
name: "external-link",
|
|
630
677
|
size: 24,
|
|
631
678
|
node: [
|
|
@@ -643,8 +690,8 @@ var _e = A(ge), z = {
|
|
|
643
690
|
}]
|
|
644
691
|
]
|
|
645
692
|
};
|
|
646
|
-
|
|
647
|
-
var
|
|
693
|
+
be.node;
|
|
694
|
+
var xe = k(be), Se = {
|
|
648
695
|
name: "file-text",
|
|
649
696
|
size: 24,
|
|
650
697
|
node: [
|
|
@@ -670,8 +717,8 @@ var ve = A(z), B = {
|
|
|
670
717
|
}]
|
|
671
718
|
]
|
|
672
719
|
};
|
|
673
|
-
|
|
674
|
-
var
|
|
720
|
+
Se.node;
|
|
721
|
+
var Ce = k(Se), we = {
|
|
675
722
|
name: "folder-open",
|
|
676
723
|
size: 24,
|
|
677
724
|
node: [["path", {
|
|
@@ -679,8 +726,8 @@ var ye = A(B), be = {
|
|
|
679
726
|
key: "usdka0"
|
|
680
727
|
}]]
|
|
681
728
|
};
|
|
682
|
-
|
|
683
|
-
var
|
|
729
|
+
we.node;
|
|
730
|
+
var z = k(we), B = {
|
|
684
731
|
name: "graduation-cap",
|
|
685
732
|
size: 24,
|
|
686
733
|
node: [
|
|
@@ -698,8 +745,41 @@ var xe = A(be), Se = {
|
|
|
698
745
|
}]
|
|
699
746
|
]
|
|
700
747
|
};
|
|
701
|
-
|
|
702
|
-
var
|
|
748
|
+
B.node;
|
|
749
|
+
var V = k(B), H = {
|
|
750
|
+
name: "id-card",
|
|
751
|
+
size: 24,
|
|
752
|
+
node: [
|
|
753
|
+
["path", {
|
|
754
|
+
d: "M13 19a4 4 0 00-8 0",
|
|
755
|
+
key: "cugzd5"
|
|
756
|
+
}],
|
|
757
|
+
["path", {
|
|
758
|
+
d: "M16 10h2",
|
|
759
|
+
key: "8sgtl7"
|
|
760
|
+
}],
|
|
761
|
+
["path", {
|
|
762
|
+
d: "M16 14h2",
|
|
763
|
+
key: "epxaof"
|
|
764
|
+
}],
|
|
765
|
+
["circle", {
|
|
766
|
+
cx: "9",
|
|
767
|
+
cy: "12",
|
|
768
|
+
r: "3",
|
|
769
|
+
key: "u3jwor"
|
|
770
|
+
}],
|
|
771
|
+
["rect", {
|
|
772
|
+
x: "2",
|
|
773
|
+
y: "5",
|
|
774
|
+
width: "20",
|
|
775
|
+
height: "14",
|
|
776
|
+
rx: "2",
|
|
777
|
+
key: "qneu4z"
|
|
778
|
+
}]
|
|
779
|
+
]
|
|
780
|
+
};
|
|
781
|
+
H.node;
|
|
782
|
+
var U = k(H), Te = {
|
|
703
783
|
name: "info",
|
|
704
784
|
size: 24,
|
|
705
785
|
node: [
|
|
@@ -719,8 +799,8 @@ var Ce = A(Se), V = {
|
|
|
719
799
|
}]
|
|
720
800
|
]
|
|
721
801
|
};
|
|
722
|
-
|
|
723
|
-
var
|
|
802
|
+
Te.node;
|
|
803
|
+
var Ee = k(Te), W = {
|
|
724
804
|
name: "key-round",
|
|
725
805
|
size: 24,
|
|
726
806
|
node: [["path", {
|
|
@@ -734,8 +814,8 @@ var H = A(V), U = {
|
|
|
734
814
|
key: "w0ekpg"
|
|
735
815
|
}]]
|
|
736
816
|
};
|
|
737
|
-
|
|
738
|
-
var
|
|
817
|
+
W.node;
|
|
818
|
+
var G = k(W), K = {
|
|
739
819
|
name: "key",
|
|
740
820
|
size: 24,
|
|
741
821
|
node: [
|
|
@@ -755,8 +835,8 @@ var W = A(U), we = {
|
|
|
755
835
|
}]
|
|
756
836
|
]
|
|
757
837
|
};
|
|
758
|
-
|
|
759
|
-
var
|
|
838
|
+
K.node;
|
|
839
|
+
var De = k(K), q = {
|
|
760
840
|
name: "lock",
|
|
761
841
|
size: 24,
|
|
762
842
|
node: [["rect", {
|
|
@@ -772,8 +852,8 @@ var Te = A(we), G = {
|
|
|
772
852
|
key: "fwvmzm"
|
|
773
853
|
}]]
|
|
774
854
|
};
|
|
775
|
-
|
|
776
|
-
var
|
|
855
|
+
q.node;
|
|
856
|
+
var J = k(q), Y = {
|
|
777
857
|
name: "log-in",
|
|
778
858
|
size: 24,
|
|
779
859
|
node: [
|
|
@@ -791,8 +871,8 @@ var K = A(G), q = {
|
|
|
791
871
|
}]
|
|
792
872
|
]
|
|
793
873
|
};
|
|
794
|
-
|
|
795
|
-
var
|
|
874
|
+
Y.node;
|
|
875
|
+
var Oe = k(Y), ke = {
|
|
796
876
|
name: "log-out",
|
|
797
877
|
size: 24,
|
|
798
878
|
node: [
|
|
@@ -810,8 +890,8 @@ var Ee = A(q), De = {
|
|
|
810
890
|
}]
|
|
811
891
|
]
|
|
812
892
|
};
|
|
813
|
-
|
|
814
|
-
var
|
|
893
|
+
ke.node;
|
|
894
|
+
var Ae = k(ke), je = {
|
|
815
895
|
name: "mail",
|
|
816
896
|
size: 24,
|
|
817
897
|
node: [["path", {
|
|
@@ -826,8 +906,8 @@ var J = A(De), Y = {
|
|
|
826
906
|
key: "izxlao"
|
|
827
907
|
}]]
|
|
828
908
|
};
|
|
829
|
-
|
|
830
|
-
var
|
|
909
|
+
je.node;
|
|
910
|
+
var Me = k(je), Ne = {
|
|
831
911
|
name: "map-pin",
|
|
832
912
|
size: 24,
|
|
833
913
|
node: [["path", {
|
|
@@ -840,8 +920,8 @@ var Oe = A(Y), ke = {
|
|
|
840
920
|
key: "ilqhr7"
|
|
841
921
|
}]]
|
|
842
922
|
};
|
|
843
|
-
|
|
844
|
-
var
|
|
923
|
+
Ne.node;
|
|
924
|
+
var Pe = k(Ne), Fe = {
|
|
845
925
|
name: "maximize-2",
|
|
846
926
|
size: 24,
|
|
847
927
|
node: [
|
|
@@ -863,8 +943,8 @@ var Ae = A(ke), je = {
|
|
|
863
943
|
}]
|
|
864
944
|
]
|
|
865
945
|
};
|
|
866
|
-
|
|
867
|
-
var
|
|
946
|
+
Fe.node;
|
|
947
|
+
var Ie = k(Fe), Le = {
|
|
868
948
|
name: "minimize-2",
|
|
869
949
|
size: 24,
|
|
870
950
|
node: [
|
|
@@ -886,8 +966,8 @@ var Me = A(je), Ne = {
|
|
|
886
966
|
}]
|
|
887
967
|
]
|
|
888
968
|
};
|
|
889
|
-
|
|
890
|
-
var
|
|
969
|
+
Le.node;
|
|
970
|
+
var Re = k(Le), X = {
|
|
891
971
|
name: "move",
|
|
892
972
|
size: 24,
|
|
893
973
|
node: [
|
|
@@ -917,8 +997,8 @@ var Pe = A(Ne), Fe = {
|
|
|
917
997
|
}]
|
|
918
998
|
]
|
|
919
999
|
};
|
|
920
|
-
|
|
921
|
-
var
|
|
1000
|
+
X.node;
|
|
1001
|
+
var ze = k(X), Be = {
|
|
922
1002
|
name: "package-check",
|
|
923
1003
|
size: 24,
|
|
924
1004
|
node: [
|
|
@@ -944,8 +1024,8 @@ var Ie = A(Fe), Le = {
|
|
|
944
1024
|
}]
|
|
945
1025
|
]
|
|
946
1026
|
};
|
|
947
|
-
|
|
948
|
-
var
|
|
1027
|
+
Be.node;
|
|
1028
|
+
var Ve = k(Be), He = {
|
|
949
1029
|
name: "phone",
|
|
950
1030
|
size: 24,
|
|
951
1031
|
node: [["path", {
|
|
@@ -953,8 +1033,8 @@ var Re = A(Le), ze = {
|
|
|
953
1033
|
key: "9njp5v"
|
|
954
1034
|
}]]
|
|
955
1035
|
};
|
|
956
|
-
|
|
957
|
-
var
|
|
1036
|
+
He.node;
|
|
1037
|
+
var Z = k(He), Ue = {
|
|
958
1038
|
name: "receipt",
|
|
959
1039
|
size: 24,
|
|
960
1040
|
node: [
|
|
@@ -972,8 +1052,8 @@ var X = A(ze), Be = {
|
|
|
972
1052
|
}]
|
|
973
1053
|
]
|
|
974
1054
|
};
|
|
975
|
-
|
|
976
|
-
var
|
|
1055
|
+
Ue.node;
|
|
1056
|
+
var We = k(Ue), Ge = {
|
|
977
1057
|
name: "search",
|
|
978
1058
|
size: 24,
|
|
979
1059
|
node: [["path", {
|
|
@@ -986,8 +1066,8 @@ var Ve = A(Be), He = {
|
|
|
986
1066
|
key: "4ej97u"
|
|
987
1067
|
}]]
|
|
988
1068
|
};
|
|
989
|
-
|
|
990
|
-
var
|
|
1069
|
+
Ge.node;
|
|
1070
|
+
var Ke = k(Ge), qe = {
|
|
991
1071
|
name: "sparkles",
|
|
992
1072
|
size: 24,
|
|
993
1073
|
node: [
|
|
@@ -1012,8 +1092,8 @@ var Ue = A(He), Z = {
|
|
|
1012
1092
|
],
|
|
1013
1093
|
aliases: ["stars"]
|
|
1014
1094
|
};
|
|
1015
|
-
|
|
1016
|
-
var
|
|
1095
|
+
qe.node;
|
|
1096
|
+
var Je = k(qe), Ye = {
|
|
1017
1097
|
name: "ticket",
|
|
1018
1098
|
size: 24,
|
|
1019
1099
|
node: [
|
|
@@ -1035,8 +1115,8 @@ var We = A(Z), Q = {
|
|
|
1035
1115
|
}]
|
|
1036
1116
|
]
|
|
1037
1117
|
};
|
|
1038
|
-
|
|
1039
|
-
var
|
|
1118
|
+
Ye.node;
|
|
1119
|
+
var Xe = k(Ye), Ze = {
|
|
1040
1120
|
name: "trash",
|
|
1041
1121
|
size: 24,
|
|
1042
1122
|
node: [
|
|
@@ -1063,8 +1143,8 @@ var Ge = A(Q), Ke = {
|
|
|
1063
1143
|
],
|
|
1064
1144
|
aliases: ["trash-2"]
|
|
1065
1145
|
};
|
|
1066
|
-
|
|
1067
|
-
var
|
|
1146
|
+
Ze.node;
|
|
1147
|
+
var Qe = k(Ze), $e = {
|
|
1068
1148
|
name: "upload",
|
|
1069
1149
|
size: 24,
|
|
1070
1150
|
node: [
|
|
@@ -1082,8 +1162,8 @@ var qe = A(Ke), Je = {
|
|
|
1082
1162
|
}]
|
|
1083
1163
|
]
|
|
1084
1164
|
};
|
|
1085
|
-
|
|
1086
|
-
var
|
|
1165
|
+
$e.node;
|
|
1166
|
+
var et = k($e), tt = {
|
|
1087
1167
|
name: "user",
|
|
1088
1168
|
size: 24,
|
|
1089
1169
|
node: [["path", {
|
|
@@ -1096,8 +1176,8 @@ var Ye = A(Je), Xe = {
|
|
|
1096
1176
|
key: "17ys0d"
|
|
1097
1177
|
}]]
|
|
1098
1178
|
};
|
|
1099
|
-
|
|
1100
|
-
var
|
|
1179
|
+
tt.node;
|
|
1180
|
+
var nt = k(tt), rt = {
|
|
1101
1181
|
name: "x",
|
|
1102
1182
|
size: 24,
|
|
1103
1183
|
node: [["path", {
|
|
@@ -1108,12 +1188,12 @@ var Ze = A(Xe), Qe = {
|
|
|
1108
1188
|
key: "d8bk6v"
|
|
1109
1189
|
}]]
|
|
1110
1190
|
};
|
|
1111
|
-
|
|
1112
|
-
var
|
|
1113
|
-
let [
|
|
1191
|
+
rt.node;
|
|
1192
|
+
var Q = k(rt), $ = { fontFamily: "var(--vx-font-heading)" }, it = ({ 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: ee, onError: _, onEvent: v, backgroundStyle: y, ticketType: b, showReviewFields: x = !1 }) => {
|
|
1193
|
+
let [S, C] = d(u || {}), [w, T] = d(null), [E, te] = d(null), [ne, D] = d({}), [O, k] = d({}), [A, j] = d(null), [ae, M] = d(null), [oe, se] = d({}), [ce, ue] = d({}), [fe, pe] = d({}), N = r?.primaryColor || "#c026d3";
|
|
1114
1194
|
s(() => {
|
|
1115
1195
|
if (u && Object.keys(u).length > 0) {
|
|
1116
|
-
|
|
1196
|
+
C((e) => ({
|
|
1117
1197
|
...u,
|
|
1118
1198
|
...e
|
|
1119
1199
|
}));
|
|
@@ -1123,49 +1203,49 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1123
1203
|
let r = u[e.id];
|
|
1124
1204
|
r && (String(r).startsWith("http://") || String(r).startsWith("https://") ? n[e.id] = String(r) : t[e.id] = String(r));
|
|
1125
1205
|
}
|
|
1126
|
-
}), Object.keys(t).length > 0 &&
|
|
1206
|
+
}), Object.keys(t).length > 0 && D((e) => ({
|
|
1127
1207
|
...t,
|
|
1128
1208
|
...e
|
|
1129
|
-
})), Object.keys(n).length > 0 &&
|
|
1209
|
+
})), Object.keys(n).length > 0 && k((e) => ({
|
|
1130
1210
|
...n,
|
|
1131
1211
|
...e
|
|
1132
1212
|
}));
|
|
1133
1213
|
}
|
|
1134
1214
|
}, [u, e]);
|
|
1135
|
-
let
|
|
1136
|
-
|
|
1215
|
+
let P = (e, t) => {
|
|
1216
|
+
C((n) => {
|
|
1137
1217
|
let r = {
|
|
1138
1218
|
...n,
|
|
1139
1219
|
[e]: t
|
|
1140
1220
|
};
|
|
1141
1221
|
return l?.(r), r;
|
|
1142
1222
|
});
|
|
1143
|
-
},
|
|
1223
|
+
}, F = async (t, n) => {
|
|
1144
1224
|
if (!g) return;
|
|
1145
|
-
|
|
1146
|
-
let r =
|
|
1225
|
+
T(t), j(null), M(null);
|
|
1226
|
+
let r = ee?.getToken?.() || null, i = ne[t], a = (e?.fields || []).find((e) => e.id === t);
|
|
1147
1227
|
try {
|
|
1148
|
-
let e = await g.uploadFile(n, r, r ? null :
|
|
1228
|
+
let e = await g.uploadFile(n, r, r ? null : he(), a?.label), o = e?.data?.asset_id || e?.asset_id, s = e?.data?.serve_url || e?.serve_url;
|
|
1149
1229
|
if (!o && !s) throw Error("Upload response missing asset_id");
|
|
1150
1230
|
let c = String(o || s), u = String(s || "");
|
|
1151
|
-
if (
|
|
1231
|
+
if (D((e) => ({
|
|
1152
1232
|
...e,
|
|
1153
1233
|
[t]: c
|
|
1154
|
-
})), u &&
|
|
1234
|
+
})), u && k((e) => ({
|
|
1155
1235
|
...e,
|
|
1156
1236
|
[t]: u
|
|
1157
|
-
})),
|
|
1237
|
+
})), C((e) => {
|
|
1158
1238
|
let n = {
|
|
1159
1239
|
...e,
|
|
1160
1240
|
[t]: c
|
|
1161
1241
|
};
|
|
1162
1242
|
return l?.(n), n;
|
|
1163
|
-
}),
|
|
1243
|
+
}), v?.("file_uploaded", {
|
|
1164
1244
|
fieldId: t,
|
|
1165
1245
|
assetId: c,
|
|
1166
1246
|
serveUrl: u
|
|
1167
1247
|
}), i && i !== c) try {
|
|
1168
|
-
await g.deleteFile(i, r),
|
|
1248
|
+
await g.deleteFile(i, r), v?.("file_deleted", {
|
|
1169
1249
|
fieldId: t,
|
|
1170
1250
|
assetId: i
|
|
1171
1251
|
});
|
|
@@ -1174,35 +1254,35 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1174
1254
|
}
|
|
1175
1255
|
} catch (e) {
|
|
1176
1256
|
let n = e?.message || "File upload failed. Please try again.";
|
|
1177
|
-
|
|
1257
|
+
j(n), M(t), _?.({
|
|
1178
1258
|
type: "file_upload_error",
|
|
1179
1259
|
message: n,
|
|
1180
1260
|
error: e
|
|
1181
1261
|
});
|
|
1182
1262
|
} finally {
|
|
1183
|
-
|
|
1263
|
+
T(null);
|
|
1184
1264
|
}
|
|
1185
|
-
},
|
|
1265
|
+
}, me = async (e) => {
|
|
1186
1266
|
if (!g) return;
|
|
1187
|
-
let t =
|
|
1188
|
-
|
|
1267
|
+
let t = ee?.getToken?.() || null, n = ne[e] || S[e];
|
|
1268
|
+
te(e), j(null), M(null);
|
|
1189
1269
|
try {
|
|
1190
|
-
n && (await g.deleteFile(n, t),
|
|
1270
|
+
n && (await g.deleteFile(n, t), v?.("file_deleted", {
|
|
1191
1271
|
fieldId: e,
|
|
1192
1272
|
assetId: n
|
|
1193
|
-
})),
|
|
1273
|
+
})), D((t) => {
|
|
1194
1274
|
let n = { ...t };
|
|
1195
1275
|
return delete n[e], n;
|
|
1196
|
-
}),
|
|
1276
|
+
}), k((t) => {
|
|
1197
1277
|
let n = { ...t };
|
|
1198
1278
|
return delete n[e], n;
|
|
1199
|
-
}),
|
|
1279
|
+
}), pe((t) => {
|
|
1200
1280
|
let n = { ...t };
|
|
1201
1281
|
return delete n[e], n;
|
|
1202
|
-
}),
|
|
1282
|
+
}), ue((t) => {
|
|
1203
1283
|
let n = { ...t };
|
|
1204
1284
|
return delete n[e], n;
|
|
1205
|
-
}),
|
|
1285
|
+
}), C((t) => {
|
|
1206
1286
|
let n = {
|
|
1207
1287
|
...t,
|
|
1208
1288
|
[e]: ""
|
|
@@ -1211,43 +1291,43 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1211
1291
|
});
|
|
1212
1292
|
} catch (t) {
|
|
1213
1293
|
let n = t?.message || "Failed to delete file. Please try again.";
|
|
1214
|
-
|
|
1294
|
+
j(n), M(e), _?.({
|
|
1215
1295
|
type: "file_delete_error",
|
|
1216
1296
|
message: n,
|
|
1217
1297
|
error: t
|
|
1218
1298
|
});
|
|
1219
1299
|
} finally {
|
|
1220
|
-
|
|
1300
|
+
te(null);
|
|
1221
1301
|
}
|
|
1222
|
-
},
|
|
1302
|
+
}, I = async (t, n) => {
|
|
1223
1303
|
if (!g || !n.trim()) return;
|
|
1224
|
-
|
|
1225
|
-
let r =
|
|
1304
|
+
T(t), j(null), M(null);
|
|
1305
|
+
let r = ee?.getToken?.() || null, i = ne[t], a = (e?.fields || []).find((e) => e.id === t);
|
|
1226
1306
|
try {
|
|
1227
|
-
let e = await g.submitTextAnswer(n.trim(), r, r ? null :
|
|
1307
|
+
let e = await g.submitTextAnswer(n.trim(), r, r ? null : he(), a?.label), o = e?.data?.asset_id || e?.asset_id;
|
|
1228
1308
|
if (!o) throw Error("Submission response missing asset_id");
|
|
1229
1309
|
let s = String(o);
|
|
1230
|
-
if (
|
|
1310
|
+
if (D((e) => ({
|
|
1231
1311
|
...e,
|
|
1232
1312
|
[t]: s
|
|
1233
|
-
})),
|
|
1313
|
+
})), k((e) => {
|
|
1234
1314
|
let n = { ...e };
|
|
1235
1315
|
return delete n[t], n;
|
|
1236
|
-
}),
|
|
1316
|
+
}), pe((e) => ({
|
|
1237
1317
|
...e,
|
|
1238
1318
|
[t]: n.trim()
|
|
1239
|
-
})),
|
|
1319
|
+
})), C((e) => {
|
|
1240
1320
|
let n = {
|
|
1241
1321
|
...e,
|
|
1242
1322
|
[t]: s
|
|
1243
1323
|
};
|
|
1244
1324
|
return l?.(n), n;
|
|
1245
|
-
}),
|
|
1325
|
+
}), v?.("file_uploaded", {
|
|
1246
1326
|
fieldId: t,
|
|
1247
1327
|
assetId: s,
|
|
1248
1328
|
isText: !0
|
|
1249
1329
|
}), i && i !== s) try {
|
|
1250
|
-
await g.deleteFile(i, r),
|
|
1330
|
+
await g.deleteFile(i, r), v?.("file_deleted", {
|
|
1251
1331
|
fieldId: t,
|
|
1252
1332
|
assetId: i
|
|
1253
1333
|
});
|
|
@@ -1256,24 +1336,24 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1256
1336
|
}
|
|
1257
1337
|
} catch (e) {
|
|
1258
1338
|
let n = e?.message || "Could not submit your answer. Please try again.";
|
|
1259
|
-
|
|
1339
|
+
j(n), M(t), _?.({
|
|
1260
1340
|
type: "file_upload_error",
|
|
1261
1341
|
message: n,
|
|
1262
1342
|
error: e
|
|
1263
1343
|
});
|
|
1264
1344
|
} finally {
|
|
1265
|
-
|
|
1345
|
+
T(null);
|
|
1266
1346
|
}
|
|
1267
|
-
},
|
|
1347
|
+
}, he = () => {
|
|
1268
1348
|
let t = (e?.fields || []).find((e) => e.type === "email" || (e.label || e.id || "").toLowerCase().includes("email"));
|
|
1269
|
-
return String(t &&
|
|
1270
|
-
},
|
|
1349
|
+
return String(t && S[t.id] || S.email || "").trim();
|
|
1350
|
+
}, L = e?.fields || [], ge = (e) => {
|
|
1271
1351
|
if (e.description) return e.description;
|
|
1272
1352
|
if (e.helperText) return e.helperText;
|
|
1273
1353
|
let t = (e.label || e.id || "").toLowerCase(), n = e.type;
|
|
1274
1354
|
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;
|
|
1275
|
-
},
|
|
1276
|
-
let t =
|
|
1355
|
+
}, _e = (e) => {
|
|
1356
|
+
let t = O[e.id] || (S[e.id] && String(S[e.id]).startsWith("http") ? S[e.id] : ""), n = fe[e.id], r = oe[e.id] || "file", i = w === e.id || E === e.id, a = ce[e.id] || "", o = a.trim() ? a.trim().split(/\s+/).length : 0, s = !!e.word_limit && o > e.word_limit;
|
|
1277
1357
|
return /* @__PURE__ */ p("div", {
|
|
1278
1358
|
className: "space-y-2 mt-2",
|
|
1279
1359
|
children: /* @__PURE__ */ m("div", {
|
|
@@ -1287,11 +1367,11 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1287
1367
|
children: [/* @__PURE__ */ p("div", {
|
|
1288
1368
|
className: "w-10 h-10 rounded-xl flex items-center justify-center shrink-0 border",
|
|
1289
1369
|
style: {
|
|
1290
|
-
backgroundColor: h ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${
|
|
1291
|
-
borderColor: h ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${
|
|
1292
|
-
color:
|
|
1370
|
+
backgroundColor: h ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${N} 10%, white)`,
|
|
1371
|
+
borderColor: h ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${N} 25%, white)`,
|
|
1372
|
+
color: N
|
|
1293
1373
|
},
|
|
1294
|
-
children: /* @__PURE__ */ p(
|
|
1374
|
+
children: /* @__PURE__ */ p(z, { size: 18 })
|
|
1295
1375
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
|
|
1296
1376
|
className: `text-xs font-bold ${h ? "text-zinc-200" : "text-gray-900"}`,
|
|
1297
1377
|
children: e.label
|
|
@@ -1302,16 +1382,16 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1302
1382
|
}), /* @__PURE__ */ p("button", {
|
|
1303
1383
|
type: "button",
|
|
1304
1384
|
disabled: i,
|
|
1305
|
-
onClick: () =>
|
|
1385
|
+
onClick: () => se((t) => ({
|
|
1306
1386
|
...t,
|
|
1307
1387
|
[e.id]: r === "file" ? "text" : "file"
|
|
1308
1388
|
})),
|
|
1309
1389
|
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",
|
|
1310
1390
|
style: {
|
|
1311
|
-
color:
|
|
1312
|
-
borderColor: `color-mix(in srgb, ${
|
|
1391
|
+
color: N,
|
|
1392
|
+
borderColor: `color-mix(in srgb, ${N} 35%, transparent)`
|
|
1313
1393
|
},
|
|
1314
|
-
children: r === "file" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(
|
|
1394
|
+
children: r === "file" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ce, { size: 11 }), " Send text only"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(et, { size: 11 }), " Send file"] })
|
|
1315
1395
|
})]
|
|
1316
1396
|
}),
|
|
1317
1397
|
r === "file" ? /* @__PURE__ */ m("div", {
|
|
@@ -1326,33 +1406,33 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1326
1406
|
disabled: i,
|
|
1327
1407
|
onChange: (t) => {
|
|
1328
1408
|
let n = t.target.files?.[0];
|
|
1329
|
-
n &&
|
|
1409
|
+
n && F(e.id, n), t.target.value = "";
|
|
1330
1410
|
}
|
|
1331
1411
|
}), /* @__PURE__ */ m("div", {
|
|
1332
1412
|
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"}`,
|
|
1333
|
-
children: [/* @__PURE__ */ p(
|
|
1413
|
+
children: [/* @__PURE__ */ p(et, {
|
|
1334
1414
|
size: 14,
|
|
1335
|
-
style: { color:
|
|
1336
|
-
}), /* @__PURE__ */ p("span", { children:
|
|
1415
|
+
style: { color: N }
|
|
1416
|
+
}), /* @__PURE__ */ p("span", { children: w === e.id ? "Uploading..." : t ? "Replace File" : "Choose File" })]
|
|
1337
1417
|
})]
|
|
1338
1418
|
}), t && typeof t == "string" && t.trim() !== "" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
|
|
1339
1419
|
type: "button",
|
|
1340
1420
|
onClick: () => window.open(t, "_blank", "noopener,noreferrer"),
|
|
1341
1421
|
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",
|
|
1342
|
-
style: { backgroundColor:
|
|
1422
|
+
style: { backgroundColor: N },
|
|
1343
1423
|
title: "Open file in new tab",
|
|
1344
1424
|
children: [
|
|
1345
|
-
/* @__PURE__ */ p(
|
|
1425
|
+
/* @__PURE__ */ p(Ce, { size: 13 }),
|
|
1346
1426
|
/* @__PURE__ */ p("span", { children: "View" }),
|
|
1347
|
-
/* @__PURE__ */ p(
|
|
1427
|
+
/* @__PURE__ */ p(xe, { size: 11 })
|
|
1348
1428
|
]
|
|
1349
1429
|
}), /* @__PURE__ */ m("button", {
|
|
1350
1430
|
type: "button",
|
|
1351
|
-
disabled:
|
|
1352
|
-
onClick: () =>
|
|
1431
|
+
disabled: E === e.id || w === e.id,
|
|
1432
|
+
onClick: () => me(e.id),
|
|
1353
1433
|
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"}`,
|
|
1354
1434
|
title: "Delete uploaded file",
|
|
1355
|
-
children: [/* @__PURE__ */ p(
|
|
1435
|
+
children: [/* @__PURE__ */ p(Qe, { size: 13 }), /* @__PURE__ */ p("span", { children: E === e.id ? "Deleting..." : "Delete" })]
|
|
1356
1436
|
})] })]
|
|
1357
1437
|
}) : /* @__PURE__ */ m("div", {
|
|
1358
1438
|
className: `mt-3 pt-3 border-t space-y-2 ${h ? "border-zinc-800" : "border-slate-200"}`,
|
|
@@ -1361,7 +1441,7 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1361
1441
|
rows: 3,
|
|
1362
1442
|
disabled: i || !!n,
|
|
1363
1443
|
value: n ?? a,
|
|
1364
|
-
onChange: (t) =>
|
|
1444
|
+
onChange: (t) => ue((n) => ({
|
|
1365
1445
|
...n,
|
|
1366
1446
|
[e.id]: t.target.value
|
|
1367
1447
|
})),
|
|
@@ -1380,22 +1460,22 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1380
1460
|
}) : /* @__PURE__ */ p("span", {}), n ? /* @__PURE__ */ m("button", {
|
|
1381
1461
|
type: "button",
|
|
1382
1462
|
disabled: i,
|
|
1383
|
-
onClick: () =>
|
|
1463
|
+
onClick: () => me(e.id),
|
|
1384
1464
|
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"}`,
|
|
1385
|
-
children: [/* @__PURE__ */ p(
|
|
1465
|
+
children: [/* @__PURE__ */ p(Qe, { size: 13 }), /* @__PURE__ */ p("span", { children: E === e.id ? "Clearing..." : "Clear & Re-enter" })]
|
|
1386
1466
|
}) : /* @__PURE__ */ m("button", {
|
|
1387
1467
|
type: "button",
|
|
1388
1468
|
disabled: i || !a.trim(),
|
|
1389
|
-
onClick: () =>
|
|
1390
|
-
style: { backgroundColor:
|
|
1469
|
+
onClick: () => I(e.id, a),
|
|
1470
|
+
style: { backgroundColor: N },
|
|
1391
1471
|
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",
|
|
1392
|
-
children: [/* @__PURE__ */ p(
|
|
1472
|
+
children: [/* @__PURE__ */ p(et, { size: 13 }), /* @__PURE__ */ p("span", { children: w === e.id ? "Submitting..." : "Submit Text" })]
|
|
1393
1473
|
})]
|
|
1394
1474
|
})]
|
|
1395
1475
|
}),
|
|
1396
1476
|
t && /* @__PURE__ */ m("div", {
|
|
1397
1477
|
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"}`,
|
|
1398
|
-
children: [/* @__PURE__ */ p(
|
|
1478
|
+
children: [/* @__PURE__ */ p(le, {
|
|
1399
1479
|
size: 12,
|
|
1400
1480
|
className: "text-emerald-500 shrink-0"
|
|
1401
1481
|
}), /* @__PURE__ */ m("span", {
|
|
@@ -1403,16 +1483,16 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1403
1483
|
children: ["Attached: ", t]
|
|
1404
1484
|
})]
|
|
1405
1485
|
}),
|
|
1406
|
-
|
|
1486
|
+
A && ae === e.id && /* @__PURE__ */ p("div", {
|
|
1407
1487
|
className: "text-xs text-red-500 mt-2 font-medium",
|
|
1408
|
-
children:
|
|
1488
|
+
children: A
|
|
1409
1489
|
})
|
|
1410
1490
|
]
|
|
1411
1491
|
})
|
|
1412
1492
|
});
|
|
1413
|
-
},
|
|
1493
|
+
}, ve = (e) => {
|
|
1414
1494
|
if (!e) return null;
|
|
1415
|
-
let t =
|
|
1495
|
+
let t = S[e.id] ?? "", n = ge(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)]"}`;
|
|
1416
1496
|
return /* @__PURE__ */ m("div", {
|
|
1417
1497
|
part: "field",
|
|
1418
1498
|
className: "px-5 sm:px-8 py-5 sm:py-6",
|
|
@@ -1442,7 +1522,7 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1442
1522
|
id: a,
|
|
1443
1523
|
required: e.required,
|
|
1444
1524
|
value: t,
|
|
1445
|
-
onChange: (t) =>
|
|
1525
|
+
onChange: (t) => P(e.id, t.target.value),
|
|
1446
1526
|
className: `${o} pr-10 appearance-none cursor-pointer`,
|
|
1447
1527
|
children: [/* @__PURE__ */ p("option", {
|
|
1448
1528
|
value: "",
|
|
@@ -1455,32 +1535,32 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1455
1535
|
}, e))]
|
|
1456
1536
|
}), /* @__PURE__ */ p("div", {
|
|
1457
1537
|
className: `absolute inset-y-0 right-0 flex items-center pr-3.5 pointer-events-none ${h ? "text-zinc-400" : "text-slate-400"}`,
|
|
1458
|
-
children: /* @__PURE__ */ p(
|
|
1538
|
+
children: /* @__PURE__ */ p(de, { size: 16 })
|
|
1459
1539
|
})]
|
|
1460
|
-
}) : e.type === "file" ?
|
|
1540
|
+
}) : e.type === "file" ? _e(e) : /* @__PURE__ */ p("input", {
|
|
1461
1541
|
part: "input",
|
|
1462
1542
|
id: a,
|
|
1463
1543
|
type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : e.type === "number" ? "number" : "text",
|
|
1464
1544
|
required: e.required,
|
|
1465
1545
|
value: t,
|
|
1466
1546
|
placeholder: e.placeholder || (r ? "Enter your email address" : i ? "Your full name" : `Enter your ${e.label.toLowerCase()}`),
|
|
1467
|
-
onChange: (t) =>
|
|
1547
|
+
onChange: (t) => P(e.id, t.target.value),
|
|
1468
1548
|
className: o
|
|
1469
1549
|
})
|
|
1470
1550
|
]
|
|
1471
1551
|
}, e.id);
|
|
1472
|
-
},
|
|
1552
|
+
}, R = (e) => {
|
|
1473
1553
|
e.preventDefault();
|
|
1474
|
-
for (let e of
|
|
1475
|
-
|
|
1554
|
+
for (let e of L) if (e.type === "file" && e.required && !S[e.id]) {
|
|
1555
|
+
j(`Please upload ${e.label || "a file"}`), M(e.id);
|
|
1476
1556
|
return;
|
|
1477
1557
|
}
|
|
1478
|
-
t(
|
|
1479
|
-
},
|
|
1558
|
+
t(S);
|
|
1559
|
+
}, ye = b?.type || b?.name || b?.label || (x ? "Abstract Submission Form" : "Registration Form"), be = b ? Number(b.price) > 0 ? [b.currency, Number(b.price).toLocaleString()].filter(Boolean).join(" ") : "Free" : null;
|
|
1480
1560
|
return /* @__PURE__ */ m("div", {
|
|
1481
1561
|
part: "form-page",
|
|
1482
1562
|
className: `w-full flex-1 flex flex-col relative ${h ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
|
|
1483
|
-
style:
|
|
1563
|
+
style: y,
|
|
1484
1564
|
children: [/* @__PURE__ */ p("div", {
|
|
1485
1565
|
part: "form-header",
|
|
1486
1566
|
className: `sticky top-0 z-30 px-4 sm:px-6 py-3 border-b backdrop-blur-xl transition-colors ${h ? "bg-zinc-900/85 border-zinc-800" : "bg-white/85 border-slate-200/80"}`,
|
|
@@ -1491,20 +1571,20 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1491
1571
|
type: "button",
|
|
1492
1572
|
onClick: n,
|
|
1493
1573
|
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)]"}`,
|
|
1494
|
-
children: [/* @__PURE__ */ p(
|
|
1574
|
+
children: [/* @__PURE__ */ p(re, { size: 16 }), /* @__PURE__ */ p("span", { children: "All forms" })]
|
|
1495
1575
|
}), /* @__PURE__ */ m("div", {
|
|
1496
1576
|
className: "flex items-center gap-2 min-w-0",
|
|
1497
|
-
children: [
|
|
1577
|
+
children: [b && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
|
|
1498
1578
|
part: "form-type-name",
|
|
1499
|
-
title:
|
|
1579
|
+
title: ye,
|
|
1500
1580
|
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"}`,
|
|
1501
|
-
children:
|
|
1502
|
-
}), !
|
|
1581
|
+
children: ye
|
|
1582
|
+
}), !x && /* @__PURE__ */ p("span", {
|
|
1503
1583
|
part: "form-type-price",
|
|
1504
1584
|
className: "shrink-0 text-xs font-bold px-3 py-1.5 rounded-full tabular-nums",
|
|
1505
1585
|
style: {
|
|
1506
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
1507
|
-
color:
|
|
1586
|
+
backgroundColor: `color-mix(in srgb, ${N} 12%, transparent)`,
|
|
1587
|
+
color: N
|
|
1508
1588
|
},
|
|
1509
1589
|
children: be
|
|
1510
1590
|
})] }), i === "popup" && /* @__PURE__ */ m("div", {
|
|
@@ -1513,11 +1593,11 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1513
1593
|
onClick: o,
|
|
1514
1594
|
className: "p-1.5 opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
1515
1595
|
title: a ? "Minimize" : "Expand",
|
|
1516
|
-
children: p(a ?
|
|
1596
|
+
children: p(a ? Re : Ie, { size: 16 })
|
|
1517
1597
|
}), /* @__PURE__ */ p("button", {
|
|
1518
1598
|
onClick: c,
|
|
1519
1599
|
className: "p-1.5 opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
1520
|
-
children: /* @__PURE__ */ p(
|
|
1600
|
+
children: /* @__PURE__ */ p(Q, { size: 18 })
|
|
1521
1601
|
})]
|
|
1522
1602
|
})]
|
|
1523
1603
|
})]
|
|
@@ -1526,7 +1606,7 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1526
1606
|
className: "w-full flex-1 overflow-y-auto",
|
|
1527
1607
|
children: /* @__PURE__ */ m("form", {
|
|
1528
1608
|
part: "form",
|
|
1529
|
-
onSubmit:
|
|
1609
|
+
onSubmit: R,
|
|
1530
1610
|
className: "max-w-3xl mx-auto w-full px-4 sm:px-6 py-8 sm:py-10 space-y-5",
|
|
1531
1611
|
children: [
|
|
1532
1612
|
/* @__PURE__ */ m("div", {
|
|
@@ -1534,18 +1614,18 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1534
1614
|
className: "px-1",
|
|
1535
1615
|
children: [/* @__PURE__ */ p("p", {
|
|
1536
1616
|
className: "text-xs font-semibold uppercase tracking-wider",
|
|
1537
|
-
style: { color:
|
|
1538
|
-
children:
|
|
1617
|
+
style: { color: N },
|
|
1618
|
+
children: x ? "Abstract submission" : "Registration form"
|
|
1539
1619
|
}), /* @__PURE__ */ p("h2", {
|
|
1540
1620
|
part: "form-title",
|
|
1541
1621
|
className: `mt-1.5 text-2xl sm:text-3xl font-bold tracking-tight ${h ? "text-white" : "text-slate-900"}`,
|
|
1542
1622
|
style: $,
|
|
1543
|
-
children:
|
|
1623
|
+
children: ye
|
|
1544
1624
|
})]
|
|
1545
1625
|
}),
|
|
1546
1626
|
u && Object.keys(u).length > 0 && /* @__PURE__ */ m("div", {
|
|
1547
1627
|
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"}`,
|
|
1548
|
-
children: [/* @__PURE__ */ p(
|
|
1628
|
+
children: [/* @__PURE__ */ p(le, {
|
|
1549
1629
|
size: 16,
|
|
1550
1630
|
className: "shrink-0"
|
|
1551
1631
|
}), /* @__PURE__ */ p("span", {
|
|
@@ -1557,17 +1637,17 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1557
1637
|
part: "notice",
|
|
1558
1638
|
className: "rounded-2xl p-4 flex items-start gap-3",
|
|
1559
1639
|
style: {
|
|
1560
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
1561
|
-
boxShadow: `inset 0 0 0 1px color-mix(in srgb, ${
|
|
1640
|
+
backgroundColor: `color-mix(in srgb, ${N} ${h ? 14 : 7}%, transparent)`,
|
|
1641
|
+
boxShadow: `inset 0 0 0 1px color-mix(in srgb, ${N} 20%, transparent)`
|
|
1562
1642
|
},
|
|
1563
1643
|
children: [/* @__PURE__ */ p("div", {
|
|
1564
1644
|
className: "shrink-0 mt-0.5",
|
|
1565
|
-
style: { color:
|
|
1566
|
-
children: /* @__PURE__ */ p(
|
|
1645
|
+
style: { color: N },
|
|
1646
|
+
children: /* @__PURE__ */ p(Ee, { size: 18 })
|
|
1567
1647
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
1568
1648
|
part: "notice-title",
|
|
1569
1649
|
className: "text-xs font-bold uppercase tracking-wider",
|
|
1570
|
-
style: { color:
|
|
1650
|
+
style: { color: N },
|
|
1571
1651
|
children: "Before you submit"
|
|
1572
1652
|
}), /* @__PURE__ */ m("p", {
|
|
1573
1653
|
className: `text-sm mt-0.5 leading-relaxed ${h ? "text-zinc-300" : "text-slate-600"}`,
|
|
@@ -1584,20 +1664,20 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1584
1664
|
/* @__PURE__ */ p("div", {
|
|
1585
1665
|
part: "form-card",
|
|
1586
1666
|
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)]"}`,
|
|
1587
|
-
children:
|
|
1667
|
+
children: L.map((e) => ve(e))
|
|
1588
1668
|
}),
|
|
1589
1669
|
/* @__PURE__ */ m("div", {
|
|
1590
1670
|
className: "pt-2 pb-10",
|
|
1591
1671
|
children: [/* @__PURE__ */ m("button", {
|
|
1592
1672
|
part: "button button-primary submit-button",
|
|
1593
1673
|
type: "submit",
|
|
1594
|
-
disabled:
|
|
1674
|
+
disabled: w !== null || E !== null,
|
|
1595
1675
|
style: {
|
|
1596
|
-
background: `linear-gradient(135deg, ${
|
|
1597
|
-
boxShadow: `0 12px 28px -12px color-mix(in srgb, ${
|
|
1676
|
+
background: `linear-gradient(135deg, ${N}, color-mix(in srgb, ${N} 80%, black))`,
|
|
1677
|
+
boxShadow: `0 12px 28px -12px color-mix(in srgb, ${N} 70%, transparent)`
|
|
1598
1678
|
},
|
|
1599
1679
|
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",
|
|
1600
|
-
children: [/* @__PURE__ */ p("span", { children:
|
|
1680
|
+
children: [/* @__PURE__ */ p("span", { children: x ? "Submit Abstract" : "Complete Registration" }), /* @__PURE__ */ p(ie, {
|
|
1601
1681
|
size: 18,
|
|
1602
1682
|
className: "transition-transform group-hover:translate-x-0.5"
|
|
1603
1683
|
})]
|
|
@@ -1613,7 +1693,7 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1613
1693
|
};
|
|
1614
1694
|
//#endregion
|
|
1615
1695
|
//#region src/widget/utils/formUtils.ts
|
|
1616
|
-
function
|
|
1696
|
+
function at(e, t) {
|
|
1617
1697
|
if (!e) return "";
|
|
1618
1698
|
if (/^field_\d+/i.test(e) && t && typeof t == "string") {
|
|
1619
1699
|
let e = t.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
|
|
@@ -1621,26 +1701,26 @@ function tt(e, t) {
|
|
|
1621
1701
|
}
|
|
1622
1702
|
return e;
|
|
1623
1703
|
}
|
|
1624
|
-
function
|
|
1704
|
+
function ot(e, t = "") {
|
|
1625
1705
|
if (e && typeof e == "string") {
|
|
1626
1706
|
let t = e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
|
|
1627
1707
|
if (t) return t;
|
|
1628
1708
|
}
|
|
1629
|
-
return
|
|
1709
|
+
return at(t, e) || t;
|
|
1630
1710
|
}
|
|
1631
1711
|
//#endregion
|
|
1632
1712
|
//#region src/widget/components/AttendeePortal.tsx
|
|
1633
|
-
var
|
|
1634
|
-
let [l, u] = d(() => t.getToken() ? "profile" : "login"), [h, g] = d(!1), [
|
|
1713
|
+
var st = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1, isWidgetPage: a = !1, onEvent: o, onError: c }) => {
|
|
1714
|
+
let [l, u] = d(() => t.getToken() ? "profile" : "login"), [h, g] = d(!1), [ee, _] = d(!1), [v, y] = d(null), [b, x] = d(null), [S, C] = d(null), [w, T] = d(""), [E, te] = d(""), [ne, D] = d(""), [O, k] = d(""), [A, j] = d(""), [ae, oe] = d(""), [ce, ue] = d(""), [fe, N] = 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);
|
|
1635
1715
|
s(() => {
|
|
1636
1716
|
let e = t.getToken();
|
|
1637
|
-
e &&
|
|
1717
|
+
e && Fe(e);
|
|
1638
1718
|
}, []);
|
|
1639
|
-
let
|
|
1640
|
-
g(!0),
|
|
1719
|
+
let Fe = async (r) => {
|
|
1720
|
+
g(!0), x(null);
|
|
1641
1721
|
try {
|
|
1642
1722
|
let i = await e.portalGetProfile(r), a = i?.data || i || {};
|
|
1643
|
-
|
|
1723
|
+
me(a);
|
|
1644
1724
|
let s = a.registration || {}, c = s.custom_data || {}, l = s.email || a.email || "", d = null;
|
|
1645
1725
|
if (l) try {
|
|
1646
1726
|
let t = await e.getDraftByEmail(l);
|
|
@@ -1656,9 +1736,9 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1656
1736
|
} catch {}
|
|
1657
1737
|
}
|
|
1658
1738
|
let f = d?.custom_data || {};
|
|
1659
|
-
s.name ?
|
|
1739
|
+
s.name ? D(s.name) : d?.name ? D(d.name) : a.name && D(a.name);
|
|
1660
1740
|
let p = 0, m = {}, h = [...a.editable_fields || []];
|
|
1661
|
-
|
|
1741
|
+
me({
|
|
1662
1742
|
...a,
|
|
1663
1743
|
editable_fields: h
|
|
1664
1744
|
});
|
|
@@ -1668,13 +1748,13 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1668
1748
|
let t = s[`${e.id}_asset_id`] || c[`${e.id}_asset_id`] || s.asset_id || c.asset_id || a.asset_id;
|
|
1669
1749
|
t && (g[e.id] = String(t));
|
|
1670
1750
|
}
|
|
1671
|
-
}),
|
|
1751
|
+
}), R((e) => ({
|
|
1672
1752
|
...g,
|
|
1673
1753
|
...e
|
|
1674
1754
|
}));
|
|
1675
|
-
let
|
|
1676
|
-
|
|
1677
|
-
let t = e.label || e.name || e.id, n =
|
|
1755
|
+
let ee = s.asset_id || s.photo_id || c.asset_id || c.photo_id || a.asset_id;
|
|
1756
|
+
ee && Se(String(ee)), h.length > 0 ? h.forEach((e) => {
|
|
1757
|
+
let t = e.label || e.name || e.id, n = at(e.id, e.label), r = ot(e.label, e.id), i = "";
|
|
1678
1758
|
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) {
|
|
1679
1759
|
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);
|
|
1680
1760
|
t != null && t !== "" && (i = t, p++);
|
|
@@ -1682,12 +1762,12 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1682
1762
|
m[e.id] = i;
|
|
1683
1763
|
}) : Object.entries(a).forEach(([e, t]) => {
|
|
1684
1764
|
e.toLowerCase() !== "token" && (m[e] = t);
|
|
1685
|
-
}),
|
|
1686
|
-
let
|
|
1765
|
+
}), he(m), p > 0 && W(!0);
|
|
1766
|
+
let _ = (a.addons?.items || []).filter((e) => e.purchased).map((e) => e.name);
|
|
1687
1767
|
d?.selected_items && Array.isArray(d.selected_items) && d.selected_items.forEach((e) => {
|
|
1688
1768
|
let t = typeof e == "string" ? e : e?.name;
|
|
1689
|
-
t && !
|
|
1690
|
-
}),
|
|
1769
|
+
t && !_.includes(t) && _.push(t);
|
|
1770
|
+
}), ge(_), u("profile"), o?.("attendee_profile_loaded", {
|
|
1691
1771
|
profile: a,
|
|
1692
1772
|
draft: d
|
|
1693
1773
|
});
|
|
@@ -1696,26 +1776,26 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1696
1776
|
} finally {
|
|
1697
1777
|
g(!1);
|
|
1698
1778
|
}
|
|
1699
|
-
},
|
|
1700
|
-
if (r.preventDefault(), !
|
|
1701
|
-
|
|
1779
|
+
}, Ie = async (r) => {
|
|
1780
|
+
if (r.preventDefault(), !w.trim() || !E) {
|
|
1781
|
+
x("Please enter both your identifier and password.");
|
|
1702
1782
|
return;
|
|
1703
1783
|
}
|
|
1704
|
-
g(!0),
|
|
1784
|
+
g(!0), x(null), C(null);
|
|
1705
1785
|
try {
|
|
1706
1786
|
let n = await e.portalLogin({
|
|
1707
|
-
identifier:
|
|
1708
|
-
password:
|
|
1787
|
+
identifier: w.trim(),
|
|
1788
|
+
password: E
|
|
1709
1789
|
}), r = n?.data?.token || n?.token;
|
|
1710
1790
|
if (!r) throw Error(n?.message || "No authentication token received.");
|
|
1711
|
-
(n?.data?.name || n?.name) &&
|
|
1712
|
-
identifier:
|
|
1791
|
+
(n?.data?.name || n?.name) && D(n.data?.name || n.name), t.setToken(r), o?.("attendee_logged_in", {
|
|
1792
|
+
identifier: w,
|
|
1713
1793
|
response: n
|
|
1714
|
-
}), await
|
|
1794
|
+
}), await Fe(r);
|
|
1715
1795
|
} catch (e) {
|
|
1716
1796
|
n.error("Login failed", e);
|
|
1717
1797
|
let t = e.message || "Login failed. Please check your credentials.";
|
|
1718
|
-
|
|
1798
|
+
x(t), c?.({
|
|
1719
1799
|
type: "login_error",
|
|
1720
1800
|
message: t,
|
|
1721
1801
|
error: e
|
|
@@ -1723,61 +1803,61 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1723
1803
|
} finally {
|
|
1724
1804
|
g(!1);
|
|
1725
1805
|
}
|
|
1726
|
-
},
|
|
1806
|
+
}, Le = async (t) => {
|
|
1727
1807
|
t.preventDefault();
|
|
1728
|
-
let r = (
|
|
1808
|
+
let r = (O || w).trim();
|
|
1729
1809
|
if (!r) {
|
|
1730
|
-
|
|
1810
|
+
x("Please enter your registration number or email to receive a code.");
|
|
1731
1811
|
return;
|
|
1732
1812
|
}
|
|
1733
|
-
|
|
1813
|
+
N(!0), x(null), C(null);
|
|
1734
1814
|
try {
|
|
1735
|
-
await e.portalRequestPasswordReset(r),
|
|
1815
|
+
await e.portalRequestPasswordReset(r), C("A verification code has been sent to your registered email."), o?.("password_reset_code_requested", { identifier: r }), u("reset");
|
|
1736
1816
|
} catch (e) {
|
|
1737
1817
|
n.error("Failed to send reset code", e);
|
|
1738
1818
|
let t = e.message || "Failed to send code. Please verify your identifier.";
|
|
1739
|
-
|
|
1819
|
+
x(t), c?.({
|
|
1740
1820
|
type: "portal_error",
|
|
1741
1821
|
message: t,
|
|
1742
1822
|
error: e
|
|
1743
1823
|
});
|
|
1744
1824
|
} finally {
|
|
1745
|
-
|
|
1825
|
+
N(!1);
|
|
1746
1826
|
}
|
|
1747
|
-
},
|
|
1827
|
+
}, Re = async (r) => {
|
|
1748
1828
|
r.preventDefault();
|
|
1749
|
-
let i = (
|
|
1829
|
+
let i = (O || w).trim();
|
|
1750
1830
|
if (!i) {
|
|
1751
|
-
|
|
1831
|
+
x("Please enter your registration number or email.");
|
|
1752
1832
|
return;
|
|
1753
1833
|
}
|
|
1754
|
-
if (!
|
|
1755
|
-
|
|
1834
|
+
if (!A.trim()) {
|
|
1835
|
+
x("Please enter the verification code sent to your email.");
|
|
1756
1836
|
return;
|
|
1757
1837
|
}
|
|
1758
|
-
if (!
|
|
1759
|
-
|
|
1838
|
+
if (!ae) {
|
|
1839
|
+
x("Please enter a new password.");
|
|
1760
1840
|
return;
|
|
1761
1841
|
}
|
|
1762
|
-
if (
|
|
1763
|
-
|
|
1842
|
+
if (ae !== ce) {
|
|
1843
|
+
x("New password and confirm password do not match.");
|
|
1764
1844
|
return;
|
|
1765
1845
|
}
|
|
1766
|
-
g(!0),
|
|
1846
|
+
g(!0), x(null), C(null);
|
|
1767
1847
|
try {
|
|
1768
1848
|
let n = await e.portalConfirmPasswordReset({
|
|
1769
1849
|
identifier: i,
|
|
1770
|
-
code:
|
|
1771
|
-
new_password:
|
|
1850
|
+
code: A.trim(),
|
|
1851
|
+
new_password: ae
|
|
1772
1852
|
}), r = n?.data?.token || n?.token;
|
|
1773
|
-
(n?.data?.name || n?.name) &&
|
|
1853
|
+
(n?.data?.name || n?.name) && D(n.data?.name || n.name), o?.("password_reset_success", {
|
|
1774
1854
|
identifier: i,
|
|
1775
1855
|
response: n
|
|
1776
|
-
}), r ? (t.setToken(r),
|
|
1856
|
+
}), r ? (t.setToken(r), j(""), oe(""), ue(""), await Fe(r)) : (T(i), te(""), j(""), oe(""), ue(""), u("login"), C("Password updated successfully! Please login with your new password."));
|
|
1777
1857
|
} catch (e) {
|
|
1778
1858
|
n.error("Password reset failed", e);
|
|
1779
1859
|
let t = e.message || "Failed to update password. Please check the code.";
|
|
1780
|
-
|
|
1860
|
+
x(t), c?.({
|
|
1781
1861
|
type: "portal_error",
|
|
1782
1862
|
message: t,
|
|
1783
1863
|
error: e
|
|
@@ -1785,25 +1865,25 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1785
1865
|
} finally {
|
|
1786
1866
|
g(!1);
|
|
1787
1867
|
}
|
|
1788
|
-
},
|
|
1789
|
-
t.clearToken(),
|
|
1790
|
-
},
|
|
1868
|
+
}, X = () => {
|
|
1869
|
+
t.clearToken(), me(null), he({}), ge([]), R({}), Se(null), Te(null), D(""), te(""), u("login"), C("Logged out successfully."), o?.("attendee_logged_out", {});
|
|
1870
|
+
}, ze = async (r, i) => {
|
|
1791
1871
|
let a = t.getToken();
|
|
1792
1872
|
if (!a) {
|
|
1793
|
-
|
|
1873
|
+
x("Session expired. Please log in again.");
|
|
1794
1874
|
return;
|
|
1795
1875
|
}
|
|
1796
|
-
|
|
1876
|
+
y(r), x(null), C(null);
|
|
1797
1877
|
try {
|
|
1798
1878
|
let t = await e.uploadFile(i, a), n = t?.data?.serve_url || t?.serve_url || "", s = t?.data?.asset_id || t?.asset_id;
|
|
1799
1879
|
if (!s && !n) throw Error("Upload response missing asset_id");
|
|
1800
|
-
n &&
|
|
1880
|
+
n && he((e) => ({
|
|
1801
1881
|
...e,
|
|
1802
1882
|
[r]: n
|
|
1803
|
-
})), s && (
|
|
1883
|
+
})), s && (R((e) => ({
|
|
1804
1884
|
...e,
|
|
1805
1885
|
[r]: String(s)
|
|
1806
|
-
})),
|
|
1886
|
+
})), Se(String(s))), C(`File "${i.name}" uploaded successfully!`), o?.("portal_file_uploaded", {
|
|
1807
1887
|
fieldId: r,
|
|
1808
1888
|
serveUrl: n,
|
|
1809
1889
|
assetId: s,
|
|
@@ -1812,60 +1892,60 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1812
1892
|
} catch (e) {
|
|
1813
1893
|
n.error("File upload failed", e);
|
|
1814
1894
|
let t = e.message || "File upload failed. Please try again.";
|
|
1815
|
-
|
|
1895
|
+
x(t), c?.({
|
|
1816
1896
|
type: "file_upload_error",
|
|
1817
1897
|
message: t,
|
|
1818
1898
|
error: e
|
|
1819
1899
|
});
|
|
1820
1900
|
} finally {
|
|
1821
|
-
|
|
1901
|
+
y(null);
|
|
1822
1902
|
}
|
|
1823
|
-
},
|
|
1903
|
+
}, Be = async (r) => {
|
|
1824
1904
|
let i = t.getToken();
|
|
1825
1905
|
if (!i) {
|
|
1826
|
-
|
|
1906
|
+
x("Session expired. Please log in again.");
|
|
1827
1907
|
return;
|
|
1828
1908
|
}
|
|
1829
|
-
let a =
|
|
1830
|
-
|
|
1909
|
+
let a = I[r], s = (a && typeof a == "object" ? a.id : null) || _e[r] || be;
|
|
1910
|
+
B(r), x(null), C(null);
|
|
1831
1911
|
try {
|
|
1832
1912
|
s && (n.log(`Deleting asset ${s} for field ${r}...`), await e.portalDeleteFile(i, s), n.log(`Asset ${s} deleted successfully.`), o?.("portal_file_deleted", {
|
|
1833
1913
|
assetId: s,
|
|
1834
1914
|
fieldId: r
|
|
1835
|
-
})),
|
|
1915
|
+
})), he((e) => ({
|
|
1836
1916
|
...e,
|
|
1837
1917
|
[r]: ""
|
|
1838
|
-
})),
|
|
1918
|
+
})), R((e) => {
|
|
1839
1919
|
let t = { ...e };
|
|
1840
1920
|
return delete t[r], t;
|
|
1841
|
-
}),
|
|
1921
|
+
}), be === s && Se(null), C("File removed successfully.");
|
|
1842
1922
|
} catch (e) {
|
|
1843
1923
|
n.error("Failed to delete file", e);
|
|
1844
1924
|
let t = e.message || "Failed to delete file. Please try again.";
|
|
1845
|
-
|
|
1925
|
+
x(t), c?.({
|
|
1846
1926
|
type: "file_delete_error",
|
|
1847
1927
|
message: t,
|
|
1848
1928
|
error: e
|
|
1849
1929
|
});
|
|
1850
1930
|
} finally {
|
|
1851
|
-
|
|
1931
|
+
B(null);
|
|
1852
1932
|
}
|
|
1853
|
-
},
|
|
1854
|
-
t ||
|
|
1855
|
-
},
|
|
1933
|
+
}, He = (e, t) => {
|
|
1934
|
+
t || ge((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
|
|
1935
|
+
}, Ue = async (r) => {
|
|
1856
1936
|
r.preventDefault();
|
|
1857
1937
|
let i = t.getToken();
|
|
1858
1938
|
if (!i) {
|
|
1859
|
-
|
|
1939
|
+
x("Session expired. Please log in again.");
|
|
1860
1940
|
return;
|
|
1861
1941
|
}
|
|
1862
|
-
|
|
1942
|
+
_(!0), x(null), C(null);
|
|
1863
1943
|
try {
|
|
1864
|
-
let t =
|
|
1944
|
+
let t = F?.editable_fields || [], n = { ...F?.registration?.custom_data || {} }, r = {};
|
|
1865
1945
|
t.forEach((e) => {
|
|
1866
|
-
let t =
|
|
1946
|
+
let t = I[e.id], i = e.label || e.name || e.id, a = ot(e.label, e.id), o = at(e.id, e.label);
|
|
1867
1947
|
e.type === "file" ? (delete n[i], delete n[a], delete n[o], delete n[e.id]) : 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));
|
|
1868
|
-
}), r.custom_data = n, r.addons =
|
|
1948
|
+
}), r.custom_data = n, r.addons = L;
|
|
1869
1949
|
let a = await e.portalUpdateProfile(i, r);
|
|
1870
1950
|
o?.("attendee_profile_updated", {
|
|
1871
1951
|
payload: r,
|
|
@@ -1873,22 +1953,57 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1873
1953
|
});
|
|
1874
1954
|
let s = a?.data?.addon_checkout?.payment_url || a?.addon_checkout?.payment_url || a?.data?.payment_url || a?.payment_url;
|
|
1875
1955
|
if (s && typeof s == "string" && s.trim() !== "") {
|
|
1876
|
-
|
|
1956
|
+
Te(s), C("Add-ons updated! Opening payment page in a new tab..."), o?.("addon_payment_opened", { payment_url: s }), window.open(s, "_blank", "noopener,noreferrer"), await Fe(i);
|
|
1877
1957
|
return;
|
|
1878
1958
|
}
|
|
1879
|
-
|
|
1959
|
+
C("Profile updated successfully!"), await Fe(i);
|
|
1880
1960
|
} catch (e) {
|
|
1881
1961
|
n.error("Failed to update profile", e);
|
|
1882
1962
|
let t = e.message || "Failed to update profile. Please try again.";
|
|
1883
|
-
|
|
1963
|
+
x(t), c?.({
|
|
1884
1964
|
type: "profile_update_error",
|
|
1885
1965
|
message: t,
|
|
1886
1966
|
error: e
|
|
1887
1967
|
});
|
|
1888
1968
|
} finally {
|
|
1889
|
-
|
|
1969
|
+
_(!1);
|
|
1970
|
+
}
|
|
1971
|
+
}, Ge = () => {
|
|
1972
|
+
let e = F?.review_submission;
|
|
1973
|
+
if (!e) return;
|
|
1974
|
+
let t = e.custom_data || {}, n = {};
|
|
1975
|
+
(e.editable_fields || []).forEach((r) => {
|
|
1976
|
+
r.id === "name" ? n[r.id] = e.name || "" : r.id === "phone" ? n[r.id] = e.phone || "" : n[r.id] = t[r.id] ?? "";
|
|
1977
|
+
}), ke(n), q(!0);
|
|
1978
|
+
}, Ke = async (r) => {
|
|
1979
|
+
r.preventDefault();
|
|
1980
|
+
let i = t.getToken();
|
|
1981
|
+
if (!i) {
|
|
1982
|
+
x("Session expired. Please log in again.");
|
|
1983
|
+
return;
|
|
1984
|
+
}
|
|
1985
|
+
Ne(!0), x(null), C(null);
|
|
1986
|
+
try {
|
|
1987
|
+
let t = await e.portalUpdateSubmission(i, Y), n = t?.data || t;
|
|
1988
|
+
me((e) => ({
|
|
1989
|
+
...e,
|
|
1990
|
+
review_submission: n
|
|
1991
|
+
})), q(!1), C("Your submission was updated successfully!"), o?.("attendee_submission_updated", {
|
|
1992
|
+
payload: Y,
|
|
1993
|
+
response: t
|
|
1994
|
+
});
|
|
1995
|
+
} catch (e) {
|
|
1996
|
+
n.error("Failed to update submission", e);
|
|
1997
|
+
let t = e.message || "Failed to update submission. Please try again.";
|
|
1998
|
+
x(t), c?.({
|
|
1999
|
+
type: "submission_update_error",
|
|
2000
|
+
message: t,
|
|
2001
|
+
error: e
|
|
2002
|
+
});
|
|
2003
|
+
} finally {
|
|
2004
|
+
Ne(!1);
|
|
1890
2005
|
}
|
|
1891
|
-
},
|
|
2006
|
+
}, qe = () => /* @__PURE__ */ m("div", {
|
|
1892
2007
|
className: "absolute inset-0 pointer-events-none overflow-hidden z-0 select-none",
|
|
1893
2008
|
children: [
|
|
1894
2009
|
/* @__PURE__ */ p("div", {
|
|
@@ -1915,48 +2030,48 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1915
2030
|
}
|
|
1916
2031
|
})
|
|
1917
2032
|
]
|
|
1918
|
-
}),
|
|
2033
|
+
}), Ye = (e) => {
|
|
1919
2034
|
let t = (e.label || e.id || "").toLowerCase(), n = e.type;
|
|
1920
|
-
return n === "email" || t.includes("email") || t.includes("mail") ? /* @__PURE__ */ p(
|
|
2035
|
+
return n === "email" || t.includes("email") || t.includes("mail") ? /* @__PURE__ */ p(Me, {
|
|
1921
2036
|
size: 13,
|
|
1922
2037
|
className: "shrink-0",
|
|
1923
2038
|
style: { color: r }
|
|
1924
|
-
}) : n === "phone" || t.includes("phone") || t.includes("mobile") || t.includes("contact") ? /* @__PURE__ */ p(
|
|
2039
|
+
}) : n === "phone" || t.includes("phone") || t.includes("mobile") || t.includes("contact") ? /* @__PURE__ */ p(Z, {
|
|
1925
2040
|
size: 13,
|
|
1926
2041
|
className: "shrink-0",
|
|
1927
2042
|
style: { color: r }
|
|
1928
|
-
}) : t.includes("salutation") || t.includes("title") || t.includes("prefix") ? /* @__PURE__ */ p(
|
|
2043
|
+
}) : t.includes("salutation") || t.includes("title") || t.includes("prefix") ? /* @__PURE__ */ p(Je, {
|
|
1929
2044
|
size: 13,
|
|
1930
2045
|
className: "shrink-0",
|
|
1931
2046
|
style: { color: r }
|
|
1932
|
-
}) : t.includes("name") || t.includes("attendee") ? /* @__PURE__ */ p(
|
|
2047
|
+
}) : t.includes("name") || t.includes("attendee") ? /* @__PURE__ */ p(nt, {
|
|
1933
2048
|
size: 13,
|
|
1934
2049
|
className: "shrink-0",
|
|
1935
2050
|
style: { color: r }
|
|
1936
|
-
}) : t.includes("designat") || t.includes("role") || t.includes("position") || t.includes("profession") ? /* @__PURE__ */ p(
|
|
2051
|
+
}) : t.includes("designat") || t.includes("role") || t.includes("position") || t.includes("profession") ? /* @__PURE__ */ p(M, {
|
|
1937
2052
|
size: 13,
|
|
1938
2053
|
className: "shrink-0",
|
|
1939
2054
|
style: { color: r }
|
|
1940
|
-
}) : t.includes("specialis") || t.includes("specializ") || t.includes("department") || t.includes("degree") ? /* @__PURE__ */ p(
|
|
2055
|
+
}) : t.includes("specialis") || t.includes("specializ") || t.includes("department") || t.includes("degree") ? /* @__PURE__ */ p(V, {
|
|
1941
2056
|
size: 13,
|
|
1942
2057
|
className: "shrink-0",
|
|
1943
2058
|
style: { color: r }
|
|
1944
|
-
}) : t.includes("organi") || t.includes("institute") || t.includes("hospital") || t.includes("company") || t.includes("college") ? /* @__PURE__ */ p(
|
|
2059
|
+
}) : t.includes("organi") || t.includes("institute") || t.includes("hospital") || t.includes("company") || t.includes("college") ? /* @__PURE__ */ p(se, {
|
|
1945
2060
|
size: 13,
|
|
1946
2061
|
className: "shrink-0",
|
|
1947
2062
|
style: { color: r }
|
|
1948
|
-
}) : t.includes("city") || t.includes("state") || t.includes("country") || t.includes("address") ? /* @__PURE__ */ p(
|
|
2063
|
+
}) : t.includes("city") || t.includes("state") || t.includes("country") || t.includes("address") ? /* @__PURE__ */ p(Pe, {
|
|
1949
2064
|
size: 13,
|
|
1950
2065
|
className: "shrink-0",
|
|
1951
2066
|
style: { color: r }
|
|
1952
|
-
}) : p(n === "file" ?
|
|
2067
|
+
}) : p(n === "file" ? z : Ce, {
|
|
1953
2068
|
size: 13,
|
|
1954
2069
|
className: "shrink-0",
|
|
1955
2070
|
style: { color: r }
|
|
1956
2071
|
});
|
|
1957
|
-
},
|
|
2072
|
+
}, Ze = (e, t = "w-full", n = []) => {
|
|
1958
2073
|
if (!e) return null;
|
|
1959
|
-
let r = n.includes(e.id) || n.includes(
|
|
2074
|
+
let r = n.includes(e.id) || n.includes(at(e.id, e.label)), a = I[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)]"}`;
|
|
1960
2075
|
return /* @__PURE__ */ m("div", {
|
|
1961
2076
|
className: `${t} px-2 mb-4`,
|
|
1962
2077
|
children: [/* @__PURE__ */ m("div", {
|
|
@@ -1968,7 +2083,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1968
2083
|
children: [
|
|
1969
2084
|
/* @__PURE__ */ p("span", {
|
|
1970
2085
|
className: i ? "text-zinc-500" : "text-slate-400",
|
|
1971
|
-
children:
|
|
2086
|
+
children: Ye(e)
|
|
1972
2087
|
}),
|
|
1973
2088
|
/* @__PURE__ */ p("span", { children: e.label }),
|
|
1974
2089
|
e.required && /* @__PURE__ */ p("span", {
|
|
@@ -1978,7 +2093,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1978
2093
|
]
|
|
1979
2094
|
}), r ? /* @__PURE__ */ m("span", {
|
|
1980
2095
|
className: `flex items-center gap-1 text-[10px] font-semibold px-2 py-0.5 rounded-full ${i ? "text-zinc-400 bg-zinc-800" : "text-slate-500 bg-slate-100"}`,
|
|
1981
|
-
children: [/* @__PURE__ */ p(
|
|
2096
|
+
children: [/* @__PURE__ */ p(J, { size: 10 }), " Locked"]
|
|
1982
2097
|
}) : null]
|
|
1983
2098
|
}), e.type === "select" ? /* @__PURE__ */ m("div", {
|
|
1984
2099
|
className: "relative",
|
|
@@ -1987,8 +2102,8 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1987
2102
|
id: o,
|
|
1988
2103
|
disabled: r,
|
|
1989
2104
|
value: a,
|
|
1990
|
-
onChange: (t) =>
|
|
1991
|
-
...
|
|
2105
|
+
onChange: (t) => he({
|
|
2106
|
+
...I,
|
|
1992
2107
|
[e.id]: t.target.value
|
|
1993
2108
|
}),
|
|
1994
2109
|
className: `${s} pr-9 appearance-none cursor-pointer flex items-center`,
|
|
@@ -2007,24 +2122,24 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2007
2122
|
}, e))]
|
|
2008
2123
|
}), /* @__PURE__ */ p("div", {
|
|
2009
2124
|
className: `absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none ${i ? "text-zinc-400" : "text-slate-400"}`,
|
|
2010
|
-
children: /* @__PURE__ */ p(
|
|
2125
|
+
children: /* @__PURE__ */ p(de, { size: 15 })
|
|
2011
2126
|
})]
|
|
2012
|
-
}) : e.type === "file" ?
|
|
2127
|
+
}) : e.type === "file" ? $e(e, r, a) : /* @__PURE__ */ p("input", {
|
|
2013
2128
|
part: "input",
|
|
2014
2129
|
id: o,
|
|
2015
2130
|
type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : "text",
|
|
2016
2131
|
disabled: r,
|
|
2017
2132
|
value: a,
|
|
2018
2133
|
placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
|
|
2019
|
-
onChange: (t) =>
|
|
2020
|
-
...
|
|
2134
|
+
onChange: (t) => he({
|
|
2135
|
+
...I,
|
|
2021
2136
|
[e.id]: t.target.value
|
|
2022
2137
|
}),
|
|
2023
2138
|
className: s
|
|
2024
2139
|
})]
|
|
2025
2140
|
}, e.id);
|
|
2026
|
-
},
|
|
2027
|
-
let a =
|
|
2141
|
+
}, $e = (e, t, n) => {
|
|
2142
|
+
let a = v === 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;
|
|
2028
2143
|
return /* @__PURE__ */ p("div", {
|
|
2029
2144
|
className: "space-y-2",
|
|
2030
2145
|
children: /* @__PURE__ */ m("div", {
|
|
@@ -2042,7 +2157,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2042
2157
|
borderColor: i ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${r} 20%, white)`,
|
|
2043
2158
|
color: r
|
|
2044
2159
|
},
|
|
2045
|
-
children: /* @__PURE__ */ p(
|
|
2160
|
+
children: /* @__PURE__ */ p(z, { size: 16 })
|
|
2046
2161
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
|
|
2047
2162
|
className: `text-xs font-bold ${i ? "text-zinc-200" : "text-gray-900"}`,
|
|
2048
2163
|
children: o
|
|
@@ -2060,23 +2175,23 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2060
2175
|
style: { backgroundColor: r },
|
|
2061
2176
|
title: "Open file in new tab",
|
|
2062
2177
|
children: [
|
|
2063
|
-
/* @__PURE__ */ p(
|
|
2178
|
+
/* @__PURE__ */ p(Ce, { size: 13 }),
|
|
2064
2179
|
/* @__PURE__ */ p("span", { children: "View" }),
|
|
2065
|
-
/* @__PURE__ */ p(
|
|
2180
|
+
/* @__PURE__ */ p(xe, { size: 11 })
|
|
2066
2181
|
]
|
|
2067
2182
|
}), !t && /* @__PURE__ */ m("button", {
|
|
2068
2183
|
type: "button",
|
|
2069
|
-
disabled:
|
|
2070
|
-
onClick: () =>
|
|
2184
|
+
disabled: we === e.id || a,
|
|
2185
|
+
onClick: () => Be(e.id),
|
|
2071
2186
|
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"}`,
|
|
2072
2187
|
title: "Remove file",
|
|
2073
|
-
children: [/* @__PURE__ */ p(
|
|
2188
|
+
children: [/* @__PURE__ */ p(Qe, { size: 13 }), /* @__PURE__ */ p("span", { children: we === e.id ? "Deleting..." : "Delete" })]
|
|
2074
2189
|
})] })
|
|
2075
2190
|
})]
|
|
2076
2191
|
}),
|
|
2077
2192
|
n && /* @__PURE__ */ m("div", {
|
|
2078
2193
|
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"}`,
|
|
2079
|
-
children: [/* @__PURE__ */ p(
|
|
2194
|
+
children: [/* @__PURE__ */ p(le, {
|
|
2080
2195
|
size: 12,
|
|
2081
2196
|
className: "text-emerald-500 shrink-0"
|
|
2082
2197
|
}), /* @__PURE__ */ m("span", {
|
|
@@ -2096,11 +2211,11 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2096
2211
|
disabled: a,
|
|
2097
2212
|
onChange: (t) => {
|
|
2098
2213
|
let n = t.target.files?.[0];
|
|
2099
|
-
n &&
|
|
2214
|
+
n && ze(e.id, n), t.target.value = "";
|
|
2100
2215
|
}
|
|
2101
2216
|
}), /* @__PURE__ */ m("div", {
|
|
2102
2217
|
className: `inline-flex items-center gap-1.5 py-1.5 px-3 rounded-lg text-xs font-semibold border transition-all shadow-2xs ${i ? "border-zinc-700 hover:border-zinc-600 text-zinc-200 bg-zinc-800 hover:bg-zinc-750" : "border-gray-300 hover:border-gray-400 text-gray-800 bg-white hover:bg-gray-50"}`,
|
|
2103
|
-
children: [/* @__PURE__ */ p(
|
|
2218
|
+
children: [/* @__PURE__ */ p(et, {
|
|
2104
2219
|
size: 13,
|
|
2105
2220
|
style: { color: r }
|
|
2106
2221
|
}), /* @__PURE__ */ p("span", { children: a ? "Uploading..." : n ? "Replace File" : "Choose File" })]
|
|
@@ -2111,7 +2226,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2111
2226
|
})
|
|
2112
2227
|
});
|
|
2113
2228
|
};
|
|
2114
|
-
if (l === "profile" && !
|
|
2229
|
+
if (l === "profile" && !F) {
|
|
2115
2230
|
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)]"}`;
|
|
2116
2231
|
return /* @__PURE__ */ m("div", {
|
|
2117
2232
|
role: "status",
|
|
@@ -2123,7 +2238,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2123
2238
|
className: "sr-only",
|
|
2124
2239
|
children: "Loading your profile…"
|
|
2125
2240
|
}),
|
|
2126
|
-
|
|
2241
|
+
qe(),
|
|
2127
2242
|
/* @__PURE__ */ m("div", {
|
|
2128
2243
|
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`,
|
|
2129
2244
|
children: [/* @__PURE__ */ m("div", {
|
|
@@ -2165,7 +2280,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2165
2280
|
});
|
|
2166
2281
|
}
|
|
2167
2282
|
if (l === "profile") {
|
|
2168
|
-
let e =
|
|
2283
|
+
let e = F?.registration || {}, t = F?.editable_fields || [], n = F?.locked_fields || [], o = Array.isArray(F?.payment) ? F.payment : F?.payment ? [F.payment] : [], s = o.filter((e) => e.state !== "not_required"), c = o[0], l = F?.addons?.items || [], u = F?.badge || null, d = F?.review_submission || null, h = ne || "Attendee", g = h.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase()).join("") || "A", _ = `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)]"}`, y = i ? "text-zinc-400" : "text-slate-500", x = `text-base font-semibold tracking-tight ${i ? "text-white" : "text-slate-900"}`, C = [
|
|
2169
2284
|
{
|
|
2170
2285
|
label: "Registration no.",
|
|
2171
2286
|
value: e.registration_number || "N/A",
|
|
@@ -2175,9 +2290,9 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2175
2290
|
label: "Ticket type",
|
|
2176
2291
|
value: e.registration_type || "N/A"
|
|
2177
2292
|
},
|
|
2178
|
-
...
|
|
2293
|
+
...c && c.state !== "not_required" ? [{
|
|
2179
2294
|
label: "Payment",
|
|
2180
|
-
value: `${
|
|
2295
|
+
value: `${c.state}${c.amount ? ` · ${[c.currency, c.amount].filter(Boolean).join(" ")}` : ""}`,
|
|
2181
2296
|
capitalize: !0
|
|
2182
2297
|
}] : []
|
|
2183
2298
|
];
|
|
@@ -2187,150 +2302,97 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2187
2302
|
onScroll: a ? void 0 : (e) => {
|
|
2188
2303
|
e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0);
|
|
2189
2304
|
},
|
|
2190
|
-
children: [
|
|
2305
|
+
children: [qe(), /* @__PURE__ */ p("div", {
|
|
2191
2306
|
className: `${a ? "w-full flex-1" : "flex-1 overflow-y-auto min-h-0 overscroll-contain"} relative z-10`,
|
|
2192
2307
|
children: /* @__PURE__ */ m("div", {
|
|
2193
2308
|
className: `max-w-3xl mx-auto w-full px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} space-y-5`,
|
|
2194
2309
|
children: [
|
|
2195
2310
|
/* @__PURE__ */ m("div", {
|
|
2196
2311
|
part: "portal-card profile-card",
|
|
2197
|
-
className:
|
|
2198
|
-
children: [
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
children: e.status
|
|
2220
|
-
})]
|
|
2221
|
-
}), /* @__PURE__ */ p("p", {
|
|
2222
|
-
className: `text-[13px] mt-0.5 ${d}`,
|
|
2223
|
-
children: "Manage your registration and details"
|
|
2312
|
+
className: _,
|
|
2313
|
+
children: [/* @__PURE__ */ m("div", {
|
|
2314
|
+
className: "flex items-start justify-between gap-3",
|
|
2315
|
+
children: [/* @__PURE__ */ m("div", {
|
|
2316
|
+
className: "flex items-center gap-3 sm:gap-4 min-w-0",
|
|
2317
|
+
children: [/* @__PURE__ */ p("div", {
|
|
2318
|
+
className: "w-12 h-12 sm:w-14 sm:h-14 rounded-2xl flex items-center justify-center shrink-0 text-base sm:text-lg font-bold text-white",
|
|
2319
|
+
style: { background: `linear-gradient(135deg, ${r}, color-mix(in srgb, ${r} 75%, black))` },
|
|
2320
|
+
"aria-hidden": "true",
|
|
2321
|
+
children: g
|
|
2322
|
+
}), /* @__PURE__ */ m("div", {
|
|
2323
|
+
className: "min-w-0",
|
|
2324
|
+
children: [/* @__PURE__ */ m("div", {
|
|
2325
|
+
className: "flex items-center gap-2 flex-wrap",
|
|
2326
|
+
children: [/* @__PURE__ */ p("h3", {
|
|
2327
|
+
part: "portal-title",
|
|
2328
|
+
style: $,
|
|
2329
|
+
className: `text-lg sm:text-xl font-bold tracking-tight break-words ${i ? "text-white" : "text-slate-900"}`,
|
|
2330
|
+
children: h
|
|
2331
|
+
}), e.status && /* @__PURE__ */ p("span", {
|
|
2332
|
+
className: `px-2.5 py-0.5 rounded-full text-[11px] font-semibold capitalize ${i ? "bg-emerald-950/70 text-emerald-300" : "bg-emerald-50 text-emerald-700"}`,
|
|
2333
|
+
children: e.status
|
|
2224
2334
|
})]
|
|
2225
|
-
})
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
onClick: je,
|
|
2229
|
-
className: `shrink-0 inline-flex items-center justify-center gap-1.5 h-9 w-9 sm:w-auto sm:px-3.5 text-[13px] font-semibold rounded-full border transition-colors cursor-pointer ${i ? "text-zinc-300 border-zinc-700 hover:bg-zinc-800 hover:text-red-300" : "text-slate-600 border-slate-200 bg-white hover:bg-red-50 hover:text-red-600 hover:border-red-200"}`,
|
|
2230
|
-
title: "Logout",
|
|
2231
|
-
"aria-label": "Logout",
|
|
2232
|
-
children: [/* @__PURE__ */ p(J, { size: 14 }), /* @__PURE__ */ p("span", {
|
|
2233
|
-
className: "hidden sm:inline",
|
|
2234
|
-
children: "Logout"
|
|
2335
|
+
}), /* @__PURE__ */ p("p", {
|
|
2336
|
+
className: `text-[13px] mt-0.5 ${y}`,
|
|
2337
|
+
children: "Manage your registration and details"
|
|
2235
2338
|
})]
|
|
2236
2339
|
})]
|
|
2237
|
-
}),
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
/* @__PURE__ */ p(ve, { size: 12 })
|
|
2261
|
-
]
|
|
2262
|
-
})
|
|
2263
|
-
]
|
|
2264
|
-
}),
|
|
2265
|
-
H && /* @__PURE__ */ m("div", {
|
|
2266
|
-
className: "p-4 rounded-2xl flex flex-wrap items-center justify-between gap-3 text-sm",
|
|
2267
|
-
style: {
|
|
2268
|
-
backgroundColor: `color-mix(in srgb, ${r} ${i ? 14 : 7}%, transparent)`,
|
|
2269
|
-
boxShadow: `inset 0 0 0 1px color-mix(in srgb, ${r} 22%, transparent)`
|
|
2270
|
-
},
|
|
2271
|
-
children: [/* @__PURE__ */ m("div", {
|
|
2272
|
-
className: `flex items-center gap-2.5 ${i ? "text-zinc-200" : "text-slate-700"}`,
|
|
2273
|
-
children: [/* @__PURE__ */ p(_e, {
|
|
2274
|
-
size: 17,
|
|
2275
|
-
className: "shrink-0",
|
|
2276
|
-
style: { color: r }
|
|
2277
|
-
}), /* @__PURE__ */ p("span", { children: "Payment page opened in a new tab. If it didn't open:" })]
|
|
2278
|
-
}), /* @__PURE__ */ m("a", {
|
|
2279
|
-
href: H,
|
|
2280
|
-
target: "_blank",
|
|
2281
|
-
rel: "noopener noreferrer",
|
|
2282
|
-
className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white shrink-0",
|
|
2283
|
-
style: { backgroundColor: r },
|
|
2284
|
-
children: [/* @__PURE__ */ p("span", { children: "Complete payment" }), /* @__PURE__ */ p(ve, { size: 12 })]
|
|
2340
|
+
}), /* @__PURE__ */ m("button", {
|
|
2341
|
+
part: "button button-secondary logout-button",
|
|
2342
|
+
onClick: X,
|
|
2343
|
+
className: `shrink-0 inline-flex items-center justify-center gap-1.5 h-9 w-9 sm:w-auto sm:px-3.5 text-[13px] font-semibold rounded-full border transition-colors cursor-pointer ${i ? "text-zinc-300 border-zinc-700 hover:bg-zinc-800 hover:text-red-300" : "text-slate-600 border-slate-200 bg-white hover:bg-red-50 hover:text-red-600 hover:border-red-200"}`,
|
|
2344
|
+
title: "Logout",
|
|
2345
|
+
"aria-label": "Logout",
|
|
2346
|
+
children: [/* @__PURE__ */ p(Ae, { size: 14 }), /* @__PURE__ */ p("span", {
|
|
2347
|
+
className: "hidden sm:inline",
|
|
2348
|
+
children: "Logout"
|
|
2349
|
+
})]
|
|
2350
|
+
})]
|
|
2351
|
+
}), /* @__PURE__ */ p("dl", {
|
|
2352
|
+
className: `mt-5 pt-5 border-t grid grid-cols-2 ${C.length === 3 ? "sm:grid-cols-3" : "sm:grid-cols-2"} gap-4 ${i ? "border-zinc-800" : "border-slate-100"}`,
|
|
2353
|
+
children: C.map((e) => /* @__PURE__ */ m("div", {
|
|
2354
|
+
className: "min-w-0",
|
|
2355
|
+
children: [/* @__PURE__ */ p("dt", {
|
|
2356
|
+
className: `text-[11px] font-semibold uppercase tracking-wider ${i ? "text-zinc-500" : "text-slate-400"}`,
|
|
2357
|
+
children: e.label
|
|
2358
|
+
}), /* @__PURE__ */ p("dd", {
|
|
2359
|
+
className: `mt-1 text-sm font-semibold break-words ${e.mono ? "font-mono" : ""} ${e.capitalize ? "capitalize" : ""} ${i ? "text-white" : "text-slate-900"}`,
|
|
2360
|
+
children: e.value
|
|
2361
|
+
})]
|
|
2362
|
+
}, e.label))
|
|
2285
2363
|
})]
|
|
2286
2364
|
}),
|
|
2287
|
-
x && /* @__PURE__ */ m("div", {
|
|
2288
|
-
role: "alert",
|
|
2289
|
-
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"}`,
|
|
2290
|
-
children: [/* @__PURE__ */ p(fe, {
|
|
2291
|
-
size: 17,
|
|
2292
|
-
className: "shrink-0 mt-0.5"
|
|
2293
|
-
}), /* @__PURE__ */ p("span", { children: x })]
|
|
2294
|
-
}),
|
|
2295
|
-
C && /* @__PURE__ */ m("div", {
|
|
2296
|
-
role: "status",
|
|
2297
|
-
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"}`,
|
|
2298
|
-
children: [/* @__PURE__ */ p(F, {
|
|
2299
|
-
size: 17,
|
|
2300
|
-
className: "shrink-0 mt-0.5"
|
|
2301
|
-
}), /* @__PURE__ */ p("span", { children: C })]
|
|
2302
|
-
}),
|
|
2303
2365
|
/* @__PURE__ */ m("form", {
|
|
2304
|
-
onSubmit:
|
|
2366
|
+
onSubmit: Ue,
|
|
2305
2367
|
className: "space-y-5",
|
|
2306
2368
|
children: [
|
|
2307
2369
|
t.length === 0 ? /* @__PURE__ */ p("div", {
|
|
2308
|
-
className: `${
|
|
2370
|
+
className: `${_} text-center text-sm ${y}`,
|
|
2309
2371
|
children: "No editable fields configured."
|
|
2310
2372
|
}) : /* @__PURE__ */ m("div", {
|
|
2311
2373
|
part: "portal-card details-card",
|
|
2312
|
-
className:
|
|
2374
|
+
className: _,
|
|
2313
2375
|
children: [/* @__PURE__ */ m("div", {
|
|
2314
2376
|
className: "flex items-start justify-between gap-3 mb-5",
|
|
2315
2377
|
children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
2316
|
-
className:
|
|
2378
|
+
className: x,
|
|
2317
2379
|
style: $,
|
|
2318
2380
|
children: "Your details"
|
|
2319
2381
|
}), /* @__PURE__ */ p("p", {
|
|
2320
|
-
className: `text-[13px] mt-0.5 ${
|
|
2382
|
+
className: `text-[13px] mt-0.5 ${y}`,
|
|
2321
2383
|
children: "Keep your information up to date."
|
|
2322
|
-
})] }),
|
|
2384
|
+
})] }), Ee && /* @__PURE__ */ m("span", {
|
|
2323
2385
|
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"}`,
|
|
2324
|
-
children: [/* @__PURE__ */ p(
|
|
2386
|
+
children: [/* @__PURE__ */ p(le, { size: 11 }), " Draft restored"]
|
|
2325
2387
|
})]
|
|
2326
2388
|
}), /* @__PURE__ */ p("div", {
|
|
2327
2389
|
className: "flex flex-wrap -mx-2 -mb-4",
|
|
2328
|
-
children: t.map((e) =>
|
|
2390
|
+
children: t.map((e) => Ze(e, e.type === "file" || e.width === "full" ? "w-full" : "w-full md:w-1/2", n))
|
|
2329
2391
|
})]
|
|
2330
2392
|
}),
|
|
2331
|
-
|
|
2393
|
+
l.length > 0 && /* @__PURE__ */ m("div", {
|
|
2332
2394
|
part: "portal-card addons-card",
|
|
2333
|
-
className:
|
|
2395
|
+
className: _,
|
|
2334
2396
|
children: [/* @__PURE__ */ p("div", {
|
|
2335
2397
|
className: "flex items-start justify-between gap-3 mb-4",
|
|
2336
2398
|
children: /* @__PURE__ */ m("div", {
|
|
@@ -2341,20 +2403,20 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2341
2403
|
backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
|
|
2342
2404
|
color: r
|
|
2343
2405
|
},
|
|
2344
|
-
children: /* @__PURE__ */ p(
|
|
2406
|
+
children: /* @__PURE__ */ p(Xe, { size: 17 })
|
|
2345
2407
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
2346
|
-
className:
|
|
2408
|
+
className: x,
|
|
2347
2409
|
style: $,
|
|
2348
2410
|
children: "Add-ons"
|
|
2349
2411
|
}), /* @__PURE__ */ p("p", {
|
|
2350
|
-
className: `text-[13px] ${
|
|
2412
|
+
className: `text-[13px] ${y}`,
|
|
2351
2413
|
children: "Select items to add to your registration"
|
|
2352
2414
|
})] })]
|
|
2353
2415
|
})
|
|
2354
2416
|
}), /* @__PURE__ */ p("div", {
|
|
2355
2417
|
className: "space-y-2",
|
|
2356
|
-
children:
|
|
2357
|
-
let t = !!e.purchased, n =
|
|
2418
|
+
children: l.map((e) => {
|
|
2419
|
+
let t = !!e.purchased, n = L.includes(e.name);
|
|
2358
2420
|
return /* @__PURE__ */ m("label", {
|
|
2359
2421
|
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"}`,
|
|
2360
2422
|
style: n && !t ? {
|
|
@@ -2366,7 +2428,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2366
2428
|
type: "checkbox",
|
|
2367
2429
|
checked: n,
|
|
2368
2430
|
disabled: t,
|
|
2369
|
-
onChange: () =>
|
|
2431
|
+
onChange: () => He(e.name, t),
|
|
2370
2432
|
className: "w-4 h-4 rounded cursor-pointer shrink-0 disabled:cursor-default",
|
|
2371
2433
|
style: { accentColor: r }
|
|
2372
2434
|
}),
|
|
@@ -2387,7 +2449,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2387
2449
|
}),
|
|
2388
2450
|
t && /* @__PURE__ */ m("span", {
|
|
2389
2451
|
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"}`,
|
|
2390
|
-
children: [/* @__PURE__ */ p(
|
|
2452
|
+
children: [/* @__PURE__ */ p(le, { size: 12 }), " Purchased"]
|
|
2391
2453
|
})
|
|
2392
2454
|
]
|
|
2393
2455
|
}, e.name);
|
|
@@ -2399,13 +2461,13 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2399
2461
|
children: /* @__PURE__ */ p("button", {
|
|
2400
2462
|
part: "button button-primary submit-button",
|
|
2401
2463
|
type: "submit",
|
|
2402
|
-
disabled:
|
|
2464
|
+
disabled: ee || v !== null,
|
|
2403
2465
|
style: {
|
|
2404
2466
|
background: `linear-gradient(135deg, ${r}, color-mix(in srgb, ${r} 80%, black))`,
|
|
2405
2467
|
boxShadow: `0 10px 24px -12px color-mix(in srgb, ${r} 70%, transparent)`
|
|
2406
2468
|
},
|
|
2407
2469
|
className: "w-full h-12 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",
|
|
2408
|
-
children:
|
|
2470
|
+
children: ee ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("svg", {
|
|
2409
2471
|
className: "animate-spin h-4 w-4 text-white",
|
|
2410
2472
|
fill: "none",
|
|
2411
2473
|
viewBox: "0 0 24 24",
|
|
@@ -2422,17 +2484,278 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2422
2484
|
fill: "currentColor",
|
|
2423
2485
|
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"
|
|
2424
2486
|
})]
|
|
2425
|
-
}), /* @__PURE__ */ p("span", { children: "Saving..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(
|
|
2487
|
+
}), /* @__PURE__ */ p("span", { children: "Saving..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ve, { size: 16 }), /* @__PURE__ */ p("span", { children: "Save changes" })] })
|
|
2488
|
+
})
|
|
2489
|
+
})
|
|
2490
|
+
]
|
|
2491
|
+
}),
|
|
2492
|
+
u && /* @__PURE__ */ m("div", {
|
|
2493
|
+
part: "portal-card badge-card",
|
|
2494
|
+
className: _,
|
|
2495
|
+
children: [
|
|
2496
|
+
/* @__PURE__ */ m("div", {
|
|
2497
|
+
className: "flex items-center gap-3 mb-4",
|
|
2498
|
+
children: [/* @__PURE__ */ p("div", {
|
|
2499
|
+
className: "w-9 h-9 rounded-xl flex items-center justify-center shrink-0",
|
|
2500
|
+
style: {
|
|
2501
|
+
backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
|
|
2502
|
+
color: r
|
|
2503
|
+
},
|
|
2504
|
+
children: /* @__PURE__ */ p(U, { size: 17 })
|
|
2505
|
+
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
2506
|
+
className: x,
|
|
2507
|
+
style: $,
|
|
2508
|
+
children: "Your badge"
|
|
2509
|
+
}), /* @__PURE__ */ p("p", {
|
|
2510
|
+
className: `text-[13px] ${y}`,
|
|
2511
|
+
children: "View or download your event badge."
|
|
2512
|
+
})] })]
|
|
2513
|
+
}),
|
|
2514
|
+
/* @__PURE__ */ p("div", {
|
|
2515
|
+
className: `rounded-2xl border overflow-hidden ${i ? "border-zinc-800 bg-zinc-950/60" : "border-slate-200 bg-slate-50"}`,
|
|
2516
|
+
children: /* @__PURE__ */ p("img", {
|
|
2517
|
+
src: u,
|
|
2518
|
+
alt: "Your event badge",
|
|
2519
|
+
className: "w-full max-h-96 object-contain"
|
|
2426
2520
|
})
|
|
2521
|
+
}),
|
|
2522
|
+
/* @__PURE__ */ m("div", {
|
|
2523
|
+
className: "mt-4 flex flex-wrap gap-2.5",
|
|
2524
|
+
children: [/* @__PURE__ */ m("a", {
|
|
2525
|
+
href: u,
|
|
2526
|
+
target: "_blank",
|
|
2527
|
+
rel: "noopener noreferrer",
|
|
2528
|
+
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"}`,
|
|
2529
|
+
children: [/* @__PURE__ */ p(xe, { size: 13 }), /* @__PURE__ */ p("span", { children: "View badge" })]
|
|
2530
|
+
}), /* @__PURE__ */ m("a", {
|
|
2531
|
+
href: u,
|
|
2532
|
+
download: !0,
|
|
2533
|
+
target: "_blank",
|
|
2534
|
+
rel: "noopener noreferrer",
|
|
2535
|
+
className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white",
|
|
2536
|
+
style: { backgroundColor: r },
|
|
2537
|
+
children: [/* @__PURE__ */ p(ye, { size: 13 }), /* @__PURE__ */ p("span", { children: "Download badge" })]
|
|
2538
|
+
})]
|
|
2539
|
+
})
|
|
2540
|
+
]
|
|
2541
|
+
}),
|
|
2542
|
+
s.length > 0 && /* @__PURE__ */ m("div", {
|
|
2543
|
+
part: "portal-card payments-card",
|
|
2544
|
+
className: _,
|
|
2545
|
+
children: [/* @__PURE__ */ m("div", {
|
|
2546
|
+
className: "flex items-center gap-3 mb-4",
|
|
2547
|
+
children: [/* @__PURE__ */ p("div", {
|
|
2548
|
+
className: "w-9 h-9 rounded-xl flex items-center justify-center shrink-0",
|
|
2549
|
+
style: {
|
|
2550
|
+
backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
|
|
2551
|
+
color: r
|
|
2552
|
+
},
|
|
2553
|
+
children: /* @__PURE__ */ p(We, { size: 17 })
|
|
2554
|
+
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
2555
|
+
className: x,
|
|
2556
|
+
style: $,
|
|
2557
|
+
children: "Payments"
|
|
2558
|
+
}), /* @__PURE__ */ p("p", {
|
|
2559
|
+
className: `text-[13px] ${y}`,
|
|
2560
|
+
children: "Every order on your registration, with receipts."
|
|
2561
|
+
})] })]
|
|
2562
|
+
}), /* @__PURE__ */ p("div", {
|
|
2563
|
+
className: "space-y-2",
|
|
2564
|
+
children: s.map((e, t) => {
|
|
2565
|
+
let n = e.state === "paid";
|
|
2566
|
+
return /* @__PURE__ */ m("div", {
|
|
2567
|
+
className: `p-3.5 rounded-2xl border flex items-center gap-3 ${i ? "border-zinc-800 bg-zinc-950/60" : "border-slate-200 bg-slate-50"}`,
|
|
2568
|
+
children: [
|
|
2569
|
+
/* @__PURE__ */ m("div", {
|
|
2570
|
+
className: "flex-1 min-w-0",
|
|
2571
|
+
children: [/* @__PURE__ */ p("div", {
|
|
2572
|
+
className: `text-sm font-semibold leading-snug truncate ${i ? "text-white" : "text-slate-900"}`,
|
|
2573
|
+
children: e.order_number || "Registration fee"
|
|
2574
|
+
}), e.amount && /* @__PURE__ */ p("div", {
|
|
2575
|
+
className: "text-[13px] font-semibold mt-0.5 tabular-nums",
|
|
2576
|
+
style: { color: r },
|
|
2577
|
+
children: [e.currency, Number(e.amount).toLocaleString()].filter(Boolean).join(" ")
|
|
2578
|
+
})]
|
|
2579
|
+
}),
|
|
2580
|
+
/* @__PURE__ */ p("span", {
|
|
2581
|
+
className: `px-2.5 py-1 rounded-full text-[11px] font-semibold capitalize shrink-0 ${n ? i ? "bg-emerald-950/70 text-emerald-300" : "bg-emerald-50 text-emerald-700" : i ? "bg-amber-950/60 text-amber-300" : "bg-amber-50 text-amber-700"}`,
|
|
2582
|
+
children: e.state
|
|
2583
|
+
}),
|
|
2584
|
+
e.receipt_url && /* @__PURE__ */ m("a", {
|
|
2585
|
+
href: e.receipt_url,
|
|
2586
|
+
target: "_blank",
|
|
2587
|
+
rel: "noopener noreferrer",
|
|
2588
|
+
className: "inline-flex items-center gap-1 text-[12.5px] font-semibold hover:underline underline-offset-4 shrink-0",
|
|
2589
|
+
style: { color: r },
|
|
2590
|
+
children: [/* @__PURE__ */ p("span", { children: "Receipt" }), /* @__PURE__ */ p(xe, { size: 11 })]
|
|
2591
|
+
})
|
|
2592
|
+
]
|
|
2593
|
+
}, e.order_number || t);
|
|
2594
|
+
})
|
|
2595
|
+
})]
|
|
2596
|
+
}),
|
|
2597
|
+
d && /* @__PURE__ */ m("div", {
|
|
2598
|
+
part: "portal-card submission-card",
|
|
2599
|
+
className: _,
|
|
2600
|
+
children: [
|
|
2601
|
+
/* @__PURE__ */ m("div", {
|
|
2602
|
+
className: "flex items-center gap-3 mb-4",
|
|
2603
|
+
children: [
|
|
2604
|
+
/* @__PURE__ */ p("div", {
|
|
2605
|
+
className: "w-9 h-9 rounded-xl flex items-center justify-center shrink-0",
|
|
2606
|
+
style: {
|
|
2607
|
+
backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
|
|
2608
|
+
color: r
|
|
2609
|
+
},
|
|
2610
|
+
children: /* @__PURE__ */ p(Ce, { size: 17 })
|
|
2611
|
+
}),
|
|
2612
|
+
/* @__PURE__ */ m("div", {
|
|
2613
|
+
className: "flex-1 min-w-0",
|
|
2614
|
+
children: [/* @__PURE__ */ p("h4", {
|
|
2615
|
+
className: x,
|
|
2616
|
+
style: $,
|
|
2617
|
+
children: "Your submission"
|
|
2618
|
+
}), /* @__PURE__ */ p("p", {
|
|
2619
|
+
className: `text-[13px] ${y}`,
|
|
2620
|
+
children: d.registration_type_label || "Abstract submission"
|
|
2621
|
+
})]
|
|
2622
|
+
}),
|
|
2623
|
+
/* @__PURE__ */ p("span", {
|
|
2624
|
+
className: `px-2.5 py-1 rounded-full text-[11px] font-semibold capitalize shrink-0 ${d.verdict === "accepted" ? i ? "bg-emerald-950/70 text-emerald-300" : "bg-emerald-50 text-emerald-700" : d.verdict === "rejected" ? i ? "bg-red-950/60 text-red-300" : "bg-red-50 text-red-700" : i ? "bg-amber-950/60 text-amber-300" : "bg-amber-50 text-amber-700"}`,
|
|
2625
|
+
children: d.verdict
|
|
2626
|
+
})
|
|
2627
|
+
]
|
|
2628
|
+
}),
|
|
2629
|
+
/* @__PURE__ */ m("dl", {
|
|
2630
|
+
className: "grid grid-cols-2 gap-4",
|
|
2631
|
+
children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
|
|
2632
|
+
className: `text-[11px] font-semibold uppercase tracking-wider ${i ? "text-zinc-500" : "text-slate-400"}`,
|
|
2633
|
+
children: "Submission no."
|
|
2634
|
+
}), /* @__PURE__ */ p("dd", {
|
|
2635
|
+
className: `mt-1 text-sm font-semibold font-mono ${i ? "text-white" : "text-slate-900"}`,
|
|
2636
|
+
children: d.submission_number || "N/A"
|
|
2637
|
+
})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
|
|
2638
|
+
className: `text-[11px] font-semibold uppercase tracking-wider ${i ? "text-zinc-500" : "text-slate-400"}`,
|
|
2639
|
+
children: "Status"
|
|
2640
|
+
}), /* @__PURE__ */ p("dd", {
|
|
2641
|
+
className: `mt-1 text-sm font-semibold capitalize ${i ? "text-white" : "text-slate-900"}`,
|
|
2642
|
+
children: d.status
|
|
2643
|
+
})] })]
|
|
2644
|
+
}),
|
|
2645
|
+
K ? /* @__PURE__ */ m("form", {
|
|
2646
|
+
onSubmit: Ke,
|
|
2647
|
+
className: `mt-4 pt-4 border-t space-y-3.5 ${i ? "border-zinc-800" : "border-slate-100"}`,
|
|
2648
|
+
children: [(d.editable_fields || []).map((e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("label", {
|
|
2649
|
+
className: `block text-[13px] font-semibold mb-1.5 ${i ? "text-zinc-200" : "text-slate-800"}`,
|
|
2650
|
+
children: [e.label, e.required && /* @__PURE__ */ p("span", {
|
|
2651
|
+
className: "text-red-500",
|
|
2652
|
+
children: " *"
|
|
2653
|
+
})]
|
|
2654
|
+
}), e.type === "file" ? /* @__PURE__ */ p("p", {
|
|
2655
|
+
className: `text-[12.5px] ${y}`,
|
|
2656
|
+
children: "Editing uploaded files isn't supported here yet — contact the organizer to change this."
|
|
2657
|
+
}) : e.type === "select" ? /* @__PURE__ */ m("select", {
|
|
2658
|
+
value: Y[e.id] ?? "",
|
|
2659
|
+
onChange: (t) => ke({
|
|
2660
|
+
...Y,
|
|
2661
|
+
[e.id]: t.target.value
|
|
2662
|
+
}),
|
|
2663
|
+
className: `w-full h-11 px-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${i ? "bg-zinc-950 border-zinc-700 text-white" : "bg-white border-slate-200 text-slate-900"}`,
|
|
2664
|
+
children: [/* @__PURE__ */ m("option", {
|
|
2665
|
+
value: "",
|
|
2666
|
+
children: [
|
|
2667
|
+
"Select ",
|
|
2668
|
+
e.label,
|
|
2669
|
+
"..."
|
|
2670
|
+
]
|
|
2671
|
+
}), (e.options || []).map((e) => /* @__PURE__ */ p("option", {
|
|
2672
|
+
value: e,
|
|
2673
|
+
children: e
|
|
2674
|
+
}, e))]
|
|
2675
|
+
}) : /* @__PURE__ */ p("textarea", {
|
|
2676
|
+
rows: e.id === "name" || e.id === "phone" ? 1 : 4,
|
|
2677
|
+
value: Y[e.id] ?? "",
|
|
2678
|
+
placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
|
|
2679
|
+
onChange: (t) => ke({
|
|
2680
|
+
...Y,
|
|
2681
|
+
[e.id]: t.target.value
|
|
2682
|
+
}),
|
|
2683
|
+
className: `w-full px-3.5 py-2.5 text-sm font-medium rounded-xl border transition-all focus:outline-none resize-y ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400"}`
|
|
2684
|
+
})] }, e.id)), /* @__PURE__ */ m("div", {
|
|
2685
|
+
className: "flex items-center gap-2.5 pt-1",
|
|
2686
|
+
children: [/* @__PURE__ */ p("button", {
|
|
2687
|
+
type: "submit",
|
|
2688
|
+
disabled: je,
|
|
2689
|
+
className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white shrink-0 cursor-pointer disabled:opacity-60",
|
|
2690
|
+
style: { backgroundColor: r },
|
|
2691
|
+
children: je ? "Saving..." : "Save changes"
|
|
2692
|
+
}), /* @__PURE__ */ p("button", {
|
|
2693
|
+
type: "button",
|
|
2694
|
+
disabled: je,
|
|
2695
|
+
onClick: () => q(!1),
|
|
2696
|
+
className: `inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold border transition-colors cursor-pointer ${i ? "text-zinc-300 border-zinc-700 hover:bg-zinc-800" : "text-slate-600 border-slate-200 bg-white hover:bg-slate-50"}`,
|
|
2697
|
+
children: "Cancel"
|
|
2698
|
+
})]
|
|
2699
|
+
})]
|
|
2700
|
+
}) : /* @__PURE__ */ m("div", {
|
|
2701
|
+
className: `mt-4 pt-4 border-t flex items-center justify-between gap-3 flex-wrap ${i ? "border-zinc-800" : "border-slate-100"}`,
|
|
2702
|
+
children: [/* @__PURE__ */ p("p", {
|
|
2703
|
+
className: `text-[13px] ${y}`,
|
|
2704
|
+
children: d.editable ? "You can still edit your answers until a reviewer picks this up." : "This submission has been assigned to a reviewer and can no longer be edited."
|
|
2705
|
+
}), d.editable && /* @__PURE__ */ p("button", {
|
|
2706
|
+
type: "button",
|
|
2707
|
+
onClick: Ge,
|
|
2708
|
+
className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white shrink-0 cursor-pointer",
|
|
2709
|
+
style: { backgroundColor: r },
|
|
2710
|
+
children: "Edit submission"
|
|
2711
|
+
})]
|
|
2427
2712
|
})
|
|
2428
2713
|
]
|
|
2714
|
+
}),
|
|
2715
|
+
H && /* @__PURE__ */ m("div", {
|
|
2716
|
+
className: "p-4 rounded-2xl flex flex-wrap items-center justify-between gap-3 text-sm",
|
|
2717
|
+
style: {
|
|
2718
|
+
backgroundColor: `color-mix(in srgb, ${r} ${i ? 14 : 7}%, transparent)`,
|
|
2719
|
+
boxShadow: `inset 0 0 0 1px color-mix(in srgb, ${r} 22%, transparent)`
|
|
2720
|
+
},
|
|
2721
|
+
children: [/* @__PURE__ */ m("div", {
|
|
2722
|
+
className: `flex items-center gap-2.5 ${i ? "text-zinc-200" : "text-slate-700"}`,
|
|
2723
|
+
children: [/* @__PURE__ */ p(ve, {
|
|
2724
|
+
size: 17,
|
|
2725
|
+
className: "shrink-0",
|
|
2726
|
+
style: { color: r }
|
|
2727
|
+
}), /* @__PURE__ */ p("span", { children: "Payment page opened in a new tab. If it didn't open:" })]
|
|
2728
|
+
}), /* @__PURE__ */ m("a", {
|
|
2729
|
+
href: H,
|
|
2730
|
+
target: "_blank",
|
|
2731
|
+
rel: "noopener noreferrer",
|
|
2732
|
+
className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white shrink-0",
|
|
2733
|
+
style: { backgroundColor: r },
|
|
2734
|
+
children: [/* @__PURE__ */ p("span", { children: "Complete payment" }), /* @__PURE__ */ p(xe, { size: 12 })]
|
|
2735
|
+
})]
|
|
2736
|
+
}),
|
|
2737
|
+
b && /* @__PURE__ */ m("div", {
|
|
2738
|
+
role: "alert",
|
|
2739
|
+
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"}`,
|
|
2740
|
+
children: [/* @__PURE__ */ p(pe, {
|
|
2741
|
+
size: 17,
|
|
2742
|
+
className: "shrink-0 mt-0.5"
|
|
2743
|
+
}), /* @__PURE__ */ p("span", { children: b })]
|
|
2744
|
+
}),
|
|
2745
|
+
S && /* @__PURE__ */ m("div", {
|
|
2746
|
+
role: "status",
|
|
2747
|
+
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"}`,
|
|
2748
|
+
children: [/* @__PURE__ */ p(P, {
|
|
2749
|
+
size: 17,
|
|
2750
|
+
className: "shrink-0 mt-0.5"
|
|
2751
|
+
}), /* @__PURE__ */ p("span", { children: S })]
|
|
2429
2752
|
})
|
|
2430
2753
|
]
|
|
2431
2754
|
})
|
|
2432
2755
|
})]
|
|
2433
2756
|
});
|
|
2434
2757
|
}
|
|
2435
|
-
let
|
|
2758
|
+
let tt = `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)]"}`, rt = /* @__PURE__ */ m("svg", {
|
|
2436
2759
|
className: "animate-spin h-4 w-4 text-white",
|
|
2437
2760
|
fill: "none",
|
|
2438
2761
|
viewBox: "0 0 24 24",
|
|
@@ -2449,9 +2772,9 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2449
2772
|
fill: "currentColor",
|
|
2450
2773
|
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"
|
|
2451
2774
|
})]
|
|
2452
|
-
}),
|
|
2453
|
-
u(e),
|
|
2454
|
-
},
|
|
2775
|
+
}), Q = (e) => {
|
|
2776
|
+
u(e), x(null), C(null);
|
|
2777
|
+
}, it = ({ 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", {
|
|
2455
2778
|
className: "flex items-center justify-between gap-2 mb-1.5",
|
|
2456
2779
|
children: [/* @__PURE__ */ p("label", {
|
|
2457
2780
|
part: "field-label",
|
|
@@ -2473,23 +2796,23 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2473
2796
|
autoComplete: c,
|
|
2474
2797
|
onChange: (e) => o(e.target.value),
|
|
2475
2798
|
placeholder: s,
|
|
2476
|
-
className:
|
|
2799
|
+
className: tt
|
|
2477
2800
|
})]
|
|
2478
|
-
})] }),
|
|
2801
|
+
})] }), st = () => /* @__PURE__ */ m(f, { children: [b && /* @__PURE__ */ m("div", {
|
|
2479
2802
|
role: "alert",
|
|
2480
2803
|
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"}`,
|
|
2481
|
-
children: [/* @__PURE__ */ p(
|
|
2804
|
+
children: [/* @__PURE__ */ p(pe, {
|
|
2482
2805
|
size: 17,
|
|
2483
2806
|
className: "shrink-0 mt-0.5"
|
|
2484
|
-
}), /* @__PURE__ */ p("span", { children:
|
|
2485
|
-
}),
|
|
2807
|
+
}), /* @__PURE__ */ p("span", { children: b })]
|
|
2808
|
+
}), S && /* @__PURE__ */ m("div", {
|
|
2486
2809
|
role: "status",
|
|
2487
2810
|
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"}`,
|
|
2488
|
-
children: [/* @__PURE__ */ p(
|
|
2811
|
+
children: [/* @__PURE__ */ p(P, {
|
|
2489
2812
|
size: 17,
|
|
2490
2813
|
className: "shrink-0 mt-0.5"
|
|
2491
|
-
}), /* @__PURE__ */ p("span", { children:
|
|
2492
|
-
})] }),
|
|
2814
|
+
}), /* @__PURE__ */ p("span", { children: S })]
|
|
2815
|
+
})] }), ct = (e, t, n) => /* @__PURE__ */ p("button", {
|
|
2493
2816
|
part: "button button-primary submit-button",
|
|
2494
2817
|
type: "submit",
|
|
2495
2818
|
disabled: e,
|
|
@@ -2498,20 +2821,20 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2498
2821
|
boxShadow: `0 10px 24px -12px color-mix(in srgb, ${r} 70%, transparent)`
|
|
2499
2822
|
},
|
|
2500
2823
|
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",
|
|
2501
|
-
children: e ? /* @__PURE__ */ m(f, { children: [
|
|
2824
|
+
children: e ? /* @__PURE__ */ m(f, { children: [rt, /* @__PURE__ */ p("span", { children: n })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { children: t }), /* @__PURE__ */ p(ie, {
|
|
2502
2825
|
size: 16,
|
|
2503
2826
|
className: "transition-transform group-hover:translate-x-0.5"
|
|
2504
2827
|
})] })
|
|
2505
|
-
}),
|
|
2828
|
+
}), lt = ({ icon: e, title: t, subtitle: n, onBack: o, children: s }) => /* @__PURE__ */ m("div", {
|
|
2506
2829
|
className: `flex flex-col ${a ? "w-full flex-1" : "h-full overflow-y-auto"} relative bg-transparent ${i ? "text-white" : "text-slate-900"}`,
|
|
2507
|
-
children: [
|
|
2830
|
+
children: [qe(), /* @__PURE__ */ m("div", {
|
|
2508
2831
|
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`,
|
|
2509
2832
|
children: [o && /* @__PURE__ */ m("button", {
|
|
2510
2833
|
part: "button button-link back-button",
|
|
2511
2834
|
type: "button",
|
|
2512
2835
|
onClick: o,
|
|
2513
2836
|
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"}`,
|
|
2514
|
-
children: [/* @__PURE__ */ p(
|
|
2837
|
+
children: [/* @__PURE__ */ p(re, { size: 16 }), /* @__PURE__ */ p("span", { children: "Back to login" })]
|
|
2515
2838
|
}), /* @__PURE__ */ m("div", {
|
|
2516
2839
|
part: "portal-card",
|
|
2517
2840
|
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)]"}`,
|
|
@@ -2536,33 +2859,33 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2536
2859
|
children: n
|
|
2537
2860
|
})
|
|
2538
2861
|
] }),
|
|
2539
|
-
|
|
2862
|
+
st(),
|
|
2540
2863
|
s
|
|
2541
2864
|
]
|
|
2542
2865
|
})]
|
|
2543
2866
|
})]
|
|
2544
|
-
}),
|
|
2545
|
-
return
|
|
2546
|
-
icon:
|
|
2867
|
+
}), ut = "font-semibold hover:underline underline-offset-4 cursor-pointer";
|
|
2868
|
+
return lt(l === "request_code" ? {
|
|
2869
|
+
icon: Me,
|
|
2547
2870
|
title: "Get verification code",
|
|
2548
2871
|
subtitle: "We will email a verification code to your registered address.",
|
|
2549
|
-
onBack: () =>
|
|
2872
|
+
onBack: () => Q("login"),
|
|
2550
2873
|
children: /* @__PURE__ */ m("form", {
|
|
2551
|
-
onSubmit:
|
|
2874
|
+
onSubmit: Le,
|
|
2552
2875
|
className: "space-y-4",
|
|
2553
2876
|
children: [
|
|
2554
|
-
|
|
2877
|
+
it({
|
|
2555
2878
|
id: "vx-portal-code-identifier",
|
|
2556
2879
|
label: "Registration number or email",
|
|
2557
|
-
icon:
|
|
2558
|
-
value:
|
|
2880
|
+
icon: Me,
|
|
2881
|
+
value: O || w,
|
|
2559
2882
|
onChange: (e) => {
|
|
2560
|
-
|
|
2883
|
+
k(e), T(e);
|
|
2561
2884
|
},
|
|
2562
2885
|
placeholder: "e.g. attendee@example.com or REG12345",
|
|
2563
2886
|
autoComplete: "username"
|
|
2564
2887
|
}),
|
|
2565
|
-
|
|
2888
|
+
ct(fe, "Send verification code", "Sending code..."),
|
|
2566
2889
|
/* @__PURE__ */ m("p", {
|
|
2567
2890
|
className: `text-center text-[13px] ${i ? "text-zinc-400" : "text-slate-500"}`,
|
|
2568
2891
|
children: [
|
|
@@ -2570,8 +2893,8 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2570
2893
|
" ",
|
|
2571
2894
|
/* @__PURE__ */ p("button", {
|
|
2572
2895
|
type: "button",
|
|
2573
|
-
onClick: () =>
|
|
2574
|
-
className:
|
|
2896
|
+
onClick: () => Q("reset"),
|
|
2897
|
+
className: ut,
|
|
2575
2898
|
style: { color: r },
|
|
2576
2899
|
children: "Set your password"
|
|
2577
2900
|
})
|
|
@@ -2580,103 +2903,103 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2580
2903
|
]
|
|
2581
2904
|
})
|
|
2582
2905
|
} : l === "reset" ? {
|
|
2583
|
-
icon:
|
|
2906
|
+
icon: G,
|
|
2584
2907
|
title: "Set your password",
|
|
2585
2908
|
subtitle: "Enter the code from your email and choose a new password.",
|
|
2586
|
-
onBack: () =>
|
|
2909
|
+
onBack: () => Q("login"),
|
|
2587
2910
|
children: /* @__PURE__ */ m("form", {
|
|
2588
|
-
onSubmit:
|
|
2911
|
+
onSubmit: Re,
|
|
2589
2912
|
className: "space-y-4",
|
|
2590
2913
|
children: [
|
|
2591
|
-
|
|
2914
|
+
it({
|
|
2592
2915
|
id: "vx-portal-reset-identifier",
|
|
2593
2916
|
label: "Registration number or email",
|
|
2594
|
-
icon:
|
|
2595
|
-
value:
|
|
2917
|
+
icon: Me,
|
|
2918
|
+
value: O || w,
|
|
2596
2919
|
onChange: (e) => {
|
|
2597
|
-
|
|
2920
|
+
k(e), T(e);
|
|
2598
2921
|
},
|
|
2599
2922
|
placeholder: "e.g. attendee@example.com or REG12345",
|
|
2600
2923
|
autoComplete: "username"
|
|
2601
2924
|
}),
|
|
2602
|
-
|
|
2925
|
+
it({
|
|
2603
2926
|
id: "vx-portal-reset-code",
|
|
2604
2927
|
label: "Verification code",
|
|
2605
|
-
icon:
|
|
2606
|
-
value:
|
|
2607
|
-
onChange:
|
|
2928
|
+
icon: De,
|
|
2929
|
+
value: A,
|
|
2930
|
+
onChange: j,
|
|
2608
2931
|
placeholder: "Enter code from email",
|
|
2609
2932
|
autoComplete: "one-time-code",
|
|
2610
2933
|
aside: /* @__PURE__ */ p("button", {
|
|
2611
2934
|
type: "button",
|
|
2612
2935
|
onClick: () => {
|
|
2613
|
-
|
|
2936
|
+
k(O || w), Q("request_code");
|
|
2614
2937
|
},
|
|
2615
2938
|
className: "text-xs font-semibold hover:underline underline-offset-4 cursor-pointer",
|
|
2616
2939
|
style: { color: r },
|
|
2617
2940
|
children: "Get code on email"
|
|
2618
2941
|
})
|
|
2619
2942
|
}),
|
|
2620
|
-
|
|
2943
|
+
it({
|
|
2621
2944
|
id: "vx-portal-reset-password",
|
|
2622
2945
|
label: "New password",
|
|
2623
|
-
icon:
|
|
2946
|
+
icon: J,
|
|
2624
2947
|
type: "password",
|
|
2625
|
-
value:
|
|
2626
|
-
onChange:
|
|
2948
|
+
value: ae,
|
|
2949
|
+
onChange: oe,
|
|
2627
2950
|
placeholder: "Enter new password",
|
|
2628
2951
|
autoComplete: "new-password"
|
|
2629
2952
|
}),
|
|
2630
|
-
|
|
2953
|
+
it({
|
|
2631
2954
|
id: "vx-portal-reset-confirm",
|
|
2632
2955
|
label: "Confirm password",
|
|
2633
|
-
icon:
|
|
2956
|
+
icon: J,
|
|
2634
2957
|
type: "password",
|
|
2635
|
-
value:
|
|
2636
|
-
onChange:
|
|
2958
|
+
value: ce,
|
|
2959
|
+
onChange: ue,
|
|
2637
2960
|
placeholder: "Re-enter new password",
|
|
2638
2961
|
autoComplete: "new-password"
|
|
2639
2962
|
}),
|
|
2640
|
-
|
|
2963
|
+
ct(h, "Set new password", "Updating password...")
|
|
2641
2964
|
]
|
|
2642
2965
|
})
|
|
2643
2966
|
} : {
|
|
2644
|
-
icon:
|
|
2967
|
+
icon: Oe,
|
|
2645
2968
|
title: "Attendee login",
|
|
2646
2969
|
subtitle: "Sign in with your email or registration number.",
|
|
2647
2970
|
children: /* @__PURE__ */ m("form", {
|
|
2648
|
-
onSubmit:
|
|
2971
|
+
onSubmit: Ie,
|
|
2649
2972
|
className: "space-y-4",
|
|
2650
2973
|
children: [
|
|
2651
|
-
|
|
2974
|
+
it({
|
|
2652
2975
|
id: "vx-portal-login-identifier",
|
|
2653
2976
|
label: "Email or registration number",
|
|
2654
|
-
icon:
|
|
2655
|
-
value:
|
|
2656
|
-
onChange:
|
|
2977
|
+
icon: Me,
|
|
2978
|
+
value: w,
|
|
2979
|
+
onChange: T,
|
|
2657
2980
|
placeholder: "Enter email or registration number",
|
|
2658
2981
|
autoComplete: "username"
|
|
2659
2982
|
}),
|
|
2660
|
-
|
|
2983
|
+
it({
|
|
2661
2984
|
id: "vx-portal-login-password",
|
|
2662
2985
|
label: "Password",
|
|
2663
|
-
icon:
|
|
2986
|
+
icon: J,
|
|
2664
2987
|
type: "password",
|
|
2665
|
-
value:
|
|
2666
|
-
onChange:
|
|
2988
|
+
value: E,
|
|
2989
|
+
onChange: te,
|
|
2667
2990
|
placeholder: "Enter password",
|
|
2668
2991
|
autoComplete: "current-password",
|
|
2669
2992
|
aside: /* @__PURE__ */ p("button", {
|
|
2670
2993
|
type: "button",
|
|
2671
2994
|
onClick: () => {
|
|
2672
|
-
|
|
2995
|
+
k(w), Q("reset");
|
|
2673
2996
|
},
|
|
2674
2997
|
className: "text-xs font-semibold hover:underline underline-offset-4 cursor-pointer",
|
|
2675
2998
|
style: { color: r },
|
|
2676
2999
|
children: "Forgot password?"
|
|
2677
3000
|
})
|
|
2678
3001
|
}),
|
|
2679
|
-
|
|
3002
|
+
ct(h, "Login", "Logging in..."),
|
|
2680
3003
|
/* @__PURE__ */ m("p", {
|
|
2681
3004
|
className: `pt-4 border-t text-center text-[13px] ${i ? "border-zinc-800 text-zinc-400" : "border-slate-100 text-slate-500"}`,
|
|
2682
3005
|
children: [
|
|
@@ -2685,9 +3008,9 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2685
3008
|
/* @__PURE__ */ p("button", {
|
|
2686
3009
|
type: "button",
|
|
2687
3010
|
onClick: () => {
|
|
2688
|
-
|
|
3011
|
+
k(w), Q("request_code");
|
|
2689
3012
|
},
|
|
2690
|
-
className:
|
|
3013
|
+
className: ut,
|
|
2691
3014
|
style: { color: r },
|
|
2692
3015
|
children: "Get code"
|
|
2693
3016
|
}),
|
|
@@ -2697,9 +3020,9 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2697
3020
|
/* @__PURE__ */ p("button", {
|
|
2698
3021
|
type: "button",
|
|
2699
3022
|
onClick: () => {
|
|
2700
|
-
|
|
3023
|
+
k(w), Q("reset");
|
|
2701
3024
|
},
|
|
2702
|
-
className:
|
|
3025
|
+
className: ut,
|
|
2703
3026
|
style: { color: r },
|
|
2704
3027
|
children: "generate password"
|
|
2705
3028
|
})
|
|
@@ -2711,7 +3034,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2711
3034
|
};
|
|
2712
3035
|
//#endregion
|
|
2713
3036
|
//#region src/widget/utils/backgroundUtils.ts
|
|
2714
|
-
function
|
|
3037
|
+
function ct(e, t, n) {
|
|
2715
3038
|
if (!e) return;
|
|
2716
3039
|
let r = t ? "rgba(9,9,11,0.88)" : "rgba(248,250,252,0.88)";
|
|
2717
3040
|
return {
|
|
@@ -2724,7 +3047,7 @@ function it(e, t, n) {
|
|
|
2724
3047
|
}
|
|
2725
3048
|
//#endregion
|
|
2726
3049
|
//#region src/widget/components/EventWidgetReact.tsx
|
|
2727
|
-
function
|
|
3050
|
+
function lt(e) {
|
|
2728
3051
|
if (!e) return "bottom-right";
|
|
2729
3052
|
switch (e) {
|
|
2730
3053
|
case "bottom-left":
|
|
@@ -2736,7 +3059,7 @@ function at(e) {
|
|
|
2736
3059
|
default: return "bottom-right";
|
|
2737
3060
|
}
|
|
2738
3061
|
}
|
|
2739
|
-
var
|
|
3062
|
+
var ut = (e) => {
|
|
2740
3063
|
switch (e) {
|
|
2741
3064
|
case "bottom-left": return {
|
|
2742
3065
|
bottom: "20px",
|
|
@@ -2763,69 +3086,69 @@ var ot = (e) => {
|
|
|
2763
3086
|
left: "auto"
|
|
2764
3087
|
};
|
|
2765
3088
|
}
|
|
2766
|
-
},
|
|
3089
|
+
}, dt = (e) => {
|
|
2767
3090
|
switch (e) {
|
|
2768
3091
|
case "bottom-left": return "bottom-5 left-5";
|
|
2769
3092
|
case "top-right": return "top-5 right-5";
|
|
2770
3093
|
case "top-left": return "top-5 left-5";
|
|
2771
3094
|
default: return "bottom-5 right-5";
|
|
2772
3095
|
}
|
|
2773
|
-
},
|
|
3096
|
+
}, ft = ({ config: e }) => {
|
|
2774
3097
|
let [t, n] = d("registration"), [r, i] = d(!1);
|
|
2775
3098
|
s(() => {
|
|
2776
3099
|
t === "attendee" && i(!0);
|
|
2777
3100
|
}, [t]);
|
|
2778
|
-
let [o] = d(() => typeof window < "u" ? new URLSearchParams(window.location.search).get("rn") : null), [c, h] = d(e.displayMode !== "popup" || !!o), [
|
|
3101
|
+
let [o] = d(() => typeof window < "u" ? new URLSearchParams(window.location.search).get("rn") : null), [c, h] = d(e.displayMode !== "popup" || !!o), [v, y] = d(!1), [b, x] = d([]), [S, C] = d(""), [w, T] = d(null), [E, te] = d(null), ne = l(() => E && { fields: E.fields.filter((e) => e.id !== "registration_type") }, [E]), [D, O] = 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), [P, F] = d(() => lt(e.position)), [I, L] = d(null), [_e, ve] = d(null), [R, ye] = d(!1), [be, Se] = d(!1), we = u(null), z = u(null), B = u(!1);
|
|
2779
3102
|
s(() => {
|
|
2780
|
-
e.position &&
|
|
3103
|
+
e.position && F(lt(e.position));
|
|
2781
3104
|
}, [e.position]);
|
|
2782
|
-
let
|
|
3105
|
+
let V = e.themeMode === "dark" || e.theme?.mode === "dark", H = e.theme?.primaryColor || "#2563eb", U = !!e.isAbstract, Te = e.headerBannerImage, Ee = e.backgroundImage, W = l(() => new g(e.debug), [e.debug]), G = l(() => new ee(e.baseUrl, e.eventSlug, W, e.timeoutMs ?? 12e4), [
|
|
2783
3106
|
e.baseUrl,
|
|
2784
3107
|
e.eventSlug,
|
|
2785
|
-
|
|
3108
|
+
W,
|
|
2786
3109
|
e.timeoutMs
|
|
2787
|
-
]),
|
|
3110
|
+
]), K = l(() => new _(e.eventSlug), [e.eventSlug]), De = u(e.displayMode), q = u(null), [J, Y] = d(null);
|
|
2788
3111
|
s(() => {
|
|
2789
|
-
|
|
2790
|
-
}, [
|
|
3112
|
+
K.getXrefId();
|
|
3113
|
+
}, [K]), s(() => {
|
|
2791
3114
|
if (!c) return;
|
|
2792
|
-
let t =
|
|
2793
|
-
t && (
|
|
3115
|
+
let t = K.getXrefId();
|
|
3116
|
+
t && (U ? G.getReviewDraft(t) : G.getDraft(t)).then((t) => {
|
|
2794
3117
|
let n = t?.data || t;
|
|
2795
|
-
n && n.registration_type && (
|
|
3118
|
+
n && n.registration_type && (Y(n), e.onEvent?.("draft_loaded", n));
|
|
2796
3119
|
}).catch((e) => {
|
|
2797
|
-
|
|
3120
|
+
W.log("No draft found for this session", e);
|
|
2798
3121
|
});
|
|
2799
3122
|
}, [
|
|
2800
3123
|
c,
|
|
2801
|
-
K,
|
|
2802
|
-
q,
|
|
2803
3124
|
G,
|
|
2804
|
-
|
|
3125
|
+
K,
|
|
3126
|
+
W,
|
|
3127
|
+
U
|
|
2805
3128
|
]);
|
|
2806
3129
|
let ke = l(() => {
|
|
2807
|
-
if (!
|
|
2808
|
-
let e = { ...
|
|
2809
|
-
if (
|
|
2810
|
-
e.name =
|
|
2811
|
-
let t =
|
|
3130
|
+
if (!J || !w || String(J.registration_type) !== String(w.id)) return {};
|
|
3131
|
+
let e = { ...J.custom_data || {} };
|
|
3132
|
+
if (J.salutation && (e.salutation = J.salutation, e.title = J.salutation), J.name) {
|
|
3133
|
+
e.name = J.name, e.full_name = J.name, e.fullName = J.name;
|
|
3134
|
+
let t = J.name.trim().split(/\s+/);
|
|
2812
3135
|
t.length > 0 && !e.first_name && (e.first_name = t[0]), t.length > 1 && !e.last_name && (e.last_name = t.slice(1).join(" "));
|
|
2813
3136
|
}
|
|
2814
|
-
return
|
|
2815
|
-
let n =
|
|
3137
|
+
return J.email && (e.email = J.email), J.phone && (e.phone = J.phone, e.mobile = J.phone, e.phoneNumber = J.phone), ((U ? E?.fields : w?.form_schema?.fields) || []).forEach((t) => {
|
|
3138
|
+
let n = at(t.id, t.label);
|
|
2816
3139
|
e[t.id] === void 0 && e[n] !== void 0 && (e[t.id] = e[n]);
|
|
2817
3140
|
}), e;
|
|
2818
3141
|
}, [
|
|
2819
|
-
|
|
2820
|
-
|
|
2821
|
-
|
|
2822
|
-
|
|
3142
|
+
J,
|
|
3143
|
+
w,
|
|
3144
|
+
U,
|
|
3145
|
+
E
|
|
2823
3146
|
]);
|
|
2824
3147
|
s(() => () => {
|
|
2825
|
-
|
|
3148
|
+
q.current && clearTimeout(q.current);
|
|
2826
3149
|
}, []);
|
|
2827
3150
|
let Ae = a((t) => {
|
|
2828
|
-
|
|
3151
|
+
q.current && clearTimeout(q.current), q.current = setTimeout(async () => {
|
|
2829
3152
|
if (!Object.values(t).some((e) => e !== "" && e != null)) return;
|
|
2830
3153
|
let n = /* @__PURE__ */ new Set([
|
|
2831
3154
|
"salutation",
|
|
@@ -2841,56 +3164,56 @@ var ot = (e) => {
|
|
|
2841
3164
|
"phoneNumber",
|
|
2842
3165
|
"selected_items",
|
|
2843
3166
|
"custom_data"
|
|
2844
|
-
]), r = (
|
|
3167
|
+
]), r = (U ? E?.fields : w?.form_schema?.fields) || [], i = /* @__PURE__ */ new Map();
|
|
2845
3168
|
r.forEach((e) => i.set(e.id, e));
|
|
2846
3169
|
let a = { ...t.custom_data || {} };
|
|
2847
3170
|
for (let [e, r] of Object.entries(t)) if (!n.has(e)) {
|
|
2848
|
-
let t =
|
|
3171
|
+
let t = at(e, i.get(e)?.label);
|
|
2849
3172
|
a[t] = r, t !== e && (a[e] = r);
|
|
2850
3173
|
}
|
|
2851
3174
|
let o = {
|
|
2852
|
-
xref_id:
|
|
3175
|
+
xref_id: K.getXrefId(),
|
|
2853
3176
|
salutation: t.salutation || t.title || "",
|
|
2854
3177
|
name: t.name || t.fullName || t.full_name || [t.firstName, t.lastName].filter(Boolean).join(" ") || "",
|
|
2855
3178
|
email: t.email || "",
|
|
2856
3179
|
phone: t.phone || t.mobile || t.phoneNumber || "",
|
|
2857
|
-
registration_type:
|
|
3180
|
+
registration_type: w?.id,
|
|
2858
3181
|
custom_data: a,
|
|
2859
3182
|
selected_items: t.selected_items || []
|
|
2860
3183
|
};
|
|
2861
3184
|
try {
|
|
2862
|
-
|
|
3185
|
+
U ? await G.trackReviewProgress(o) : await G.trackProgress(o), e.onEvent?.("draft_saved", o);
|
|
2863
3186
|
} catch (e) {
|
|
2864
|
-
|
|
3187
|
+
W.error("Failed to save draft progress", e);
|
|
2865
3188
|
}
|
|
2866
3189
|
}, 600);
|
|
2867
3190
|
}, [
|
|
2868
|
-
q,
|
|
2869
3191
|
K,
|
|
2870
|
-
T,
|
|
2871
|
-
e,
|
|
2872
3192
|
G,
|
|
3193
|
+
w,
|
|
3194
|
+
e,
|
|
2873
3195
|
W,
|
|
2874
|
-
|
|
3196
|
+
U,
|
|
3197
|
+
E
|
|
2875
3198
|
]);
|
|
2876
3199
|
s(() => {
|
|
2877
|
-
De.current !== e.displayMode && (De.current = e.displayMode, h(e.displayMode !== "popup"),
|
|
3200
|
+
De.current !== e.displayMode && (De.current = e.displayMode, h(e.displayMode !== "popup"), y(!1));
|
|
2878
3201
|
}, [e.displayMode]), s(() => {
|
|
2879
|
-
(
|
|
2880
|
-
|
|
3202
|
+
(U ? G.getReviewFormSchema() : G.getFormSchema()).then((t) => {
|
|
3203
|
+
x(t?.data?.types || []), U && te({ fields: t?.data?.fields || [] }), (t?.data?.event_name || t?.data?.title || t?.data?.name) && C(t.data.event_name || t.data.title || t.data.name), e.onEvent?.("form_loaded", t?.data);
|
|
2881
3204
|
}).catch((t) => {
|
|
2882
|
-
|
|
3205
|
+
W.error("Failed to load schema", t), x([]);
|
|
2883
3206
|
let n = {
|
|
2884
3207
|
type: "schema_load",
|
|
2885
3208
|
message: t?.message || "Failed to load event schema",
|
|
2886
3209
|
error: t
|
|
2887
3210
|
};
|
|
2888
3211
|
e.onEvent?.("error", n), e.onError?.(n);
|
|
2889
|
-
}).finally(() =>
|
|
2890
|
-
}, [
|
|
3212
|
+
}).finally(() => O(!1));
|
|
3213
|
+
}, [G, U]);
|
|
2891
3214
|
let je = async (t) => {
|
|
2892
|
-
|
|
2893
|
-
let n =
|
|
3215
|
+
q.current && clearTimeout(q.current), O(!0), se(null);
|
|
3216
|
+
let n = K.getXrefId(), r = /* @__PURE__ */ new Set([
|
|
2894
3217
|
"salutation",
|
|
2895
3218
|
"title",
|
|
2896
3219
|
"name",
|
|
@@ -2906,11 +3229,11 @@ var ot = (e) => {
|
|
|
2906
3229
|
"selected_items",
|
|
2907
3230
|
"custom_data",
|
|
2908
3231
|
"xref_id"
|
|
2909
|
-
]), i = (
|
|
3232
|
+
]), i = (U ? E?.fields : w?.form_schema?.fields) || [], a = /* @__PURE__ */ new Map();
|
|
2910
3233
|
i.forEach((e) => a.set(e.id, e));
|
|
2911
3234
|
let o = { ...t.custom_data || {} };
|
|
2912
3235
|
for (let [e, n] of Object.entries(t)) if (!r.has(e)) {
|
|
2913
|
-
let t =
|
|
3236
|
+
let t = at(e, a.get(e)?.label);
|
|
2914
3237
|
o[t] = n, t !== e && (o[e] = n);
|
|
2915
3238
|
}
|
|
2916
3239
|
let s = {
|
|
@@ -2919,82 +3242,82 @@ var ot = (e) => {
|
|
|
2919
3242
|
name: t.name || t.fullName || t.full_name || [t.firstName, t.lastName].filter(Boolean).join(" ") || "",
|
|
2920
3243
|
email: t.email || "",
|
|
2921
3244
|
phone: t.phone || t.mobile || t.phoneNumber || "",
|
|
2922
|
-
registration_type:
|
|
3245
|
+
registration_type: w.id,
|
|
2923
3246
|
custom_data: o,
|
|
2924
3247
|
selected_items: t.selected_items || []
|
|
2925
3248
|
};
|
|
2926
3249
|
try {
|
|
2927
|
-
let t =
|
|
2928
|
-
|
|
2929
|
-
let n =
|
|
2930
|
-
|
|
3250
|
+
let t = U ? await G.submitReview(s) : await G.submitRegistration(s);
|
|
3251
|
+
K.updateXrefId(), Y(null);
|
|
3252
|
+
let n = U ? null : t?.data?.payment_url || t?.payment_url || null;
|
|
3253
|
+
ue(n);
|
|
2931
3254
|
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;
|
|
2932
|
-
|
|
3255
|
+
fe(r ? String(r) : null), N(!1), n && typeof n == "string" && n.trim() !== "" && window.open(n, "_blank", "noopener,noreferrer"), M(!0);
|
|
2933
3256
|
let i = {
|
|
2934
|
-
registrationType:
|
|
3257
|
+
registrationType: w.id,
|
|
2935
3258
|
payload: s,
|
|
2936
3259
|
response: t,
|
|
2937
3260
|
paymentUrl: n
|
|
2938
3261
|
};
|
|
2939
3262
|
e.onEvent?.("submitted", i), e.onRegister?.(i), e.onRegistered?.(i);
|
|
2940
3263
|
} catch (t) {
|
|
2941
|
-
|
|
2942
|
-
let n = t?.message || "Registration failed. Please check your information and try again.", r = {
|
|
3264
|
+
W.error("Submission failed", t);
|
|
3265
|
+
let n = t?.message || (U ? "Submission failed. Please check your information and try again." : "Registration failed. Please check your information and try again."), r = {
|
|
2943
3266
|
type: "submit_error",
|
|
2944
3267
|
message: n,
|
|
2945
3268
|
error: t
|
|
2946
3269
|
};
|
|
2947
|
-
e.onEvent?.("error", r), e.onError?.(r),
|
|
3270
|
+
e.onEvent?.("error", r), e.onError?.(r), se(n);
|
|
2948
3271
|
} finally {
|
|
2949
|
-
|
|
3272
|
+
O(!1);
|
|
2950
3273
|
}
|
|
2951
|
-
},
|
|
2952
|
-
if (
|
|
3274
|
+
}, Me = () => {
|
|
3275
|
+
if (M(!1), se(null), ue(null), fe(null), N(!1), T(null), Y(null), typeof window < "u" && new URLSearchParams(window.location.search).has("rn")) {
|
|
2953
3276
|
let e = new URL(window.location.href);
|
|
2954
3277
|
e.searchParams.delete("rn"), window.history.replaceState(window.history.state, "", e.toString());
|
|
2955
3278
|
}
|
|
2956
|
-
},
|
|
2957
|
-
if (e.stopPropagation(), e.button !== 0 || !
|
|
2958
|
-
let t =
|
|
2959
|
-
|
|
3279
|
+
}, Ne = a((e) => {
|
|
3280
|
+
if (e.stopPropagation(), e.button !== 0 || !we.current) return;
|
|
3281
|
+
let t = we.current.getBoundingClientRect();
|
|
3282
|
+
z.current = {
|
|
2960
3283
|
startX: e.clientX,
|
|
2961
3284
|
startY: e.clientY,
|
|
2962
3285
|
rect: t,
|
|
2963
|
-
corner:
|
|
2964
|
-
},
|
|
2965
|
-
}, [
|
|
3286
|
+
corner: P
|
|
3287
|
+
}, B.current = !1, ye(!0);
|
|
3288
|
+
}, [P]);
|
|
2966
3289
|
s(() => {
|
|
2967
|
-
if (!
|
|
3290
|
+
if (!R) return;
|
|
2968
3291
|
let t = (e) => {
|
|
2969
|
-
if (!
|
|
2970
|
-
let t = e.clientX -
|
|
2971
|
-
|
|
3292
|
+
if (!z.current) return;
|
|
3293
|
+
let t = e.clientX - z.current.startX, n = e.clientY - z.current.startY;
|
|
3294
|
+
B.current || Math.hypot(t, n) > 5 && (B.current = !0), B.current && L({
|
|
2972
3295
|
x: t,
|
|
2973
3296
|
y: n
|
|
2974
3297
|
});
|
|
2975
3298
|
}, n = (t) => {
|
|
2976
|
-
if (!
|
|
2977
|
-
|
|
3299
|
+
if (!z.current) {
|
|
3300
|
+
ye(!1), L(null), B.current = !1;
|
|
2978
3301
|
return;
|
|
2979
3302
|
}
|
|
2980
|
-
let { rect: n, startX: r, startY: i } =
|
|
2981
|
-
if (
|
|
2982
|
-
|
|
3303
|
+
let { rect: n, startX: r, startY: i } = z.current, a = t.clientX - r, o = t.clientY - i, s = B.current;
|
|
3304
|
+
if (z.current = null, ye(!1), setTimeout(() => {
|
|
3305
|
+
B.current = !1;
|
|
2983
3306
|
}, 100), !s) {
|
|
2984
|
-
|
|
3307
|
+
L(null);
|
|
2985
3308
|
return;
|
|
2986
3309
|
}
|
|
2987
|
-
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",
|
|
2988
|
-
|
|
2989
|
-
transform: `translate3d(${
|
|
3310
|
+
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", ee = m ? f - n.width - 20 : 20, _ = h ? p - n.height - 20 : 20, v = c - ee, y = l - _;
|
|
3311
|
+
ve({
|
|
3312
|
+
transform: `translate3d(${v}px, ${y}px, 0)`,
|
|
2990
3313
|
transition: "none"
|
|
2991
|
-
}),
|
|
3314
|
+
}), L(null), F(g), e.onEvent?.("position_changed", { position: g }), requestAnimationFrame(() => {
|
|
2992
3315
|
requestAnimationFrame(() => {
|
|
2993
|
-
|
|
3316
|
+
ve({
|
|
2994
3317
|
transform: "translate3d(0, 0, 0)",
|
|
2995
3318
|
transition: "transform 0.35s cubic-bezier(0.16, 1, 0.3, 1)"
|
|
2996
3319
|
}), setTimeout(() => {
|
|
2997
|
-
|
|
3320
|
+
ve(null);
|
|
2998
3321
|
}, 360);
|
|
2999
3322
|
});
|
|
3000
3323
|
});
|
|
@@ -3002,62 +3325,62 @@ var ot = (e) => {
|
|
|
3002
3325
|
return window.addEventListener("pointermove", t), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), () => {
|
|
3003
3326
|
window.removeEventListener("pointermove", t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
|
|
3004
3327
|
};
|
|
3005
|
-
}, [
|
|
3006
|
-
let
|
|
3007
|
-
if (
|
|
3328
|
+
}, [R, e]);
|
|
3329
|
+
let Pe = async () => {
|
|
3330
|
+
if (de) {
|
|
3008
3331
|
try {
|
|
3009
|
-
await navigator.clipboard.writeText(
|
|
3332
|
+
await navigator.clipboard.writeText(de);
|
|
3010
3333
|
} catch {
|
|
3011
3334
|
let e = document.createElement("textarea");
|
|
3012
|
-
e.value =
|
|
3335
|
+
e.value = de, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
|
|
3013
3336
|
}
|
|
3014
|
-
|
|
3337
|
+
N(!0), setTimeout(() => N(!1), 2e3);
|
|
3015
3338
|
}
|
|
3016
|
-
},
|
|
3339
|
+
}, Fe = () => de ? /* @__PURE__ */ m("div", {
|
|
3017
3340
|
className: "w-full max-w-xs mb-6",
|
|
3018
3341
|
children: [/* @__PURE__ */ p("p", {
|
|
3019
|
-
className: `text-2xs font-bold uppercase tracking-wider mb-1.5 ${
|
|
3020
|
-
children:
|
|
3342
|
+
className: `text-2xs font-bold uppercase tracking-wider mb-1.5 ${V ? "text-zinc-400" : "text-gray-500"}`,
|
|
3343
|
+
children: U ? "Submission Number" : "Registration Number"
|
|
3021
3344
|
}), /* @__PURE__ */ m("div", {
|
|
3022
3345
|
part: "registration-number",
|
|
3023
|
-
className: `flex items-center gap-2 pl-4 pr-1.5 py-1.5 rounded-xl border ${
|
|
3346
|
+
className: `flex items-center gap-2 pl-4 pr-1.5 py-1.5 rounded-xl border ${V ? "bg-zinc-900 border-zinc-700" : "bg-gray-50 border-gray-200"}`,
|
|
3024
3347
|
children: [/* @__PURE__ */ p("span", {
|
|
3025
3348
|
className: "flex-1 text-left font-mono font-bold text-base select-all break-all",
|
|
3026
|
-
children:
|
|
3349
|
+
children: de
|
|
3027
3350
|
}), /* @__PURE__ */ m("button", {
|
|
3028
3351
|
part: "copy-button",
|
|
3029
3352
|
type: "button",
|
|
3030
|
-
onClick:
|
|
3353
|
+
onClick: Pe,
|
|
3031
3354
|
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",
|
|
3032
|
-
style: { backgroundColor:
|
|
3355
|
+
style: { backgroundColor: H },
|
|
3033
3356
|
title: "Copy registration number",
|
|
3034
|
-
children: [p(
|
|
3357
|
+
children: [p(pe ? le : ge, { size: 13 }), /* @__PURE__ */ p("span", { children: pe ? "Copied" : "Copy" })]
|
|
3035
3358
|
})]
|
|
3036
3359
|
})]
|
|
3037
3360
|
}) : null;
|
|
3038
3361
|
if (!c && e.displayMode === "popup") {
|
|
3039
3362
|
let e = {
|
|
3040
|
-
...
|
|
3041
|
-
...
|
|
3042
|
-
transform: `translate3d(${
|
|
3363
|
+
...ut(P),
|
|
3364
|
+
...I ? {
|
|
3365
|
+
transform: `translate3d(${I.x}px, ${I.y}px, 0) scale(1.05)`,
|
|
3043
3366
|
transition: "none",
|
|
3044
3367
|
userSelect: "none"
|
|
3045
|
-
} :
|
|
3046
|
-
transform:
|
|
3047
|
-
transition:
|
|
3368
|
+
} : _e ? {
|
|
3369
|
+
transform: _e.transform,
|
|
3370
|
+
transition: _e.transition
|
|
3048
3371
|
} : { transition: "all 0.3s cubic-bezier(0.16, 1, 0.3, 1)" }
|
|
3049
|
-
}, t = be ||
|
|
3372
|
+
}, t = be || R;
|
|
3050
3373
|
return /* @__PURE__ */ m("div", {
|
|
3051
|
-
ref:
|
|
3052
|
-
onMouseEnter: () =>
|
|
3053
|
-
onMouseLeave: () =>
|
|
3054
|
-
className: `fixed ${
|
|
3374
|
+
ref: we,
|
|
3375
|
+
onMouseEnter: () => Se(!0),
|
|
3376
|
+
onMouseLeave: () => Se(!1),
|
|
3377
|
+
className: `fixed ${dt(P)} z-50 select-none group`,
|
|
3055
3378
|
style: e,
|
|
3056
3379
|
children: [/* @__PURE__ */ p("div", {
|
|
3057
|
-
onPointerDown:
|
|
3380
|
+
onPointerDown: Ne,
|
|
3058
3381
|
className: `absolute -top-1.5 -left-1.5 w-7 h-7 rounded-full bg-slate-900 text-white shadow-lg border-2 border-white flex items-center justify-center cursor-grab active:cursor-grabbing hover:bg-black hover:scale-110 active:scale-95 transition-all duration-200 z-10 touch-none ${t ? "opacity-100 scale-100 pointer-events-auto" : "opacity-0 scale-75 pointer-events-none group-hover:opacity-100 group-hover:scale-100 group-hover:pointer-events-auto"}`,
|
|
3059
3382
|
title: "Hold and drag to change position",
|
|
3060
|
-
children: /* @__PURE__ */ p(
|
|
3383
|
+
children: /* @__PURE__ */ p(ze, {
|
|
3061
3384
|
size: 13,
|
|
3062
3385
|
className: "pointer-events-none text-white"
|
|
3063
3386
|
})
|
|
@@ -3065,10 +3388,10 @@ var ot = (e) => {
|
|
|
3065
3388
|
part: "launcher",
|
|
3066
3389
|
type: "button",
|
|
3067
3390
|
onClick: (e) => {
|
|
3068
|
-
e.stopPropagation(), !
|
|
3391
|
+
e.stopPropagation(), !R && h(!0);
|
|
3069
3392
|
},
|
|
3070
3393
|
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",
|
|
3071
|
-
style: { backgroundColor:
|
|
3394
|
+
style: { backgroundColor: H },
|
|
3072
3395
|
title: "Click to open registration",
|
|
3073
3396
|
children: /* @__PURE__ */ p("span", {
|
|
3074
3397
|
className: "font-bold text-sm tracking-wide pointer-events-none",
|
|
@@ -3077,9 +3400,9 @@ var ot = (e) => {
|
|
|
3077
3400
|
})]
|
|
3078
3401
|
});
|
|
3079
3402
|
}
|
|
3080
|
-
let
|
|
3081
|
-
Z["--vx-accent"] =
|
|
3082
|
-
let
|
|
3403
|
+
let Le = e.displayMode === "fullscreen" || e.displayMode === "popup" && v, X = e.displayMode === "widget", Be = ct(Ee, V, X), Ve = `${V ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"} flex flex-col transition-all duration-300 ease-in-out `, He = e.theme?.fontFamily, Z = !He || He === "inherit" ? {} : { fontFamily: `var(--vx-font-family, ${He})` };
|
|
3404
|
+
Z["--vx-accent"] = H, Le ? Ve += "fixed inset-0 z-[9999] rounded-none overflow-hidden " : e.displayMode === "popup" ? (Ve += `fixed ${dt(P)} z-50 rounded-xl shadow-2xl border ${V ? "border-zinc-800" : "border-gray-200"} overflow-hidden `, Z.width = e.width || "400px", Z.height = e.height || "700px", Z.maxHeight = "90vh", Z.maxWidth = "calc(100vw - 32px)", Object.assign(Z, ut(P))) : (Ve += "relative w-full min-h-screen border-none shadow-none rounded-none ", Z.width = "100%", Z.minHeight = "100vh");
|
|
3405
|
+
let Ue = U ? "Abstract Submission" : t === "registration" ? S || "Registration" : "Attendee Portal", We = k.trim().toLowerCase(), Ge = We ? b.filter((e) => [
|
|
3083
3406
|
e.type,
|
|
3084
3407
|
e.name,
|
|
3085
3408
|
e.category,
|
|
@@ -3088,27 +3411,27 @@ var ot = (e) => {
|
|
|
3088
3411
|
e.price,
|
|
3089
3412
|
e.tax_info,
|
|
3090
3413
|
...Array.isArray(e.perks) ? e.perks : []
|
|
3091
|
-
].filter((e) => e != null && e !== "").join(" ").toLowerCase().includes(
|
|
3092
|
-
if (
|
|
3093
|
-
let e =
|
|
3414
|
+
].filter((e) => e != null && e !== "").join(" ").toLowerCase().includes(We)) : b, qe = `max-w-2xl mx-auto w-full rounded-3xl border overflow-hidden ${V ? "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)]"}`, Ye = () => {
|
|
3415
|
+
if (b.length === 0) return null;
|
|
3416
|
+
let e = b.find((e) => String(e.id) === re) || (b.length === 1 ? b[0] : null), t = e ? e.type || e.name || e.label : "";
|
|
3094
3417
|
return /* @__PURE__ */ m("div", {
|
|
3095
3418
|
part: "category-panel",
|
|
3096
|
-
className:
|
|
3419
|
+
className: qe,
|
|
3097
3420
|
children: [
|
|
3098
3421
|
/* @__PURE__ */ m("div", {
|
|
3099
3422
|
className: "px-5 sm:px-7 pt-6 sm:pt-7 pb-5 flex items-center gap-3.5",
|
|
3100
3423
|
children: [/* @__PURE__ */ p("div", {
|
|
3101
3424
|
className: "w-11 h-11 rounded-xl flex items-center justify-center shrink-0",
|
|
3102
3425
|
style: {
|
|
3103
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3104
|
-
color:
|
|
3426
|
+
backgroundColor: `color-mix(in srgb, ${H} 12%, transparent)`,
|
|
3427
|
+
color: H
|
|
3105
3428
|
},
|
|
3106
|
-
children: /* @__PURE__ */ p(
|
|
3429
|
+
children: /* @__PURE__ */ p(Ce, { size: 20 })
|
|
3107
3430
|
}), /* @__PURE__ */ p("div", {
|
|
3108
3431
|
className: "min-w-0",
|
|
3109
3432
|
children: /* @__PURE__ */ p("h3", {
|
|
3110
3433
|
part: "list-title",
|
|
3111
|
-
className: `text-lg sm:text-xl font-semibold tracking-tight ${
|
|
3434
|
+
className: `text-lg sm:text-xl font-semibold tracking-tight ${V ? "text-white" : "text-slate-900"}`,
|
|
3112
3435
|
style: $,
|
|
3113
3436
|
children: "Choose a submission category"
|
|
3114
3437
|
})
|
|
@@ -3117,69 +3440,69 @@ var ot = (e) => {
|
|
|
3117
3440
|
/* @__PURE__ */ p("div", {
|
|
3118
3441
|
role: "radiogroup",
|
|
3119
3442
|
"aria-label": "Submission category",
|
|
3120
|
-
className: `border-t divide-y ${
|
|
3121
|
-
children:
|
|
3443
|
+
className: `border-t divide-y ${V ? "border-zinc-800 divide-zinc-800" : "border-slate-100 divide-slate-100"}`,
|
|
3444
|
+
children: b.map((t) => {
|
|
3122
3445
|
let n = t.type || t.name || t.label, r = !!e && String(e.id) === String(t.id);
|
|
3123
3446
|
return /* @__PURE__ */ m("button", {
|
|
3124
3447
|
part: r ? "category category-active" : "category",
|
|
3125
3448
|
type: "button",
|
|
3126
3449
|
role: "radio",
|
|
3127
3450
|
"aria-checked": r,
|
|
3128
|
-
onClick: () =>
|
|
3129
|
-
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 ? "" :
|
|
3130
|
-
style: r ? { backgroundColor: `color-mix(in srgb, ${
|
|
3451
|
+
onClick: () => j(String(t.id)),
|
|
3452
|
+
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 ? "" : V ? "hover:bg-zinc-800/60" : "hover:bg-slate-50"}`,
|
|
3453
|
+
style: r ? { backgroundColor: `color-mix(in srgb, ${H} ${V ? 14 : 6}%, transparent)` } : void 0,
|
|
3131
3454
|
children: [
|
|
3132
3455
|
/* @__PURE__ */ p("span", {
|
|
3133
3456
|
"aria-hidden": "true",
|
|
3134
|
-
className: `w-5 h-5 rounded-full border-2 flex items-center justify-center shrink-0 transition-colors ${r ? "" :
|
|
3135
|
-
style: r ? { borderColor:
|
|
3457
|
+
className: `w-5 h-5 rounded-full border-2 flex items-center justify-center shrink-0 transition-colors ${r ? "" : V ? "border-zinc-600" : "border-slate-300"}`,
|
|
3458
|
+
style: r ? { borderColor: H } : void 0,
|
|
3136
3459
|
children: r && /* @__PURE__ */ p("span", {
|
|
3137
3460
|
className: "w-2.5 h-2.5 rounded-full",
|
|
3138
|
-
style: { backgroundColor:
|
|
3461
|
+
style: { backgroundColor: H }
|
|
3139
3462
|
})
|
|
3140
3463
|
}),
|
|
3141
3464
|
/* @__PURE__ */ m("span", {
|
|
3142
3465
|
className: "flex-1 min-w-0",
|
|
3143
3466
|
children: [/* @__PURE__ */ p("span", {
|
|
3144
|
-
className: `block text-[15px] font-semibold leading-snug ${
|
|
3467
|
+
className: `block text-[15px] font-semibold leading-snug ${V ? "text-white" : "text-slate-900"}`,
|
|
3145
3468
|
children: n
|
|
3146
3469
|
}), t.description && /* @__PURE__ */ p("span", {
|
|
3147
|
-
className: `block text-[13px] mt-0.5 line-clamp-1 ${
|
|
3470
|
+
className: `block text-[13px] mt-0.5 line-clamp-1 ${V ? "text-zinc-400" : "text-slate-500"}`,
|
|
3148
3471
|
children: t.description
|
|
3149
3472
|
})]
|
|
3150
3473
|
}),
|
|
3151
3474
|
t.category && /* @__PURE__ */ p("span", {
|
|
3152
|
-
className: `hidden sm:inline-block text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full shrink-0 ${
|
|
3475
|
+
className: `hidden sm:inline-block text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full shrink-0 ${V ? "bg-zinc-800 text-zinc-300" : "bg-slate-100 text-slate-600"}`,
|
|
3153
3476
|
children: t.category
|
|
3154
3477
|
}),
|
|
3155
|
-
/* @__PURE__ */ p(
|
|
3478
|
+
/* @__PURE__ */ p(ie, {
|
|
3156
3479
|
size: 16,
|
|
3157
|
-
className: `shrink-0 transition-all ${r ? "translate-x-0.5" : `${
|
|
3158
|
-
style: r ? { color:
|
|
3480
|
+
className: `shrink-0 transition-all ${r ? "translate-x-0.5" : `${V ? "text-zinc-600" : "text-slate-300"} group-hover:translate-x-0.5`}`,
|
|
3481
|
+
style: r ? { color: H } : void 0
|
|
3159
3482
|
})
|
|
3160
3483
|
]
|
|
3161
3484
|
}, t.id);
|
|
3162
3485
|
})
|
|
3163
3486
|
}),
|
|
3164
3487
|
/* @__PURE__ */ m("div", {
|
|
3165
|
-
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 ${
|
|
3488
|
+
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 ${V ? "border-zinc-800" : "border-slate-100"}`,
|
|
3166
3489
|
children: [/* @__PURE__ */ p("p", {
|
|
3167
|
-
className: `text-[13px] truncate ${
|
|
3490
|
+
className: `text-[13px] truncate ${V ? "text-zinc-400" : "text-slate-500"}`,
|
|
3168
3491
|
children: e ? /* @__PURE__ */ m(f, { children: ["Selected: ", /* @__PURE__ */ p("span", {
|
|
3169
|
-
className: `font-semibold ${
|
|
3492
|
+
className: `font-semibold ${V ? "text-zinc-200" : "text-slate-700"}`,
|
|
3170
3493
|
children: t
|
|
3171
3494
|
})] }) : "Select a category to continue"
|
|
3172
3495
|
}), /* @__PURE__ */ m("button", {
|
|
3173
3496
|
part: "button button-primary continue-button",
|
|
3174
3497
|
type: "button",
|
|
3175
3498
|
disabled: !e,
|
|
3176
|
-
onClick: () => e &&
|
|
3499
|
+
onClick: () => e && T(e),
|
|
3177
3500
|
style: {
|
|
3178
|
-
background: `linear-gradient(135deg, ${
|
|
3179
|
-
boxShadow: e ? `0 10px 24px -12px color-mix(in srgb, ${
|
|
3501
|
+
background: `linear-gradient(135deg, ${H}, color-mix(in srgb, ${H} 80%, black))`,
|
|
3502
|
+
boxShadow: e ? `0 10px 24px -12px color-mix(in srgb, ${H} 70%, transparent)` : void 0
|
|
3180
3503
|
},
|
|
3181
3504
|
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",
|
|
3182
|
-
children: [/* @__PURE__ */ p("span", { children: "Continue to submission" }), /* @__PURE__ */ p(
|
|
3505
|
+
children: [/* @__PURE__ */ p("span", { children: "Continue to submission" }), /* @__PURE__ */ p(ie, {
|
|
3183
3506
|
size: 16,
|
|
3184
3507
|
className: "transition-transform group-hover:translate-x-0.5"
|
|
3185
3508
|
})]
|
|
@@ -3187,16 +3510,16 @@ var ot = (e) => {
|
|
|
3187
3510
|
})
|
|
3188
3511
|
]
|
|
3189
3512
|
});
|
|
3190
|
-
},
|
|
3513
|
+
}, Ze = (e) => /* @__PURE__ */ m("div", {
|
|
3191
3514
|
part: "category-panel",
|
|
3192
|
-
className:
|
|
3515
|
+
className: qe,
|
|
3193
3516
|
children: [
|
|
3194
3517
|
/* @__PURE__ */ m("div", {
|
|
3195
3518
|
className: "px-5 sm:px-7 pt-6 sm:pt-7 pb-5 flex items-center gap-3.5",
|
|
3196
3519
|
children: [/* @__PURE__ */ p("div", { className: "vx-skeleton w-11 h-11 rounded-xl" }), /* @__PURE__ */ p("div", { className: `${e} h-4 w-56` })]
|
|
3197
3520
|
}),
|
|
3198
3521
|
/* @__PURE__ */ p("div", {
|
|
3199
|
-
className: `border-t divide-y ${
|
|
3522
|
+
className: `border-t divide-y ${V ? "border-zinc-800 divide-zinc-800" : "border-slate-100 divide-slate-100"}`,
|
|
3200
3523
|
children: [
|
|
3201
3524
|
0,
|
|
3202
3525
|
1,
|
|
@@ -3219,18 +3542,18 @@ var ot = (e) => {
|
|
|
3219
3542
|
}, t))
|
|
3220
3543
|
}),
|
|
3221
3544
|
/* @__PURE__ */ p("div", {
|
|
3222
|
-
className: `px-5 sm:px-7 py-5 border-t flex justify-end ${
|
|
3545
|
+
className: `px-5 sm:px-7 py-5 border-t flex justify-end ${V ? "border-zinc-800" : "border-slate-100"}`,
|
|
3223
3546
|
children: /* @__PURE__ */ p("div", { className: `${e} h-11 w-52` })
|
|
3224
3547
|
})
|
|
3225
3548
|
]
|
|
3226
|
-
}),
|
|
3549
|
+
}), Qe = () => {
|
|
3227
3550
|
let e = "vx-skeleton rounded-full", t = X ? 6 : 3;
|
|
3228
3551
|
return /* @__PURE__ */ m("div", {
|
|
3229
3552
|
part: "page",
|
|
3230
3553
|
role: "status",
|
|
3231
3554
|
"aria-live": "polite",
|
|
3232
3555
|
"aria-busy": "true",
|
|
3233
|
-
className: `flex flex-col ${X ? "w-full flex-1" : "h-full min-h-0"} ${
|
|
3556
|
+
className: `flex flex-col ${X ? "w-full flex-1" : "h-full min-h-0"} ${V ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
|
|
3234
3557
|
children: [
|
|
3235
3558
|
/* @__PURE__ */ p("span", {
|
|
3236
3559
|
className: "sr-only",
|
|
@@ -3239,7 +3562,7 @@ var ot = (e) => {
|
|
|
3239
3562
|
/* @__PURE__ */ p("div", {
|
|
3240
3563
|
part: "header",
|
|
3241
3564
|
className: "relative overflow-hidden z-10 shrink-0 text-white",
|
|
3242
|
-
style: { background: `linear-gradient(135deg, ${
|
|
3565
|
+
style: { background: `linear-gradient(135deg, ${H} 0%, color-mix(in srgb, ${H} 76%, black) 100%)` },
|
|
3243
3566
|
children: /* @__PURE__ */ m("div", {
|
|
3244
3567
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-5 sm:py-6 flex items-center gap-3.5",
|
|
3245
3568
|
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", {
|
|
@@ -3248,30 +3571,30 @@ var ot = (e) => {
|
|
|
3248
3571
|
})]
|
|
3249
3572
|
})
|
|
3250
3573
|
}),
|
|
3251
|
-
!
|
|
3574
|
+
!U && /* @__PURE__ */ p("div", {
|
|
3252
3575
|
part: "tabs",
|
|
3253
|
-
className: `shrink-0 border-b ${
|
|
3576
|
+
className: `shrink-0 border-b ${V ? "border-zinc-800 bg-zinc-900" : "border-slate-200 bg-white"}`,
|
|
3254
3577
|
children: /* @__PURE__ */ p("div", {
|
|
3255
3578
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-3",
|
|
3256
3579
|
children: /* @__PURE__ */ m("div", {
|
|
3257
|
-
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${
|
|
3258
|
-
children: [/* @__PURE__ */ p("div", { className: `h-9 rounded-lg ${
|
|
3580
|
+
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${V ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
3581
|
+
children: [/* @__PURE__ */ p("div", { className: `h-9 rounded-lg ${V ? "bg-zinc-950" : "bg-white shadow-sm"}` }), /* @__PURE__ */ p("div", { className: "h-9" })]
|
|
3259
3582
|
})
|
|
3260
3583
|
})
|
|
3261
3584
|
}),
|
|
3262
3585
|
/* @__PURE__ */ p("div", {
|
|
3263
3586
|
part: "list",
|
|
3264
|
-
className: `${X ? "w-full flex-1" : "overflow-hidden flex-1 min-h-0"} relative ${
|
|
3587
|
+
className: `${X ? "w-full flex-1" : "overflow-hidden flex-1 min-h-0"} relative ${V ? "bg-zinc-950" : "bg-slate-50"}`,
|
|
3265
3588
|
style: Be,
|
|
3266
3589
|
children: /* @__PURE__ */ p("div", {
|
|
3267
3590
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-6 sm:py-8 space-y-5",
|
|
3268
|
-
children:
|
|
3591
|
+
children: U ? Ze(e) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
|
|
3269
3592
|
part: "search",
|
|
3270
3593
|
className: "flex flex-col sm:flex-row sm:items-end sm:justify-between gap-3",
|
|
3271
3594
|
children: [/* @__PURE__ */ m("div", {
|
|
3272
3595
|
className: "space-y-2",
|
|
3273
3596
|
children: [/* @__PURE__ */ p("div", { className: `${e} h-4 w-56` }), /* @__PURE__ */ p("div", { className: `${e} h-3 w-28` })]
|
|
3274
|
-
}), /* @__PURE__ */ p("div", { className: `h-10 w-full sm:w-72 rounded-xl border ${
|
|
3597
|
+
}), /* @__PURE__ */ p("div", { className: `h-10 w-full sm:w-72 rounded-xl border ${V ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200"}` })]
|
|
3275
3598
|
}), /* @__PURE__ */ p("div", {
|
|
3276
3599
|
part: "card-grid",
|
|
3277
3600
|
className: X ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5" : "space-y-3",
|
|
@@ -3279,7 +3602,7 @@ var ot = (e) => {
|
|
|
3279
3602
|
let r = { animationDelay: `${n * 90}ms` };
|
|
3280
3603
|
return /* @__PURE__ */ m("div", {
|
|
3281
3604
|
part: "card",
|
|
3282
|
-
className: `rounded-2xl border p-5 sm:p-6 flex flex-col ${
|
|
3605
|
+
className: `rounded-2xl border p-5 sm:p-6 flex flex-col ${V ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04)]"}`,
|
|
3283
3606
|
children: [
|
|
3284
3607
|
/* @__PURE__ */ p("div", {
|
|
3285
3608
|
className: "vx-skeleton w-11 h-11 rounded-xl",
|
|
@@ -3294,7 +3617,7 @@ var ot = (e) => {
|
|
|
3294
3617
|
style: r
|
|
3295
3618
|
}),
|
|
3296
3619
|
/* @__PURE__ */ m("div", {
|
|
3297
|
-
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${
|
|
3620
|
+
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${V ? "border-zinc-800" : "border-slate-200"}`,
|
|
3298
3621
|
children: [/* @__PURE__ */ m("div", {
|
|
3299
3622
|
className: "space-y-2",
|
|
3300
3623
|
children: [/* @__PURE__ */ p("div", {
|
|
@@ -3317,30 +3640,30 @@ var ot = (e) => {
|
|
|
3317
3640
|
})
|
|
3318
3641
|
]
|
|
3319
3642
|
});
|
|
3320
|
-
},
|
|
3321
|
-
let e = !!
|
|
3643
|
+
}, $e = () => {
|
|
3644
|
+
let e = !!w, t = U ? Ce : Xe, n = e ? U ? "Submitting your abstract" : "Submitting your registration" : "Loading your registration", r = w ? w.type || w.name || w.label : "", i = !U && w && w.price !== void 0 && w.price !== null && w.price !== "" ? Number(w.price) > 0 ? [w.currency, Number(w.price).toLocaleString()].filter(Boolean).join(" ") : "Free" : "";
|
|
3322
3645
|
return /* @__PURE__ */ p("div", {
|
|
3323
3646
|
part: "screen screen-submitting",
|
|
3324
3647
|
role: "status",
|
|
3325
3648
|
"aria-live": "polite",
|
|
3326
3649
|
"aria-busy": "true",
|
|
3327
|
-
className: `flex-1 flex items-center justify-center px-4 py-16 ${X ? "min-h-[70vh]" : "h-full"} ${
|
|
3650
|
+
className: `flex-1 flex items-center justify-center px-4 py-16 ${X ? "min-h-[70vh]" : "h-full"} ${V ? "bg-zinc-950" : "bg-slate-50"}`,
|
|
3328
3651
|
style: Be,
|
|
3329
3652
|
children: /* @__PURE__ */ m("div", {
|
|
3330
3653
|
part: "portal-card",
|
|
3331
|
-
className: `w-full max-w-sm rounded-3xl border p-8 text-center ${
|
|
3654
|
+
className: `w-full max-w-sm rounded-3xl border p-8 text-center ${V ? "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)]"}`,
|
|
3332
3655
|
children: [
|
|
3333
3656
|
/* @__PURE__ */ m("div", {
|
|
3334
3657
|
className: "relative mx-auto w-16 h-16",
|
|
3335
3658
|
children: [
|
|
3336
3659
|
/* @__PURE__ */ p("div", {
|
|
3337
3660
|
className: "absolute inset-0 rounded-full",
|
|
3338
|
-
style: { boxShadow: `inset 0 0 0 4px color-mix(in srgb, ${
|
|
3661
|
+
style: { boxShadow: `inset 0 0 0 4px color-mix(in srgb, ${H} 14%, transparent)` }
|
|
3339
3662
|
}),
|
|
3340
3663
|
/* @__PURE__ */ p("div", {
|
|
3341
3664
|
className: "absolute inset-0 rounded-full motion-safe:animate-spin",
|
|
3342
3665
|
style: {
|
|
3343
|
-
background: `conic-gradient(from 0deg, transparent 0deg, ${
|
|
3666
|
+
background: `conic-gradient(from 0deg, transparent 0deg, ${H} 300deg, transparent 360deg)`,
|
|
3344
3667
|
mask: "radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 4px))",
|
|
3345
3668
|
WebkitMask: "radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 4px))"
|
|
3346
3669
|
}
|
|
@@ -3348,8 +3671,8 @@ var ot = (e) => {
|
|
|
3348
3671
|
/* @__PURE__ */ p("div", {
|
|
3349
3672
|
className: "absolute inset-[10px] rounded-full flex items-center justify-center",
|
|
3350
3673
|
style: {
|
|
3351
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3352
|
-
color:
|
|
3674
|
+
backgroundColor: `color-mix(in srgb, ${H} 12%, transparent)`,
|
|
3675
|
+
color: H
|
|
3353
3676
|
},
|
|
3354
3677
|
children: /* @__PURE__ */ p(t, { size: 20 })
|
|
3355
3678
|
})
|
|
@@ -3357,35 +3680,35 @@ var ot = (e) => {
|
|
|
3357
3680
|
}),
|
|
3358
3681
|
/* @__PURE__ */ p("h3", {
|
|
3359
3682
|
part: "screen-title",
|
|
3360
|
-
className: `mt-6 text-xl font-bold tracking-tight ${
|
|
3683
|
+
className: `mt-6 text-xl font-bold tracking-tight ${V ? "text-white" : "text-slate-900"}`,
|
|
3361
3684
|
style: $,
|
|
3362
3685
|
children: n
|
|
3363
3686
|
}),
|
|
3364
3687
|
/* @__PURE__ */ p("p", {
|
|
3365
3688
|
part: "screen-message",
|
|
3366
|
-
className: `mt-1.5 text-[13px] leading-relaxed text-balance ${
|
|
3689
|
+
className: `mt-1.5 text-[13px] leading-relaxed text-balance ${V ? "text-zinc-400" : "text-slate-500"}`,
|
|
3367
3690
|
children: "This usually takes a few seconds. Please keep this page open."
|
|
3368
3691
|
}),
|
|
3369
3692
|
r && /* @__PURE__ */ m("div", {
|
|
3370
|
-
className: `mt-5 inline-flex max-w-full items-center gap-2 rounded-full px-3 py-1.5 text-xs font-semibold ${
|
|
3693
|
+
className: `mt-5 inline-flex max-w-full items-center gap-2 rounded-full px-3 py-1.5 text-xs font-semibold ${V ? "bg-zinc-800 text-zinc-200" : "bg-slate-100 text-slate-700"}`,
|
|
3371
3694
|
children: [/* @__PURE__ */ p("span", {
|
|
3372
3695
|
className: "truncate",
|
|
3373
3696
|
children: r
|
|
3374
3697
|
}), i && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
|
|
3375
3698
|
"aria-hidden": "true",
|
|
3376
|
-
className:
|
|
3699
|
+
className: V ? "text-zinc-600" : "text-slate-300",
|
|
3377
3700
|
children: "•"
|
|
3378
3701
|
}), /* @__PURE__ */ p("span", {
|
|
3379
3702
|
className: "shrink-0 tabular-nums",
|
|
3380
|
-
style: { color:
|
|
3703
|
+
style: { color: H },
|
|
3381
3704
|
children: i
|
|
3382
3705
|
})] })]
|
|
3383
3706
|
}),
|
|
3384
3707
|
/* @__PURE__ */ p("div", {
|
|
3385
|
-
className: `mt-6 h-1 w-full overflow-hidden rounded-full ${
|
|
3708
|
+
className: `mt-6 h-1 w-full overflow-hidden rounded-full ${V ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
3386
3709
|
children: /* @__PURE__ */ p("div", {
|
|
3387
3710
|
className: "vx-progress-bar h-full w-2/5 rounded-full",
|
|
3388
|
-
style: { backgroundColor:
|
|
3711
|
+
style: { backgroundColor: H }
|
|
3389
3712
|
})
|
|
3390
3713
|
})
|
|
3391
3714
|
]
|
|
@@ -3402,14 +3725,14 @@ var ot = (e) => {
|
|
|
3402
3725
|
onScroll: (e) => {
|
|
3403
3726
|
X || (e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0));
|
|
3404
3727
|
},
|
|
3405
|
-
children:
|
|
3728
|
+
children: D && !w && !ae ? Qe() : D ? $e() : ae ? ce ? /* @__PURE__ */ m("div", {
|
|
3406
3729
|
part: "screen screen-payment",
|
|
3407
|
-
className: `flex flex-col h-full relative overflow-y-auto ${
|
|
3730
|
+
className: `flex flex-col h-full relative overflow-y-auto ${V ? "bg-black text-white" : "bg-white text-gray-900"}`,
|
|
3408
3731
|
children: [/* @__PURE__ */ m("div", {
|
|
3409
3732
|
part: "screen-header",
|
|
3410
3733
|
className: "p-4 shadow-sm flex justify-between items-center z-10",
|
|
3411
3734
|
style: {
|
|
3412
|
-
backgroundColor:
|
|
3735
|
+
backgroundColor: H,
|
|
3413
3736
|
color: "white"
|
|
3414
3737
|
},
|
|
3415
3738
|
children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
|
|
@@ -3423,14 +3746,14 @@ var ot = (e) => {
|
|
|
3423
3746
|
})] }), /* @__PURE__ */ p("div", {
|
|
3424
3747
|
className: "flex items-center gap-3",
|
|
3425
3748
|
children: e.displayMode === "popup" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
|
|
3426
|
-
onClick: () =>
|
|
3427
|
-
title:
|
|
3749
|
+
onClick: () => y(!v),
|
|
3750
|
+
title: v ? "Minimize" : "Expand",
|
|
3428
3751
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
3429
|
-
children: p(
|
|
3752
|
+
children: p(v ? Re : Ie, { size: 18 })
|
|
3430
3753
|
}), /* @__PURE__ */ p("button", {
|
|
3431
3754
|
onClick: () => h(!1),
|
|
3432
3755
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
3433
|
-
children: /* @__PURE__ */ p(
|
|
3756
|
+
children: /* @__PURE__ */ p(Q, { size: 24 })
|
|
3434
3757
|
})] })
|
|
3435
3758
|
})]
|
|
3436
3759
|
}), /* @__PURE__ */ m("div", {
|
|
@@ -3439,37 +3762,37 @@ var ot = (e) => {
|
|
|
3439
3762
|
/* @__PURE__ */ p("div", {
|
|
3440
3763
|
className: "w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md",
|
|
3441
3764
|
style: {
|
|
3442
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3443
|
-
color:
|
|
3765
|
+
backgroundColor: `color-mix(in srgb, ${H} 12%, transparent)`,
|
|
3766
|
+
color: H
|
|
3444
3767
|
},
|
|
3445
3768
|
children: "💳"
|
|
3446
3769
|
}),
|
|
3447
3770
|
/* @__PURE__ */ p("h3", {
|
|
3448
3771
|
part: "screen-title",
|
|
3449
|
-
className: `text-2xl font-bold mb-2 ${
|
|
3772
|
+
className: `text-2xl font-bold mb-2 ${V ? "text-white" : "text-gray-900"}`,
|
|
3450
3773
|
style: $,
|
|
3451
3774
|
children: "Done Your Payment First"
|
|
3452
3775
|
}),
|
|
3453
3776
|
/* @__PURE__ */ p("p", {
|
|
3454
3777
|
part: "screen-message",
|
|
3455
|
-
className: `text-sm mb-6 max-w-xs leading-relaxed ${
|
|
3778
|
+
className: `text-sm mb-6 max-w-xs leading-relaxed ${V ? "text-zinc-300" : "text-gray-600"}`,
|
|
3456
3779
|
children: "Please complete your payment in the new tab to confirm your booking and finalize your registration."
|
|
3457
3780
|
}),
|
|
3458
|
-
|
|
3781
|
+
Fe(),
|
|
3459
3782
|
/* @__PURE__ */ m("div", {
|
|
3460
3783
|
className: "w-full max-w-xs space-y-3",
|
|
3461
3784
|
children: [/* @__PURE__ */ m("a", {
|
|
3462
3785
|
part: "button button-primary",
|
|
3463
|
-
href:
|
|
3786
|
+
href: ce,
|
|
3464
3787
|
target: "_blank",
|
|
3465
3788
|
rel: "noopener noreferrer",
|
|
3466
3789
|
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",
|
|
3467
|
-
style: { backgroundColor:
|
|
3468
|
-
children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(
|
|
3790
|
+
style: { backgroundColor: H },
|
|
3791
|
+
children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(xe, { size: 16 })]
|
|
3469
3792
|
}), /* @__PURE__ */ p("button", {
|
|
3470
3793
|
part: "button button-link",
|
|
3471
|
-
onClick:
|
|
3472
|
-
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${
|
|
3794
|
+
onClick: Me,
|
|
3795
|
+
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${V ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
|
|
3473
3796
|
children: "Register Another Person"
|
|
3474
3797
|
})]
|
|
3475
3798
|
})
|
|
@@ -3477,47 +3800,47 @@ var ot = (e) => {
|
|
|
3477
3800
|
})]
|
|
3478
3801
|
}) : /* @__PURE__ */ m("div", {
|
|
3479
3802
|
part: "screen screen-success",
|
|
3480
|
-
className: `flex flex-col h-full items-center justify-center p-8 text-center relative ${
|
|
3803
|
+
className: `flex flex-col h-full items-center justify-center p-8 text-center relative ${V ? "bg-black text-white" : "bg-white text-gray-900"}`,
|
|
3481
3804
|
children: [
|
|
3482
3805
|
e.displayMode === "popup" && /* @__PURE__ */ p("div", {
|
|
3483
3806
|
className: "absolute top-4 right-4 flex items-center gap-2",
|
|
3484
3807
|
children: /* @__PURE__ */ p("button", {
|
|
3485
3808
|
onClick: () => h(!1),
|
|
3486
|
-
className: `cursor-pointer ${
|
|
3487
|
-
children: /* @__PURE__ */ p(
|
|
3809
|
+
className: `cursor-pointer ${V ? "text-zinc-400 hover:text-white" : "text-gray-400 hover:text-gray-900"}`,
|
|
3810
|
+
children: /* @__PURE__ */ p(Q, { size: 24 })
|
|
3488
3811
|
})
|
|
3489
3812
|
}),
|
|
3490
3813
|
/* @__PURE__ */ p("div", {
|
|
3491
3814
|
className: "w-20 h-20 rounded-full flex items-center justify-center mb-6 text-4xl shadow-md",
|
|
3492
3815
|
style: {
|
|
3493
|
-
backgroundColor:
|
|
3816
|
+
backgroundColor: H,
|
|
3494
3817
|
color: "white"
|
|
3495
3818
|
},
|
|
3496
3819
|
children: "✓"
|
|
3497
3820
|
}),
|
|
3498
3821
|
/* @__PURE__ */ p("h2", {
|
|
3499
3822
|
part: "screen-title",
|
|
3500
|
-
className: `text-3xl font-bold mb-3 ${
|
|
3823
|
+
className: `text-3xl font-bold mb-3 ${V ? "text-white" : "text-gray-900"}`,
|
|
3501
3824
|
style: $,
|
|
3502
|
-
children:
|
|
3825
|
+
children: U ? "Abstract Submitted Successfully" : "Thank You!"
|
|
3503
3826
|
}),
|
|
3504
3827
|
/* @__PURE__ */ p("p", {
|
|
3505
3828
|
part: "screen-message",
|
|
3506
|
-
className: `mb-6 ${
|
|
3507
|
-
children:
|
|
3829
|
+
className: `mb-6 ${V ? "text-zinc-300" : "text-gray-600"}`,
|
|
3830
|
+
children: U ? "Your reference submission number is below." : "Your registration has been successfully received."
|
|
3508
3831
|
}),
|
|
3509
|
-
|
|
3832
|
+
Fe(),
|
|
3510
3833
|
/* @__PURE__ */ p("button", {
|
|
3511
3834
|
part: "button button-primary",
|
|
3512
|
-
onClick:
|
|
3513
|
-
style: { backgroundColor:
|
|
3835
|
+
onClick: Me,
|
|
3836
|
+
style: { backgroundColor: H },
|
|
3514
3837
|
className: "text-white font-bold py-3 px-8 rounded-md hover:opacity-90 transition-opacity shadow-md cursor-pointer",
|
|
3515
3838
|
children: "Back"
|
|
3516
3839
|
})
|
|
3517
3840
|
]
|
|
3518
|
-
}) :
|
|
3841
|
+
}) : oe ? /* @__PURE__ */ m("div", {
|
|
3519
3842
|
part: "screen screen-error",
|
|
3520
|
-
className: `flex flex-col h-full relative overflow-y-auto ${
|
|
3843
|
+
className: `flex flex-col h-full relative overflow-y-auto ${V ? "bg-black text-white" : "bg-white text-gray-900"}`,
|
|
3521
3844
|
children: [/* @__PURE__ */ m("div", {
|
|
3522
3845
|
part: "screen-header",
|
|
3523
3846
|
className: "p-4 shadow-sm flex justify-between items-center z-10 bg-red-600 text-white",
|
|
@@ -3525,7 +3848,7 @@ var ot = (e) => {
|
|
|
3525
3848
|
part: "screen-header-title",
|
|
3526
3849
|
className: "text-xl font-bold",
|
|
3527
3850
|
style: $,
|
|
3528
|
-
children: "Registration Failed"
|
|
3851
|
+
children: U ? "Submission Failed" : "Registration Failed"
|
|
3529
3852
|
}), /* @__PURE__ */ p("p", {
|
|
3530
3853
|
className: "text-xs opacity-90 mt-0.5",
|
|
3531
3854
|
children: "Please try again"
|
|
@@ -3534,77 +3857,77 @@ var ot = (e) => {
|
|
|
3534
3857
|
children: e.displayMode === "popup" && /* @__PURE__ */ p("button", {
|
|
3535
3858
|
onClick: () => h(!1),
|
|
3536
3859
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
3537
|
-
children: /* @__PURE__ */ p(
|
|
3860
|
+
children: /* @__PURE__ */ p(Q, { size: 24 })
|
|
3538
3861
|
})
|
|
3539
3862
|
})]
|
|
3540
3863
|
}), /* @__PURE__ */ m("div", {
|
|
3541
3864
|
className: "flex-1 flex flex-col items-center justify-center p-6 text-center",
|
|
3542
3865
|
children: [
|
|
3543
3866
|
/* @__PURE__ */ p("div", {
|
|
3544
|
-
className: `w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md border ${
|
|
3867
|
+
className: `w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md border ${V ? "bg-red-950/60 text-red-400 border-red-900" : "bg-red-50 text-red-600 border-red-200"}`,
|
|
3545
3868
|
children: "✕"
|
|
3546
3869
|
}),
|
|
3547
3870
|
/* @__PURE__ */ p("h3", {
|
|
3548
3871
|
part: "screen-title",
|
|
3549
|
-
className: `text-2xl font-bold mb-2 ${
|
|
3872
|
+
className: `text-2xl font-bold mb-2 ${V ? "text-white" : "text-gray-900"}`,
|
|
3550
3873
|
style: $,
|
|
3551
3874
|
children: "Submission Error"
|
|
3552
3875
|
}),
|
|
3553
3876
|
/* @__PURE__ */ p("p", {
|
|
3554
3877
|
part: "screen-message",
|
|
3555
|
-
className: `text-sm mb-6 max-w-xs leading-relaxed ${
|
|
3556
|
-
children:
|
|
3878
|
+
className: `text-sm mb-6 max-w-xs leading-relaxed ${V ? "text-zinc-300" : "text-gray-600"}`,
|
|
3879
|
+
children: oe
|
|
3557
3880
|
}),
|
|
3558
3881
|
/* @__PURE__ */ m("div", {
|
|
3559
3882
|
className: "w-full max-w-xs space-y-3",
|
|
3560
3883
|
children: [/* @__PURE__ */ p("button", {
|
|
3561
3884
|
part: "button button-primary",
|
|
3562
|
-
onClick: () =>
|
|
3563
|
-
style: { backgroundColor:
|
|
3885
|
+
onClick: () => se(null),
|
|
3886
|
+
style: { backgroundColor: H },
|
|
3564
3887
|
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",
|
|
3565
3888
|
children: /* @__PURE__ */ p("span", { children: "Try Again" })
|
|
3566
3889
|
}), /* @__PURE__ */ p("button", {
|
|
3567
3890
|
part: "button button-link",
|
|
3568
3891
|
onClick: () => {
|
|
3569
|
-
|
|
3892
|
+
se(null), T(null);
|
|
3570
3893
|
},
|
|
3571
|
-
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${
|
|
3572
|
-
children: "Choose Another Ticket"
|
|
3894
|
+
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${V ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
|
|
3895
|
+
children: U ? "Choose Another Category" : "Choose Another Ticket"
|
|
3573
3896
|
})]
|
|
3574
3897
|
})
|
|
3575
3898
|
]
|
|
3576
3899
|
})]
|
|
3577
|
-
}) :
|
|
3578
|
-
schema:
|
|
3579
|
-
ticketType:
|
|
3900
|
+
}) : w ? /* @__PURE__ */ p(it, {
|
|
3901
|
+
schema: U ? ne : w.form_schema,
|
|
3902
|
+
ticketType: w,
|
|
3580
3903
|
theme: e.theme,
|
|
3581
3904
|
displayMode: e.displayMode,
|
|
3582
3905
|
backgroundStyle: Be,
|
|
3583
|
-
isExpanded:
|
|
3584
|
-
onToggleExpand: () =>
|
|
3906
|
+
isExpanded: v,
|
|
3907
|
+
onToggleExpand: () => y(!v),
|
|
3585
3908
|
onClose: () => h(!1),
|
|
3586
3909
|
onSubmit: je,
|
|
3587
3910
|
onChange: Ae,
|
|
3588
3911
|
initialValues: ke,
|
|
3589
|
-
isDark:
|
|
3590
|
-
apiClient:
|
|
3591
|
-
storage:
|
|
3912
|
+
isDark: V,
|
|
3913
|
+
apiClient: G,
|
|
3914
|
+
storage: K,
|
|
3592
3915
|
onError: e.onError,
|
|
3593
3916
|
onEvent: e.onEvent,
|
|
3594
|
-
showReviewFields:
|
|
3917
|
+
showReviewFields: U,
|
|
3595
3918
|
onBack: () => {
|
|
3596
|
-
|
|
3919
|
+
q.current && clearTimeout(q.current), T(null);
|
|
3597
3920
|
}
|
|
3598
3921
|
}) : /* @__PURE__ */ m("div", {
|
|
3599
3922
|
part: "page",
|
|
3600
|
-
className: `flex flex-col ${X ? "w-full flex-1" : "h-full min-h-0"} ${
|
|
3923
|
+
className: `flex flex-col ${X ? "w-full flex-1" : "h-full min-h-0"} ${V ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
|
|
3601
3924
|
children: [
|
|
3602
3925
|
/* @__PURE__ */ m("div", {
|
|
3603
3926
|
part: "header",
|
|
3604
3927
|
className: "relative overflow-hidden z-10 shrink-0 text-white",
|
|
3605
3928
|
style: {
|
|
3606
|
-
backgroundColor:
|
|
3607
|
-
background: `linear-gradient(135deg, ${
|
|
3929
|
+
backgroundColor: H,
|
|
3930
|
+
background: `linear-gradient(135deg, ${H} 0%, color-mix(in srgb, ${H} 76%, black) 100%)`
|
|
3608
3931
|
},
|
|
3609
3932
|
children: [
|
|
3610
3933
|
/* @__PURE__ */ p("div", {
|
|
@@ -3620,16 +3943,16 @@ var ot = (e) => {
|
|
|
3620
3943
|
"aria-hidden": "true",
|
|
3621
3944
|
className: "pointer-events-none absolute -top-24 -right-10 h-64 w-64 rounded-full bg-white/15 blur-3xl"
|
|
3622
3945
|
}),
|
|
3623
|
-
|
|
3946
|
+
Te && /* @__PURE__ */ m("div", {
|
|
3624
3947
|
className: "absolute inset-y-0 right-0 flex max-w-[65%] pointer-events-none select-none",
|
|
3625
3948
|
children: [/* @__PURE__ */ p("img", {
|
|
3626
|
-
src:
|
|
3949
|
+
src: Te,
|
|
3627
3950
|
alt: "",
|
|
3628
3951
|
"aria-hidden": "true",
|
|
3629
3952
|
className: "h-full w-auto object-cover object-right"
|
|
3630
3953
|
}), /* @__PURE__ */ p("div", {
|
|
3631
3954
|
className: "absolute inset-y-0 left-0 w-2/5",
|
|
3632
|
-
style: { background: `linear-gradient(to right, color-mix(in srgb, ${
|
|
3955
|
+
style: { background: `linear-gradient(to right, color-mix(in srgb, ${H} 80%, black) 0%, transparent 100%)` }
|
|
3633
3956
|
})]
|
|
3634
3957
|
}),
|
|
3635
3958
|
/* @__PURE__ */ m("div", {
|
|
@@ -3638,7 +3961,7 @@ var ot = (e) => {
|
|
|
3638
3961
|
className: "flex items-center gap-3.5 min-w-0",
|
|
3639
3962
|
children: [/* @__PURE__ */ p("div", {
|
|
3640
3963
|
className: "w-11 h-11 rounded-2xl bg-white/15 ring-1 ring-inset ring-white/30 flex items-center justify-center shrink-0 shadow-[inset_0_1px_0_rgba(255,255,255,0.25)]",
|
|
3641
|
-
children: /* @__PURE__ */ p(
|
|
3964
|
+
children: /* @__PURE__ */ p(Je, {
|
|
3642
3965
|
size: 20,
|
|
3643
3966
|
className: "text-white"
|
|
3644
3967
|
})
|
|
@@ -3650,7 +3973,7 @@ var ot = (e) => {
|
|
|
3650
3973
|
part: "header-title",
|
|
3651
3974
|
className: "text-lg sm:text-2xl font-bold tracking-tight leading-tight break-words",
|
|
3652
3975
|
style: $,
|
|
3653
|
-
children:
|
|
3976
|
+
children: Ue
|
|
3654
3977
|
}), /* @__PURE__ */ m("span", {
|
|
3655
3978
|
className: "hidden sm:inline-flex shrink-0 items-center gap-1.5 text-[10px] font-semibold px-2 py-0.5 rounded-full bg-white/15 ring-1 ring-inset ring-white/25 uppercase tracking-wider",
|
|
3656
3979
|
children: [/* @__PURE__ */ p("span", { className: "h-1.5 w-1.5 rounded-full bg-emerald-300" }), "Official Portal"]
|
|
@@ -3658,41 +3981,41 @@ var ot = (e) => {
|
|
|
3658
3981
|
}), /* @__PURE__ */ p("p", {
|
|
3659
3982
|
part: "header-subtitle",
|
|
3660
3983
|
className: "text-xs sm:text-sm text-white/80 mt-0.5",
|
|
3661
|
-
children:
|
|
3984
|
+
children: U ? "Select a category below to submit your abstract" : t === "registration" ? "Select a registration type below to begin your application" : "Registration & Profile Management"
|
|
3662
3985
|
})]
|
|
3663
3986
|
})]
|
|
3664
3987
|
}), /* @__PURE__ */ p("div", {
|
|
3665
3988
|
className: "flex items-center gap-3",
|
|
3666
3989
|
children: e.displayMode === "popup" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
|
|
3667
|
-
onClick: () =>
|
|
3668
|
-
title:
|
|
3990
|
+
onClick: () => y(!v),
|
|
3991
|
+
title: v ? "Minimize" : "Expand",
|
|
3669
3992
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer p-1",
|
|
3670
|
-
children: p(
|
|
3993
|
+
children: p(v ? Re : Ie, { size: 18 })
|
|
3671
3994
|
}), /* @__PURE__ */ p("button", {
|
|
3672
3995
|
onClick: () => h(!1),
|
|
3673
3996
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer p-1",
|
|
3674
|
-
children: /* @__PURE__ */ p(
|
|
3997
|
+
children: /* @__PURE__ */ p(Q, { size: 22 })
|
|
3675
3998
|
})] })
|
|
3676
3999
|
})]
|
|
3677
4000
|
})
|
|
3678
4001
|
]
|
|
3679
4002
|
}),
|
|
3680
|
-
!
|
|
4003
|
+
!U && /* @__PURE__ */ p("div", {
|
|
3681
4004
|
part: "tabs",
|
|
3682
|
-
className: `shrink-0 border-b ${
|
|
4005
|
+
className: `shrink-0 border-b ${V ? "border-zinc-800 bg-zinc-900" : "border-slate-200 bg-white"}`,
|
|
3683
4006
|
children: /* @__PURE__ */ p("div", {
|
|
3684
4007
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-3",
|
|
3685
4008
|
children: /* @__PURE__ */ p("div", {
|
|
3686
4009
|
role: "tablist",
|
|
3687
|
-
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${
|
|
4010
|
+
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${V ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
3688
4011
|
children: [{
|
|
3689
4012
|
key: "registration",
|
|
3690
4013
|
label: "Registration Forms",
|
|
3691
|
-
Icon:
|
|
4014
|
+
Icon: me
|
|
3692
4015
|
}, {
|
|
3693
4016
|
key: "attendee",
|
|
3694
4017
|
label: "Attendee Login",
|
|
3695
|
-
Icon:
|
|
4018
|
+
Icon: Oe
|
|
3696
4019
|
}].map(({ key: e, label: r, Icon: i }) => {
|
|
3697
4020
|
let a = t === e;
|
|
3698
4021
|
return /* @__PURE__ */ m("button", {
|
|
@@ -3701,8 +4024,8 @@ var ot = (e) => {
|
|
|
3701
4024
|
"aria-selected": a,
|
|
3702
4025
|
type: "button",
|
|
3703
4026
|
onClick: () => n(e),
|
|
3704
|
-
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 ?
|
|
3705
|
-
style: a ? { color:
|
|
4027
|
+
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 ? V ? "bg-zinc-950 shadow-sm" : "bg-white shadow-sm ring-1 ring-slate-200/70" : V ? "text-zinc-400 hover:text-zinc-200" : "text-slate-500 hover:text-slate-800"}`,
|
|
4028
|
+
style: a ? { color: H } : void 0,
|
|
3706
4029
|
children: [/* @__PURE__ */ p(i, {
|
|
3707
4030
|
size: 15,
|
|
3708
4031
|
className: "hidden sm:block shrink-0"
|
|
@@ -3715,26 +4038,26 @@ var ot = (e) => {
|
|
|
3715
4038
|
})
|
|
3716
4039
|
})
|
|
3717
4040
|
}),
|
|
3718
|
-
(
|
|
4041
|
+
(U || t === "registration") && /* @__PURE__ */ p("div", {
|
|
3719
4042
|
part: "list",
|
|
3720
|
-
className: `${X ? "w-full flex-1" : "overflow-y-auto flex-1 min-h-0 overscroll-contain"} relative ${
|
|
4043
|
+
className: `${X ? "w-full flex-1" : "overflow-y-auto flex-1 min-h-0 overscroll-contain"} relative ${V ? "bg-zinc-950" : "bg-slate-50"}`,
|
|
3721
4044
|
style: Be,
|
|
3722
4045
|
children: /* @__PURE__ */ p("div", {
|
|
3723
4046
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-6 sm:py-8 space-y-5",
|
|
3724
|
-
children:
|
|
4047
|
+
children: U ? Ye() : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
|
|
3725
4048
|
part: "search",
|
|
3726
4049
|
className: "flex flex-col sm:flex-row sm:items-end sm:justify-between gap-3",
|
|
3727
4050
|
children: [/* @__PURE__ */ m("div", {
|
|
3728
4051
|
className: "min-w-0",
|
|
3729
4052
|
children: [/* @__PURE__ */ p("h3", {
|
|
3730
4053
|
part: "list-title",
|
|
3731
|
-
className: `text-base sm:text-lg font-semibold tracking-tight ${
|
|
4054
|
+
className: `text-base sm:text-lg font-semibold tracking-tight ${V ? "text-white" : "text-slate-900"}`,
|
|
3732
4055
|
style: $,
|
|
3733
|
-
children:
|
|
3734
|
-
}),
|
|
4056
|
+
children: U ? "Choose a submission category" : "Choose your registration type"
|
|
4057
|
+
}), b.length > 0 && /* @__PURE__ */ p("p", {
|
|
3735
4058
|
part: "list-count",
|
|
3736
|
-
className: `text-xs mt-0.5 ${
|
|
3737
|
-
children:
|
|
4059
|
+
className: `text-xs mt-0.5 ${V ? "text-zinc-400" : "text-slate-500"}`,
|
|
4060
|
+
children: We ? `${Ge.length} of ${b.length} options` : `${b.length} ${b.length === 1 ? "option" : "options"} available`
|
|
3738
4061
|
})]
|
|
3739
4062
|
}), /* @__PURE__ */ m("div", {
|
|
3740
4063
|
className: "relative w-full sm:w-72",
|
|
@@ -3742,41 +4065,41 @@ var ot = (e) => {
|
|
|
3742
4065
|
/* @__PURE__ */ p("input", {
|
|
3743
4066
|
part: "input search-input",
|
|
3744
4067
|
type: "text",
|
|
3745
|
-
value:
|
|
3746
|
-
onChange: (e) =>
|
|
3747
|
-
placeholder:
|
|
4068
|
+
value: k,
|
|
4069
|
+
onChange: (e) => A(e.target.value),
|
|
4070
|
+
placeholder: U ? "Search categories…" : "Search registration types…",
|
|
3748
4071
|
"aria-label": "Search",
|
|
3749
|
-
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)] ${
|
|
4072
|
+
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)] ${V ? "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)]"}`
|
|
3750
4073
|
}),
|
|
3751
4074
|
/* @__PURE__ */ p("div", {
|
|
3752
|
-
className: `absolute inset-y-0 left-3 flex items-center pointer-events-none ${
|
|
3753
|
-
children: /* @__PURE__ */ p(
|
|
4075
|
+
className: `absolute inset-y-0 left-3 flex items-center pointer-events-none ${V ? "text-zinc-500" : "text-slate-400"}`,
|
|
4076
|
+
children: /* @__PURE__ */ p(Ke, {
|
|
3754
4077
|
size: 15,
|
|
3755
4078
|
className: "block"
|
|
3756
4079
|
})
|
|
3757
4080
|
}),
|
|
3758
|
-
|
|
4081
|
+
k && /* @__PURE__ */ p("button", {
|
|
3759
4082
|
type: "button",
|
|
3760
|
-
onClick: () =>
|
|
4083
|
+
onClick: () => A(""),
|
|
3761
4084
|
"aria-label": "Clear search",
|
|
3762
|
-
className: `absolute inset-y-0 right-2.5 flex items-center cursor-pointer ${
|
|
3763
|
-
children: /* @__PURE__ */ p(
|
|
4085
|
+
className: `absolute inset-y-0 right-2.5 flex items-center cursor-pointer ${V ? "text-zinc-500 hover:text-zinc-300" : "text-slate-400 hover:text-slate-600"}`,
|
|
4086
|
+
children: /* @__PURE__ */ p(Q, { size: 14 })
|
|
3764
4087
|
})
|
|
3765
4088
|
]
|
|
3766
4089
|
})]
|
|
3767
|
-
}),
|
|
4090
|
+
}), b.length === 0 ? null : Ge.length === 0 ? /* @__PURE__ */ m("div", {
|
|
3768
4091
|
part: "empty-state",
|
|
3769
|
-
className: `flex flex-col items-center text-center py-16 px-6 rounded-3xl border border-dashed ${
|
|
4092
|
+
className: `flex flex-col items-center text-center py-16 px-6 rounded-3xl border border-dashed ${V ? "bg-zinc-900/60 border-zinc-800 text-zinc-400" : "bg-white/70 border-slate-300 text-slate-500"}`,
|
|
3770
4093
|
children: [
|
|
3771
4094
|
/* @__PURE__ */ p("div", {
|
|
3772
|
-
className: `w-12 h-12 rounded-2xl flex items-center justify-center mb-4 ${
|
|
3773
|
-
children: /* @__PURE__ */ p(
|
|
4095
|
+
className: `w-12 h-12 rounded-2xl flex items-center justify-center mb-4 ${V ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
4096
|
+
children: /* @__PURE__ */ p(Ke, { size: 20 })
|
|
3774
4097
|
}),
|
|
3775
4098
|
/* @__PURE__ */ m("p", {
|
|
3776
|
-
className: `text-base font-semibold ${
|
|
4099
|
+
className: `text-base font-semibold ${V ? "text-white" : "text-slate-900"}`,
|
|
3777
4100
|
children: [
|
|
3778
4101
|
"No matches for “",
|
|
3779
|
-
|
|
4102
|
+
k.trim(),
|
|
3780
4103
|
"”"
|
|
3781
4104
|
]
|
|
3782
4105
|
}),
|
|
@@ -3786,63 +4109,63 @@ var ot = (e) => {
|
|
|
3786
4109
|
}),
|
|
3787
4110
|
/* @__PURE__ */ p("button", {
|
|
3788
4111
|
part: "button button-secondary",
|
|
3789
|
-
onClick: () =>
|
|
3790
|
-
className: `mt-5 px-4 py-2 rounded-full text-sm font-semibold border cursor-pointer transition-colors ${
|
|
4112
|
+
onClick: () => A(""),
|
|
4113
|
+
className: `mt-5 px-4 py-2 rounded-full text-sm font-semibold border cursor-pointer transition-colors ${V ? "border-zinc-700 text-zinc-200 hover:bg-zinc-800" : "border-slate-200 bg-white text-slate-700 hover:bg-slate-50"}`,
|
|
3791
4114
|
children: "Clear search"
|
|
3792
4115
|
})
|
|
3793
4116
|
]
|
|
3794
4117
|
}) : /* @__PURE__ */ p("div", {
|
|
3795
4118
|
part: "card-grid",
|
|
3796
4119
|
className: X ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5" : "space-y-3",
|
|
3797
|
-
children:
|
|
3798
|
-
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.perks) ? e.perks : [], a =
|
|
4120
|
+
children: Ge.map((e) => {
|
|
4121
|
+
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.perks) ? e.perks : [], a = U ? Ce : Xe;
|
|
3799
4122
|
return /* @__PURE__ */ m("div", {
|
|
3800
4123
|
part: "card",
|
|
3801
4124
|
role: "button",
|
|
3802
4125
|
tabIndex: 0,
|
|
3803
4126
|
"aria-label": `Select ${t}`,
|
|
3804
|
-
onClick: () =>
|
|
4127
|
+
onClick: () => T(e),
|
|
3805
4128
|
onKeyDown: (t) => {
|
|
3806
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
4129
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), T(e));
|
|
3807
4130
|
},
|
|
3808
|
-
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)] ${
|
|
4131
|
+
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)] ${V ? "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)]"}`,
|
|
3809
4132
|
children: [
|
|
3810
4133
|
/* @__PURE__ */ p("span", {
|
|
3811
4134
|
"aria-hidden": "true",
|
|
3812
4135
|
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",
|
|
3813
|
-
style: { background: `linear-gradient(90deg, transparent, ${
|
|
4136
|
+
style: { background: `linear-gradient(90deg, transparent, ${H}, transparent)` }
|
|
3814
4137
|
}),
|
|
3815
4138
|
/* @__PURE__ */ m("div", {
|
|
3816
4139
|
className: "flex items-start justify-between gap-3",
|
|
3817
4140
|
children: [/* @__PURE__ */ p("div", {
|
|
3818
4141
|
className: "w-11 h-11 rounded-xl flex items-center justify-center shrink-0 transition-transform duration-300 group-hover:scale-105",
|
|
3819
4142
|
style: {
|
|
3820
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3821
|
-
color:
|
|
4143
|
+
backgroundColor: `color-mix(in srgb, ${H} 12%, transparent)`,
|
|
4144
|
+
color: H
|
|
3822
4145
|
},
|
|
3823
4146
|
children: /* @__PURE__ */ p(a, { size: 20 })
|
|
3824
4147
|
}), (e.category || e.seats_left) && /* @__PURE__ */ m("div", {
|
|
3825
4148
|
className: "flex flex-wrap justify-end items-center gap-1.5",
|
|
3826
4149
|
children: [e.category && /* @__PURE__ */ p("span", {
|
|
3827
4150
|
part: "card-category",
|
|
3828
|
-
className: `text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full ${
|
|
4151
|
+
className: `text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full ${V ? "bg-zinc-800 text-zinc-300" : "bg-slate-100 text-slate-600"}`,
|
|
3829
4152
|
children: e.category
|
|
3830
4153
|
}), e.seats_left && /* @__PURE__ */ m("span", {
|
|
3831
4154
|
part: "card-seats",
|
|
3832
|
-
className: `text-[10px] font-semibold px-2.5 py-1 rounded-full flex items-center gap-1 ${
|
|
3833
|
-
children: [/* @__PURE__ */ p(
|
|
4155
|
+
className: `text-[10px] font-semibold px-2.5 py-1 rounded-full flex items-center gap-1 ${V ? "bg-amber-950/60 text-amber-300" : "bg-amber-50 text-amber-700"}`,
|
|
4156
|
+
children: [/* @__PURE__ */ p(he, { size: 10 }), /* @__PURE__ */ p("span", { children: e.seats_left })]
|
|
3834
4157
|
})]
|
|
3835
4158
|
})]
|
|
3836
4159
|
}),
|
|
3837
4160
|
/* @__PURE__ */ p("h3", {
|
|
3838
4161
|
part: "card-title",
|
|
3839
|
-
className: `mt-4 text-lg font-semibold leading-snug tracking-tight ${
|
|
4162
|
+
className: `mt-4 text-lg font-semibold leading-snug tracking-tight ${V ? "text-white" : "text-slate-900"}`,
|
|
3840
4163
|
style: $,
|
|
3841
4164
|
children: t
|
|
3842
4165
|
}),
|
|
3843
4166
|
e.description && /* @__PURE__ */ p("p", {
|
|
3844
4167
|
part: "card-description",
|
|
3845
|
-
className: `mt-1.5 text-sm leading-relaxed line-clamp-2 ${
|
|
4168
|
+
className: `mt-1.5 text-sm leading-relaxed line-clamp-2 ${V ? "text-zinc-400" : "text-slate-500"}`,
|
|
3846
4169
|
children: e.description
|
|
3847
4170
|
}),
|
|
3848
4171
|
i.length > 0 && /* @__PURE__ */ p("ul", {
|
|
@@ -3853,48 +4176,48 @@ var ot = (e) => {
|
|
|
3853
4176
|
children: [/* @__PURE__ */ p("span", {
|
|
3854
4177
|
className: "mt-0.5 w-4 h-4 rounded-full flex items-center justify-center shrink-0",
|
|
3855
4178
|
style: {
|
|
3856
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3857
|
-
color:
|
|
4179
|
+
backgroundColor: `color-mix(in srgb, ${H} 14%, transparent)`,
|
|
4180
|
+
color: H
|
|
3858
4181
|
},
|
|
3859
|
-
children: /* @__PURE__ */ p(
|
|
4182
|
+
children: /* @__PURE__ */ p(le, {
|
|
3860
4183
|
size: 10,
|
|
3861
4184
|
strokeWidth: 3
|
|
3862
4185
|
})
|
|
3863
4186
|
}), /* @__PURE__ */ p("span", {
|
|
3864
|
-
className:
|
|
4187
|
+
className: V ? "text-zinc-300" : "text-slate-600",
|
|
3865
4188
|
children: e
|
|
3866
4189
|
})]
|
|
3867
4190
|
}, t))
|
|
3868
4191
|
}),
|
|
3869
4192
|
/* @__PURE__ */ p("div", { className: "flex-1" }),
|
|
3870
4193
|
/* @__PURE__ */ m("div", {
|
|
3871
|
-
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${
|
|
4194
|
+
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${V ? "border-zinc-800" : "border-slate-200"}`,
|
|
3872
4195
|
children: [/* @__PURE__ */ p("div", {
|
|
3873
4196
|
className: "min-w-0",
|
|
3874
|
-
children: n && !
|
|
4197
|
+
children: n && !U ? /* @__PURE__ */ m(f, { children: [
|
|
3875
4198
|
/* @__PURE__ */ p("p", {
|
|
3876
|
-
className: `text-[10px] font-semibold uppercase tracking-wider ${
|
|
4199
|
+
className: `text-[10px] font-semibold uppercase tracking-wider ${V ? "text-zinc-500" : "text-slate-400"}`,
|
|
3877
4200
|
children: "Registration fee"
|
|
3878
4201
|
}),
|
|
3879
4202
|
/* @__PURE__ */ p("p", {
|
|
3880
4203
|
part: "card-price",
|
|
3881
4204
|
className: "text-2xl font-bold tracking-tight tabular-nums leading-tight",
|
|
3882
|
-
style: { color:
|
|
4205
|
+
style: { color: H },
|
|
3883
4206
|
children: r ? "Free" : [e.currency, Number(e.price).toLocaleString()].filter(Boolean).join(" ")
|
|
3884
4207
|
}),
|
|
3885
4208
|
e.tax_info && /* @__PURE__ */ p("p", {
|
|
3886
4209
|
part: "card-tax",
|
|
3887
|
-
className: `text-[11px] mt-0.5 ${
|
|
4210
|
+
className: `text-[11px] mt-0.5 ${V ? "text-zinc-500" : "text-slate-400"}`,
|
|
3888
4211
|
children: e.tax_info
|
|
3889
4212
|
})
|
|
3890
4213
|
] }) : null
|
|
3891
4214
|
}), /* @__PURE__ */ m("span", {
|
|
3892
4215
|
part: "button button-primary card-button",
|
|
3893
4216
|
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)]",
|
|
3894
|
-
style: { backgroundColor:
|
|
3895
|
-
children: [
|
|
4217
|
+
style: { backgroundColor: H },
|
|
4218
|
+
children: [U ? "Submit" : "Register", /* @__PURE__ */ p("span", {
|
|
3896
4219
|
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",
|
|
3897
|
-
children: /* @__PURE__ */ p(
|
|
4220
|
+
children: /* @__PURE__ */ p(ie, { size: 14 })
|
|
3898
4221
|
})]
|
|
3899
4222
|
})]
|
|
3900
4223
|
})
|
|
@@ -3904,7 +4227,7 @@ var ot = (e) => {
|
|
|
3904
4227
|
})] })
|
|
3905
4228
|
})
|
|
3906
4229
|
}),
|
|
3907
|
-
!
|
|
4230
|
+
!U && (r || t === "attendee") && /* @__PURE__ */ p("div", {
|
|
3908
4231
|
part: "portal",
|
|
3909
4232
|
className: `${t === "attendee" ? "flex" : "hidden"} flex-col ${X ? "w-full flex-1" : "flex-1 overflow-hidden min-h-0"}`,
|
|
3910
4233
|
style: {
|
|
@@ -3914,12 +4237,12 @@ var ot = (e) => {
|
|
|
3914
4237
|
onScroll: X ? void 0 : (e) => {
|
|
3915
4238
|
e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0);
|
|
3916
4239
|
},
|
|
3917
|
-
children: /* @__PURE__ */ p(
|
|
3918
|
-
apiClient:
|
|
3919
|
-
storage:
|
|
3920
|
-
logger:
|
|
3921
|
-
primaryColor:
|
|
3922
|
-
isDark:
|
|
4240
|
+
children: /* @__PURE__ */ p(st, {
|
|
4241
|
+
apiClient: G,
|
|
4242
|
+
storage: K,
|
|
4243
|
+
logger: W,
|
|
4244
|
+
primaryColor: H,
|
|
4245
|
+
isDark: V,
|
|
3923
4246
|
isWidgetPage: X,
|
|
3924
4247
|
onEvent: e.onEvent,
|
|
3925
4248
|
onError: e.onError
|
|
@@ -3928,7 +4251,7 @@ var ot = (e) => {
|
|
|
3928
4251
|
]
|
|
3929
4252
|
})
|
|
3930
4253
|
});
|
|
3931
|
-
}, lt = "/*! 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%}.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}.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-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-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\\/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-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-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-\\[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-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-7{padding-top:calc(var(--spacing) * 7)}.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)}}", ut = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif", dt = ({ children: e, useShadow: t = !0, inheritFont: n = !1 }) => {
|
|
4254
|
+
}, 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-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\\/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-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-\\[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-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-7{padding-top:calc(var(--spacing) * 7)}.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 }) => {
|
|
3932
4255
|
let r = u(null), [i, a] = d(null);
|
|
3933
4256
|
return c(() => {
|
|
3934
4257
|
if (typeof document > "u" || !r.current || !t) return;
|
|
@@ -3939,20 +4262,20 @@ var ot = (e) => {
|
|
|
3939
4262
|
let t = document.createElement("style");
|
|
3940
4263
|
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);
|
|
3941
4264
|
let i = document.createElement("style");
|
|
3942
|
-
i.textContent =
|
|
4265
|
+
i.textContent = pt, 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);
|
|
3943
4266
|
}
|
|
3944
4267
|
n && a(n);
|
|
3945
4268
|
}, [t]), c(() => {
|
|
3946
|
-
i && i.style.setProperty("font-family", n ? "var(--vx-font-family)" : `var(--vx-font-family, ${
|
|
4269
|
+
i && i.style.setProperty("font-family", n ? "var(--vx-font-family)" : `var(--vx-font-family, ${mt})`, "important");
|
|
3947
4270
|
}, [i, n]), t ? /* @__PURE__ */ p("div", {
|
|
3948
4271
|
ref: r,
|
|
3949
4272
|
className: "w-full h-full",
|
|
3950
4273
|
children: i && e ? h(e, i) : null
|
|
3951
4274
|
}) : /* @__PURE__ */ p(f, { children: e });
|
|
3952
|
-
},
|
|
4275
|
+
}, gt = ({ config: e }) => t.createElement(ht, {
|
|
3953
4276
|
useShadow: !0,
|
|
3954
4277
|
inheritFont: !e.theme?.fontFamily || e.theme.fontFamily === "inherit"
|
|
3955
|
-
}, t.createElement(
|
|
4278
|
+
}, t.createElement(ft, { config: e })), _t = class {
|
|
3956
4279
|
config;
|
|
3957
4280
|
container = null;
|
|
3958
4281
|
root = null;
|
|
@@ -3961,16 +4284,16 @@ var ot = (e) => {
|
|
|
3961
4284
|
}
|
|
3962
4285
|
mount(n) {
|
|
3963
4286
|
if (this.container = typeof n == "string" ? document.getElementById(n) : n, !this.container) throw Error("EventWidget: Mount container not found.");
|
|
3964
|
-
this.root ||= e(this.container), this.root.render(t.createElement(
|
|
4287
|
+
this.root ||= e(this.container), this.root.render(t.createElement(gt, { config: this.config }));
|
|
3965
4288
|
}
|
|
3966
4289
|
updateConfig(e) {
|
|
3967
4290
|
this.config = {
|
|
3968
4291
|
...this.config,
|
|
3969
4292
|
...e
|
|
3970
|
-
}, this.root && this.root.render(t.createElement(
|
|
4293
|
+
}, this.root && this.root.render(t.createElement(gt, { config: this.config }));
|
|
3971
4294
|
}
|
|
3972
4295
|
setConfig(e) {
|
|
3973
|
-
this.config = e, this.root && this.root.render(t.createElement(
|
|
4296
|
+
this.config = e, this.root && this.root.render(t.createElement(gt, { config: this.config }));
|
|
3974
4297
|
}
|
|
3975
4298
|
unmount() {
|
|
3976
4299
|
if (this.root) {
|
|
@@ -3980,4 +4303,4 @@ var ot = (e) => {
|
|
|
3980
4303
|
}
|
|
3981
4304
|
};
|
|
3982
4305
|
//#endregion
|
|
3983
|
-
export {
|
|
4306
|
+
export { gt as EventWidget, _t as EventWidgetClient };
|