@rhinestone/deposit-modal 0.1.30 → 0.1.31
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/{DepositModalReown-ZD3ROLZG.cjs → DepositModalReown-N7GCYZF7.cjs} +7 -7
- package/dist/{DepositModalReown-OHTRNISJ.mjs → DepositModalReown-S7HER5HU.mjs} +4 -4
- package/dist/{WithdrawModalReown-SVZQKH2X.cjs → WithdrawModalReown-DJCJ5U7E.cjs} +7 -7
- package/dist/{WithdrawModalReown-IJAMIPSY.mjs → WithdrawModalReown-DMDRLYTE.mjs} +4 -4
- package/dist/{chunk-VL47TLTE.mjs → chunk-3ICS43XC.mjs} +9 -8
- package/dist/{chunk-BOKLFGNS.mjs → chunk-AWFJFSPH.mjs} +76 -36
- package/dist/{chunk-LBEP3A2Z.mjs → chunk-CS6UIMCF.mjs} +3 -1
- package/dist/{chunk-CIAKCO7G.mjs → chunk-EVU7M7A6.mjs} +55 -23
- package/dist/{chunk-KIRDZLOS.cjs → chunk-G2RDCQHL.cjs} +80 -48
- package/dist/{chunk-WDDONQLV.cjs → chunk-MU2BOEDN.cjs} +204 -164
- package/dist/{chunk-WB3ZJJBH.cjs → chunk-PE6OK3FH.cjs} +9 -8
- package/dist/{chunk-S76PY7GZ.mjs → chunk-SLI5FHTT.mjs} +9 -9
- package/dist/{chunk-K4YSUWIT.cjs → chunk-SZ35G2DT.cjs} +59 -59
- package/dist/{chunk-6VJ2ZTNQ.cjs → chunk-VKQA3FO3.cjs} +2 -0
- package/dist/constants.cjs +2 -2
- package/dist/constants.mjs +1 -1
- package/dist/deposit.cjs +4 -4
- package/dist/deposit.d.cts +2 -2
- package/dist/deposit.d.ts +2 -2
- package/dist/deposit.mjs +3 -3
- package/dist/index.cjs +5 -5
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +4 -4
- package/dist/reown.cjs +5 -5
- package/dist/reown.d.cts +1 -1
- package/dist/reown.d.ts +1 -1
- package/dist/reown.mjs +4 -4
- package/dist/styles.css +8 -5
- package/dist/{types-BwaQ7jK5.d.cts → types-DELv717e.d.cts} +5 -1
- package/dist/{types-CgXyx46m.d.ts → types-DTBfMH0p.d.ts} +5 -1
- package/dist/withdraw.cjs +4 -4
- package/dist/withdraw.d.cts +2 -2
- package/dist/withdraw.d.ts +2 -2
- package/dist/withdraw.mjs +3 -3
- package/package.json +1 -1
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkMU2BOEDNcjs = require('./chunk-MU2BOEDN.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
require('./chunk-
|
|
9
|
-
require('./chunk-
|
|
7
|
+
var _chunkVKQA3FO3cjs = require('./chunk-VKQA3FO3.cjs');
|
|
8
|
+
require('./chunk-G2RDCQHL.cjs');
|
|
9
|
+
require('./chunk-PE6OK3FH.cjs');
|
|
10
10
|
|
|
11
11
|
// src/DepositModalReown.tsx
|
|
12
12
|
var _react = require('react');
|
|
13
13
|
var _jsxruntime = require('react/jsx-runtime');
|
|
14
14
|
function DepositModalWithReown(props) {
|
|
15
|
-
const reown =
|
|
15
|
+
const reown = _chunkVKQA3FO3cjs.useReownWallet.call(void 0, );
|
|
16
16
|
const handleConnect = _react.useCallback.call(void 0, () => {
|
|
17
17
|
reown.openConnect();
|
|
18
18
|
}, [reown.openConnect]);
|
|
19
19
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
20
|
-
|
|
20
|
+
_chunkMU2BOEDNcjs.DepositModalInner,
|
|
21
21
|
{
|
|
22
22
|
...props,
|
|
23
23
|
reownWallet: reown,
|
|
@@ -26,7 +26,7 @@ function DepositModalWithReown(props) {
|
|
|
26
26
|
);
|
|
27
27
|
}
|
|
28
28
|
function DepositModalReown(props) {
|
|
29
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVKQA3FO3cjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DepositModalWithReown, { ...props }) });
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
DepositModalInner
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-AWFJFSPH.mjs";
|
|
4
4
|
import {
|
|
5
5
|
ReownWalletProvider,
|
|
6
6
|
useReownWallet
|
|
7
|
-
} from "./chunk-
|
|
8
|
-
import "./chunk-
|
|
9
|
-
import "./chunk-
|
|
7
|
+
} from "./chunk-CS6UIMCF.mjs";
|
|
8
|
+
import "./chunk-EVU7M7A6.mjs";
|
|
9
|
+
import "./chunk-3ICS43XC.mjs";
|
|
10
10
|
|
|
11
11
|
// src/DepositModalReown.tsx
|
|
12
12
|
import { useCallback } from "react";
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkSZ35G2DTcjs = require('./chunk-SZ35G2DT.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
require('./chunk-
|
|
9
|
-
require('./chunk-
|
|
7
|
+
var _chunkVKQA3FO3cjs = require('./chunk-VKQA3FO3.cjs');
|
|
8
|
+
require('./chunk-G2RDCQHL.cjs');
|
|
9
|
+
require('./chunk-PE6OK3FH.cjs');
|
|
10
10
|
|
|
11
11
|
// src/WithdrawModalReown.tsx
|
|
12
12
|
var _react = require('react');
|
|
13
13
|
var _jsxruntime = require('react/jsx-runtime');
|
|
14
14
|
function WithdrawModalWithReown(props) {
|
|
15
|
-
const reown =
|
|
15
|
+
const reown = _chunkVKQA3FO3cjs.useReownWallet.call(void 0, );
|
|
16
16
|
const handleConnect = _react.useCallback.call(void 0, () => {
|
|
17
17
|
reown.openConnect();
|
|
18
18
|
}, [reown.openConnect]);
|
|
19
19
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
20
|
-
|
|
20
|
+
_chunkSZ35G2DTcjs.WithdrawModalInner,
|
|
21
21
|
{
|
|
22
22
|
...props,
|
|
23
23
|
reownWallet: reown,
|
|
@@ -26,7 +26,7 @@ function WithdrawModalWithReown(props) {
|
|
|
26
26
|
);
|
|
27
27
|
}
|
|
28
28
|
function WithdrawModalReown(props) {
|
|
29
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVKQA3FO3cjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props }) });
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
WithdrawModalInner
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-SLI5FHTT.mjs";
|
|
4
4
|
import {
|
|
5
5
|
ReownWalletProvider,
|
|
6
6
|
useReownWallet
|
|
7
|
-
} from "./chunk-
|
|
8
|
-
import "./chunk-
|
|
9
|
-
import "./chunk-
|
|
7
|
+
} from "./chunk-CS6UIMCF.mjs";
|
|
8
|
+
import "./chunk-EVU7M7A6.mjs";
|
|
9
|
+
import "./chunk-3ICS43XC.mjs";
|
|
10
10
|
|
|
11
11
|
// src/WithdrawModalReown.tsx
|
|
12
12
|
import { useCallback } from "react";
|
|
@@ -320,7 +320,7 @@ function findChainIdForToken(address) {
|
|
|
320
320
|
function getTokenSymbol(token, chainId) {
|
|
321
321
|
const normalized = token.toLowerCase();
|
|
322
322
|
if (normalized === NATIVE_TOKEN_ADDRESS) {
|
|
323
|
-
return "ETH";
|
|
323
|
+
return chainId === 56 ? "BNB" : "ETH";
|
|
324
324
|
}
|
|
325
325
|
if (chainId) {
|
|
326
326
|
const chainEntry = chainRegistry[String(chainId)];
|
|
@@ -379,16 +379,17 @@ function getExplorerName(chainId) {
|
|
|
379
379
|
var CHAIN_ICONS = {
|
|
380
380
|
[mainnet.id]: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 784.37 1277.39'%3E%3Cpolygon fill='%23627EEA' points='392.07 0 383.5 29.11 383.5 873.74 392.07 882.29 784.13 650.54'/%3E%3Cpolygon fill='%23C0CBF6' points='392.07 0 0 650.54 392.07 882.29 392.07 472.33'/%3E%3Cpolygon fill='%238EA2F2' points='392.07 956.52 387.24 962.41 387.24 1263.28 392.07 1277.38 784.37 724.89'/%3E%3Cpolygon fill='%23C0CBF6' points='392.07 1277.38 392.07 956.52 0 724.89'/%3E%3Cpolygon fill='%23627EEA' points='392.07 882.29 784.13 650.54 392.07 472.33'/%3E%3Cpolygon fill='%238EA2F2' points='0 650.54 392.07 882.29 392.07 472.33'/%3E%3C/svg%3E",
|
|
381
381
|
[base.id]: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 111'%3E%3Ccircle cx='55.5' cy='55.5' r='55.5' fill='%230052FF'/%3E%3Cpath d='M54.921 93.4c20.942 0 37.92-16.978 37.92-37.921S75.863 17.558 54.92 17.558c-19.498 0-35.57 14.725-37.655 33.647h49.82v5.548h-49.82C19.351 75.675 35.423 93.4 54.921 93.4z' fill='%23fff'/%3E%3C/svg%3E",
|
|
382
|
-
[optimism.id]: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Ccircle cx='250' cy='250' r='250'
|
|
383
|
-
[arbitrum.id]: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2500 2500'%3E%3Crect
|
|
384
|
-
[polygon.id]: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0
|
|
385
|
-
[bsc.id]: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0
|
|
382
|
+
[optimism.id]: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Ccircle fill='%23FF0420' cx='250' cy='250' r='250'/%3E%3Cpath fill='%23FFFFFF' d='M177.1%2C316.4c-14.9%2C0-27.1-3.5-36.6-10.5c-9.4-7.1-14.1-17.3-14.1-30.4c0-2.8%2C0.3-6.1%2C0.9-10.1c1.6-9%2C3.9-19.8%2C6.9-32.5c8.5-34.4%2C30.5-51.6%2C65.9-51.6c9.6%2C0%2C18.3%2C1.6%2C25.9%2C4.9c7.6%2C3.1%2C13.6%2C7.9%2C18%2C14.3c4.4%2C6.3%2C6.6%2C13.8%2C6.6%2C22.5c0%2C2.6-0.3%2C5.9-0.9%2C9.9c-1.9%2C11.1-4.1%2C22-6.8%2C32.5c-4.4%2C17.1-11.9%2C30-22.7%2C38.5C209.5%2C312.3%2C195.1%2C316.4%2C177.1%2C316.4z M179.8%2C289.4c7%2C0%2C12.9-2.1%2C17.8-6.2c5-4.1%2C8.6-10.4%2C10.7-19c2.9-11.8%2C5.1-22%2C6.6-30.8c0.5-2.6%2C0.8-5.3%2C0.8-8.1c0-11.4-5.9-17.1-17.8-17.1c-7%2C0-13%2C2.1-18%2C6.2c-4.9%2C4.1-8.4%2C10.4-10.5%2C19c-2.3%2C8.4-4.5%2C18.6-6.8%2C30.8c-0.5%2C2.5-0.8%2C5.1-0.8%2C7.9C161.7%2C283.7%2C167.8%2C289.4%2C179.8%2C289.4z'/%3E%3Cpath fill='%23FFFFFF' d='M259.3%2C314.6c-1.4%2C0-2.4-0.4-3.2-1.3c-0.6-1-0.8-2.1-0.6-3.4l25.9-122c0.2-1.4%2C0.9-2.5%2C2.1-3.4c1.1-0.9%2C2.3-1.3%2C3.6-1.3H337c13.9%2C0%2C25%2C2.9%2C33.4%2C8.6c8.5%2C5.8%2C12.8%2C14.1%2C12.8%2C25c0%2C3.1-0.4%2C6.4-1.1%2C9.8c-3.1%2C14.4-9.4%2C25-19%2C31.9c-9.4%2C6.9-22.3%2C10.3-38.7%2C10.3h-25.3l-8.6%2C41.1c-0.3%2C1.4-0.9%2C2.5-2.1%2C3.4c-1.1%2C0.9-2.3%2C1.3-3.6%2C1.3H259.3z M325.7%2C242.9c5.3%2C0%2C9.8-1.4%2C13.7-4.3c4-2.9%2C6.6-7%2C7.9-12.4c0.4-2.1%2C0.6-4%2C0.6-5.6c0-3.6-1.1-6.4-3.2-8.3c-2.1-2-5.8-3-10.9-3h-22.5l-7.1%2C33.6H325.7z'/%3E%3C/svg%3E",
|
|
383
|
+
[arbitrum.id]: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2500 2500'%3E%3Crect width='2500' height='2500' fill='none'/%3E%3Cpath fill='%23213147' d='M226%2C760v980c0%2C63%2C33%2C120%2C88%2C152l849%2C490c54%2C31%2C121%2C31%2C175%2C0l849-490c54-31%2C88-89%2C88-152V760c0-63-33-120-88-152l-849-490c-54-31-121-31-175%2C0L314%2C608c-54%2C31-87%2C89-87%2C152H226z'/%3E%3Cpath fill='%2312AAFF' d='M1435%2C1440l-121%2C332c-3%2C9-3%2C19%2C0%2C29l208%2C571l241-139l-289-793C1467%2C1422%2C1442%2C1422%2C1435%2C1440z'/%3E%3Cpath fill='%2312AAFF' d='M1678%2C882c-7-18-32-18-39%2C0l-121%2C332c-3%2C9-3%2C19%2C0%2C29l341%2C935l241-139L1678%2C883V882z'/%3E%3Cpath fill='%239DCCED' d='M1250%2C155c6%2C0%2C12%2C2%2C17%2C5l918%2C530c11%2C6%2C17%2C18%2C17%2C30v1060c0%2C12-7%2C24-17%2C30l-918%2C530c-5%2C3-11%2C5-17%2C5s-12-2-17-5l-918-530c-11-6-17-18-17-30V719c0-12%2C7-24%2C17-30l918-530c5-3%2C11-5%2C17-5V155z M1250%2C0c-33%2C0-65%2C8-95%2C25L237%2C555c-59%2C34-95%2C96-95%2C164v1060c0%2C68%2C36%2C130%2C95%2C164l918%2C530c29%2C17%2C62%2C25%2C95%2C25s65-8%2C95-25l918-530c59-34%2C95-96%2C95-164V719c0-68-36-130-95-164L1344%2C25c-29-17-62-25-95-25H1250z'/%3E%3Cpolygon fill='%23213147' points='642%2C2179 727%2C1947 897%2C2088 738%2C2234'/%3E%3Cpath fill='%23FFFFFF' d='M1172%2C644H939c-17%2C0-33%2C11-39%2C27L401%2C2039l241%2C139l550-1507c5-14-5-28-19-28H1172z'/%3E%3Cpath fill='%23FFFFFF' d='M1580%2C644h-233c-17%2C0-33%2C11-39%2C27L738%2C2233l241%2C139l620-1701c5-14-5-28-19-28V644z'/%3E%3C/svg%3E",
|
|
384
|
+
[polygon.id]: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 178 161'%3E%3Cpath fill='%236C00F6' d='M66.8%2C54.7l-16.7-9.7L0%2C74.1v58l50.1%2C29l50.1-29V41.9L128%2C25.8l27.8%2C16.1v32.2L128%2C90.2l-16.7-9.7v25.8l16.7%2C9.7l50.1-29V29L128%2C0L77.9%2C29v90.2l-27.8%2C16.1l-27.8-16.1V86.9l27.8-16.1l16.7%2C9.7V54.7z'/%3E%3C/svg%3E",
|
|
385
|
+
[bsc.id]: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2496 2496'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23F0B90B' d='M1248%2C0c689.3%2C0%2C1248%2C558.7%2C1248%2C1248s-558.7%2C1248-1248%2C1248S0%2C1937.3%2C0%2C1248S558.7%2C0%2C1248%2C0z'/%3E%3Cpath fill='%23FFFFFF' d='M685.9%2C1248l0.9%2C330l280.4%2C165v193.2l-444.5-260.7v-524L685.9%2C1248z M685.9%2C918v192.3l-163.3-96.6V821.4l163.3-96.6l164.1%2C96.6L685.9%2C918z M1084.3%2C821.4l163.3-96.6l164.1%2C96.6L1247.6%2C918L1084.3%2C821.4z'/%3E%3Cpath fill='%23FFFFFF' d='M803.9%2C1509.6v-193.2l163.3%2C96.6v192.3L803.9%2C1509.6z M1084.3%2C1812.2l163.3%2C96.6l164.1-96.6v192.3l-164.1%2C96.6l-163.3-96.6V1812.2z M1645.9%2C821.4l163.3-96.6l164.1%2C96.6v192.3l-164.1%2C96.6V918L1645.9%2C821.4z M1809.2%2C1578l0.9-330l163.3-96.6v524l-444.5%2C260.7v-193.2L1809.2%2C1578z'/%3E%3Cpolygon fill='%23FFFFFF' points='1692.1%2C1509.6 1528.8%2C1605.3 1528.8%2C1413 1692.1%2C1316.4 1692.1%2C1509.6'/%3E%3Cpath fill='%23FFFFFF' d='M1692.1%2C986.4l0.9%2C193.2l-281.2%2C165v330.8l-163.3%2C95.7l-163.3-95.7v-330.8l-281.2-165V986.4L968%2C889.8l279.5%2C165.8l281.2-165.8l164.1%2C96.6H1692.1z M803.9%2C656.5l443.7-261.6l444.5%2C261.6l-163.3%2C96.6l-281.2-165.8L967.2%2C753.1L803.9%2C656.5z'/%3E%3C/svg%3E"
|
|
386
386
|
};
|
|
387
387
|
var TOKEN_ICONS = {
|
|
388
388
|
USDC: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 2000'%3E%3Cpath d='M1000 2000c554.17 0 1000-445.83 1000-1000S1554.17 0 1000 0 0 445.83 0 1000s445.83 1000 1000 1000z' fill='%232775ca'/%3E%3Cpath d='M1275 1158.33c0-145.83-87.5-195.83-262.5-216.66-125-16.67-150-50-150-108.34s41.67-95.83 125-95.83c75 0 116.67 25 137.5 87.5 4.17 12.5 16.67 20.83 29.17 20.83h66.66c16.67 0 29.17-12.5 29.17-29.16v-4.17c-16.67-91.67-91.67-162.5-187.5-170.83v-100c0-16.67-12.5-29.17-33.33-33.34h-62.5c-16.67 0-29.17 12.5-33.34 33.34v95.83c-125 16.67-204.16 100-204.16 204.17 0 137.5 83.33 191.66 258.33 212.5 116.67 20.83 154.17 45.83 154.17 112.5s-58.34 112.5-137.5 112.5c-108.34 0-145.84-45.84-158.34-108.34-4.16-16.66-16.66-25-29.16-25h-70.84c-16.66 0-29.16 12.5-29.16 29.17v4.17c16.66 104.16 83.33 179.16 220.83 200v100c0 16.66 12.5 29.16 33.33 33.33h62.5c16.67 0 29.17-12.5 33.34-33.33v-100c125-20.84 208.33-108.34 208.33-220.84z' fill='%23fff'/%3E%3Cpath d='M787.5 1595.83c-325-116.66-491.67-479.16-370.83-800 62.5-175 200-308.33 370.83-370.83 16.67-8.33 25-20.83 25-41.67V325c0-16.67-8.33-29.17-25-33.33-4.17 0-12.5 0-16.67 4.16-395.83 125-612.5 545.84-487.5 941.67 75 233.33 254.17 412.5 487.5 487.5 16.67 8.33 33.34 0 37.5-16.67 4.17-4.16 4.17-8.33 4.17-16.66v-58.34c0-12.5-12.5-29.16-25-37.5zm441.67-1300c-16.67-8.33-33.34 0-37.5 16.67-4.17 4.17-4.17 8.33-4.17 16.67v58.33c0 16.67 12.5 33.33 25 41.67 325 116.66 491.67 479.16 370.83 800-62.5 175-200 308.33-370.83 370.83-16.67 8.33-25 20.83-25 41.67V1700c0 16.67 8.33 29.17 25 33.33 4.17 0 12.5 0 16.67-4.16 395.83-125 612.5-545.84 487.5-941.67-75-237.5-258.34-416.67-487.5-491.67z' fill='%23fff'/%3E%3C/svg%3E",
|
|
389
|
-
ETH: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 784.37 1277.39'%3E%3Cpolygon fill='%23343434' points='392.07
|
|
390
|
-
USDT: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 339.43 295.27'%3E%3Cpath fill='%
|
|
391
|
-
WETH: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 784.37 1277.39'%3E%3Cpolygon fill='%
|
|
389
|
+
ETH: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 784.37 1277.39' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpolygon fill='%23343434' fill-rule='nonzero' points='392.07%2C0 383.5%2C29.11 383.5%2C873.74 392.07%2C882.29 784.13%2C650.54'/%3E%3Cpolygon fill='%238C8C8C' fill-rule='nonzero' points='392.07%2C0 0%2C650.54 392.07%2C882.29 392.07%2C472.33'/%3E%3Cpolygon fill='%233C3C3B' fill-rule='nonzero' points='392.07%2C956.52 387.24%2C962.41 387.24%2C1263.28 392.07%2C1277.38 784.37%2C724.89'/%3E%3Cpolygon fill='%238C8C8C' fill-rule='nonzero' points='392.07%2C1277.38 392.07%2C956.52 0%2C724.89'/%3E%3Cpolygon fill='%23141414' fill-rule='nonzero' points='392.07%2C882.29 784.13%2C650.54 392.07%2C472.33'/%3E%3Cpolygon fill='%23393939' fill-rule='nonzero' points='0%2C650.54 392.07%2C882.29 392.07%2C472.33'/%3E%3C/svg%3E",
|
|
390
|
+
USDT: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 339.43 295.27'%3E%3Cpath fill='%2350af95' fill-rule='evenodd' d='M62.15%2C1.45l-61.89%2C130a2.52%2C2.52%2C0%2C0%2C0%2C.54%2C2.94L167.95%2C294.56a2.55%2C2.55%2C0%2C0%2C0%2C3.53%2C0L338.63%2C134.4a2.52%2C2.52%2C0%2C0%2C0%2C.54-2.94l-61.89-130A2.5%2C2.5%2C0%2C0%2C0%2C275%2C0H64.45a2.5%2C2.5%2C0%2C0%2C0-2.3%2C1.45z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M191.19%2C144.8v0c-1.2.09-7.4.46-21.23.46-11%2C0-18.81-.33-21.55-.46v0c-42.51-1.87-74.24-9.27-74.24-18.13s31.73-16.25%2C74.24-18.15v28.91c2.78.2%2C10.74.67%2C21.74.67%2C13.2%2C0%2C19.81-.55%2C21-.66v-28.9c42.42%2C1.89%2C74.08%2C9.29%2C74.08%2C18.13s-31.65%2C16.24-74.08%2C18.12zm0-39.25V79.68h59.2V40.23H89.21V79.68H148.4v25.86c-48.11%2C2.21-84.29%2C11.74-84.29%2C23.16s36.18%2C20.94%2C84.29%2C23.16v82.9h42.78V151.83c48-2.21%2C84.12-11.73%2C84.12-23.14s-36.09-20.93-84.12-23.15z'/%3E%3C/svg%3E",
|
|
391
|
+
WETH: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 784.37 1277.39' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpolygon fill='%235B5FC7' fill-rule='nonzero' points='392.07%2C0 383.5%2C29.11 383.5%2C873.74 392.07%2C882.29 784.13%2C650.54'/%3E%3Cpolygon fill='%238B8FDB' fill-rule='nonzero' points='392.07%2C0 0%2C650.54 392.07%2C882.29 392.07%2C472.33'/%3E%3Cpolygon fill='%233F4399' fill-rule='nonzero' points='392.07%2C956.52 387.24%2C962.41 387.24%2C1263.28 392.07%2C1277.38 784.37%2C724.89'/%3E%3Cpolygon fill='%238B8FDB' fill-rule='nonzero' points='392.07%2C1277.38 392.07%2C956.52 0%2C724.89'/%3E%3Cpolygon fill='%232D3080' fill-rule='nonzero' points='392.07%2C882.29 784.13%2C650.54 392.07%2C472.33'/%3E%3Cpolygon fill='%234E52B5' fill-rule='nonzero' points='0%2C650.54 392.07%2C882.29 392.07%2C472.33'/%3E%3C/svg%3E",
|
|
392
|
+
BNB: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2496 2496'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23F0B90B' d='M1248%2C0c689.3%2C0%2C1248%2C558.7%2C1248%2C1248s-558.7%2C1248-1248%2C1248S0%2C1937.3%2C0%2C1248S558.7%2C0%2C1248%2C0z'/%3E%3Cpath fill='%23FFFFFF' d='M685.9%2C1248l0.9%2C330l280.4%2C165v193.2l-444.5-260.7v-524L685.9%2C1248z M685.9%2C918v192.3l-163.3-96.6V821.4l163.3-96.6l164.1%2C96.6L685.9%2C918z M1084.3%2C821.4l163.3-96.6l164.1%2C96.6L1247.6%2C918L1084.3%2C821.4z'/%3E%3Cpath fill='%23FFFFFF' d='M803.9%2C1509.6v-193.2l163.3%2C96.6v192.3L803.9%2C1509.6z M1084.3%2C1812.2l163.3%2C96.6l164.1-96.6v192.3l-164.1%2C96.6l-163.3-96.6V1812.2z M1645.9%2C821.4l163.3-96.6l164.1%2C96.6v192.3l-164.1%2C96.6V918L1645.9%2C821.4z M1809.2%2C1578l0.9-330l163.3-96.6v524l-444.5%2C260.7v-193.2L1809.2%2C1578z'/%3E%3Cpolygon fill='%23FFFFFF' points='1692.1%2C1509.6 1528.8%2C1605.3 1528.8%2C1413 1692.1%2C1316.4 1692.1%2C1509.6'/%3E%3Cpath fill='%23FFFFFF' d='M1692.1%2C986.4l0.9%2C193.2l-281.2%2C165v330.8l-163.3%2C95.7l-163.3-95.7v-330.8l-281.2-165V986.4L968%2C889.8l279.5%2C165.8l281.2-165.8l164.1%2C96.6H1692.1z M803.9%2C656.5l443.7-261.6l444.5%2C261.6l-163.3%2C96.6l-281.2-165.8L967.2%2C753.1L803.9%2C656.5z'/%3E%3C/svg%3E"
|
|
392
393
|
};
|
|
393
394
|
function getChainIcon(chainId) {
|
|
394
395
|
return CHAIN_ICONS[chainId];
|
|
@@ -21,7 +21,7 @@ import {
|
|
|
21
21
|
portfolioToAssets,
|
|
22
22
|
saveSessionOwnerToStorage,
|
|
23
23
|
tokenFormatter
|
|
24
|
-
} from "./chunk-
|
|
24
|
+
} from "./chunk-EVU7M7A6.mjs";
|
|
25
25
|
import {
|
|
26
26
|
DEFAULT_BACKEND_URL,
|
|
27
27
|
DEFAULT_SIGNER_ADDRESS,
|
|
@@ -36,7 +36,7 @@ import {
|
|
|
36
36
|
getTokenAddress,
|
|
37
37
|
getTokenIcon,
|
|
38
38
|
getTokenSymbol
|
|
39
|
-
} from "./chunk-
|
|
39
|
+
} from "./chunk-3ICS43XC.mjs";
|
|
40
40
|
|
|
41
41
|
// src/DepositModal.tsx
|
|
42
42
|
import {
|
|
@@ -509,7 +509,7 @@ function mergeAssets(existing, incoming) {
|
|
|
509
509
|
// src/components/steps/AmountStep.tsx
|
|
510
510
|
import { useEffect as useEffect3, useMemo as useMemo2, useState as useState3, useRef as useRef2 } from "react";
|
|
511
511
|
import { erc20Abi, formatUnits as formatUnits2, parseUnits } from "viem";
|
|
512
|
-
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
512
|
+
import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
513
513
|
function AmountStep({
|
|
514
514
|
walletClient,
|
|
515
515
|
publicClient,
|
|
@@ -690,8 +690,8 @@ function AmountStep({
|
|
|
690
690
|
return;
|
|
691
691
|
}
|
|
692
692
|
if (balance !== null && amountInUnits > balance) {
|
|
693
|
-
|
|
694
|
-
|
|
693
|
+
setError("Insufficient balance");
|
|
694
|
+
return;
|
|
695
695
|
}
|
|
696
696
|
setError(null);
|
|
697
697
|
onContinue(tokenAmountStr, balance ?? void 0);
|
|
@@ -746,23 +746,32 @@ function AmountStep({
|
|
|
746
746
|
autoFocus: true
|
|
747
747
|
}
|
|
748
748
|
) }),
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
asset.symbol
|
|
753
|
-
] }) : /* @__PURE__ */ jsx3("div", { className: "rs-amount-token-value", style: { color: "var(--rs-muted-foreground)" }, children: "Price unavailable" }),
|
|
754
|
-
/* @__PURE__ */ jsx3("div", { className: "rs-amount-available", children: /* @__PURE__ */ jsxs3("span", { className: "rs-amount-available-value", children: [
|
|
755
|
-
formattedBalance,
|
|
756
|
-
" ",
|
|
757
|
-
asset.symbol,
|
|
758
|
-
" available",
|
|
759
|
-
hasPricing && balanceUsd !== null && /* @__PURE__ */ jsxs3("span", { style: { color: "var(--rs-muted-foreground)" }, children: [
|
|
749
|
+
(uiConfig?.showTokenBalance ?? false) && /* @__PURE__ */ jsxs3(Fragment2, { children: [
|
|
750
|
+
hasPricing ? /* @__PURE__ */ jsxs3("div", { className: "rs-amount-token-value", children: [
|
|
751
|
+
formattedTokenAmount,
|
|
760
752
|
" ",
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
"
|
|
764
|
-
|
|
765
|
-
|
|
753
|
+
asset.symbol
|
|
754
|
+
] }) : /* @__PURE__ */ jsx3(
|
|
755
|
+
"div",
|
|
756
|
+
{
|
|
757
|
+
className: "rs-amount-token-value",
|
|
758
|
+
style: { color: "var(--rs-muted-foreground)" },
|
|
759
|
+
children: "Price unavailable"
|
|
760
|
+
}
|
|
761
|
+
),
|
|
762
|
+
/* @__PURE__ */ jsx3("div", { className: "rs-amount-available", children: /* @__PURE__ */ jsxs3("span", { className: "rs-amount-available-value", children: [
|
|
763
|
+
formattedBalance,
|
|
764
|
+
" ",
|
|
765
|
+
asset.symbol,
|
|
766
|
+
" available",
|
|
767
|
+
hasPricing && balanceUsd !== null && /* @__PURE__ */ jsxs3("span", { style: { color: "var(--rs-muted-foreground)" }, children: [
|
|
768
|
+
" ",
|
|
769
|
+
"(",
|
|
770
|
+
currencyFormatter.format(balanceUsd),
|
|
771
|
+
")"
|
|
772
|
+
] })
|
|
773
|
+
] }) })
|
|
774
|
+
] })
|
|
766
775
|
] }),
|
|
767
776
|
/* @__PURE__ */ jsx3(
|
|
768
777
|
"div",
|
|
@@ -1013,7 +1022,7 @@ function ConfirmStep({
|
|
|
1013
1022
|
return receiveAmountUsd / targetTokenPriceUsd;
|
|
1014
1023
|
}, [sameRoute, amount, receiveAmountUsd, targetTokenPriceUsd]);
|
|
1015
1024
|
const formattedReceiveAmount = useMemo3(() => {
|
|
1016
|
-
if (receiveTokenAmount === null) return
|
|
1025
|
+
if (receiveTokenAmount === null) return formattedAmount;
|
|
1017
1026
|
return receiveTokenAmount.toLocaleString("en-US", {
|
|
1018
1027
|
maximumFractionDigits: 6
|
|
1019
1028
|
});
|
|
@@ -1106,7 +1115,7 @@ function ConfirmStep({
|
|
|
1106
1115
|
{
|
|
1107
1116
|
src: getChainIcon(asset.chainId),
|
|
1108
1117
|
alt: "",
|
|
1109
|
-
style: { width: 16, height: 16, borderRadius:
|
|
1118
|
+
style: { width: 16, height: 16, borderRadius: 3 }
|
|
1110
1119
|
}
|
|
1111
1120
|
),
|
|
1112
1121
|
getChainName(asset.chainId)
|
|
@@ -1127,7 +1136,7 @@ function ConfirmStep({
|
|
|
1127
1136
|
{
|
|
1128
1137
|
src: getChainIcon(targetChain),
|
|
1129
1138
|
alt: "",
|
|
1130
|
-
style: { width: 16, height: 16, borderRadius:
|
|
1139
|
+
style: { width: 16, height: 16, borderRadius: 3 }
|
|
1131
1140
|
}
|
|
1132
1141
|
),
|
|
1133
1142
|
getChainName(targetChain)
|
|
@@ -1250,7 +1259,7 @@ import { useState as useState6, useEffect as useEffect5, useCallback as useCallb
|
|
|
1250
1259
|
|
|
1251
1260
|
// src/components/ui/QRCode.tsx
|
|
1252
1261
|
import { useEffect as useEffect4, useMemo as useMemo4, useState as useState5 } from "react";
|
|
1253
|
-
import { Fragment as
|
|
1262
|
+
import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
1254
1263
|
function QRCode({ value, size = 200, iconSrc, className }) {
|
|
1255
1264
|
const [createQrCode, setCreateQrCode] = useState5(null);
|
|
1256
1265
|
useEffect4(() => {
|
|
@@ -1308,7 +1317,7 @@ function QRCode({ value, size = 200, iconSrc, className }) {
|
|
|
1308
1317
|
children: [
|
|
1309
1318
|
/* @__PURE__ */ jsx5("rect", { width: size, height: size, fill: "white", rx: 4 }),
|
|
1310
1319
|
svgContent ? /* @__PURE__ */ jsx5("path", { d: svgContent.paths, fill: "black" }) : /* @__PURE__ */ jsx5("rect", { x: 8, y: 8, width: size - 16, height: size - 16, fill: "#f1f5f9" }),
|
|
1311
|
-
iconSrc && /* @__PURE__ */ jsxs5(
|
|
1320
|
+
iconSrc && /* @__PURE__ */ jsxs5(Fragment3, { children: [
|
|
1312
1321
|
/* @__PURE__ */ jsx5(
|
|
1313
1322
|
"rect",
|
|
1314
1323
|
{
|
|
@@ -1725,7 +1734,8 @@ function DepositFlow({
|
|
|
1725
1734
|
options.push({
|
|
1726
1735
|
address: reownWallet.address,
|
|
1727
1736
|
label: "External Wallet",
|
|
1728
|
-
kind: "external"
|
|
1737
|
+
kind: "external",
|
|
1738
|
+
icon: reownWallet.icon
|
|
1729
1739
|
});
|
|
1730
1740
|
}
|
|
1731
1741
|
return options;
|
|
@@ -1733,7 +1743,8 @@ function DepositFlow({
|
|
|
1733
1743
|
dappWalletClient,
|
|
1734
1744
|
dappAddress,
|
|
1735
1745
|
reownWallet?.address,
|
|
1736
|
-
reownWallet?.isConnected
|
|
1746
|
+
reownWallet?.isConnected,
|
|
1747
|
+
reownWallet?.icon
|
|
1737
1748
|
]);
|
|
1738
1749
|
const canAutoLock = dappWalletClient?.account && dappAddress && !reownWallet;
|
|
1739
1750
|
const hasWalletOptions = walletOptions.length > 0;
|
|
@@ -1807,6 +1818,7 @@ function DepositFlow({
|
|
|
1807
1818
|
}, []);
|
|
1808
1819
|
const handleBackFromSelectAsset = useCallback3(() => {
|
|
1809
1820
|
if (hasWalletOptions || reownWallet) {
|
|
1821
|
+
hasNavigatedBackRef.current = true;
|
|
1810
1822
|
setIsConnectSelectionConfirmed(false);
|
|
1811
1823
|
}
|
|
1812
1824
|
}, [hasWalletOptions, reownWallet]);
|
|
@@ -1814,6 +1826,7 @@ function DepositFlow({
|
|
|
1814
1826
|
setFlowMode(null);
|
|
1815
1827
|
setStep({ type: "setup" });
|
|
1816
1828
|
if (hasWalletOptions || reownWallet) {
|
|
1829
|
+
hasNavigatedBackRef.current = true;
|
|
1817
1830
|
setIsConnectSelectionConfirmed(false);
|
|
1818
1831
|
}
|
|
1819
1832
|
}, [hasWalletOptions, reownWallet]);
|
|
@@ -1966,9 +1979,36 @@ function DepositFlow({
|
|
|
1966
1979
|
() => walletOptions.map((option) => option.address.toLowerCase()).join(","),
|
|
1967
1980
|
[walletOptions]
|
|
1968
1981
|
);
|
|
1982
|
+
const hasNavigatedBackRef = useRef4(false);
|
|
1969
1983
|
useEffect6(() => {
|
|
1970
1984
|
setIsConnectSelectionConfirmed(false);
|
|
1971
|
-
}, [walletOptionsKey
|
|
1985
|
+
}, [walletOptionsKey]);
|
|
1986
|
+
useEffect6(() => {
|
|
1987
|
+
if (hasNavigatedBackRef.current || isConnectSelectionConfirmed || flowMode) {
|
|
1988
|
+
return;
|
|
1989
|
+
}
|
|
1990
|
+
if (hasWalletOptions) {
|
|
1991
|
+
const address = selectedConnectAddressEffective;
|
|
1992
|
+
if (address) {
|
|
1993
|
+
setSelectedConnectAddress(address);
|
|
1994
|
+
handleSelectProvider();
|
|
1995
|
+
setIsConnectSelectionConfirmed(true);
|
|
1996
|
+
return;
|
|
1997
|
+
}
|
|
1998
|
+
}
|
|
1999
|
+
if (!hasWalletOptions && dappAddress) {
|
|
2000
|
+
handleSelectTransferCrypto();
|
|
2001
|
+
setIsConnectSelectionConfirmed(true);
|
|
2002
|
+
}
|
|
2003
|
+
}, [
|
|
2004
|
+
hasWalletOptions,
|
|
2005
|
+
isConnectSelectionConfirmed,
|
|
2006
|
+
flowMode,
|
|
2007
|
+
selectedConnectAddressEffective,
|
|
2008
|
+
dappAddress,
|
|
2009
|
+
handleSelectProvider,
|
|
2010
|
+
handleSelectTransferCrypto
|
|
2011
|
+
]);
|
|
1972
2012
|
if (showConnectStep) {
|
|
1973
2013
|
return /* @__PURE__ */ jsx7("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx7(
|
|
1974
2014
|
ConnectStep,
|
|
@@ -2144,7 +2184,7 @@ function DepositFlow({
|
|
|
2144
2184
|
// src/DepositModal.tsx
|
|
2145
2185
|
import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
2146
2186
|
var ReownDepositInner = lazy(
|
|
2147
|
-
() => import("./DepositModalReown-
|
|
2187
|
+
() => import("./DepositModalReown-S7HER5HU.mjs").then((m) => ({ default: m.DepositModalReown }))
|
|
2148
2188
|
);
|
|
2149
2189
|
function DepositModal(props) {
|
|
2150
2190
|
const needsReown = !!props.reownAppId;
|
|
@@ -2219,8 +2259,8 @@ function DepositModalInner({
|
|
|
2219
2259
|
},
|
|
2220
2260
|
[]
|
|
2221
2261
|
);
|
|
2222
|
-
const handleTotalBalanceChange = useCallback4((
|
|
2223
|
-
setTotalBalanceUsd(
|
|
2262
|
+
const handleTotalBalanceChange = useCallback4((balance2) => {
|
|
2263
|
+
setTotalBalanceUsd(balance2);
|
|
2224
2264
|
}, []);
|
|
2225
2265
|
const handleBack = useCallback4(() => {
|
|
2226
2266
|
backHandlerRef.current?.();
|
|
@@ -2228,7 +2268,7 @@ function DepositModalInner({
|
|
|
2228
2268
|
const showLogo = uiConfig?.showLogo ?? false;
|
|
2229
2269
|
const showStepper = uiConfig?.showStepper ?? false;
|
|
2230
2270
|
const showBackButton = uiConfig?.showBackButton ?? true;
|
|
2231
|
-
const
|
|
2271
|
+
const balance = uiConfig?.balance;
|
|
2232
2272
|
const logoUrl = branding?.logoUrl ?? "https://github.com/rhinestonewtf.png";
|
|
2233
2273
|
const title = branding?.title ?? "Deposit";
|
|
2234
2274
|
const canGoBack = currentStepIndex > 0 && currentStepIndex < 4 && backHandlerRef.current !== void 0;
|
|
@@ -2289,12 +2329,12 @@ function DepositModalInner({
|
|
|
2289
2329
|
i
|
|
2290
2330
|
)) })
|
|
2291
2331
|
] }),
|
|
2292
|
-
|
|
2332
|
+
balance && /* @__PURE__ */ jsxs8("div", { className: "rs-modal-header-balance", children: [
|
|
2293
2333
|
/* @__PURE__ */ jsxs8("span", { children: [
|
|
2294
|
-
|
|
2334
|
+
balance.title,
|
|
2295
2335
|
":"
|
|
2296
2336
|
] }),
|
|
2297
|
-
/* @__PURE__ */ jsx8("span", { className: "rs-modal-header-balance-value", children: currencyFormatter.format(totalBalanceUsd) })
|
|
2337
|
+
/* @__PURE__ */ jsx8("span", { className: "rs-modal-header-balance-value", children: balance.amount ?? (totalBalanceUsd !== null ? currencyFormatter.format(totalBalanceUsd) : null) })
|
|
2298
2338
|
] })
|
|
2299
2339
|
] }),
|
|
2300
2340
|
/* @__PURE__ */ jsx8("div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ jsx8(
|
|
@@ -3,7 +3,7 @@ import { useState } from "react";
|
|
|
3
3
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
4
4
|
import { WagmiAdapter } from "@reown/appkit-adapter-wagmi";
|
|
5
5
|
import { WagmiProvider } from "wagmi";
|
|
6
|
-
import { createAppKit, useAppKit, useAppKitAccount } from "@reown/appkit/react";
|
|
6
|
+
import { createAppKit, useAppKit, useAppKitAccount, useWalletInfo } from "@reown/appkit/react";
|
|
7
7
|
import {
|
|
8
8
|
mainnet,
|
|
9
9
|
base,
|
|
@@ -67,6 +67,7 @@ function ReownWalletProvider({
|
|
|
67
67
|
function useReownWallet() {
|
|
68
68
|
const { open } = useAppKit();
|
|
69
69
|
const { address, isConnected } = useAppKitAccount();
|
|
70
|
+
const { walletInfo } = useWalletInfo();
|
|
70
71
|
const { data: walletClient } = useWalletClient();
|
|
71
72
|
const publicClient = usePublicClient();
|
|
72
73
|
const { switchChainAsync } = useSwitchChain();
|
|
@@ -75,6 +76,7 @@ function useReownWallet() {
|
|
|
75
76
|
publicClient: publicClient ?? void 0,
|
|
76
77
|
address,
|
|
77
78
|
isConnected,
|
|
79
|
+
icon: walletInfo?.icon,
|
|
78
80
|
openConnect: () => {
|
|
79
81
|
void open({ view: isConnected ? "Account" : "Connect" });
|
|
80
82
|
},
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
getTokenAddress,
|
|
8
8
|
getTokenDecimalsByAddress,
|
|
9
9
|
getTokenSymbol
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-3ICS43XC.mjs";
|
|
11
11
|
|
|
12
12
|
// src/components/ui/Modal.tsx
|
|
13
13
|
import {
|
|
@@ -731,7 +731,14 @@ function ConnectStep({
|
|
|
731
731
|
"div",
|
|
732
732
|
{
|
|
733
733
|
className: `rs-connect-wallet-icon ${isSelected ? "rs-connect-wallet-icon--selected" : ""}`,
|
|
734
|
-
children:
|
|
734
|
+
children: option.icon ? /* @__PURE__ */ jsx5(
|
|
735
|
+
"img",
|
|
736
|
+
{
|
|
737
|
+
src: option.icon,
|
|
738
|
+
alt: option.label,
|
|
739
|
+
style: { width: 18, height: 18, borderRadius: 4 }
|
|
740
|
+
}
|
|
741
|
+
) : rowIcon(option.kind)
|
|
735
742
|
}
|
|
736
743
|
),
|
|
737
744
|
/* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
|
|
@@ -800,6 +807,42 @@ function ConnectStep({
|
|
|
800
807
|
] });
|
|
801
808
|
}
|
|
802
809
|
const handleConnect = onConnect ?? onRequestConnect;
|
|
810
|
+
if (onSelectTransferCrypto) {
|
|
811
|
+
return /* @__PURE__ */ jsx5("div", { className: "rs-step", children: /* @__PURE__ */ jsx5("div", { className: "rs-connect-centered rs-connect-centered--wallets", children: /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-list", children: [
|
|
812
|
+
/* @__PURE__ */ jsxs4(
|
|
813
|
+
"button",
|
|
814
|
+
{
|
|
815
|
+
type: "button",
|
|
816
|
+
className: "rs-connect-wallet-row rs-connect-wallet-row--action",
|
|
817
|
+
onClick: onSelectTransferCrypto,
|
|
818
|
+
children: [
|
|
819
|
+
/* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx5(TransferIcon, {}) }),
|
|
820
|
+
/* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
|
|
821
|
+
/* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
|
|
822
|
+
/* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "Deposit via QR code" })
|
|
823
|
+
] }),
|
|
824
|
+
/* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
|
|
825
|
+
]
|
|
826
|
+
}
|
|
827
|
+
),
|
|
828
|
+
handleConnect && /* @__PURE__ */ jsxs4(
|
|
829
|
+
"button",
|
|
830
|
+
{
|
|
831
|
+
type: "button",
|
|
832
|
+
className: "rs-connect-wallet-row rs-connect-wallet-row--action",
|
|
833
|
+
onClick: handleConnect,
|
|
834
|
+
children: [
|
|
835
|
+
/* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx5(WalletIcon, {}) }),
|
|
836
|
+
/* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
|
|
837
|
+
/* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: "Connect Wallet" }),
|
|
838
|
+
/* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "Connect your wallet to deposit" })
|
|
839
|
+
] }),
|
|
840
|
+
/* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
|
|
841
|
+
]
|
|
842
|
+
}
|
|
843
|
+
)
|
|
844
|
+
] }) }) });
|
|
845
|
+
}
|
|
803
846
|
return /* @__PURE__ */ jsxs4("div", { className: "rs-step", children: [
|
|
804
847
|
/* @__PURE__ */ jsx5("div", { className: "rs-connect-centered rs-connect-centered--minimal", children: /* @__PURE__ */ jsxs4("div", { className: "rs-connect-empty", children: [
|
|
805
848
|
/* @__PURE__ */ jsxs4("div", { className: "rs-connect-empty-graphic", "aria-hidden": "true", children: [
|
|
@@ -839,27 +882,16 @@ function ConnectStep({
|
|
|
839
882
|
/* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-title", children: "No wallet connected" }),
|
|
840
883
|
/* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-subtitle", children: "Connect an external wallet to continue." })
|
|
841
884
|
] }) }),
|
|
842
|
-
/* @__PURE__ */
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
),
|
|
853
|
-
onSelectTransferCrypto && /* @__PURE__ */ jsx5(
|
|
854
|
-
"button",
|
|
855
|
-
{
|
|
856
|
-
type: "button",
|
|
857
|
-
className: "rs-connect-transfer-link",
|
|
858
|
-
onClick: onSelectTransferCrypto,
|
|
859
|
-
children: "Or deposit via QR code"
|
|
860
|
-
}
|
|
861
|
-
)
|
|
862
|
-
] })
|
|
885
|
+
/* @__PURE__ */ jsx5("div", { className: "rs-step-footer rs-step-footer--connect-empty", children: /* @__PURE__ */ jsx5(
|
|
886
|
+
Button,
|
|
887
|
+
{
|
|
888
|
+
onClick: handleConnect,
|
|
889
|
+
variant: "accent",
|
|
890
|
+
fullWidth: true,
|
|
891
|
+
disabled: !handleConnect,
|
|
892
|
+
children: connectButtonLabel
|
|
893
|
+
}
|
|
894
|
+
) })
|
|
863
895
|
] });
|
|
864
896
|
}
|
|
865
897
|
ConnectStep.displayName = "ConnectStep";
|