@rash2x/bridge-widget 0.1.27 → 0.1.28
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 +134 -37
- package/dist/evaa-bridge.cjs.map +1 -1
- package/dist/evaa-bridge.mjs +134 -37
- 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
|
+
),
|
|
463
555
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
464
556
|
"path",
|
|
465
557
|
{
|
|
466
|
-
d: "
|
|
467
|
-
fill: "#
|
|
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
|
+
),
|
|
562
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
563
|
+
"path",
|
|
564
|
+
{
|
|
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(
|
|
@@ -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,7 +1681,7 @@ 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
1686
|
/* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, { className: "w-4 h-4 text-secondary-foreground" })
|
|
1587
1687
|
]
|
|
@@ -2261,7 +2361,7 @@ 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
2366
|
/* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, { className: "w-4 h-4 text-secondary-foreground" })
|
|
2267
2367
|
]
|
|
@@ -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-extrabold capitalize hover:bg-muted bg-transparent
|
|
2504
|
+
className: `w-full cursor-pointer flex shadow-none rounded-sm items-center justify-between gap-3 px-5 py-4 h-13 font-extrabold 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,
|
|
@@ -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(
|
|
@@ -3665,8 +3765,7 @@ const WalletSelectModal = () => {
|
|
|
3665
3765
|
).map((connector) => ({
|
|
3666
3766
|
id: connector.id,
|
|
3667
3767
|
name: connector.name,
|
|
3668
|
-
icon: MetaMaskIcon,
|
|
3669
|
-
// You can add a WalletConnect icon here
|
|
3768
|
+
icon: connector.id === "metaMaskSDK" ? MetaMaskIcon : WalletConnectIcon,
|
|
3670
3769
|
enabled: true
|
|
3671
3770
|
}));
|
|
3672
3771
|
const tronWallets = [
|
|
@@ -3719,14 +3818,12 @@ const WalletSelectModal = () => {
|
|
|
3719
3818
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 font-semibold text-muted-foreground uppercase", children: t("wallets.connected") }),
|
|
3720
3819
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "", children: connectedWallets.map((wallet) => {
|
|
3721
3820
|
const IconComponent = wallet.icon;
|
|
3722
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-
|
|
3723
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3724
|
-
|
|
3725
|
-
/* @__PURE__ */ jsxRuntime.
|
|
3726
|
-
|
|
3727
|
-
|
|
3728
|
-
] })
|
|
3729
|
-
] }) }),
|
|
3821
|
+
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: [
|
|
3822
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "min-w-8 min-h-8" }),
|
|
3823
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
|
|
3824
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-extrabold text-foreground text-sm leading-4 truncate", children: short(wallet.address) }),
|
|
3825
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: wallet.name })
|
|
3826
|
+
] }),
|
|
3730
3827
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3731
3828
|
"div",
|
|
3732
3829
|
{
|
|
@@ -3734,8 +3831,8 @@ const WalletSelectModal = () => {
|
|
|
3734
3831
|
wallet.onDisconnect();
|
|
3735
3832
|
onClose();
|
|
3736
3833
|
},
|
|
3737
|
-
className: "text-sm font-medium text-muted-foreground",
|
|
3738
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(ExitIcon, { className: "text-
|
|
3834
|
+
className: "text-sm ml-auto font-medium text-muted-foreground",
|
|
3835
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ExitIcon, { className: "text-muted-foreground w-6 h-6" })
|
|
3739
3836
|
}
|
|
3740
3837
|
)
|
|
3741
3838
|
] }) }, wallet.id);
|
|
@@ -3743,11 +3840,11 @@ const WalletSelectModal = () => {
|
|
|
3743
3840
|
] }),
|
|
3744
3841
|
categories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3745
3842
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 font-semibold text-muted-foreground uppercase", children: category.title }),
|
|
3746
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-
|
|
3843
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-3", children: category.wallets.map((wallet) => {
|
|
3747
3844
|
const IconComponent = wallet.icon;
|
|
3748
3845
|
const isEvmConnector = category.title === t("wallets.evmWallets");
|
|
3749
3846
|
const connector = isEvmConnector ? connectors.find((c) => c.id === wallet.id) : null;
|
|
3750
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "", children: /* @__PURE__ */ jsxRuntime.
|
|
3847
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3751
3848
|
button.Button,
|
|
3752
3849
|
{
|
|
3753
3850
|
type: "button",
|
|
@@ -3760,14 +3857,14 @@ const WalletSelectModal = () => {
|
|
|
3760
3857
|
}
|
|
3761
3858
|
},
|
|
3762
3859
|
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(
|
|
3860
|
+
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",
|
|
3861
|
+
children: [
|
|
3862
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "min-w-8 min-h-8" }),
|
|
3766
3863
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
|
|
3767
3864
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-extrabold text-foreground text-sm leading-4 truncate", children: wallet.name }),
|
|
3768
3865
|
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
3866
|
] })
|
|
3770
|
-
]
|
|
3867
|
+
]
|
|
3771
3868
|
}
|
|
3772
3869
|
) }, wallet.id);
|
|
3773
3870
|
}) })
|