kaleido-ui 0.1.81 → 0.1.83
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/web/index.cjs +117 -128
- package/dist/web/index.d.cts +9 -1
- package/dist/web/index.d.ts +9 -1
- package/dist/web/index.js +117 -128
- package/package.json +1 -1
package/dist/web/index.cjs
CHANGED
|
@@ -699,7 +699,7 @@ var SelectTrigger = React4.forwardRef(({ className, children, compact = false, .
|
|
|
699
699
|
"w-auto gap-1 rounded-2xl bg-white/[0.09] px-2 py-1.5 text-xs leading-none backdrop-blur-md",
|
|
700
700
|
"hover:bg-white/[0.13] data-[state=open]:bg-white/[0.13]"
|
|
701
701
|
] : [
|
|
702
|
-
"w-full gap-3 rounded-xl border bg-white/[0.04] px-4 py-3 text-left text-sm",
|
|
702
|
+
"w-full gap-3 rounded-xl border border-transparent bg-white/[0.04] px-4 py-3 text-left text-sm",
|
|
703
703
|
"hover:border-primary/30 hover:bg-white/[0.06] data-[state=open]:border-primary/30"
|
|
704
704
|
],
|
|
705
705
|
"focus:ring-1 focus:ring-primary/50",
|
|
@@ -728,7 +728,7 @@ var SelectContent = React4.forwardRef(({ className, children, position = "popper
|
|
|
728
728
|
{
|
|
729
729
|
ref,
|
|
730
730
|
className: cn(
|
|
731
|
-
"relative min-w-[8rem] overflow-hidden rounded-2xl
|
|
731
|
+
"relative min-w-[8rem] overflow-hidden rounded-2xl bg-popover/95 p-2 shadow-xl backdrop-blur",
|
|
732
732
|
"z-[var(--z-popover)]",
|
|
733
733
|
position === "popper" && "w-[var(--radix-select-trigger-width)]",
|
|
734
734
|
className
|
|
@@ -907,7 +907,11 @@ var DialogContent = React7.forwardRef(({ className, children, ...props }, ref) =
|
|
|
907
907
|
{
|
|
908
908
|
ref,
|
|
909
909
|
className: cn(
|
|
910
|
-
|
|
910
|
+
// Entrance/exit is a simple fast fade + 0.98→1 scale (150ms ease-out).
|
|
911
|
+
// The slide-from/to values sit at exactly -50%/-50% so the keyframe
|
|
912
|
+
// keeps the centering transform — zero positional slide, no zoom/slide
|
|
913
|
+
// combo. (BottomSheet owns its own slide-up; it does not use this.)
|
|
914
|
+
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-sm translate-x-[-50%] translate-y-[-50%] gap-4 bg-card p-6 shadow-lg duration-150 ease-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-[0.98] data-[state=open]:zoom-in-[0.98] data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2 rounded-2xl",
|
|
911
915
|
className
|
|
912
916
|
),
|
|
913
917
|
...props,
|
|
@@ -1732,7 +1736,7 @@ function AssetIcon({ ticker, logoUri, cdnBaseUrl, size = 40, className }) {
|
|
|
1732
1736
|
"div",
|
|
1733
1737
|
{
|
|
1734
1738
|
className: cn(
|
|
1735
|
-
"rounded-full flex items-center justify-center font-bold text-foreground shadow-inner
|
|
1739
|
+
"rounded-full flex items-center justify-center font-bold text-foreground shadow-inner",
|
|
1736
1740
|
bgColor,
|
|
1737
1741
|
className
|
|
1738
1742
|
),
|
|
@@ -1911,7 +1915,7 @@ function TransactionCard({
|
|
|
1911
1915
|
"p",
|
|
1912
1916
|
{
|
|
1913
1917
|
className: cn(
|
|
1914
|
-
"font-bold text-lg tracking-tight group-hover:opacity-90 transition-opacity",
|
|
1918
|
+
"font-bold text-lg tracking-tight tabular-nums group-hover:opacity-90 transition-opacity",
|
|
1915
1919
|
textColor
|
|
1916
1920
|
),
|
|
1917
1921
|
children: [
|
|
@@ -2210,7 +2214,7 @@ function ActionTile({
|
|
|
2210
2214
|
),
|
|
2211
2215
|
children: [
|
|
2212
2216
|
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "flex shrink-0 items-center justify-center text-current leading-none [&_.material-symbols-outlined]:text-icon-lg [&_.material-symbols-outlined]:leading-none", children: icon }),
|
|
2213
|
-
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate text-
|
|
2217
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate text-sm font-semibold tracking-wide", children: label })
|
|
2214
2218
|
]
|
|
2215
2219
|
}
|
|
2216
2220
|
);
|
|
@@ -2409,7 +2413,7 @@ function BottomNav({
|
|
|
2409
2413
|
}
|
|
2410
2414
|
)
|
|
2411
2415
|
] }) : icon ?? null,
|
|
2412
|
-
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "mt-0.5 text-xxs font-semibold transition-colors duration-300", children: label })
|
|
2416
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "mt-0.5 max-w-full truncate text-xxs font-semibold leading-none transition-colors duration-300", children: label })
|
|
2413
2417
|
]
|
|
2414
2418
|
},
|
|
2415
2419
|
id
|
|
@@ -2443,7 +2447,7 @@ function AccountStatusTabs({
|
|
|
2443
2447
|
"div",
|
|
2444
2448
|
{
|
|
2445
2449
|
className: cn(
|
|
2446
|
-
"pointer-events-none absolute bottom-[calc(100%+12px)] right-0 z-20 hidden w-64 rounded-2xl
|
|
2450
|
+
"pointer-events-none absolute bottom-[calc(100%+12px)] right-0 z-20 hidden w-64 rounded-2xl bg-popover/95 p-3.5 opacity-0 shadow-2xl backdrop-blur-xl transition-all duration-150 group-hover:opacity-100 md:block"
|
|
2447
2451
|
),
|
|
2448
2452
|
children: [
|
|
2449
2453
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-start gap-3", children: [
|
|
@@ -2462,7 +2466,7 @@ function AccountStatusTabs({
|
|
|
2462
2466
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-3 flex flex-wrap gap-1.5", children: account.capabilityBullets.map((capability) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2463
2467
|
"span",
|
|
2464
2468
|
{
|
|
2465
|
-
className: "rounded-full
|
|
2469
|
+
className: "rounded-full bg-white/8 px-2 py-1 text-xxs font-medium text-white/60",
|
|
2466
2470
|
children: capability
|
|
2467
2471
|
},
|
|
2468
2472
|
capability
|
|
@@ -2476,19 +2480,9 @@ function AccountStatusTabs({
|
|
|
2476
2480
|
{
|
|
2477
2481
|
open: selectedAccountId !== null,
|
|
2478
2482
|
onOpenChange: (open) => !open && setSelectedAccountId(null),
|
|
2479
|
-
children: selectedAccount && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogContent, { className: "
|
|
2483
|
+
children: selectedAccount && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogContent, { className: "bg-popover p-0 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "p-6", children: [
|
|
2480
2484
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogHeader, { className: "text-left", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-start gap-3", children: [
|
|
2481
|
-
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2482
|
-
"div",
|
|
2483
|
-
{
|
|
2484
|
-
className: cn(
|
|
2485
|
-
"rounded-2xl border p-3",
|
|
2486
|
-
selectedAccount.accentBg,
|
|
2487
|
-
selectedAccount.accentBorder
|
|
2488
|
-
),
|
|
2489
|
-
children: selectedAccount.icon
|
|
2490
|
-
}
|
|
2491
|
-
),
|
|
2485
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("rounded-2xl p-3", selectedAccount.accentBg), children: selectedAccount.icon }),
|
|
2492
2486
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "min-w-0", children: [
|
|
2493
2487
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2494
2488
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-xxs font-black uppercase tracking-[0.18em] text-muted-foreground", children: selectedAccount.label }),
|
|
@@ -2503,7 +2497,7 @@ function AccountStatusTabs({
|
|
|
2503
2497
|
"div",
|
|
2504
2498
|
{
|
|
2505
2499
|
className: cn(
|
|
2506
|
-
"rounded-2xl
|
|
2500
|
+
"rounded-2xl px-4 py-3",
|
|
2507
2501
|
selectedAccount.networkBannerClassName
|
|
2508
2502
|
),
|
|
2509
2503
|
children: [
|
|
@@ -2512,7 +2506,7 @@ function AccountStatusTabs({
|
|
|
2512
2506
|
]
|
|
2513
2507
|
}
|
|
2514
2508
|
),
|
|
2515
|
-
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rounded-2xl
|
|
2509
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rounded-2xl bg-muted/40 px-4 py-3", children: [
|
|
2516
2510
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-icon-xxs font-black uppercase tracking-[0.18em] text-white/45", children: "Status" }),
|
|
2517
2511
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-1 text-sm font-semibold text-white/90", children: selectedAccount.state })
|
|
2518
2512
|
] })
|
|
@@ -2523,7 +2517,7 @@ function AccountStatusTabs({
|
|
|
2523
2517
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-3 flex flex-wrap gap-2", children: selectedAccount.capabilityBullets.map((capability) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
2524
2518
|
"span",
|
|
2525
2519
|
{
|
|
2526
|
-
className: "inline-flex items-center gap-1.5 rounded-full
|
|
2520
|
+
className: "inline-flex items-center gap-1.5 rounded-full bg-white/8 px-2.5 py-1 text-xxs font-medium text-white/70",
|
|
2527
2521
|
children: [
|
|
2528
2522
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "size-1.5 rounded-full bg-primary/70" }),
|
|
2529
2523
|
capability
|
|
@@ -2616,7 +2610,7 @@ function InlineSelector({
|
|
|
2616
2610
|
{
|
|
2617
2611
|
ref: panelRef,
|
|
2618
2612
|
className: cn(
|
|
2619
|
-
"absolute left-0 top-full z-[var(--z-popover)] mt-2 w-full rounded-2xl
|
|
2613
|
+
"absolute left-0 top-full z-[var(--z-popover)] mt-2 w-full rounded-2xl bg-popover/95 p-1.5 shadow-2xl backdrop-blur-xl duration-200 animate-in fade-in slide-in-from-top-1",
|
|
2620
2614
|
panelClassName
|
|
2621
2615
|
),
|
|
2622
2616
|
children: [
|
|
@@ -2768,7 +2762,7 @@ function OptionSelector({
|
|
|
2768
2762
|
options,
|
|
2769
2763
|
onChange,
|
|
2770
2764
|
className: cn(compact ? "w-auto shrink-0" : "w-full", className),
|
|
2771
|
-
panelClassName: "right-0 left-auto min-w-[11rem] rounded-xl
|
|
2765
|
+
panelClassName: "right-0 left-auto min-w-[11rem] rounded-xl bg-card",
|
|
2772
2766
|
optionClassName: "px-3.5 py-2.5 hover:bg-white/6 data-[selected]:bg-transparent data-[selected]:shadow-none",
|
|
2773
2767
|
onOpenPanelHeightChange,
|
|
2774
2768
|
renderTrigger: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
@@ -3293,7 +3287,7 @@ function AssetSkeleton({ index }) {
|
|
|
3293
3287
|
}
|
|
3294
3288
|
function EmptyState({ state }) {
|
|
3295
3289
|
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "py-8 text-center", children: [
|
|
3296
|
-
state.icon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mx-auto mb-3 flex size-12 items-center justify-center rounded-card
|
|
3290
|
+
state.icon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mx-auto mb-3 flex size-12 items-center justify-center rounded-card bg-card", children: state.icon }),
|
|
3297
3291
|
state.title && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "mb-1 text-sm font-medium text-muted-foreground", children: state.title }),
|
|
3298
3292
|
state.description && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-muted-foreground/70", children: state.description })
|
|
3299
3293
|
] });
|
|
@@ -3407,19 +3401,19 @@ function BalanceBreakdown({
|
|
|
3407
3401
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "h-3 w-20 animate-pulse rounded bg-white/5" })
|
|
3408
3402
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
|
|
3409
3403
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex min-w-0 max-w-full flex-wrap items-baseline gap-x-1.5 gap-y-1", children: [
|
|
3410
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-display font-black leading-[1.1] tracking-tighter text-white drop-shadow-sm transition-all duration-300 group-active:scale-95 group-active:text-primary", children: balanceVisible ? numberOnly(format(totalBTC)) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
|
|
3411
|
-
unit !== "fiat" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-block rounded-md
|
|
3404
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-display font-black leading-[1.1] tracking-tighter tabular-nums text-white drop-shadow-sm transition-all duration-300 group-active:scale-95 group-active:text-primary", children: balanceVisible ? numberOnly(format(totalBTC)) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
|
|
3405
|
+
unit !== "fiat" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-block rounded-md bg-white/8 px-2 py-0.5 text-tiny font-bold uppercase tracking-widest text-white/45", children: label }),
|
|
3412
3406
|
isPartial && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3413
3407
|
"span",
|
|
3414
3408
|
{
|
|
3415
|
-
className: "inline-flex size-4 items-center justify-center rounded-full
|
|
3409
|
+
className: "inline-flex size-4 items-center justify-center rounded-full bg-white/[0.06]",
|
|
3416
3410
|
title: "Loading remaining balances",
|
|
3417
3411
|
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "size-2 animate-spin rounded-full border border-primary/30 border-t-primary" })
|
|
3418
3412
|
}
|
|
3419
3413
|
)
|
|
3420
3414
|
] }),
|
|
3421
|
-
balanceVisible && unit !== "fiat" && fiatTotal && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "mt-1
|
|
3422
|
-
balanceVisible && unit === "fiat" && totalBTC > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "mt-1
|
|
3415
|
+
balanceVisible && unit !== "fiat" && fiatTotal && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "mt-1 text-xs font-medium tabular-nums text-white/45", children: fiatTotal }),
|
|
3416
|
+
balanceVisible && unit === "fiat" && totalBTC > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "mt-1 text-xs font-medium tabular-nums text-white/45", children: [
|
|
3423
3417
|
(totalBTC / 1e8).toFixed(8).replace(/\.?0+$/, ""),
|
|
3424
3418
|
"\xA0BTC"
|
|
3425
3419
|
] })
|
|
@@ -3464,7 +3458,7 @@ function BalanceBreakdown({
|
|
|
3464
3458
|
expanded && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
3465
3459
|
"div",
|
|
3466
3460
|
{
|
|
3467
|
-
className: `space-y-1
|
|
3461
|
+
className: `space-y-1 duration-300 animate-in fade-in slide-in-from-top-2 ${compact ? "mt-3 pt-3" : "mt-4 pt-4"}`,
|
|
3468
3462
|
children: [
|
|
3469
3463
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "Bitcoin" }),
|
|
3470
3464
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
@@ -3549,7 +3543,7 @@ function BalanceBreakdown({
|
|
|
3549
3543
|
}
|
|
3550
3544
|
),
|
|
3551
3545
|
rgbAssets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RgbAssetsBreakdown, { assets: rgbAssets, balanceVisible }),
|
|
3552
|
-
tokenValueSats !== void 0 && tokenValueSats > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-
|
|
3546
|
+
tokenValueSats !== void 0 && tokenValueSats > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-4 pt-1", children: [
|
|
3553
3547
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "Token Holdings" }),
|
|
3554
3548
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between rounded-xl bg-white/[0.03] px-3 py-2", children: [
|
|
3555
3549
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
@@ -3562,11 +3556,11 @@ function BalanceBreakdown({
|
|
|
3562
3556
|
] }),
|
|
3563
3557
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col items-end", children: [
|
|
3564
3558
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "tabular-nums text-xs font-bold text-white", children: balanceVisible ? format(tokenValueSats) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
|
|
3565
|
-
balanceVisible && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "mt-0.5
|
|
3559
|
+
balanceVisible && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "mt-0.5 text-xxs tabular-nums text-white/35", children: formatFiatValue(tokenValueSats) })
|
|
3566
3560
|
] })
|
|
3567
3561
|
] })
|
|
3568
3562
|
] }),
|
|
3569
|
-
accounts.RGB?.connected && nodeInfo?.pubkey && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-
|
|
3563
|
+
accounts.RGB?.connected && nodeInfo?.pubkey && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-4 pt-1", children: [
|
|
3570
3564
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "RLN Details" }),
|
|
3571
3565
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "grid grid-cols-3 gap-2", children: [
|
|
3572
3566
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
@@ -3586,7 +3580,7 @@ function BalanceBreakdown({
|
|
|
3586
3580
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
3587
3581
|
"div",
|
|
3588
3582
|
{
|
|
3589
|
-
className: `relative z-10 flex gap-2.5
|
|
3583
|
+
className: `relative z-10 flex gap-2.5 ${compact ? "mt-2 pt-2" : "mt-3 pt-3"}`,
|
|
3590
3584
|
children: [
|
|
3591
3585
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3592
3586
|
ActionTile,
|
|
@@ -3626,7 +3620,7 @@ function RgbAssetsBreakdown({
|
|
|
3626
3620
|
assets,
|
|
3627
3621
|
balanceVisible
|
|
3628
3622
|
}) {
|
|
3629
|
-
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-
|
|
3623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-4 pt-1", children: [
|
|
3630
3624
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "RGB Assets" }),
|
|
3631
3625
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "space-y-2", children: assets.map((asset) => {
|
|
3632
3626
|
const bal = asset.balance ?? {};
|
|
@@ -3637,7 +3631,7 @@ function RgbAssetsBreakdown({
|
|
|
3637
3631
|
const formatRgb = (value) => (value / Math.pow(10, precision)).toFixed(precision);
|
|
3638
3632
|
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-start justify-between py-1", children: [
|
|
3639
3633
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2.5", children: [
|
|
3640
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex size-5 items-center justify-center overflow-hidden rounded
|
|
3634
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex size-5 items-center justify-center overflow-hidden rounded bg-network-rgb/10", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("img", { src: "/icons/rgb/rgb-logo.svg", alt: "RGB", className: "size-3.5 object-contain" }) }),
|
|
3641
3635
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col", children: [
|
|
3642
3636
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-xs font-semibold text-white/90", children: asset.ticker }),
|
|
3643
3637
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "max-w-[90px] truncate text-xxs text-white/40", children: asset.name })
|
|
@@ -3669,7 +3663,7 @@ function RgbAssetsBreakdown({
|
|
|
3669
3663
|
] });
|
|
3670
3664
|
}
|
|
3671
3665
|
function StatusChip({ label, value }) {
|
|
3672
|
-
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "rounded-xl
|
|
3666
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "rounded-xl bg-muted/40 px-3 py-2", children: [
|
|
3673
3667
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "text-xxs font-bold uppercase tracking-widest text-white/30", children: label }),
|
|
3674
3668
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mt-1 truncate text-xs font-semibold text-white/80", children: value })
|
|
3675
3669
|
] });
|
|
@@ -3709,10 +3703,10 @@ function NetworkRow({
|
|
|
3709
3703
|
] }),
|
|
3710
3704
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex flex-col items-end", children: isPending ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-1.5", children: [
|
|
3711
3705
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "h-3.5 w-12 animate-pulse rounded bg-white/10" }),
|
|
3712
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-flex size-3 items-center justify-center rounded-full
|
|
3706
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-flex size-3 items-center justify-center rounded-full bg-white/[0.06]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "size-1.5 animate-spin rounded-full border border-primary/30 border-t-primary" }) })
|
|
3713
3707
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
|
|
3714
3708
|
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "tabular-nums text-xs font-bold text-white", children: visible ? format(amount) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
|
|
3715
|
-
fiat && visible && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "mt-0.5
|
|
3709
|
+
fiat && visible && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "mt-0.5 text-xxs tabular-nums text-white/35", children: fiat })
|
|
3716
3710
|
] }) })
|
|
3717
3711
|
]
|
|
3718
3712
|
}
|
|
@@ -3849,7 +3843,7 @@ function AssetSelector({
|
|
|
3849
3843
|
children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
|
|
3850
3844
|
"div",
|
|
3851
3845
|
{
|
|
3852
|
-
className: "flex max-h-[85vh] w-full max-w-[26rem] flex-col overflow-hidden rounded-t-3xl bg-popover/95 shadow-popover backdrop-blur-2xl duration-300 animate-in slide-in-from-bottom-8 sm:max-h-[80vh] sm:rounded-3xl sm:
|
|
3846
|
+
className: "flex max-h-[85vh] w-full max-w-[26rem] flex-col overflow-hidden rounded-t-3xl bg-popover/95 shadow-popover backdrop-blur-2xl duration-300 animate-in slide-in-from-bottom-8 sm:max-h-[80vh] sm:rounded-3xl sm:slide-in-from-bottom-0 sm:zoom-in-95",
|
|
3853
3847
|
onClick: (event) => event.stopPropagation(),
|
|
3854
3848
|
children: [
|
|
3855
3849
|
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex-shrink-0 bg-white/[0.03] px-4 py-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
|
|
@@ -3948,7 +3942,7 @@ function AssetSelector({
|
|
|
3948
3942
|
},
|
|
3949
3943
|
className: cn(
|
|
3950
3944
|
"group flex w-full items-center gap-3 rounded-2xl border px-3 py-3 text-sm transition-all duration-200",
|
|
3951
|
-
optionSelected ? "border-primary/30 bg-primary/[0.12]" : optionDisabled ? "cursor-not-allowed border-
|
|
3945
|
+
optionSelected ? "border-primary/30 bg-primary/[0.12]" : optionDisabled ? "cursor-not-allowed border-transparent bg-white/[0.015] opacity-45" : "border-transparent bg-transparent hover:bg-accent"
|
|
3952
3946
|
),
|
|
3953
3947
|
children: renderAssetOption(option, optionSelected, optionDisabled)
|
|
3954
3948
|
},
|
|
@@ -3976,7 +3970,7 @@ function AssetSelector({
|
|
|
3976
3970
|
},
|
|
3977
3971
|
disabled,
|
|
3978
3972
|
className: "space-y-1.5",
|
|
3979
|
-
panelClassName: "
|
|
3973
|
+
panelClassName: "bg-popover/95 p-0 shadow-popover",
|
|
3980
3974
|
optionClassName: "mx-1.5 px-3 py-3",
|
|
3981
3975
|
onOpenPanelHeightChange,
|
|
3982
3976
|
renderTrigger: ({ open: open2 }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "block", children: [
|
|
@@ -4102,6 +4096,8 @@ function SwapInputCard({
|
|
|
4102
4096
|
maxText,
|
|
4103
4097
|
selectedPercentage = null,
|
|
4104
4098
|
percentageDisabled = false,
|
|
4099
|
+
hidePercentages = false,
|
|
4100
|
+
oneWay = false,
|
|
4105
4101
|
fromUnitLabel,
|
|
4106
4102
|
fromDisplayUnit,
|
|
4107
4103
|
fromUnitIsToggle = false,
|
|
@@ -4143,7 +4139,7 @@ function SwapInputCard({
|
|
|
4143
4139
|
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "p-3.5 pb-4", children: [
|
|
4144
4140
|
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
|
|
4145
4141
|
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-xs font-bold uppercase tracking-widest text-white/60", children: "You Pay" }),
|
|
4146
|
-
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center gap-1", children: PERCENTAGES.map((percent) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
4142
|
+
!hidePercentages && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center gap-1", children: PERCENTAGES.map((percent) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
4147
4143
|
"button",
|
|
4148
4144
|
{
|
|
4149
4145
|
type: "button",
|
|
@@ -4283,7 +4279,7 @@ function SwapInputCard({
|
|
|
4283
4279
|
"span",
|
|
4284
4280
|
{
|
|
4285
4281
|
className: cn(
|
|
4286
|
-
"
|
|
4282
|
+
"tabular-nums",
|
|
4287
4283
|
quoteExpiresUrgent ? "font-semibold text-warning" : "text-white/40"
|
|
4288
4284
|
),
|
|
4289
4285
|
children: quoteExpiresText
|
|
@@ -4532,7 +4528,7 @@ function ActivityFilterBar({
|
|
|
4532
4528
|
onValueChange: (value) => onStatusFilterChange(value),
|
|
4533
4529
|
children: [
|
|
4534
4530
|
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectTrigger, { className: "h-full rounded-2xl border-0 bg-surface-card px-3 py-0 text-xs font-bold text-white shadow-inner backdrop-blur-xl hover:bg-surface-elevated focus:ring-0 data-[state=open]:bg-surface-elevated", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectValue, {}) }),
|
|
4535
|
-
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectContent, { className: "
|
|
4531
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectContent, { className: "bg-popover/95 p-1.5 shadow-popover", children: statusOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectItem, { value: option.value, className: "py-2 text-xs", children: option.label }, option.value)) })
|
|
4536
4532
|
]
|
|
4537
4533
|
}
|
|
4538
4534
|
) }),
|
|
@@ -4817,7 +4813,7 @@ function WithdrawAmountInput({
|
|
|
4817
4813
|
{
|
|
4818
4814
|
type: "text",
|
|
4819
4815
|
inputMode: "decimal",
|
|
4820
|
-
className: "w-full bg-transparent text-2xl font-bold text-white outline-none placeholder:text-white/15",
|
|
4816
|
+
className: "w-full bg-transparent text-2xl font-bold tabular-nums text-white outline-none placeholder:text-white/15",
|
|
4821
4817
|
placeholder: "0",
|
|
4822
4818
|
value: amount,
|
|
4823
4819
|
onChange: handleAmountChange
|
|
@@ -4836,7 +4832,7 @@ function WithdrawAmountInput({
|
|
|
4836
4832
|
)
|
|
4837
4833
|
] }),
|
|
4838
4834
|
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn(
|
|
4839
|
-
"flex items-center justify-between
|
|
4835
|
+
"flex items-center justify-between bg-muted/40 px-4 py-2"
|
|
4840
4836
|
), children: [
|
|
4841
4837
|
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xxs text-white/40", children: "Available" }),
|
|
4842
4838
|
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: cn(
|
|
@@ -4890,7 +4886,7 @@ function WithdrawAmountInput({
|
|
|
4890
4886
|
setFeeRateMode?.(mode);
|
|
4891
4887
|
if (mode !== "custom") setFeeRate(mode);
|
|
4892
4888
|
},
|
|
4893
|
-
className: `group relative overflow-hidden rounded-xl border px-2 py-3 shadow-sm transition-all active:scale-[0.98] ${selected ? "border-primary/40 bg-primary/10" : "border-
|
|
4889
|
+
className: `group relative overflow-hidden rounded-xl border px-2 py-3 shadow-sm transition-all active:scale-[0.98] ${selected ? "border-primary/40 bg-primary/10" : "border-transparent bg-card/70 hover:border-primary/40"}`,
|
|
4894
4890
|
children: [
|
|
4895
4891
|
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4896
4892
|
"span",
|
|
@@ -5012,7 +5008,7 @@ function WithdrawInvoiceInfo({
|
|
|
5012
5008
|
maxLightningCapacity
|
|
5013
5009
|
}) {
|
|
5014
5010
|
if (decodedLnInvoice && addressType === "lightning") {
|
|
5015
|
-
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-3 rounded-2xl
|
|
5011
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-3 rounded-2xl bg-card p-5 shadow-inner", children: [
|
|
5016
5012
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-xs font-medium uppercase tracking-wide text-primary", children: "Lightning Invoice" }),
|
|
5017
5013
|
decodedLnInvoice.amount != null && decodedLnInvoice.amount > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex justify-between text-sm", children: [
|
|
5018
5014
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground", children: "Amount" }),
|
|
@@ -5044,7 +5040,7 @@ function WithdrawInvoiceInfo({
|
|
|
5044
5040
|
] });
|
|
5045
5041
|
}
|
|
5046
5042
|
if (decodedRgbInvoice && addressType === "rgb") {
|
|
5047
|
-
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-3 rounded-2xl
|
|
5043
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-3 rounded-2xl bg-card p-5 shadow-inner", children: [
|
|
5048
5044
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-xs font-medium uppercase tracking-wide text-primary", children: "RGB Invoice" }),
|
|
5049
5045
|
decodedRgbInvoice.asset_id && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex justify-between text-sm", children: [
|
|
5050
5046
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground", children: "Asset" }),
|
|
@@ -5072,7 +5068,7 @@ function WithdrawInvoiceInfo({
|
|
|
5072
5068
|
] });
|
|
5073
5069
|
}
|
|
5074
5070
|
if (addressType === "bitcoin" || addressType === "arkade") {
|
|
5075
|
-
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "rounded-2xl
|
|
5071
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "rounded-2xl bg-card p-5 shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex justify-between text-sm", children: [
|
|
5076
5072
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground", children: addressType === "arkade" ? "Available Arkade Balance" : "Available Balance" }),
|
|
5077
5073
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "font-bold text-white", children: [
|
|
5078
5074
|
formatRawAmount(assetBalance, getAssetPrecisionForId(allAssets, selectedAssetId)),
|
|
@@ -5103,7 +5099,7 @@ function RouteChoiceCard({
|
|
|
5103
5099
|
recommended && !disabled && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wider text-primary", children: "Recommended" }),
|
|
5104
5100
|
disabled && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "rounded-full bg-danger/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wider text-danger", children: "Insufficient" })
|
|
5105
5101
|
] }),
|
|
5106
|
-
balanceLabel && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "mt-0.5
|
|
5102
|
+
balanceLabel && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "mt-0.5 text-xs tabular-nums text-white/55", children: balanceLabel })
|
|
5107
5103
|
] })
|
|
5108
5104
|
] }),
|
|
5109
5105
|
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "shrink-0 text-xxs font-bold uppercase tracking-wider text-white/40", children: route.feeHint })
|
|
@@ -5198,31 +5194,31 @@ function WithdrawConfirmation({
|
|
|
5198
5194
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h1", { className: "mb-2 text-4xl font-bold", children: displayAmount.toLocaleString() }),
|
|
5199
5195
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-base text-muted-foreground", children: selectedAssetId === "BTC" ? "sats" : selectedAsset?.ticker ?? "units" })
|
|
5200
5196
|
] }),
|
|
5201
|
-
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "overflow-hidden rounded-2xl
|
|
5202
|
-
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between
|
|
5197
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "overflow-hidden rounded-2xl bg-card/90 py-1 shadow-inner backdrop-blur-2xl", children: [
|
|
5198
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
|
|
5203
5199
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "To" }),
|
|
5204
5200
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "max-w-[200px] truncate font-mono text-sm text-white", title: destination, children: destination.length > 24 ? `${destination.substring(0, 12)}...${destination.slice(-12)}` : destination })
|
|
5205
5201
|
] }),
|
|
5206
|
-
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between
|
|
5202
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
|
|
5207
5203
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "Network" }),
|
|
5208
5204
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-1.5", children: [
|
|
5209
5205
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "size-1.5 rounded-full bg-primary" }),
|
|
5210
5206
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-bold text-white", children: networkLabel })
|
|
5211
5207
|
] })
|
|
5212
5208
|
] }),
|
|
5213
|
-
routeAccount && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between
|
|
5209
|
+
routeAccount && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
|
|
5214
5210
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "From Account" }),
|
|
5215
5211
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-bold text-white", children: routeAccount })
|
|
5216
5212
|
] }),
|
|
5217
|
-
routeMethod && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between
|
|
5213
|
+
routeMethod && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
|
|
5218
5214
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "Route Method" }),
|
|
5219
5215
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-bold text-white", children: routeMethod })
|
|
5220
5216
|
] }),
|
|
5221
|
-
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between
|
|
5217
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
|
|
5222
5218
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "Asset" }),
|
|
5223
5219
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-bold text-white", children: selectedAsset?.ticker ?? selectedAssetId })
|
|
5224
5220
|
] }),
|
|
5225
|
-
estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between
|
|
5221
|
+
estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
|
|
5226
5222
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "Network Fee" }),
|
|
5227
5223
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col items-end", children: [
|
|
5228
5224
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "text-sm text-white", children: [
|
|
@@ -5233,7 +5229,7 @@ function WithdrawConfirmation({
|
|
|
5233
5229
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "mt-0.5 text-xxs font-bold capitalize tracking-wider text-primary", children: feeRate })
|
|
5234
5230
|
] })
|
|
5235
5231
|
] }),
|
|
5236
|
-
addressType === "rgb" && decodedRgbInvoice?.recipient_type === "Witness" && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between
|
|
5232
|
+
addressType === "rgb" && decodedRgbInvoice?.recipient_type === "Witness" && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
|
|
5237
5233
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "Witness Amount" }),
|
|
5238
5234
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "text-sm text-white", children: [
|
|
5239
5235
|
witnessAmountSat,
|
|
@@ -5241,7 +5237,7 @@ function WithdrawConfirmation({
|
|
|
5241
5237
|
] })
|
|
5242
5238
|
] })
|
|
5243
5239
|
] }),
|
|
5244
|
-
selectedAssetId === "BTC" && estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between rounded-2xl
|
|
5240
|
+
selectedAssetId === "BTC" && estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between rounded-2xl bg-primary/10 p-5 px-2 shadow-inner", children: [
|
|
5245
5241
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-bold uppercase tracking-wider text-primary", children: "Total to deduct" }),
|
|
5246
5242
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "text-xl font-bold text-white", children: [
|
|
5247
5243
|
(Math.round(parseFloat(amount) || 0) + estimatedFee).toLocaleString(),
|
|
@@ -5249,7 +5245,7 @@ function WithdrawConfirmation({
|
|
|
5249
5245
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-lg text-primary/70", children: "sats" })
|
|
5250
5246
|
] })
|
|
5251
5247
|
] }),
|
|
5252
|
-
isPollingStatus && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-3 rounded-xl
|
|
5248
|
+
isPollingStatus && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-3 rounded-xl bg-primary/10 p-4", children: [
|
|
5253
5249
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "material-symbols-outlined animate-spin text-primary", children: "progress_activity" }),
|
|
5254
5250
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
|
|
5255
5251
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-sm font-medium text-white", children: "Processing payment..." }),
|
|
@@ -5297,7 +5293,7 @@ function WithdrawSuccess({
|
|
|
5297
5293
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h1", { className: "mb-2 text-3xl font-bold", children: "Payment Sent!" }),
|
|
5298
5294
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "max-w-xs text-center text-muted-foreground", children: "Your transaction has been successfully processed." }),
|
|
5299
5295
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "mt-12 w-full max-w-xs space-y-4", children: [
|
|
5300
|
-
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center justify-between rounded-2xl
|
|
5296
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center justify-between rounded-2xl bg-card p-5 shadow-inner", children: [
|
|
5301
5297
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-sm text-muted-foreground", children: "Amount" }),
|
|
5302
5298
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "text-xl font-bold", children: [
|
|
5303
5299
|
displayAmount.toLocaleString(),
|
|
@@ -5305,11 +5301,11 @@ function WithdrawSuccess({
|
|
|
5305
5301
|
selectedAssetId === "BTC" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-sm text-primary/70", children: "sats" }) : selectedAsset?.ticker ?? "units"
|
|
5306
5302
|
] })
|
|
5307
5303
|
] }),
|
|
5308
|
-
(txResult?.paymentHash || txResult?.payment_hash) && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "rounded-2xl
|
|
5304
|
+
(txResult?.paymentHash || txResult?.payment_hash) && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "rounded-2xl bg-card p-5 shadow-inner", children: [
|
|
5309
5305
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Payment Hash" }),
|
|
5310
5306
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "break-all font-mono text-xs leading-relaxed text-muted-foreground", children: txResult.paymentHash ?? txResult.payment_hash })
|
|
5311
5307
|
] }),
|
|
5312
|
-
txResult?.txid && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "rounded-2xl
|
|
5308
|
+
txResult?.txid && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "rounded-2xl bg-card p-5 shadow-inner", children: [
|
|
5313
5309
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Transaction ID" }),
|
|
5314
5310
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "break-all font-mono text-xs leading-relaxed text-muted-foreground", children: txResult.txid })
|
|
5315
5311
|
] })
|
|
@@ -5323,7 +5319,7 @@ function WithdrawSuccess({
|
|
|
5323
5319
|
handleReset();
|
|
5324
5320
|
onDone();
|
|
5325
5321
|
},
|
|
5326
|
-
className: "w-full rounded-2xl
|
|
5322
|
+
className: "w-full rounded-2xl bg-card py-4 text-lg font-bold text-white transition-all hover:bg-accent active:scale-[0.98]",
|
|
5327
5323
|
children: "Back to Dashboard"
|
|
5328
5324
|
}
|
|
5329
5325
|
) })
|
|
@@ -5571,32 +5567,32 @@ function AlertBanner({ variant = "info", icon, children, className }) {
|
|
|
5571
5567
|
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5572
5568
|
var toneClass = {
|
|
5573
5569
|
default: {
|
|
5574
|
-
panel: "
|
|
5570
|
+
panel: "bg-card/70",
|
|
5575
5571
|
icon: "text-muted-foreground",
|
|
5576
5572
|
title: "text-foreground"
|
|
5577
5573
|
},
|
|
5578
5574
|
primary: {
|
|
5579
|
-
panel: "
|
|
5575
|
+
panel: "bg-primary/10",
|
|
5580
5576
|
icon: "text-primary",
|
|
5581
5577
|
title: "text-primary"
|
|
5582
5578
|
},
|
|
5583
5579
|
info: {
|
|
5584
|
-
panel: "
|
|
5580
|
+
panel: "bg-info/10",
|
|
5585
5581
|
icon: "text-info",
|
|
5586
5582
|
title: "text-info"
|
|
5587
5583
|
},
|
|
5588
5584
|
warning: {
|
|
5589
|
-
panel: "
|
|
5585
|
+
panel: "bg-warning/10",
|
|
5590
5586
|
icon: "text-warning",
|
|
5591
5587
|
title: "text-warning"
|
|
5592
5588
|
},
|
|
5593
5589
|
danger: {
|
|
5594
|
-
panel: "
|
|
5590
|
+
panel: "bg-danger/10",
|
|
5595
5591
|
icon: "text-danger",
|
|
5596
5592
|
title: "text-danger"
|
|
5597
5593
|
},
|
|
5598
5594
|
success: {
|
|
5599
|
-
panel: "
|
|
5595
|
+
panel: "bg-success/10",
|
|
5600
5596
|
icon: "text-success",
|
|
5601
5597
|
title: "text-success"
|
|
5602
5598
|
}
|
|
@@ -5610,7 +5606,7 @@ function InfoPanel({
|
|
|
5610
5606
|
}) {
|
|
5611
5607
|
const styles = toneClass[tone];
|
|
5612
5608
|
const renderedIcon = typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: icon, className: cn("mt-0.5 shrink-0 text-icon-xl", styles.icon) }) : icon;
|
|
5613
|
-
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("rounded-xl
|
|
5609
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("rounded-xl p-4", styles.panel, className), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-start gap-3", children: [
|
|
5614
5610
|
renderedIcon,
|
|
5615
5611
|
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "min-w-0 flex-1", children: [
|
|
5616
5612
|
title && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: cn("text-sm font-bold", styles.title), children: title }),
|
|
@@ -5699,7 +5695,7 @@ function RecoveryPhraseCard({
|
|
|
5699
5695
|
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "font-mono text-sm text-white", children: word })
|
|
5700
5696
|
] }, `${index}-${word}`))
|
|
5701
5697
|
}
|
|
5702
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "rounded-xl
|
|
5698
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "rounded-xl bg-warning/10 px-4 py-3 text-sm text-warning", children: emptyMessage }),
|
|
5703
5699
|
hasWords && !revealed && onRevealChange && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
5704
5700
|
Button,
|
|
5705
5701
|
{
|
|
@@ -5791,7 +5787,7 @@ function BottomSheet({
|
|
|
5791
5787
|
"div",
|
|
5792
5788
|
{
|
|
5793
5789
|
className: cn(
|
|
5794
|
-
"max-h-[90vh] w-full overflow-y-auto rounded-t-2xl
|
|
5790
|
+
"max-h-[90vh] w-full overflow-y-auto rounded-t-2xl bg-card px-4 pb-6 pt-5 shadow-xl animate-in slide-in-from-bottom-4 duration-200",
|
|
5795
5791
|
contentClassName
|
|
5796
5792
|
),
|
|
5797
5793
|
children: [
|
|
@@ -5843,7 +5839,7 @@ function DisclosureCard({
|
|
|
5843
5839
|
type: "button",
|
|
5844
5840
|
onClick: () => onOpenChange(!open),
|
|
5845
5841
|
className: cn(
|
|
5846
|
-
"flex w-full items-center justify-between rounded-xl
|
|
5842
|
+
"flex w-full items-center justify-between rounded-xl bg-muted/40 px-3 py-2 text-left transition-colors hover:bg-muted/60",
|
|
5847
5843
|
triggerClassName
|
|
5848
5844
|
),
|
|
5849
5845
|
children: [
|
|
@@ -5865,7 +5861,7 @@ function DisclosureCard({
|
|
|
5865
5861
|
"div",
|
|
5866
5862
|
{
|
|
5867
5863
|
className: cn(
|
|
5868
|
-
"mt-3 rounded-xl
|
|
5864
|
+
"mt-3 rounded-xl bg-muted/40 px-3 py-3",
|
|
5869
5865
|
contentClassName
|
|
5870
5866
|
),
|
|
5871
5867
|
children
|
|
@@ -5947,13 +5943,13 @@ function StepperNumberInput({
|
|
|
5947
5943
|
// src/web/components/metric-card.tsx
|
|
5948
5944
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5949
5945
|
var toneClasses2 = {
|
|
5950
|
-
primary: "
|
|
5951
|
-
purple: "
|
|
5952
|
-
blue: "
|
|
5953
|
-
info: "
|
|
5954
|
-
warning: "
|
|
5955
|
-
success: "
|
|
5956
|
-
muted: "
|
|
5946
|
+
primary: "bg-primary/10 text-primary",
|
|
5947
|
+
purple: "bg-network-arkade/10 text-network-arkade",
|
|
5948
|
+
blue: "bg-info/10 text-info",
|
|
5949
|
+
info: "bg-info/10 text-info",
|
|
5950
|
+
warning: "bg-warning/10 text-warning",
|
|
5951
|
+
success: "bg-success/10 text-success",
|
|
5952
|
+
muted: "bg-white/8 text-muted-foreground"
|
|
5957
5953
|
};
|
|
5958
5954
|
function MetricCard({
|
|
5959
5955
|
label,
|
|
@@ -5963,12 +5959,12 @@ function MetricCard({
|
|
|
5963
5959
|
tone = "muted",
|
|
5964
5960
|
className
|
|
5965
5961
|
}) {
|
|
5966
|
-
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: cn("space-y-1 rounded-xl
|
|
5962
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: cn("space-y-1 rounded-xl bg-card/70 p-2.5", className), children: [
|
|
5967
5963
|
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-1.5", children: [
|
|
5968
5964
|
icon && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: cn("flex size-5 items-center justify-center rounded-md", toneClasses2[tone]), children: typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: icon, className: "text-icon-xs" }) : icon }),
|
|
5969
5965
|
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-xxs font-bold uppercase tracking-widest text-white/45", children: label })
|
|
5970
5966
|
] }),
|
|
5971
|
-
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "
|
|
5967
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "text-sm font-bold tabular-nums text-foreground", children: value }),
|
|
5972
5968
|
description && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "text-xxs text-white/45", children: description })
|
|
5973
5969
|
] });
|
|
5974
5970
|
}
|
|
@@ -6133,7 +6129,7 @@ function SecretRevealCard({
|
|
|
6133
6129
|
{
|
|
6134
6130
|
type: "button",
|
|
6135
6131
|
onClick: () => onRevealChange(true),
|
|
6136
|
-
className: "flex items-center gap-2 rounded-xl
|
|
6132
|
+
className: "flex items-center gap-2 rounded-xl bg-card px-4 py-2 text-sm font-bold text-foreground shadow-lg transition-all hover:bg-accent",
|
|
6137
6133
|
children: [
|
|
6138
6134
|
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Icon, { name: "visibility", className: "text-icon-lg" }),
|
|
6139
6135
|
revealLabel
|
|
@@ -6251,7 +6247,7 @@ function SelectableCard({
|
|
|
6251
6247
|
] });
|
|
6252
6248
|
const cardClassName = cn(
|
|
6253
6249
|
"w-full rounded-2xl border p-4 text-left transition-all duration-200",
|
|
6254
|
-
selected ? "border-primary/40 bg-primary/10 shadow-sm" : "border-
|
|
6250
|
+
selected ? "border-primary/40 bg-primary/10 shadow-sm" : "border-transparent bg-card/70 hover:bg-card",
|
|
6255
6251
|
className
|
|
6256
6252
|
);
|
|
6257
6253
|
if (onClick) {
|
|
@@ -7403,8 +7399,8 @@ function InvoiceStatusBanner({
|
|
|
7403
7399
|
"div",
|
|
7404
7400
|
{
|
|
7405
7401
|
className: cn(
|
|
7406
|
-
"flex items-center justify-center gap-2 rounded-xl
|
|
7407
|
-
isInvoicePaid ? "
|
|
7402
|
+
"flex items-center justify-center gap-2 rounded-xl px-3 py-1.5 text-xs font-bold",
|
|
7403
|
+
isInvoicePaid ? "bg-primary/10 text-primary" : isInvoiceFailedOrExpired ? "bg-danger/10 text-danger" : "bg-warning/10 text-warning"
|
|
7408
7404
|
),
|
|
7409
7405
|
children: [
|
|
7410
7406
|
isInvoicePending && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
|
|
@@ -7512,7 +7508,7 @@ function NetworkInfoDisclosure({
|
|
|
7512
7508
|
}) {
|
|
7513
7509
|
const [open, setOpen] = (0, import_react15.useState)(false);
|
|
7514
7510
|
if (networks.length === 0) return null;
|
|
7515
|
-
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: cn("overflow-hidden rounded-xl
|
|
7511
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: cn("overflow-hidden rounded-xl bg-card/70 transition-all", className), children: [
|
|
7516
7512
|
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
7517
7513
|
"button",
|
|
7518
7514
|
{
|
|
@@ -7588,11 +7584,11 @@ function DepositSuccessScreen({
|
|
|
7588
7584
|
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center p-6 text-center", children: [
|
|
7589
7585
|
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative mb-8", children: [
|
|
7590
7586
|
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "absolute inset-0 scale-150 animate-pulse rounded-full bg-primary/20 blur-2xl" }),
|
|
7591
|
-
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "relative flex size-20 items-center justify-center rounded-full
|
|
7587
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "relative flex size-20 items-center justify-center rounded-full bg-primary/15 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "material-symbols-outlined text-5xl text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
|
|
7592
7588
|
] }),
|
|
7593
7589
|
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("h1", { className: "mb-2 text-2xl font-bold text-white", children: title }),
|
|
7594
7590
|
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "mb-8 max-w-[260px] text-sm leading-relaxed text-muted-foreground", children: subtitle }),
|
|
7595
|
-
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "mb-10 flex items-center gap-3 rounded-2xl
|
|
7591
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "mb-10 flex items-center gap-3 rounded-2xl bg-card/70 px-4 py-3", children: [
|
|
7596
7592
|
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(AssetIcon, { ticker: displayTicker, size: 36 }),
|
|
7597
7593
|
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "text-left", children: [
|
|
7598
7594
|
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-sm font-bold text-white", children: displayTicker }),
|
|
@@ -7664,7 +7660,7 @@ function DepositNetworkDefaultModal({
|
|
|
7664
7660
|
}) {
|
|
7665
7661
|
if (!open) return null;
|
|
7666
7662
|
const options = availableAccounts.map((id) => NETWORK_OPTIONS[id]).filter(Boolean);
|
|
7667
|
-
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-background/80 backdrop-blur-lg", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "w-full space-y-4 rounded-t-2xl
|
|
7663
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-background/80 backdrop-blur-lg", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "w-full space-y-4 rounded-t-2xl bg-card px-4 pb-7 pt-5 animate-in slide-in-from-bottom-4 duration-200", children: [
|
|
7668
7664
|
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "-mt-1 mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "h-1 w-10 rounded-full bg-white/15" }) }),
|
|
7669
7665
|
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { children: [
|
|
7670
7666
|
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-sm font-bold text-white", children: "Choose your default network" }),
|
|
@@ -7683,8 +7679,8 @@ function DepositNetworkDefaultModal({
|
|
|
7683
7679
|
type: "button",
|
|
7684
7680
|
onClick: () => onSelect(option.network),
|
|
7685
7681
|
className: cn(
|
|
7686
|
-
"flex w-full items-center gap-3 rounded-xl
|
|
7687
|
-
isSuggested ?
|
|
7682
|
+
"flex w-full items-center gap-3 rounded-xl p-3 text-left transition-all",
|
|
7683
|
+
isSuggested ? option.accentBg : "bg-muted/40 hover:bg-muted/60"
|
|
7688
7684
|
),
|
|
7689
7685
|
children: [
|
|
7690
7686
|
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
@@ -7936,7 +7932,7 @@ function DepositGeneratedView({
|
|
|
7936
7932
|
onRegenerate
|
|
7937
7933
|
}) {
|
|
7938
7934
|
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
|
|
7939
|
-
(network === "lightning" || network === "arkade" && arkSubMode === "ark") && isBtc && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl
|
|
7935
|
+
(network === "lightning" || network === "arkade" && arkSubMode === "ark") && isBtc && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl bg-card/70 p-2.5", children: [
|
|
7940
7936
|
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
|
|
7941
7937
|
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7942
7938
|
"input",
|
|
@@ -7956,7 +7952,7 @@ function DepositGeneratedView({
|
|
|
7956
7952
|
"..."
|
|
7957
7953
|
] }) : network === "arkade" ? `Unified URI for ${amount} ${getUnitLabel()}` : `Invoice for ${amount} ${getUnitLabel()}` })
|
|
7958
7954
|
] }),
|
|
7959
|
-
network === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl
|
|
7955
|
+
network === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl bg-card/70 p-2.5", children: [
|
|
7960
7956
|
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
|
|
7961
7957
|
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7962
7958
|
"input",
|
|
@@ -7973,7 +7969,7 @@ function DepositGeneratedView({
|
|
|
7973
7969
|
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
|
|
7974
7970
|
"Updating invoice..."
|
|
7975
7971
|
] }) : `Invoice for ${amount} ${getUnitLabel()}` }),
|
|
7976
|
-
amount && maxDepositAmount > 0 && parseAssetAmount(amount, selectedAsset) > maxDepositAmount && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("p", { className: "rounded-lg
|
|
7972
|
+
amount && maxDepositAmount > 0 && parseAssetAmount(amount, selectedAsset) > maxDepositAmount && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("p", { className: "rounded-lg bg-danger/10 px-2.5 py-1.5 text-xxs text-danger", children: [
|
|
7977
7973
|
"Exceeds max: ",
|
|
7978
7974
|
formatAssetAmount(maxDepositAmount, selectedAsset),
|
|
7979
7975
|
" ",
|
|
@@ -7984,10 +7980,7 @@ function DepositGeneratedView({
|
|
|
7984
7980
|
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7985
7981
|
"div",
|
|
7986
7982
|
{
|
|
7987
|
-
className:
|
|
7988
|
-
"relative flex flex-col items-center rounded-2xl border-2 bg-white p-3.5 transition-all",
|
|
7989
|
-
net.qrBorder
|
|
7990
|
-
),
|
|
7983
|
+
className: "relative flex flex-col items-center rounded-2xl bg-white p-3.5 transition-all",
|
|
7991
7984
|
style: net.qrGlow,
|
|
7992
7985
|
children: [
|
|
7993
7986
|
showQrNetworkBadge && network !== "spark" && network !== "arkade" && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
@@ -8049,11 +8042,9 @@ function DepositGeneratedView({
|
|
|
8049
8042
|
"data-testid": "deposit-generated-address",
|
|
8050
8043
|
"data-address": address,
|
|
8051
8044
|
className: cn(
|
|
8052
|
-
"group flex cursor-pointer items-center gap-2 rounded-xl
|
|
8053
|
-
"transition-all hover:bg-
|
|
8054
|
-
net.border
|
|
8045
|
+
"group flex cursor-pointer items-center gap-2 rounded-xl bg-card/70 px-2.5 py-1.5",
|
|
8046
|
+
"transition-all hover:bg-card active:scale-[0.98]"
|
|
8055
8047
|
),
|
|
8056
|
-
style: { borderLeftWidth: 3, borderLeftColor: net.color },
|
|
8057
8048
|
onClick: () => void copyToClipboard(address),
|
|
8058
8049
|
children: [
|
|
8059
8050
|
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: cn("flex size-5 flex-shrink-0 items-center justify-center rounded-md", net.bg), children: net.icon }),
|
|
@@ -8069,10 +8060,9 @@ function DepositGeneratedView({
|
|
|
8069
8060
|
"div",
|
|
8070
8061
|
{
|
|
8071
8062
|
className: cn(
|
|
8072
|
-
"group flex cursor-pointer items-center gap-2 rounded-xl
|
|
8073
|
-
"
|
|
8063
|
+
"group flex cursor-pointer items-center gap-2 rounded-xl bg-primary/10 px-2.5 py-1.5",
|
|
8064
|
+
"transition-all hover:bg-primary/15 active:scale-[0.98]"
|
|
8074
8065
|
),
|
|
8075
|
-
style: { borderLeftWidth: 3, borderLeftColor: "var(--primary)" },
|
|
8076
8066
|
onClick: () => void copyToClipboard(recipientId),
|
|
8077
8067
|
children: [
|
|
8078
8068
|
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex size-5 flex-shrink-0 items-center justify-center rounded-md bg-primary/15", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: "person", size: "xs", className: "text-primary" }) }),
|
|
@@ -8161,7 +8151,7 @@ function DepositPreGeneration({
|
|
|
8161
8151
|
const method = METHOD_META2[currentMethod];
|
|
8162
8152
|
const isRgbOnchain = network === "onchain" && !isBtc;
|
|
8163
8153
|
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "space-y-3", children: [
|
|
8164
|
-
showReceiveSummary && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "rounded-2xl
|
|
8154
|
+
showReceiveSummary && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "rounded-2xl bg-card/70 p-3", children: [
|
|
8165
8155
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Receive Summary" }),
|
|
8166
8156
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "mt-2 grid grid-cols-1 gap-2 text-xs", children: [
|
|
8167
8157
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
|
|
@@ -8179,7 +8169,7 @@ function DepositPreGeneration({
|
|
|
8179
8169
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-tiny text-white/35", children: method.summary })
|
|
8180
8170
|
] })
|
|
8181
8171
|
] }),
|
|
8182
|
-
channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2.5 rounded-xl
|
|
8172
|
+
channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2.5 rounded-xl bg-card/70 p-3", children: [
|
|
8183
8173
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-lg text-primary", children: "progress_activity" }),
|
|
8184
8174
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-xs font-medium text-white/60", children: "Checking channel availability..." })
|
|
8185
8175
|
] }),
|
|
@@ -8196,7 +8186,7 @@ function DepositPreGeneration({
|
|
|
8196
8186
|
] })
|
|
8197
8187
|
] }),
|
|
8198
8188
|
isAutoGenerate && loading && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col items-center gap-4 py-10", children: [
|
|
8199
|
-
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: cn("flex size-16 items-center justify-center rounded-2xl
|
|
8189
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: cn("flex size-16 items-center justify-center rounded-2xl", net.bg), children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: cn("material-symbols-outlined animate-spin text-icon-4xl", net.text), children: "progress_activity" }) }),
|
|
8200
8190
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "space-y-1 text-center", children: [
|
|
8201
8191
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("p", { className: "text-sm font-bold text-muted-foreground", children: [
|
|
8202
8192
|
"Generating ",
|
|
@@ -8225,7 +8215,7 @@ function DepositPreGeneration({
|
|
|
8225
8215
|
),
|
|
8226
8216
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-xxs text-white/35", children: "Enter a specific asset ID to receive it, or leave empty to accept any RGB asset to this invoice." })
|
|
8227
8217
|
] }),
|
|
8228
|
-
isRgbOnchain && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "space-y-2.5 rounded-xl
|
|
8218
|
+
isRgbOnchain && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "space-y-2.5 rounded-xl bg-card/70 p-3", children: [
|
|
8229
8219
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
|
|
8230
8220
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "min-w-0 flex-1", children: [
|
|
8231
8221
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h4", { className: "text-xs font-bold text-white", children: usePrivacy ? "Blinded receive" : "Witness receive" }),
|
|
@@ -8237,7 +8227,7 @@ function DepositPreGeneration({
|
|
|
8237
8227
|
type: "button",
|
|
8238
8228
|
"aria-label": "Toggle blinded (private) receive",
|
|
8239
8229
|
className: cn(
|
|
8240
|
-
"relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full
|
|
8230
|
+
"relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full shadow-inner transition-colors",
|
|
8241
8231
|
usePrivacy ? "bg-primary" : "bg-white/10"
|
|
8242
8232
|
),
|
|
8243
8233
|
onClick: () => setUsePrivacy(!usePrivacy),
|
|
@@ -8258,12 +8248,12 @@ function DepositPreGeneration({
|
|
|
8258
8248
|
"div",
|
|
8259
8249
|
{
|
|
8260
8250
|
className: cn(
|
|
8261
|
-
"flex items-center justify-between rounded-lg
|
|
8262
|
-
colorableUtxoCount > 0 ? "
|
|
8251
|
+
"flex items-center justify-between rounded-lg px-2.5 py-1.5 text-xxs",
|
|
8252
|
+
colorableUtxoCount > 0 ? "bg-success/10 text-success/80" : "bg-warning/10 text-warning/80"
|
|
8263
8253
|
),
|
|
8264
8254
|
children: [
|
|
8265
8255
|
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "font-medium", children: "Available colorable UTXOs" }),
|
|
8266
|
-
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "font-
|
|
8256
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "font-bold tabular-nums", children: colorableUtxoCount })
|
|
8267
8257
|
]
|
|
8268
8258
|
}
|
|
8269
8259
|
),
|
|
@@ -8488,7 +8478,7 @@ function DepositAssetSelection({
|
|
|
8488
8478
|
{
|
|
8489
8479
|
type: "button",
|
|
8490
8480
|
"data-testid": `deposit-asset-${asset.asset_id}`,
|
|
8491
|
-
className: "group flex w-full min-w-0 items-center gap-3 overflow-hidden rounded-2xl
|
|
8481
|
+
className: "group flex w-full min-w-0 items-center gap-3 overflow-hidden rounded-2xl bg-white/3 px-4 py-3 text-sm transition-all hover:bg-accent",
|
|
8492
8482
|
onClick: () => onSelectAsset(asset),
|
|
8493
8483
|
children: [
|
|
8494
8484
|
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(AssetIcon, { ticker: asset.ticker, size: 40, className: "flex-shrink-0" }),
|
|
@@ -8509,7 +8499,7 @@ function DepositAssetSelection({
|
|
|
8509
8499
|
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "mt-0.5 truncate text-xs text-white/40", children: asset.name ?? "Asset" })
|
|
8510
8500
|
] }),
|
|
8511
8501
|
balance > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex-shrink-0 text-right", children: [
|
|
8512
|
-
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "
|
|
8502
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "text-xs font-bold tabular-nums text-white", children: formatAssetBalance(asset) }),
|
|
8513
8503
|
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "mt-0.5 text-tiny uppercase tracking-wider text-white/35", children: asset.ticker })
|
|
8514
8504
|
] }),
|
|
8515
8505
|
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "material-symbols-outlined flex-shrink-0 text-icon-sm text-white/20 transition-colors group-hover:text-white/50", children: "arrow_forward" })
|
|
@@ -8541,7 +8531,7 @@ function DepositAssetSelection({
|
|
|
8541
8531
|
type: "button",
|
|
8542
8532
|
"data-testid": "deposit-add-asset",
|
|
8543
8533
|
onClick: () => setShowAddAssetModal(true),
|
|
8544
|
-
className: "group flex w-full items-center gap-3 rounded-2xl
|
|
8534
|
+
className: "group flex w-full items-center gap-3 rounded-2xl bg-white/3 p-3 transition-all hover:bg-accent",
|
|
8545
8535
|
children: [
|
|
8546
8536
|
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-primary/15", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon, { name: "add", size: "md", className: "text-primary" }) }),
|
|
8547
8537
|
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex-1 text-left", children: [
|
|
@@ -8770,7 +8760,7 @@ function DepositInvoiceGeneration({
|
|
|
8770
8760
|
(() => {
|
|
8771
8761
|
const hideDestinationRail = isNewAsset && (network === "spark" || network === "arkade");
|
|
8772
8762
|
if (hideDestinationRail) return null;
|
|
8773
|
-
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex-shrink-0
|
|
8763
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex-shrink-0 bg-background px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "space-y-2", children: [
|
|
8774
8764
|
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { children: [
|
|
8775
8765
|
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
|
|
8776
8766
|
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
@@ -8839,9 +8829,8 @@ function DepositInvoiceGeneration({
|
|
|
8839
8829
|
"div",
|
|
8840
8830
|
{
|
|
8841
8831
|
className: cn(
|
|
8842
|
-
"flex size-16 items-center justify-center rounded-2xl
|
|
8843
|
-
NETWORK_CONFIG[btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain"].bg
|
|
8844
|
-
NETWORK_CONFIG[btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain"].border
|
|
8832
|
+
"flex size-16 items-center justify-center rounded-2xl",
|
|
8833
|
+
NETWORK_CONFIG[btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain"].bg
|
|
8845
8834
|
),
|
|
8846
8835
|
children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8847
8836
|
"span",
|