@rash2x/bridge-widget 0.1.27 → 0.1.29
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/evaa-bridge.cjs +151 -45
- package/dist/evaa-bridge.cjs.map +1 -1
- package/dist/evaa-bridge.mjs +151 -45
- package/dist/evaa-bridge.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/evaa-bridge.cjs
CHANGED
|
@@ -449,25 +449,125 @@ const MetaMaskIcon = (props) => {
|
|
|
449
449
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
450
450
|
"svg",
|
|
451
451
|
{
|
|
452
|
+
width: "31",
|
|
453
|
+
height: "31",
|
|
454
|
+
viewBox: "0 0 31 31",
|
|
455
|
+
fill: "none",
|
|
456
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
457
|
+
...props,
|
|
458
|
+
children: [
|
|
459
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
460
|
+
"mask",
|
|
461
|
+
{
|
|
462
|
+
id: "mask0_13528_106779",
|
|
463
|
+
maskUnits: "userSpaceOnUse",
|
|
464
|
+
x: "0",
|
|
465
|
+
y: "0",
|
|
466
|
+
width: "31",
|
|
467
|
+
height: "31",
|
|
468
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "15.5", cy: "15.5", r: "15.5", fill: "#190066" })
|
|
469
|
+
}
|
|
470
|
+
),
|
|
471
|
+
/* @__PURE__ */ jsxRuntime.jsx("g", { mask: "url(#mask0_13528_106779)", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "15.5", cy: "15.5", r: "15.5", fill: "#190066" }) }),
|
|
472
|
+
/* @__PURE__ */ jsxRuntime.jsxs("g", { "clip-path": "url(#clip0_13528_106779)", children: [
|
|
473
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
474
|
+
"path",
|
|
475
|
+
{
|
|
476
|
+
d: "M23.1854 23.0614L19.3864 21.9326L16.5214 23.6416L14.5224 23.6407L11.6556 21.9326L7.85821 23.0612L6.70312 19.1703L7.85821 14.8517L6.70312 11.2002L7.85821 6.6748L13.7921 10.2122H17.2517L23.1854 6.6748L24.3405 11.2002L23.1854 14.8515L24.3405 19.1701L23.1854 23.0614Z",
|
|
477
|
+
fill: "#FF5C16"
|
|
478
|
+
}
|
|
479
|
+
),
|
|
480
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
481
|
+
"path",
|
|
482
|
+
{
|
|
483
|
+
d: "M7.85156 6.6748L13.7855 10.2149L13.5494 12.6443L7.85156 6.6748ZM11.6495 19.1716L14.2605 21.1561L11.6495 21.9323V19.1716ZM14.051 15.8903L13.5492 12.6456L10.3374 14.8519L10.3356 14.851V14.8528L10.3456 17.1237L11.6481 15.8903H14.051ZM23.1775 6.6748L17.2438 10.2149L17.4788 12.6443L23.1775 6.6748ZM19.3808 19.1716L16.7702 21.156L19.381 21.9321L19.3808 19.1716ZM20.693 14.8526V14.851L20.6922 14.8519L17.4801 12.6456L16.9784 15.8903H19.3806L20.6838 17.1237L20.693 14.8526Z",
|
|
484
|
+
fill: "#FF5C16"
|
|
485
|
+
}
|
|
486
|
+
),
|
|
487
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
488
|
+
"path",
|
|
489
|
+
{
|
|
490
|
+
d: "M11.6558 21.9281L7.85821 23.0567L6.70312 19.1675H11.6558V21.9281ZM14.0577 15.8857L14.783 20.5764L13.7777 17.9685L10.3514 17.1201L11.6545 15.8859L14.0577 15.8857ZM19.388 21.9281L23.1856 23.0567L24.3407 19.1675H19.388V21.9281ZM16.9862 15.8857L16.2608 20.5764L17.2661 17.9685L20.6925 17.1201L19.3884 15.8859L16.9862 15.8857Z",
|
|
491
|
+
fill: "#E34807"
|
|
492
|
+
}
|
|
493
|
+
),
|
|
494
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
495
|
+
"path",
|
|
496
|
+
{
|
|
497
|
+
d: "M6.70312 19.1685L7.85821 14.8496H10.3424L10.3515 17.1215L13.7779 17.9697L14.7832 20.5777L14.2664 21.1521L11.6558 19.1675H6.70312V19.1685ZM24.3409 19.1685L23.1858 14.8496H20.7016L20.6925 17.1215L17.2661 17.9697L16.2608 20.5777L16.7776 21.1521L19.3884 19.1675H24.3407L24.3409 19.1685ZM17.2519 10.21H13.7923L13.5571 12.6394L14.7834 20.5746H16.2608L17.488 12.6394L17.2519 10.21Z",
|
|
498
|
+
fill: "#FF8D5D"
|
|
499
|
+
}
|
|
500
|
+
),
|
|
501
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
502
|
+
"path",
|
|
503
|
+
{
|
|
504
|
+
d: "M7.85821 6.6748L6.70312 11.2002L7.85821 14.8515H10.3424L13.556 12.6443L7.85821 6.6748ZM13.3407 16.8324H12.2154L11.6025 17.4318L13.7793 17.9705L13.3407 16.8317V16.8324ZM23.1856 6.6748L24.3407 11.2002L23.1856 14.8515H20.7014L17.4878 12.6443L23.1856 6.6748ZM17.705 16.8324H18.8317L19.4446 17.4327L17.2652 17.9721L17.705 16.8317V16.8324ZM16.5209 22.0935L16.7776 21.1554L16.261 20.5811H14.7828L14.2662 21.1554L14.523 22.0934",
|
|
505
|
+
fill: "#661800"
|
|
506
|
+
}
|
|
507
|
+
),
|
|
508
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
509
|
+
"path",
|
|
510
|
+
{
|
|
511
|
+
d: "M16.5176 22.0928V23.6414H14.5195V22.0928H16.5176Z",
|
|
512
|
+
fill: "#C0C4CD"
|
|
513
|
+
}
|
|
514
|
+
),
|
|
515
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
516
|
+
"path",
|
|
517
|
+
{
|
|
518
|
+
d: "M11.6602 21.9353L14.5277 23.6459V22.0971L14.2711 21.1592L11.6602 21.9353ZM19.3914 21.9353L16.5239 23.6459V22.0971L16.7805 21.1592L19.3914 21.9353Z",
|
|
519
|
+
fill: "#E7EBF6"
|
|
520
|
+
}
|
|
521
|
+
)
|
|
522
|
+
] }),
|
|
523
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_13528_106779", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
524
|
+
"rect",
|
|
525
|
+
{
|
|
526
|
+
width: "17.7143",
|
|
527
|
+
height: "17.1664",
|
|
528
|
+
fill: "white",
|
|
529
|
+
transform: "translate(6.65234 6.64355)"
|
|
530
|
+
}
|
|
531
|
+
) }) })
|
|
532
|
+
]
|
|
533
|
+
}
|
|
534
|
+
);
|
|
535
|
+
};
|
|
536
|
+
const WalletConnectIcon = (props) => {
|
|
537
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
538
|
+
"svg",
|
|
539
|
+
{
|
|
540
|
+
width: "31",
|
|
541
|
+
height: "31",
|
|
542
|
+
viewBox: "0 0 31 31",
|
|
452
543
|
fill: "none",
|
|
453
|
-
height: "30",
|
|
454
|
-
viewBox: "0 0 400 400",
|
|
455
|
-
width: "30",
|
|
456
544
|
xmlns: "http://www.w3.org/2000/svg",
|
|
457
|
-
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
458
545
|
...props,
|
|
459
546
|
children: [
|
|
460
|
-
/* @__PURE__ */ jsxRuntime.
|
|
461
|
-
|
|
462
|
-
|
|
547
|
+
/* @__PURE__ */ jsxRuntime.jsxs("g", { "clip-path": "url(#clip0_13528_106803)", children: [
|
|
548
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
549
|
+
"path",
|
|
550
|
+
{
|
|
551
|
+
d: "M15.5 31C6.93959 31 0 24.0604 0 15.5C0 6.93959 6.93959 0 15.5 0C24.0604 0 31 6.93959 31 15.5C31 24.0604 24.0604 31 15.5 31Z",
|
|
552
|
+
fill: "#2A425C"
|
|
553
|
+
}
|
|
554
|
+
),
|
|
555
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
556
|
+
"path",
|
|
557
|
+
{
|
|
558
|
+
d: "M20.364 14.1881L22.1887 12.3747C18.0647 8.27614 12.9404 8.27614 8.81641 12.3747L10.6411 14.1881C13.7775 11.071 17.2297 11.071 20.3661 14.1881H20.364Z",
|
|
559
|
+
fill: "#3A99FB"
|
|
560
|
+
}
|
|
561
|
+
),
|
|
463
562
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
464
563
|
"path",
|
|
465
564
|
{
|
|
466
|
-
d: "
|
|
467
|
-
fill: "#
|
|
565
|
+
d: "M19.7567 18.4127L15.5013 14.1836L11.2459 18.4127L6.9905 14.1836L5.16797 15.9949L11.2459 22.0374L15.5013 17.8083L19.7567 22.0374L25.8346 15.9949L24.0121 14.1836L19.7567 18.4127Z",
|
|
566
|
+
fill: "#3A99FB"
|
|
468
567
|
}
|
|
469
568
|
)
|
|
470
|
-
] })
|
|
569
|
+
] }),
|
|
570
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_13528_106803", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "31", height: "31", fill: "white" }) }) })
|
|
471
571
|
]
|
|
472
572
|
}
|
|
473
573
|
);
|
|
@@ -1217,7 +1317,7 @@ const TokenRow = ({
|
|
|
1217
1317
|
button.Button,
|
|
1218
1318
|
{
|
|
1219
1319
|
onClick: onPick,
|
|
1220
|
-
className: `w-full bg-transparent flex items-center justify-between gap-3 px-5 hover:bg-accent hover:scale-100 ${isSelected ? "border border-ring" : ""}`,
|
|
1320
|
+
className: `w-full rounded-sm bg-transparent flex items-center justify-between gap-3 px-5 hover:bg-accent hover:scale-100 ${isSelected ? "border border-ring" : ""}`,
|
|
1221
1321
|
children: [
|
|
1222
1322
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
1223
1323
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1229,7 +1329,7 @@ const TokenRow = ({
|
|
|
1229
1329
|
}
|
|
1230
1330
|
),
|
|
1231
1331
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-1", children: [
|
|
1232
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-
|
|
1332
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-foreground text-lg leading-4 truncate flex items-center gap-1", children: symbol }),
|
|
1233
1333
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground truncate", children: name })
|
|
1234
1334
|
] })
|
|
1235
1335
|
] }),
|
|
@@ -1237,7 +1337,7 @@ const TokenRow = ({
|
|
|
1237
1337
|
/* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 w-16 rounded-md" }),
|
|
1238
1338
|
/* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-12 rounded-md" })
|
|
1239
1339
|
] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1240
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-
|
|
1340
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-foreground text-lg leading-4 truncate", children: hasAnyWallet ? formatBalance(balance) : "—" }),
|
|
1241
1341
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs leading-3 text-muted-foreground", children: hasAnyWallet && balance > 0 && usdValue > 0 ? formatUsd(usdValue) : "—" })
|
|
1242
1342
|
] }) })
|
|
1243
1343
|
]
|
|
@@ -1411,7 +1511,7 @@ const TokenSelectModal = ({
|
|
|
1411
1511
|
}
|
|
1412
1512
|
)
|
|
1413
1513
|
] }),
|
|
1414
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto -mx-
|
|
1514
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto -mx-3", children: hasNoResults ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground px-5 py-4", children: t("bridge.noResults") }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1415
1515
|
effectiveTab === "my" && myTokens.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "leading-4 text-base font-semibold text-muted-foreground uppercase px-5 py-2", children: t("bridge.noBalancesFound") }),
|
|
1416
1516
|
tokensToRender.map(({ token, willChangeSrc }) => {
|
|
1417
1517
|
const bal = getBalance(token.symbol);
|
|
@@ -1581,9 +1681,9 @@ const SelectTokenButton = ({
|
|
|
1581
1681
|
alt: label
|
|
1582
1682
|
}
|
|
1583
1683
|
),
|
|
1584
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
1684
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
|
|
1585
1685
|
] }),
|
|
1586
|
-
/* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, { className: "w-4 h-4
|
|
1686
|
+
/* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, { className: "w-4 h-4" })
|
|
1587
1687
|
]
|
|
1588
1688
|
}
|
|
1589
1689
|
);
|
|
@@ -2261,9 +2361,9 @@ const SelectNetworkButton = ({
|
|
|
2261
2361
|
alt: label
|
|
2262
2362
|
}
|
|
2263
2363
|
),
|
|
2264
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
2364
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
|
|
2265
2365
|
] }),
|
|
2266
|
-
/* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, { className: "w-4 h-4
|
|
2366
|
+
/* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, { className: "w-4 h-4" })
|
|
2267
2367
|
]
|
|
2268
2368
|
}
|
|
2269
2369
|
);
|
|
@@ -2280,7 +2380,7 @@ const normalizeValue = (value, max) => {
|
|
|
2280
2380
|
}
|
|
2281
2381
|
return void 0;
|
|
2282
2382
|
};
|
|
2283
|
-
const
|
|
2383
|
+
const TokenInput = require$$0.forwardRef(
|
|
2284
2384
|
({
|
|
2285
2385
|
value,
|
|
2286
2386
|
onAmountChange,
|
|
@@ -2305,7 +2405,7 @@ const CurrencyInput = require$$0.forwardRef(
|
|
|
2305
2405
|
[max, onAmountChange]
|
|
2306
2406
|
);
|
|
2307
2407
|
if (showSkeleton && readOnly) {
|
|
2308
|
-
return /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: utils.cn("h-
|
|
2408
|
+
return /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: utils.cn("h-12 w-1/3 rounded-md", className) });
|
|
2309
2409
|
}
|
|
2310
2410
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2311
2411
|
input.Input,
|
|
@@ -2328,7 +2428,7 @@ const CurrencyInput = require$$0.forwardRef(
|
|
|
2328
2428
|
) });
|
|
2329
2429
|
}
|
|
2330
2430
|
);
|
|
2331
|
-
|
|
2431
|
+
TokenInput.displayName = "TokenInput";
|
|
2332
2432
|
const ChainSelectModal = ({
|
|
2333
2433
|
isOpen,
|
|
2334
2434
|
onClose,
|
|
@@ -2401,7 +2501,7 @@ const ChainSelectModal = ({
|
|
|
2401
2501
|
button.Button,
|
|
2402
2502
|
{
|
|
2403
2503
|
onClick: () => onChainPick(chain, willChangeSrc),
|
|
2404
|
-
className: `w-full cursor-pointer flex shadow-none items-center justify-between gap-3 px-5 py-4 h-13 font-
|
|
2504
|
+
className: `w-full cursor-pointer flex shadow-none rounded-sm items-center justify-between gap-3 px-5 py-4 h-13 font-semibold capitalize hover:bg-muted bg-transparent transition-[300] ${isSelected ? "border border-ring" : ""}`,
|
|
2405
2505
|
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
2406
2506
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2407
2507
|
NetworkSymbol,
|
|
@@ -2411,7 +2511,7 @@ const ChainSelectModal = ({
|
|
|
2411
2511
|
alt: chain.name
|
|
2412
2512
|
}
|
|
2413
2513
|
),
|
|
2414
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-start", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 ", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground text-base font-
|
|
2514
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-start", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 ", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground text-base font-semibold leading-[100%]", children: chain.name }) }) })
|
|
2415
2515
|
] })
|
|
2416
2516
|
},
|
|
2417
2517
|
chain.chainKey
|
|
@@ -2596,7 +2696,7 @@ const SwapSection = ({
|
|
|
2596
2696
|
}
|
|
2597
2697
|
),
|
|
2598
2698
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2599
|
-
|
|
2699
|
+
TokenInput,
|
|
2600
2700
|
{
|
|
2601
2701
|
value: amount,
|
|
2602
2702
|
onAmountChange: require$$0.useCallback(
|
|
@@ -2733,7 +2833,16 @@ const AnotherAddress = () => {
|
|
|
2733
2833
|
defaultValue: "Check correctness before transfer"
|
|
2734
2834
|
}) }) })
|
|
2735
2835
|
] }),
|
|
2736
|
-
!value ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2836
|
+
!value ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2837
|
+
button.Button,
|
|
2838
|
+
{
|
|
2839
|
+
variant: "secondary",
|
|
2840
|
+
className: "bg-card text-card-foreground",
|
|
2841
|
+
size: "sm",
|
|
2842
|
+
onClick: onPaste,
|
|
2843
|
+
children: t("common.paste")
|
|
2844
|
+
}
|
|
2845
|
+
) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
2737
2846
|
button.Button,
|
|
2738
2847
|
{
|
|
2739
2848
|
variant: "ghost",
|
|
@@ -2914,7 +3023,7 @@ const Details = () => {
|
|
|
2914
3023
|
DetailsRow,
|
|
2915
3024
|
{
|
|
2916
3025
|
label: t("transaction.route"),
|
|
2917
|
-
value: /* @__PURE__ */ jsxRuntime.jsxs("strong", { className: "flex items-center gap-2", children: [
|
|
3026
|
+
value: /* @__PURE__ */ jsxRuntime.jsxs("strong", { className: "flex items-center font-semibold gap-2", children: [
|
|
2918
3027
|
/* @__PURE__ */ jsxRuntime.jsx(StargateIcon, { className: "w-4 h-4" }),
|
|
2919
3028
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "", children: routeText })
|
|
2920
3029
|
] })
|
|
@@ -3665,8 +3774,7 @@ const WalletSelectModal = () => {
|
|
|
3665
3774
|
).map((connector) => ({
|
|
3666
3775
|
id: connector.id,
|
|
3667
3776
|
name: connector.name,
|
|
3668
|
-
icon: MetaMaskIcon,
|
|
3669
|
-
// You can add a WalletConnect icon here
|
|
3777
|
+
icon: connector.id === "metaMaskSDK" ? MetaMaskIcon : WalletConnectIcon,
|
|
3670
3778
|
enabled: true
|
|
3671
3779
|
}));
|
|
3672
3780
|
const tronWallets = [
|
|
@@ -3719,14 +3827,12 @@ const WalletSelectModal = () => {
|
|
|
3719
3827
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 font-semibold text-muted-foreground uppercase", children: t("wallets.connected") }),
|
|
3720
3828
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "", children: connectedWallets.map((wallet) => {
|
|
3721
3829
|
const IconComponent = wallet.icon;
|
|
3722
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-
|
|
3723
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3724
|
-
|
|
3725
|
-
/* @__PURE__ */ jsxRuntime.
|
|
3726
|
-
|
|
3727
|
-
|
|
3728
|
-
] })
|
|
3729
|
-
] }) }),
|
|
3830
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-3", children: /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-start gap-3 px-3 py-3 hover:bg-muted h-auto rounded-md transition-[300]", children: [
|
|
3831
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "min-w-8 min-h-8" }),
|
|
3832
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
|
|
3833
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-foreground text-sm leading-4 truncate", children: short(wallet.address) }),
|
|
3834
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: wallet.name })
|
|
3835
|
+
] }),
|
|
3730
3836
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3731
3837
|
"div",
|
|
3732
3838
|
{
|
|
@@ -3734,8 +3840,8 @@ const WalletSelectModal = () => {
|
|
|
3734
3840
|
wallet.onDisconnect();
|
|
3735
3841
|
onClose();
|
|
3736
3842
|
},
|
|
3737
|
-
className: "text-sm font-medium text-muted-foreground",
|
|
3738
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(ExitIcon, { className: "text-
|
|
3843
|
+
className: "text-sm ml-auto font-medium text-muted-foreground",
|
|
3844
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ExitIcon, { className: "text-muted-foreground w-6 h-6" })
|
|
3739
3845
|
}
|
|
3740
3846
|
)
|
|
3741
3847
|
] }) }, wallet.id);
|
|
@@ -3743,11 +3849,11 @@ const WalletSelectModal = () => {
|
|
|
3743
3849
|
] }),
|
|
3744
3850
|
categories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3745
3851
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 font-semibold text-muted-foreground uppercase", children: category.title }),
|
|
3746
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-
|
|
3852
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-3", children: category.wallets.map((wallet) => {
|
|
3747
3853
|
const IconComponent = wallet.icon;
|
|
3748
3854
|
const isEvmConnector = category.title === t("wallets.evmWallets");
|
|
3749
3855
|
const connector = isEvmConnector ? connectors.find((c) => c.id === wallet.id) : null;
|
|
3750
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "", children: /* @__PURE__ */ jsxRuntime.
|
|
3856
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3751
3857
|
button.Button,
|
|
3752
3858
|
{
|
|
3753
3859
|
type: "button",
|
|
@@ -3760,14 +3866,14 @@ const WalletSelectModal = () => {
|
|
|
3760
3866
|
}
|
|
3761
3867
|
},
|
|
3762
3868
|
disabled: isEvmConnector ? isPending : !wallet.enabled,
|
|
3763
|
-
className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-
|
|
3764
|
-
children:
|
|
3765
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3869
|
+
className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-start gap-3 px-3 py-3 hover:bg-muted h-auto rounded-sm transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
|
|
3870
|
+
children: [
|
|
3871
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "min-w-8 min-h-8" }),
|
|
3766
3872
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
|
|
3767
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-
|
|
3873
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-foreground text-sm leading-4 truncate", children: wallet.name }),
|
|
3768
3874
|
wallet.comingSoon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: t("wallets.comingSoon") }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: t("wallets.connect") })
|
|
3769
3875
|
] })
|
|
3770
|
-
]
|
|
3876
|
+
]
|
|
3771
3877
|
}
|
|
3772
3878
|
) }, wallet.id);
|
|
3773
3879
|
}) })
|