@rhinestone/deposit-modal 0.3.0-alpha.10 → 0.3.0-alpha.12
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-4NV6JM2U.cjs → DepositModalReown-EC4DJ3EC.cjs} +2 -2
- package/dist/{DepositModalReown-2S76TEXU.mjs → DepositModalReown-QOTUF4JC.mjs} +1 -1
- package/dist/{chunk-N5NOJ4ZV.mjs → chunk-HR6BABPX.mjs} +375 -233
- package/dist/{chunk-HUPEN2T5.cjs → chunk-I5G5ULRP.cjs} +260 -118
- package/dist/deposit.cjs +2 -2
- package/dist/deposit.mjs +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.mjs +1 -1
- package/dist/styles.css +82 -11
- package/package.json +1 -1
|
@@ -1376,14 +1376,15 @@ function getDepositEventDetails(event) {
|
|
|
1376
1376
|
...solanaMeta
|
|
1377
1377
|
};
|
|
1378
1378
|
}
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
const
|
|
1379
|
+
const source = isRecord(event.data.source) ? event.data.source : void 0;
|
|
1380
|
+
const deposit = isRecord(event.data.deposit) ? event.data.deposit : void 0;
|
|
1381
|
+
if (source || deposit) {
|
|
1382
|
+
const chainId = asChainId(source?.chain) ?? asChainId(deposit?.chain);
|
|
1383
|
+
const token = asString(source?.asset) ?? asString(deposit?.asset) ?? asString(deposit?.token);
|
|
1383
1384
|
const solanaMeta = chainId === "solana" ? resolveSolanaTokenMeta(token) : {};
|
|
1384
1385
|
return {
|
|
1385
1386
|
chainId,
|
|
1386
|
-
amount: asAmount(source?.amount),
|
|
1387
|
+
amount: asAmount(source?.amount) ?? asAmount(deposit?.amount),
|
|
1387
1388
|
token,
|
|
1388
1389
|
...solanaMeta
|
|
1389
1390
|
};
|
|
@@ -1437,8 +1438,8 @@ function DepositAddressStep({
|
|
|
1437
1438
|
options.splice(1, 0, "solana");
|
|
1438
1439
|
return options;
|
|
1439
1440
|
}, [evmChainIds, hasSolana]);
|
|
1440
|
-
const
|
|
1441
|
-
const defaultChainId = evmChainIds.includes(
|
|
1441
|
+
const BASE_CHAIN_ID2 = 8453;
|
|
1442
|
+
const defaultChainId = evmChainIds.includes(BASE_CHAIN_ID2) ? BASE_CHAIN_ID2 : evmChainIds[0];
|
|
1442
1443
|
const [sourceChainId, setSourceChainId] = useState5(defaultChainId);
|
|
1443
1444
|
const isSolana = sourceChainId === "solana";
|
|
1444
1445
|
const tokensForChain = useMemo3(
|
|
@@ -1947,10 +1948,133 @@ function DepositAddressStep({
|
|
|
1947
1948
|
}
|
|
1948
1949
|
DepositAddressStep.displayName = "DepositAddressStep";
|
|
1949
1950
|
|
|
1951
|
+
// src/components/steps/DepositAddressSkeleton.tsx
|
|
1952
|
+
import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
1953
|
+
var BASE_CHAIN_ID = 8453;
|
|
1954
|
+
function DepositAddressSkeleton({
|
|
1955
|
+
uiConfig,
|
|
1956
|
+
allowedRoutes
|
|
1957
|
+
}) {
|
|
1958
|
+
const allowedChainSet = allowedRoutes?.sourceChains ? new Set(allowedRoutes.sourceChains) : null;
|
|
1959
|
+
const allowedTokenSet = allowedRoutes?.sourceTokens ? new Set(allowedRoutes.sourceTokens.map((s) => s.toUpperCase())) : null;
|
|
1960
|
+
const evmChainIds = (() => {
|
|
1961
|
+
const all = getSupportedChainIds();
|
|
1962
|
+
return allowedChainSet ? all.filter((id) => allowedChainSet.has(id)) : all;
|
|
1963
|
+
})();
|
|
1964
|
+
const defaultChainId = evmChainIds.includes(BASE_CHAIN_ID) ? BASE_CHAIN_ID : evmChainIds[0];
|
|
1965
|
+
const tokensForChain = (() => {
|
|
1966
|
+
const all = getTargetTokenSymbolsForChain(defaultChainId);
|
|
1967
|
+
return allowedTokenSet ? all.filter((s) => allowedTokenSet.has(s.toUpperCase())) : all;
|
|
1968
|
+
})();
|
|
1969
|
+
const defaultToken = tokensForChain.includes("USDC") ? "USDC" : tokensForChain[0] ?? "USDC";
|
|
1970
|
+
const chainName = getChainName(defaultChainId);
|
|
1971
|
+
const chainIcon = getChainIcon(defaultChainId);
|
|
1972
|
+
const tokenIcon = getTokenIcon(defaultToken);
|
|
1973
|
+
return /* @__PURE__ */ jsxs7("div", { className: "rs-screen", "aria-busy": "true", children: [
|
|
1974
|
+
/* @__PURE__ */ jsx7("span", { className: "rs-sr-only", role: "status", children: "Preparing deposit details\u2026" }),
|
|
1975
|
+
/* @__PURE__ */ jsxs7("div", { className: "rs-screen-body", children: [
|
|
1976
|
+
/* @__PURE__ */ jsx7(BodyHeader, { icon: /* @__PURE__ */ jsx7(TransferCryptoIcon, {}), title: "Transfer crypto" }),
|
|
1977
|
+
/* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-selectors", "aria-hidden": "true", children: [
|
|
1978
|
+
/* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-dropdown", children: [
|
|
1979
|
+
/* @__PURE__ */ jsx7("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
|
|
1980
|
+
/* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-dropdown-trigger", children: [
|
|
1981
|
+
chainIcon && /* @__PURE__ */ jsx7(
|
|
1982
|
+
"img",
|
|
1983
|
+
{
|
|
1984
|
+
src: chainIcon,
|
|
1985
|
+
alt: "",
|
|
1986
|
+
className: "rs-deposit-address-dropdown-icon"
|
|
1987
|
+
}
|
|
1988
|
+
),
|
|
1989
|
+
/* @__PURE__ */ jsx7("span", { children: chainName }),
|
|
1990
|
+
/* @__PURE__ */ jsx7(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
|
|
1991
|
+
] })
|
|
1992
|
+
] }),
|
|
1993
|
+
/* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-dropdown", children: [
|
|
1994
|
+
/* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-dropdown-label rs-deposit-address-dropdown-label--with-min", children: [
|
|
1995
|
+
/* @__PURE__ */ jsx7("span", { children: "Supported token" }),
|
|
1996
|
+
/* @__PURE__ */ jsxs7("span", { className: "rs-deposit-address-min", children: [
|
|
1997
|
+
"Min.$",
|
|
1998
|
+
(uiConfig?.minDepositUsd ?? 0.1).toFixed(2),
|
|
1999
|
+
/* @__PURE__ */ jsx7(Tooltip, { content: "Minimum deposit amount required for the selected chain.", children: /* @__PURE__ */ jsx7(
|
|
2000
|
+
InfoIcon,
|
|
2001
|
+
{
|
|
2002
|
+
className: "rs-deposit-address-min-icon",
|
|
2003
|
+
"aria-hidden": "true"
|
|
2004
|
+
}
|
|
2005
|
+
) })
|
|
2006
|
+
] })
|
|
2007
|
+
] }),
|
|
2008
|
+
/* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-dropdown-trigger", children: [
|
|
2009
|
+
tokenIcon && /* @__PURE__ */ jsx7(
|
|
2010
|
+
"img",
|
|
2011
|
+
{
|
|
2012
|
+
src: tokenIcon,
|
|
2013
|
+
alt: "",
|
|
2014
|
+
className: "rs-deposit-address-dropdown-icon"
|
|
2015
|
+
}
|
|
2016
|
+
),
|
|
2017
|
+
/* @__PURE__ */ jsx7("span", { children: defaultToken }),
|
|
2018
|
+
/* @__PURE__ */ jsx7(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
|
|
2019
|
+
] })
|
|
2020
|
+
] })
|
|
2021
|
+
] }),
|
|
2022
|
+
/* @__PURE__ */ jsxs7(
|
|
2023
|
+
"div",
|
|
2024
|
+
{
|
|
2025
|
+
style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" },
|
|
2026
|
+
children: [
|
|
2027
|
+
/* @__PURE__ */ jsxs7("div", { className: "rs-deposit-address-well", children: [
|
|
2028
|
+
/* @__PURE__ */ jsx7("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx7("div", { className: "rs-skeleton rs-skeleton-qr", "aria-hidden": "true" }) }),
|
|
2029
|
+
/* @__PURE__ */ jsx7("div", { className: "rs-skeleton rs-skeleton-address", "aria-hidden": "true" })
|
|
2030
|
+
] }),
|
|
2031
|
+
/* @__PURE__ */ jsxs7(
|
|
2032
|
+
"button",
|
|
2033
|
+
{
|
|
2034
|
+
type: "button",
|
|
2035
|
+
className: "rs-deposit-address-copy",
|
|
2036
|
+
disabled: true,
|
|
2037
|
+
"aria-hidden": "true",
|
|
2038
|
+
children: [
|
|
2039
|
+
/* @__PURE__ */ jsx7(CopyIcon, {}),
|
|
2040
|
+
"Copy address"
|
|
2041
|
+
]
|
|
2042
|
+
}
|
|
2043
|
+
)
|
|
2044
|
+
]
|
|
2045
|
+
}
|
|
2046
|
+
),
|
|
2047
|
+
/* @__PURE__ */ jsx7("div", { className: "rs-price-impact", "aria-hidden": "true", children: /* @__PURE__ */ jsxs7("div", { className: "rs-price-impact-header", children: [
|
|
2048
|
+
/* @__PURE__ */ jsxs7("span", { className: "rs-price-impact-header-left", children: [
|
|
2049
|
+
/* @__PURE__ */ jsx7("span", { className: "rs-price-impact-label", children: "Price impact" }),
|
|
2050
|
+
/* @__PURE__ */ jsx7("span", { className: "rs-price-impact-label", children: /* @__PURE__ */ jsx7("strong", { children: "0.00%" }) }),
|
|
2051
|
+
/* @__PURE__ */ jsx7(
|
|
2052
|
+
Tooltip,
|
|
2053
|
+
{
|
|
2054
|
+
className: "rs-price-impact-info",
|
|
2055
|
+
content: "Price impact is the difference between expected and execution price, due to trade size and liquidity.",
|
|
2056
|
+
children: /* @__PURE__ */ jsx7(InfoIcon, { "aria-hidden": "true" })
|
|
2057
|
+
}
|
|
2058
|
+
)
|
|
2059
|
+
] }),
|
|
2060
|
+
/* @__PURE__ */ jsx7(
|
|
2061
|
+
ChevronDownIcon,
|
|
2062
|
+
{
|
|
2063
|
+
className: "rs-price-impact-chevron",
|
|
2064
|
+
"aria-hidden": "true"
|
|
2065
|
+
}
|
|
2066
|
+
)
|
|
2067
|
+
] }) })
|
|
2068
|
+
] }),
|
|
2069
|
+
/* @__PURE__ */ jsx7(PoweredBy, {})
|
|
2070
|
+
] });
|
|
2071
|
+
}
|
|
2072
|
+
DepositAddressSkeleton.displayName = "DepositAddressSkeleton";
|
|
2073
|
+
|
|
1950
2074
|
// src/components/steps/SolanaTokenSelectStep.tsx
|
|
1951
2075
|
import { useState as useState6, useEffect as useEffect6, useMemo as useMemo4 } from "react";
|
|
1952
2076
|
import { formatUnits as formatUnits4 } from "viem";
|
|
1953
|
-
import { jsx as
|
|
2077
|
+
import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
1954
2078
|
function SolanaTokenSelectStep({
|
|
1955
2079
|
solanaAddress,
|
|
1956
2080
|
service,
|
|
@@ -2056,30 +2180,30 @@ function SolanaTokenSelectStep({
|
|
|
2056
2180
|
};
|
|
2057
2181
|
const chainIcon = getChainIcon("solana");
|
|
2058
2182
|
const chainName = getChainName("solana");
|
|
2059
|
-
return /* @__PURE__ */
|
|
2060
|
-
/* @__PURE__ */
|
|
2061
|
-
/* @__PURE__ */
|
|
2183
|
+
return /* @__PURE__ */ jsxs8("div", { className: "rs-screen", children: [
|
|
2184
|
+
/* @__PURE__ */ jsxs8("div", { className: "rs-screen-body", children: [
|
|
2185
|
+
/* @__PURE__ */ jsx8(
|
|
2062
2186
|
BodyHeader,
|
|
2063
2187
|
{
|
|
2064
|
-
icon: /* @__PURE__ */
|
|
2188
|
+
icon: /* @__PURE__ */ jsx8(WalletIcon, {}),
|
|
2065
2189
|
title: "Your assets",
|
|
2066
2190
|
subtitle: "Select source assets to transfer"
|
|
2067
2191
|
}
|
|
2068
2192
|
),
|
|
2069
|
-
loading && /* @__PURE__ */
|
|
2070
|
-
/* @__PURE__ */
|
|
2071
|
-
/* @__PURE__ */
|
|
2193
|
+
loading && /* @__PURE__ */ jsxs8("div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
|
|
2194
|
+
/* @__PURE__ */ jsx8(Spinner, { className: "rs-text-tertiary" }),
|
|
2195
|
+
/* @__PURE__ */ jsx8("span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
|
|
2072
2196
|
] }),
|
|
2073
|
-
error && /* @__PURE__ */
|
|
2074
|
-
!loading && !error && rows.length === 0 && /* @__PURE__ */
|
|
2075
|
-
/* @__PURE__ */
|
|
2076
|
-
/* @__PURE__ */
|
|
2077
|
-
/* @__PURE__ */
|
|
2197
|
+
error && /* @__PURE__ */ jsx8(Callout, { variant: "error", children: error }),
|
|
2198
|
+
!loading && !error && rows.length === 0 && /* @__PURE__ */ jsxs8("div", { className: "rs-empty-state", children: [
|
|
2199
|
+
/* @__PURE__ */ jsx8(WalletIcon, { className: "rs-empty-icon" }),
|
|
2200
|
+
/* @__PURE__ */ jsx8("div", { className: "rs-empty-text", children: "No funds in connected wallet" }),
|
|
2201
|
+
/* @__PURE__ */ jsxs8("div", { className: "rs-empty-address", children: [
|
|
2078
2202
|
solanaAddress.slice(0, 6),
|
|
2079
2203
|
"...",
|
|
2080
2204
|
solanaAddress.slice(-4)
|
|
2081
2205
|
] }),
|
|
2082
|
-
onDisconnect && /* @__PURE__ */
|
|
2206
|
+
onDisconnect && /* @__PURE__ */ jsx8(
|
|
2083
2207
|
"button",
|
|
2084
2208
|
{
|
|
2085
2209
|
type: "button",
|
|
@@ -2089,11 +2213,11 @@ function SolanaTokenSelectStep({
|
|
|
2089
2213
|
}
|
|
2090
2214
|
)
|
|
2091
2215
|
] }),
|
|
2092
|
-
!loading && !error && rows.length > 0 && /* @__PURE__ */
|
|
2216
|
+
!loading && !error && rows.length > 0 && /* @__PURE__ */ jsx8("div", { className: "rs-asset-list", children: rows.map((entry) => {
|
|
2093
2217
|
const isSelected = selectedSymbol === entry.token.symbol;
|
|
2094
2218
|
const tokenAmount = formatBalance(entry);
|
|
2095
2219
|
const tokenIcon = getTokenIcon(entry.token.symbol);
|
|
2096
|
-
return /* @__PURE__ */
|
|
2220
|
+
return /* @__PURE__ */ jsxs8(
|
|
2097
2221
|
"button",
|
|
2098
2222
|
{
|
|
2099
2223
|
type: "button",
|
|
@@ -2101,33 +2225,33 @@ function SolanaTokenSelectStep({
|
|
|
2101
2225
|
className: `rs-asset-row ${isSelected ? "rs-asset-row--selected" : ""}`,
|
|
2102
2226
|
"aria-pressed": isSelected,
|
|
2103
2227
|
children: [
|
|
2104
|
-
/* @__PURE__ */
|
|
2105
|
-
/* @__PURE__ */
|
|
2106
|
-
tokenIcon ? /* @__PURE__ */
|
|
2107
|
-
chainIcon && /* @__PURE__ */
|
|
2228
|
+
/* @__PURE__ */ jsxs8("div", { className: "rs-asset-info", children: [
|
|
2229
|
+
/* @__PURE__ */ jsxs8("div", { className: "rs-asset-icon-wrapper", children: [
|
|
2230
|
+
tokenIcon ? /* @__PURE__ */ jsx8("span", { className: "rs-asset-icon", children: /* @__PURE__ */ jsx8("img", { src: tokenIcon, alt: entry.token.symbol }) }) : /* @__PURE__ */ jsx8("span", { className: "rs-asset-icon", children: entry.token.symbol.slice(0, 4) }),
|
|
2231
|
+
chainIcon && /* @__PURE__ */ jsx8("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx8("img", { src: chainIcon, alt: chainName }) })
|
|
2108
2232
|
] }),
|
|
2109
|
-
/* @__PURE__ */
|
|
2110
|
-
/* @__PURE__ */
|
|
2111
|
-
/* @__PURE__ */
|
|
2112
|
-
/* @__PURE__ */
|
|
2233
|
+
/* @__PURE__ */ jsxs8("div", { className: "rs-asset-text", children: [
|
|
2234
|
+
/* @__PURE__ */ jsxs8("div", { className: "rs-asset-name-row", children: [
|
|
2235
|
+
/* @__PURE__ */ jsx8("span", { className: "rs-asset-name", children: entry.token.symbol }),
|
|
2236
|
+
/* @__PURE__ */ jsxs8("span", { className: "rs-asset-chain", children: [
|
|
2113
2237
|
"on ",
|
|
2114
2238
|
chainName
|
|
2115
2239
|
] })
|
|
2116
2240
|
] }),
|
|
2117
|
-
/* @__PURE__ */
|
|
2241
|
+
/* @__PURE__ */ jsxs8("div", { className: "rs-asset-balance-small", children: [
|
|
2118
2242
|
tokenAmount,
|
|
2119
2243
|
" ",
|
|
2120
2244
|
entry.token.symbol
|
|
2121
2245
|
] })
|
|
2122
2246
|
] })
|
|
2123
2247
|
] }),
|
|
2124
|
-
/* @__PURE__ */
|
|
2248
|
+
/* @__PURE__ */ jsx8("div", { className: "rs-asset-balance", children: entry.balanceUsd > 0 ? currencyFormatter.format(entry.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${entry.token.symbol}` : "--" })
|
|
2125
2249
|
]
|
|
2126
2250
|
},
|
|
2127
2251
|
entry.token.symbol
|
|
2128
2252
|
);
|
|
2129
2253
|
}) }),
|
|
2130
|
-
/* @__PURE__ */
|
|
2254
|
+
/* @__PURE__ */ jsx8(
|
|
2131
2255
|
Button,
|
|
2132
2256
|
{
|
|
2133
2257
|
onClick: () => selectedEntry && onContinue(
|
|
@@ -2141,14 +2265,14 @@ function SolanaTokenSelectStep({
|
|
|
2141
2265
|
}
|
|
2142
2266
|
)
|
|
2143
2267
|
] }),
|
|
2144
|
-
/* @__PURE__ */
|
|
2268
|
+
/* @__PURE__ */ jsx8(PoweredBy, {})
|
|
2145
2269
|
] });
|
|
2146
2270
|
}
|
|
2147
2271
|
|
|
2148
2272
|
// src/components/steps/SolanaAmountStep.tsx
|
|
2149
2273
|
import { useCallback as useCallback3, useEffect as useEffect7, useMemo as useMemo5, useRef as useRef6, useState as useState7 } from "react";
|
|
2150
2274
|
import { formatUnits as formatUnits5, parseUnits as parseUnits3 } from "viem";
|
|
2151
|
-
import { Fragment as Fragment2, jsx as
|
|
2275
|
+
import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
2152
2276
|
var SOL_FEE_RESERVE_LAMPORTS = 1000000n;
|
|
2153
2277
|
var PRESETS2 = [
|
|
2154
2278
|
{ value: 25, label: "25%" },
|
|
@@ -2348,12 +2472,12 @@ function SolanaAmountStep({
|
|
|
2348
2472
|
const continueLabel = exceedsBalance ? "Insufficient balance" : isAboveMax ? "Continue with max allowed deposit" : isBelowMin ? "Continue with minimum deposit" : "Continue";
|
|
2349
2473
|
const continueDisabled = exceedsBalance || numericAmount === 0 && !isBelowMin;
|
|
2350
2474
|
const sourceTokenIcon = getTokenIcon(token.symbol);
|
|
2351
|
-
return /* @__PURE__ */
|
|
2352
|
-
/* @__PURE__ */
|
|
2353
|
-
/* @__PURE__ */
|
|
2354
|
-
/* @__PURE__ */
|
|
2355
|
-
/* @__PURE__ */
|
|
2356
|
-
/* @__PURE__ */
|
|
2475
|
+
return /* @__PURE__ */ jsxs9("div", { className: "rs-screen", children: [
|
|
2476
|
+
/* @__PURE__ */ jsxs9("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
|
|
2477
|
+
/* @__PURE__ */ jsx9(BodyHeader, { icon: /* @__PURE__ */ jsx9(WalletIcon, {}), title: "Wallet deposit" }),
|
|
2478
|
+
/* @__PURE__ */ jsxs9("div", { className: "rs-amount-section", children: [
|
|
2479
|
+
/* @__PURE__ */ jsxs9("div", { className: "rs-amount-display", children: [
|
|
2480
|
+
/* @__PURE__ */ jsx9(
|
|
2357
2481
|
AnimatedAmountInput,
|
|
2358
2482
|
{
|
|
2359
2483
|
value: amount,
|
|
@@ -2362,25 +2486,25 @@ function SolanaAmountStep({
|
|
|
2362
2486
|
autoFocus: true
|
|
2363
2487
|
}
|
|
2364
2488
|
),
|
|
2365
|
-
/* @__PURE__ */
|
|
2366
|
-
/* @__PURE__ */
|
|
2489
|
+
/* @__PURE__ */ jsxs9("div", { className: "rs-amount-meta", children: [
|
|
2490
|
+
/* @__PURE__ */ jsxs9("span", { className: "rs-amount-meta-balance", children: [
|
|
2367
2491
|
formattedBalance,
|
|
2368
2492
|
" ",
|
|
2369
2493
|
token.symbol,
|
|
2370
2494
|
" available",
|
|
2371
|
-
computedBalanceUsd !== null && /* @__PURE__ */
|
|
2495
|
+
computedBalanceUsd !== null && /* @__PURE__ */ jsxs9(Fragment2, { children: [
|
|
2372
2496
|
" (~",
|
|
2373
2497
|
currencyFormatter.format(computedBalanceUsd),
|
|
2374
2498
|
")"
|
|
2375
2499
|
] })
|
|
2376
2500
|
] }),
|
|
2377
|
-
minDepositUsd !== null && /* @__PURE__ */
|
|
2501
|
+
minDepositUsd !== null && /* @__PURE__ */ jsxs9("span", { className: "rs-amount-meta-minimum", children: [
|
|
2378
2502
|
"Min. deposit ",
|
|
2379
2503
|
currencyFormatter.format(minDepositUsd)
|
|
2380
2504
|
] })
|
|
2381
2505
|
] })
|
|
2382
2506
|
] }),
|
|
2383
|
-
/* @__PURE__ */
|
|
2507
|
+
/* @__PURE__ */ jsx9("div", { className: "rs-amount-presets", children: PRESETS2.map((preset) => /* @__PURE__ */ jsx9(
|
|
2384
2508
|
"button",
|
|
2385
2509
|
{
|
|
2386
2510
|
type: "button",
|
|
@@ -2391,35 +2515,35 @@ function SolanaAmountStep({
|
|
|
2391
2515
|
preset.value
|
|
2392
2516
|
)) })
|
|
2393
2517
|
] }),
|
|
2394
|
-
/* @__PURE__ */
|
|
2395
|
-
/* @__PURE__ */
|
|
2396
|
-
/* @__PURE__ */
|
|
2397
|
-
/* @__PURE__ */
|
|
2398
|
-
/* @__PURE__ */
|
|
2518
|
+
/* @__PURE__ */ jsxs9("div", { className: "rs-amount-details", children: [
|
|
2519
|
+
/* @__PURE__ */ jsxs9("div", { className: "rs-amount-detail-row", children: [
|
|
2520
|
+
/* @__PURE__ */ jsx9("span", { children: "You send" }),
|
|
2521
|
+
/* @__PURE__ */ jsxs9("span", { className: "rs-amount-detail-value", children: [
|
|
2522
|
+
/* @__PURE__ */ jsxs9("span", { children: [
|
|
2399
2523
|
"Solana ",
|
|
2400
2524
|
token.symbol
|
|
2401
2525
|
] }),
|
|
2402
|
-
sourceTokenIcon && /* @__PURE__ */
|
|
2526
|
+
sourceTokenIcon && /* @__PURE__ */ jsx9("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx9("img", { src: sourceTokenIcon, alt: "" }) })
|
|
2403
2527
|
] })
|
|
2404
2528
|
] }),
|
|
2405
|
-
targetChainName && targetTokenSymbol && /* @__PURE__ */
|
|
2406
|
-
/* @__PURE__ */
|
|
2407
|
-
/* @__PURE__ */
|
|
2408
|
-
/* @__PURE__ */
|
|
2529
|
+
targetChainName && targetTokenSymbol && /* @__PURE__ */ jsxs9("div", { className: "rs-amount-detail-row", children: [
|
|
2530
|
+
/* @__PURE__ */ jsx9("span", { children: "Receive" }),
|
|
2531
|
+
/* @__PURE__ */ jsxs9("span", { className: "rs-amount-detail-value", children: [
|
|
2532
|
+
/* @__PURE__ */ jsxs9("span", { children: [
|
|
2409
2533
|
targetChainName,
|
|
2410
2534
|
" ",
|
|
2411
2535
|
targetTokenSymbol
|
|
2412
2536
|
] }),
|
|
2413
|
-
targetTokenIcon && /* @__PURE__ */
|
|
2537
|
+
targetTokenIcon && /* @__PURE__ */ jsx9("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx9("img", { src: targetTokenIcon, alt: "" }) })
|
|
2414
2538
|
] })
|
|
2415
2539
|
] }),
|
|
2416
|
-
balanceAfterUsd !== null && /* @__PURE__ */
|
|
2417
|
-
/* @__PURE__ */
|
|
2418
|
-
/* @__PURE__ */
|
|
2540
|
+
balanceAfterUsd !== null && /* @__PURE__ */ jsxs9("div", { className: "rs-amount-detail-row", children: [
|
|
2541
|
+
/* @__PURE__ */ jsx9("span", { children: "Balance after deposit" }),
|
|
2542
|
+
/* @__PURE__ */ jsx9("span", { className: "rs-amount-detail-value", children: currencyFormatter.format(balanceAfterUsd) })
|
|
2419
2543
|
] })
|
|
2420
2544
|
] }),
|
|
2421
|
-
error && /* @__PURE__ */
|
|
2422
|
-
/* @__PURE__ */
|
|
2545
|
+
error && /* @__PURE__ */ jsx9(Callout, { variant: "error", children: error }),
|
|
2546
|
+
/* @__PURE__ */ jsx9(
|
|
2423
2547
|
Button,
|
|
2424
2548
|
{
|
|
2425
2549
|
onClick: handleContinue,
|
|
@@ -2429,7 +2553,7 @@ function SolanaAmountStep({
|
|
|
2429
2553
|
}
|
|
2430
2554
|
)
|
|
2431
2555
|
] }),
|
|
2432
|
-
/* @__PURE__ */
|
|
2556
|
+
/* @__PURE__ */ jsx9(PoweredBy, {})
|
|
2433
2557
|
] });
|
|
2434
2558
|
}
|
|
2435
2559
|
|
|
@@ -2542,7 +2666,7 @@ async function sendSolanaTransaction(provider, _connection, transaction) {
|
|
|
2542
2666
|
}
|
|
2543
2667
|
|
|
2544
2668
|
// src/components/steps/SolanaConfirmStep.tsx
|
|
2545
|
-
import { jsx as
|
|
2669
|
+
import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
2546
2670
|
function SolanaConfirmStep({
|
|
2547
2671
|
smartAccount,
|
|
2548
2672
|
solanaAddress,
|
|
@@ -2683,66 +2807,66 @@ function SolanaConfirmStep({
|
|
|
2683
2807
|
setIsSubmitting(false);
|
|
2684
2808
|
}
|
|
2685
2809
|
};
|
|
2686
|
-
return /* @__PURE__ */
|
|
2687
|
-
/* @__PURE__ */
|
|
2688
|
-
/* @__PURE__ */
|
|
2689
|
-
/* @__PURE__ */
|
|
2690
|
-
/* @__PURE__ */
|
|
2691
|
-
/* @__PURE__ */
|
|
2692
|
-
/* @__PURE__ */
|
|
2693
|
-
/* @__PURE__ */
|
|
2694
|
-
sourceChainIcon && /* @__PURE__ */
|
|
2810
|
+
return /* @__PURE__ */ jsxs10("div", { className: "rs-screen", children: [
|
|
2811
|
+
/* @__PURE__ */ jsxs10("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
|
|
2812
|
+
/* @__PURE__ */ jsx10(BodyHeader, { icon: /* @__PURE__ */ jsx10(WalletIcon, {}), title: "Review deposit" }),
|
|
2813
|
+
/* @__PURE__ */ jsxs10("div", { className: "rs-review-details", children: [
|
|
2814
|
+
/* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
|
|
2815
|
+
/* @__PURE__ */ jsx10("span", { children: "Source chain" }),
|
|
2816
|
+
/* @__PURE__ */ jsxs10("span", { className: "rs-review-detail-value", children: [
|
|
2817
|
+
/* @__PURE__ */ jsx10("span", { children: sourceChainName }),
|
|
2818
|
+
sourceChainIcon && /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx10("img", { src: sourceChainIcon, alt: "" }) })
|
|
2695
2819
|
] })
|
|
2696
2820
|
] }),
|
|
2697
|
-
/* @__PURE__ */
|
|
2698
|
-
/* @__PURE__ */
|
|
2699
|
-
/* @__PURE__ */
|
|
2700
|
-
/* @__PURE__ */
|
|
2701
|
-
targetChainIcon && /* @__PURE__ */
|
|
2821
|
+
/* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
|
|
2822
|
+
/* @__PURE__ */ jsx10("span", { children: "Destination chain" }),
|
|
2823
|
+
/* @__PURE__ */ jsxs10("span", { className: "rs-review-detail-value", children: [
|
|
2824
|
+
/* @__PURE__ */ jsx10("span", { children: targetChainName }),
|
|
2825
|
+
targetChainIcon && /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx10("img", { src: targetChainIcon, alt: "" }) })
|
|
2702
2826
|
] })
|
|
2703
2827
|
] }),
|
|
2704
|
-
/* @__PURE__ */
|
|
2705
|
-
/* @__PURE__ */
|
|
2706
|
-
/* @__PURE__ */
|
|
2828
|
+
/* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
|
|
2829
|
+
/* @__PURE__ */ jsx10("span", { children: "Estimated time" }),
|
|
2830
|
+
/* @__PURE__ */ jsx10("span", { className: "rs-review-detail-value", children: estimatedTime })
|
|
2707
2831
|
] }),
|
|
2708
|
-
/* @__PURE__ */
|
|
2709
|
-
/* @__PURE__ */
|
|
2710
|
-
/* @__PURE__ */
|
|
2711
|
-
/* @__PURE__ */
|
|
2832
|
+
/* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
|
|
2833
|
+
/* @__PURE__ */ jsx10("span", { children: "You send" }),
|
|
2834
|
+
/* @__PURE__ */ jsxs10("span", { className: "rs-review-detail-value", children: [
|
|
2835
|
+
/* @__PURE__ */ jsxs10("span", { children: [
|
|
2712
2836
|
formattedAmount,
|
|
2713
2837
|
" ",
|
|
2714
2838
|
token.symbol
|
|
2715
2839
|
] }),
|
|
2716
|
-
sourceTokenIcon && /* @__PURE__ */
|
|
2840
|
+
sourceTokenIcon && /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx10("img", { src: sourceTokenIcon, alt: "" }) })
|
|
2717
2841
|
] })
|
|
2718
2842
|
] }),
|
|
2719
|
-
/* @__PURE__ */
|
|
2720
|
-
/* @__PURE__ */
|
|
2721
|
-
/* @__PURE__ */
|
|
2722
|
-
/* @__PURE__ */
|
|
2843
|
+
/* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
|
|
2844
|
+
/* @__PURE__ */ jsx10("span", { children: "Receive" }),
|
|
2845
|
+
/* @__PURE__ */ jsxs10("span", { className: "rs-review-detail-value", children: [
|
|
2846
|
+
/* @__PURE__ */ jsxs10("span", { children: [
|
|
2723
2847
|
receiveAmount,
|
|
2724
2848
|
" ",
|
|
2725
2849
|
targetSymbol
|
|
2726
2850
|
] }),
|
|
2727
|
-
targetTokenIcon && /* @__PURE__ */
|
|
2851
|
+
targetTokenIcon && /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx10("img", { src: targetTokenIcon, alt: "" }) })
|
|
2728
2852
|
] })
|
|
2729
2853
|
] }),
|
|
2730
|
-
/* @__PURE__ */
|
|
2731
|
-
/* @__PURE__ */
|
|
2732
|
-
/* @__PURE__ */
|
|
2733
|
-
/* @__PURE__ */
|
|
2854
|
+
/* @__PURE__ */ jsxs10("div", { className: "rs-review-detail-row", children: [
|
|
2855
|
+
/* @__PURE__ */ jsx10("span", { children: "Fees" }),
|
|
2856
|
+
/* @__PURE__ */ jsxs10("span", { className: "rs-review-detail-value", children: [
|
|
2857
|
+
/* @__PURE__ */ jsx10(
|
|
2734
2858
|
"span",
|
|
2735
2859
|
{
|
|
2736
2860
|
style: feeSponsored ? { textDecoration: "line-through" } : void 0,
|
|
2737
2861
|
children: "$0.04"
|
|
2738
2862
|
}
|
|
2739
2863
|
),
|
|
2740
|
-
/* @__PURE__ */
|
|
2864
|
+
/* @__PURE__ */ jsx10(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx10("span", { className: "rs-review-detail-info", "aria-label": "Fee info", children: /* @__PURE__ */ jsx10(InfoIcon, {}) }) })
|
|
2741
2865
|
] })
|
|
2742
2866
|
] })
|
|
2743
2867
|
] }),
|
|
2744
|
-
error && /* @__PURE__ */
|
|
2745
|
-
/* @__PURE__ */
|
|
2868
|
+
error && /* @__PURE__ */ jsx10(Callout, { variant: "error", children: error }),
|
|
2869
|
+
/* @__PURE__ */ jsx10(
|
|
2746
2870
|
Button,
|
|
2747
2871
|
{
|
|
2748
2872
|
onClick: handleConfirm,
|
|
@@ -2754,28 +2878,28 @@ function SolanaConfirmStep({
|
|
|
2754
2878
|
}
|
|
2755
2879
|
)
|
|
2756
2880
|
] }),
|
|
2757
|
-
/* @__PURE__ */
|
|
2881
|
+
/* @__PURE__ */ jsx10(PoweredBy, {})
|
|
2758
2882
|
] });
|
|
2759
2883
|
}
|
|
2760
2884
|
|
|
2761
2885
|
// src/components/steps/DappImportAssetSelectStep.tsx
|
|
2762
|
-
import { jsx as
|
|
2886
|
+
import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
2763
2887
|
function DappImportAssetSelectStep({
|
|
2764
2888
|
sourceLabel,
|
|
2765
2889
|
assets,
|
|
2766
2890
|
onSelect
|
|
2767
2891
|
}) {
|
|
2768
|
-
return /* @__PURE__ */
|
|
2769
|
-
/* @__PURE__ */
|
|
2770
|
-
/* @__PURE__ */
|
|
2892
|
+
return /* @__PURE__ */ jsxs11("div", { className: "rs-screen", children: [
|
|
2893
|
+
/* @__PURE__ */ jsxs11("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
|
|
2894
|
+
/* @__PURE__ */ jsx11(
|
|
2771
2895
|
BodyHeader,
|
|
2772
2896
|
{
|
|
2773
|
-
icon: /* @__PURE__ */
|
|
2897
|
+
icon: /* @__PURE__ */ jsx11(WalletIcon, {}),
|
|
2774
2898
|
title: `Transfer from ${sourceLabel}`,
|
|
2775
2899
|
subtitle: "Pick the balance to import"
|
|
2776
2900
|
}
|
|
2777
2901
|
),
|
|
2778
|
-
/* @__PURE__ */
|
|
2902
|
+
/* @__PURE__ */ jsx11("div", { className: "rs-asset-list", children: assets.map((asset) => {
|
|
2779
2903
|
const tokenAmount = asset.balance ? tokenFormatter.format(
|
|
2780
2904
|
Number(asset.balance) / 10 ** asset.decimals
|
|
2781
2905
|
) : "0";
|
|
@@ -2783,23 +2907,23 @@ function DappImportAssetSelectStep({
|
|
|
2783
2907
|
const tokenIcon = asset.icon ?? getTokenIcon(asset.symbol);
|
|
2784
2908
|
const chainIcon = getChainIcon(asset.chainId);
|
|
2785
2909
|
const badge = getChainBadge(asset.chainId);
|
|
2786
|
-
return /* @__PURE__ */
|
|
2910
|
+
return /* @__PURE__ */ jsxs11(
|
|
2787
2911
|
"button",
|
|
2788
2912
|
{
|
|
2789
2913
|
type: "button",
|
|
2790
2914
|
className: "rs-asset-row",
|
|
2791
2915
|
onClick: () => onSelect(asset),
|
|
2792
2916
|
children: [
|
|
2793
|
-
/* @__PURE__ */
|
|
2794
|
-
/* @__PURE__ */
|
|
2795
|
-
/* @__PURE__ */
|
|
2796
|
-
chainIcon ? /* @__PURE__ */
|
|
2917
|
+
/* @__PURE__ */ jsxs11("div", { className: "rs-asset-info", children: [
|
|
2918
|
+
/* @__PURE__ */ jsxs11("div", { className: "rs-asset-icon-wrapper", children: [
|
|
2919
|
+
/* @__PURE__ */ jsx11("span", { className: "rs-asset-icon", children: tokenIcon ? /* @__PURE__ */ jsx11("img", { src: tokenIcon, alt: asset.symbol }) : asset.symbol.slice(0, 4) }),
|
|
2920
|
+
chainIcon ? /* @__PURE__ */ jsx11("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx11(
|
|
2797
2921
|
"img",
|
|
2798
2922
|
{
|
|
2799
2923
|
src: chainIcon,
|
|
2800
2924
|
alt: getChainName(asset.chainId)
|
|
2801
2925
|
}
|
|
2802
|
-
) }) : /* @__PURE__ */
|
|
2926
|
+
) }) : /* @__PURE__ */ jsx11(
|
|
2803
2927
|
"span",
|
|
2804
2928
|
{
|
|
2805
2929
|
className: "rs-asset-chain-badge",
|
|
@@ -2808,29 +2932,29 @@ function DappImportAssetSelectStep({
|
|
|
2808
2932
|
}
|
|
2809
2933
|
)
|
|
2810
2934
|
] }),
|
|
2811
|
-
/* @__PURE__ */
|
|
2812
|
-
/* @__PURE__ */
|
|
2813
|
-
/* @__PURE__ */
|
|
2814
|
-
/* @__PURE__ */
|
|
2935
|
+
/* @__PURE__ */ jsxs11("div", { className: "rs-asset-text", children: [
|
|
2936
|
+
/* @__PURE__ */ jsxs11("div", { className: "rs-asset-name-row", children: [
|
|
2937
|
+
/* @__PURE__ */ jsx11("span", { className: "rs-asset-name", children: asset.symbol }),
|
|
2938
|
+
/* @__PURE__ */ jsxs11("span", { className: "rs-asset-chain", children: [
|
|
2815
2939
|
"on ",
|
|
2816
2940
|
asset.sourceLabel
|
|
2817
2941
|
] })
|
|
2818
2942
|
] }),
|
|
2819
|
-
/* @__PURE__ */
|
|
2943
|
+
/* @__PURE__ */ jsxs11("div", { className: "rs-asset-balance-small", children: [
|
|
2820
2944
|
tokenAmount,
|
|
2821
2945
|
" ",
|
|
2822
2946
|
asset.symbol
|
|
2823
2947
|
] })
|
|
2824
2948
|
] })
|
|
2825
2949
|
] }),
|
|
2826
|
-
/* @__PURE__ */
|
|
2950
|
+
/* @__PURE__ */ jsx11("div", { className: "rs-asset-balance", children: balanceUsd })
|
|
2827
2951
|
]
|
|
2828
2952
|
},
|
|
2829
2953
|
asset.id
|
|
2830
2954
|
);
|
|
2831
2955
|
}) })
|
|
2832
2956
|
] }),
|
|
2833
|
-
/* @__PURE__ */
|
|
2957
|
+
/* @__PURE__ */ jsx11(PoweredBy, {})
|
|
2834
2958
|
] });
|
|
2835
2959
|
}
|
|
2836
2960
|
DappImportAssetSelectStep.displayName = "DappImportAssetSelectStep";
|
|
@@ -3399,6 +3523,7 @@ function applyBack(state, hasWalletOptions) {
|
|
|
3399
3523
|
targetAmount: null,
|
|
3400
3524
|
targetTokenPriceUsd: null,
|
|
3401
3525
|
balance: null,
|
|
3526
|
+
inputAmountUsd: null,
|
|
3402
3527
|
liquidityWarning: null
|
|
3403
3528
|
},
|
|
3404
3529
|
flow: {
|
|
@@ -3654,7 +3779,11 @@ function applyAction(state, action) {
|
|
|
3654
3779
|
selectedAsset: action.asset,
|
|
3655
3780
|
// Seed the user-facing amount input with the modal's defaultAmount
|
|
3656
3781
|
// on first visit. Subsequent visits override via amount/entered.
|
|
3657
|
-
|
|
3782
|
+
// `inputAmountUsd` is the USD-style value the input shows; it (not
|
|
3783
|
+
// the native `amount`) is what re-seeds the input on back, so seed
|
|
3784
|
+
// it here too and reset it on a fresh pick.
|
|
3785
|
+
amount: action.seedAmount ?? state.deposit.amount,
|
|
3786
|
+
inputAmountUsd: action.seedAmount ?? null
|
|
3658
3787
|
},
|
|
3659
3788
|
flow: { ...state.flow, step: "amount" }
|
|
3660
3789
|
};
|
|
@@ -3667,6 +3796,11 @@ function applyAction(state, action) {
|
|
|
3667
3796
|
targetAmount: action.targetAmount,
|
|
3668
3797
|
targetTokenPriceUsd: action.targetTokenPriceUsd,
|
|
3669
3798
|
balance: action.balance ?? null,
|
|
3799
|
+
// `targetAmount` is the USD-style value the user typed. Preserve it
|
|
3800
|
+
// as `inputAmountUsd` so back-from-confirm re-seeds the input with
|
|
3801
|
+
// the typed USD value rather than the converted native `amount`
|
|
3802
|
+
// (which corrupts the input for non-stablecoin priced tokens).
|
|
3803
|
+
inputAmountUsd: action.targetAmount,
|
|
3670
3804
|
liquidityWarning: action.liquidityWarning ?? null
|
|
3671
3805
|
},
|
|
3672
3806
|
flow: { ...state.flow, step: "confirm" }
|
|
@@ -4191,23 +4325,23 @@ function mapError(error) {
|
|
|
4191
4325
|
}
|
|
4192
4326
|
|
|
4193
4327
|
// src/DepositFlow.tsx
|
|
4194
|
-
import { Fragment as Fragment3, jsx as
|
|
4328
|
+
import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
4195
4329
|
function AccountPreparingSkeleton({
|
|
4196
4330
|
errorMessage,
|
|
4197
4331
|
onRetry
|
|
4198
4332
|
}) {
|
|
4199
|
-
return /* @__PURE__ */
|
|
4200
|
-
/* @__PURE__ */
|
|
4201
|
-
/* @__PURE__ */
|
|
4202
|
-
/* @__PURE__ */
|
|
4203
|
-
] }) : /* @__PURE__ */
|
|
4204
|
-
errorMessage && onRetry && /* @__PURE__ */
|
|
4333
|
+
return /* @__PURE__ */ jsxs12("div", { className: "rs-step", children: [
|
|
4334
|
+
/* @__PURE__ */ jsx12("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: /* @__PURE__ */ jsx12("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsx12("div", { className: "rs-loading-text", children: errorMessage ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
|
|
4335
|
+
/* @__PURE__ */ jsx12("div", { className: "rs-loading-title rs-text-error", children: "Couldn\u2019t prepare account" }),
|
|
4336
|
+
/* @__PURE__ */ jsx12("div", { className: "rs-loading-subtitle", children: errorMessage })
|
|
4337
|
+
] }) : /* @__PURE__ */ jsx12("div", { className: "rs-loading-title", children: "Preparing\u2026" }) }) }) }),
|
|
4338
|
+
errorMessage && onRetry && /* @__PURE__ */ jsx12("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx12(
|
|
4205
4339
|
"button",
|
|
4206
4340
|
{
|
|
4207
4341
|
type: "button",
|
|
4208
4342
|
className: "rs-button rs-button--default rs-button--full-width",
|
|
4209
4343
|
onClick: onRetry,
|
|
4210
|
-
children: /* @__PURE__ */
|
|
4344
|
+
children: /* @__PURE__ */ jsx12("span", { children: "Try again" })
|
|
4211
4345
|
}
|
|
4212
4346
|
) })
|
|
4213
4347
|
] });
|
|
@@ -4243,7 +4377,9 @@ function deriveStep(flow, d, p, activeEntry) {
|
|
|
4243
4377
|
type: "amount",
|
|
4244
4378
|
smartAccount,
|
|
4245
4379
|
asset: d.selectedAsset,
|
|
4246
|
-
|
|
4380
|
+
// Seed the input from the USD-style value the user typed, not the
|
|
4381
|
+
// native source `amount` (which would corrupt the input on back).
|
|
4382
|
+
inputAmountUsd: d.inputAmountUsd ?? void 0
|
|
4247
4383
|
};
|
|
4248
4384
|
case "confirm":
|
|
4249
4385
|
if (!smartAccount || !d.selectedAsset || !d.amount || !d.targetAmount) {
|
|
@@ -5382,7 +5518,7 @@ function DepositFlow({
|
|
|
5382
5518
|
[storeApi]
|
|
5383
5519
|
);
|
|
5384
5520
|
if (showConnectStep) {
|
|
5385
|
-
return /* @__PURE__ */
|
|
5521
|
+
return /* @__PURE__ */ jsx12("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx12(
|
|
5386
5522
|
ConnectStep,
|
|
5387
5523
|
{
|
|
5388
5524
|
walletRows,
|
|
@@ -5429,15 +5565,21 @@ function DepositFlow({
|
|
|
5429
5565
|
}
|
|
5430
5566
|
if (isDepositAddressMode) {
|
|
5431
5567
|
if (!dappAddress) return null;
|
|
5432
|
-
return /* @__PURE__ */
|
|
5433
|
-
effectiveStep.type === "setup" && /* @__PURE__ */
|
|
5568
|
+
return /* @__PURE__ */ jsxs12("div", { className: "rs-modal-body", children: [
|
|
5569
|
+
effectiveStep.type === "setup" && (activeEntry.status === "error" ? /* @__PURE__ */ jsx12(
|
|
5434
5570
|
AccountPreparingSkeleton,
|
|
5435
5571
|
{
|
|
5436
|
-
errorMessage: activeEntry.
|
|
5437
|
-
onRetry:
|
|
5572
|
+
errorMessage: activeEntry.message ?? void 0,
|
|
5573
|
+
onRetry: () => handleRetrySetup(dappAddress)
|
|
5438
5574
|
}
|
|
5439
|
-
)
|
|
5440
|
-
|
|
5575
|
+
) : /* @__PURE__ */ jsx12(
|
|
5576
|
+
DepositAddressSkeleton,
|
|
5577
|
+
{
|
|
5578
|
+
uiConfig,
|
|
5579
|
+
allowedRoutes
|
|
5580
|
+
}
|
|
5581
|
+
)),
|
|
5582
|
+
effectiveStep.type === "deposit-address" && /* @__PURE__ */ jsx12(
|
|
5441
5583
|
DepositAddressStep,
|
|
5442
5584
|
{
|
|
5443
5585
|
smartAccount: effectiveStep.smartAccount,
|
|
@@ -5473,15 +5615,15 @@ function DepositFlow({
|
|
|
5473
5615
|
if (!dappAddress) return null;
|
|
5474
5616
|
const solanaAddr = reownWallet?.solanaAddress;
|
|
5475
5617
|
const solanaProvider = reownWallet?.solanaProvider;
|
|
5476
|
-
return /* @__PURE__ */
|
|
5477
|
-
effectiveStep.type === "setup" && /* @__PURE__ */
|
|
5618
|
+
return /* @__PURE__ */ jsxs12("div", { className: "rs-modal-body", children: [
|
|
5619
|
+
effectiveStep.type === "setup" && /* @__PURE__ */ jsx12(
|
|
5478
5620
|
AccountPreparingSkeleton,
|
|
5479
5621
|
{
|
|
5480
5622
|
errorMessage: activeEntry.status === "error" ? activeEntry.message ?? void 0 : void 0,
|
|
5481
5623
|
onRetry: activeEntry.status === "error" ? () => handleRetrySetup(dappAddress) : void 0
|
|
5482
5624
|
}
|
|
5483
5625
|
),
|
|
5484
|
-
effectiveStep.type === "solana-token-select" && solanaAddr && /* @__PURE__ */
|
|
5626
|
+
effectiveStep.type === "solana-token-select" && solanaAddr && /* @__PURE__ */ jsx12(
|
|
5485
5627
|
SolanaTokenSelectStep,
|
|
5486
5628
|
{
|
|
5487
5629
|
solanaAddress: solanaAddr,
|
|
@@ -5495,7 +5637,7 @@ function DepositFlow({
|
|
|
5495
5637
|
debug
|
|
5496
5638
|
}
|
|
5497
5639
|
),
|
|
5498
|
-
effectiveStep.type === "solana-amount" && /* @__PURE__ */
|
|
5640
|
+
effectiveStep.type === "solana-amount" && /* @__PURE__ */ jsx12(
|
|
5499
5641
|
SolanaAmountStep,
|
|
5500
5642
|
{
|
|
5501
5643
|
token: effectiveStep.token,
|
|
@@ -5513,7 +5655,7 @@ function DepositFlow({
|
|
|
5513
5655
|
debug
|
|
5514
5656
|
}
|
|
5515
5657
|
),
|
|
5516
|
-
effectiveStep.type === "solana-confirm" && solanaAddr && solanaProvider ? /* @__PURE__ */
|
|
5658
|
+
effectiveStep.type === "solana-confirm" && solanaAddr && solanaProvider ? /* @__PURE__ */ jsx12(
|
|
5517
5659
|
SolanaConfirmStep,
|
|
5518
5660
|
{
|
|
5519
5661
|
smartAccount: effectiveStep.smartAccount,
|
|
@@ -5534,16 +5676,16 @@ function DepositFlow({
|
|
|
5534
5676
|
onError: handleError,
|
|
5535
5677
|
debug
|
|
5536
5678
|
}
|
|
5537
|
-
) : effectiveStep.type === "solana-confirm" ? /* @__PURE__ */
|
|
5538
|
-
/* @__PURE__ */
|
|
5539
|
-
/* @__PURE__ */
|
|
5679
|
+
) : effectiveStep.type === "solana-confirm" ? /* @__PURE__ */ jsxs12("div", { className: "rs-step", children: [
|
|
5680
|
+
/* @__PURE__ */ jsxs12("div", { className: "rs-loading-state", children: [
|
|
5681
|
+
/* @__PURE__ */ jsx12("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ jsx12(
|
|
5540
5682
|
"svg",
|
|
5541
5683
|
{
|
|
5542
5684
|
viewBox: "0 0 24 24",
|
|
5543
5685
|
fill: "none",
|
|
5544
5686
|
stroke: "currentColor",
|
|
5545
5687
|
strokeWidth: "2",
|
|
5546
|
-
children: /* @__PURE__ */
|
|
5688
|
+
children: /* @__PURE__ */ jsx12(
|
|
5547
5689
|
"path",
|
|
5548
5690
|
{
|
|
5549
5691
|
strokeLinecap: "round",
|
|
@@ -5553,22 +5695,22 @@ function DepositFlow({
|
|
|
5553
5695
|
)
|
|
5554
5696
|
}
|
|
5555
5697
|
) }),
|
|
5556
|
-
/* @__PURE__ */
|
|
5557
|
-
/* @__PURE__ */
|
|
5558
|
-
/* @__PURE__ */
|
|
5698
|
+
/* @__PURE__ */ jsxs12("div", { className: "rs-loading-text", children: [
|
|
5699
|
+
/* @__PURE__ */ jsx12("div", { className: "rs-loading-title rs-text-error", children: "Wallet disconnected" }),
|
|
5700
|
+
/* @__PURE__ */ jsx12("div", { className: "rs-loading-subtitle", children: "Please reconnect your Solana wallet to continue." })
|
|
5559
5701
|
] })
|
|
5560
5702
|
] }),
|
|
5561
|
-
/* @__PURE__ */
|
|
5703
|
+
/* @__PURE__ */ jsx12("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx12(
|
|
5562
5704
|
"button",
|
|
5563
5705
|
{
|
|
5564
5706
|
type: "button",
|
|
5565
5707
|
className: "rs-button rs-button--default rs-button--full-width",
|
|
5566
5708
|
onClick: handleBack,
|
|
5567
|
-
children: /* @__PURE__ */
|
|
5709
|
+
children: /* @__PURE__ */ jsx12("span", { children: "Go Back" })
|
|
5568
5710
|
}
|
|
5569
5711
|
) })
|
|
5570
5712
|
] }) : null,
|
|
5571
|
-
effectiveStep.type === "processing" && /* @__PURE__ */
|
|
5713
|
+
effectiveStep.type === "processing" && /* @__PURE__ */ jsx12(
|
|
5572
5714
|
ProcessingStep,
|
|
5573
5715
|
{
|
|
5574
5716
|
smartAccount: effectiveStep.smartAccount,
|
|
@@ -5595,7 +5737,7 @@ function DepositFlow({
|
|
|
5595
5737
|
] });
|
|
5596
5738
|
}
|
|
5597
5739
|
if (!signerContext?.walletClient || !signerContext?.publicClient) {
|
|
5598
|
-
return /* @__PURE__ */
|
|
5740
|
+
return /* @__PURE__ */ jsx12("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx12("div", { className: "rs-step", children: /* @__PURE__ */ jsx12("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsx12("div", { className: "rs-loading-text", children: /* @__PURE__ */ jsx12("div", { className: "rs-loading-title", children: "Connecting wallet\u2026" }) }) }) }) });
|
|
5599
5741
|
}
|
|
5600
5742
|
const ownerAddress = signerContext.ownerAddress;
|
|
5601
5743
|
const ownerChainId = signerContext.walletClient?.chain?.id ?? signerContext.publicClient.chain?.id ?? setupChainId;
|
|
@@ -5605,15 +5747,15 @@ function DepositFlow({
|
|
|
5605
5747
|
}
|
|
5606
5748
|
return getPublicClient(chainId);
|
|
5607
5749
|
};
|
|
5608
|
-
return /* @__PURE__ */
|
|
5609
|
-
effectiveStep.type === "setup" && /* @__PURE__ */
|
|
5750
|
+
return /* @__PURE__ */ jsxs12("div", { className: "rs-modal-body", children: [
|
|
5751
|
+
effectiveStep.type === "setup" && /* @__PURE__ */ jsx12(
|
|
5610
5752
|
AccountPreparingSkeleton,
|
|
5611
5753
|
{
|
|
5612
5754
|
errorMessage: activeEntry.status === "error" ? activeEntry.message ?? void 0 : void 0,
|
|
5613
5755
|
onRetry: activeEntry.status === "error" ? () => handleRetrySetup(ownerAddress) : void 0
|
|
5614
5756
|
}
|
|
5615
5757
|
),
|
|
5616
|
-
effectiveStep.type === "select-asset" && /* @__PURE__ */
|
|
5758
|
+
effectiveStep.type === "select-asset" && /* @__PURE__ */ jsx12(
|
|
5617
5759
|
AssetSelectStep,
|
|
5618
5760
|
{
|
|
5619
5761
|
address: ownerAddress,
|
|
@@ -5631,7 +5773,7 @@ function DepositFlow({
|
|
|
5631
5773
|
} : void 0
|
|
5632
5774
|
}
|
|
5633
5775
|
),
|
|
5634
|
-
effectiveStep.type === "dapp-import-asset-select" && activeDappImportProvider && activeDappImportAvailability && /* @__PURE__ */
|
|
5776
|
+
effectiveStep.type === "dapp-import-asset-select" && activeDappImportProvider && activeDappImportAvailability && /* @__PURE__ */ jsx12(
|
|
5635
5777
|
DappImportAssetSelectStep,
|
|
5636
5778
|
{
|
|
5637
5779
|
sourceLabel: activeDappImportAvailability.assets[0]?.sourceLabel ?? activeDappImportProvider.label,
|
|
@@ -5639,7 +5781,7 @@ function DepositFlow({
|
|
|
5639
5781
|
onSelect: handleDappImportAssetSelected
|
|
5640
5782
|
}
|
|
5641
5783
|
),
|
|
5642
|
-
effectiveStep.type === "amount" && /* @__PURE__ */
|
|
5784
|
+
effectiveStep.type === "amount" && /* @__PURE__ */ jsx12(
|
|
5643
5785
|
AmountStep,
|
|
5644
5786
|
{
|
|
5645
5787
|
walletClient: signerContext.walletClient,
|
|
@@ -5651,7 +5793,7 @@ function DepositFlow({
|
|
|
5651
5793
|
chainId: effectiveStep.asset.depositChainId,
|
|
5652
5794
|
token: effectiveStep.asset.depositToken
|
|
5653
5795
|
} : void 0,
|
|
5654
|
-
defaultAmount: effectiveStep.
|
|
5796
|
+
defaultAmount: effectiveStep.inputAmountUsd ?? defaultAmount,
|
|
5655
5797
|
switchChain: signerContext.switchChain,
|
|
5656
5798
|
targetChain,
|
|
5657
5799
|
targetToken,
|
|
@@ -5671,7 +5813,7 @@ function DepositFlow({
|
|
|
5671
5813
|
}
|
|
5672
5814
|
}
|
|
5673
5815
|
),
|
|
5674
|
-
effectiveStep.type === "confirm" && /* @__PURE__ */
|
|
5816
|
+
effectiveStep.type === "confirm" && /* @__PURE__ */ jsx12(
|
|
5675
5817
|
ConfirmStep,
|
|
5676
5818
|
{
|
|
5677
5819
|
walletClient: signerContext.walletClient,
|
|
@@ -5711,7 +5853,7 @@ function DepositFlow({
|
|
|
5711
5853
|
onError: handleError
|
|
5712
5854
|
}
|
|
5713
5855
|
),
|
|
5714
|
-
effectiveStep.type === "processing" && /* @__PURE__ */
|
|
5856
|
+
effectiveStep.type === "processing" && /* @__PURE__ */ jsx12(
|
|
5715
5857
|
ProcessingStep,
|
|
5716
5858
|
{
|
|
5717
5859
|
smartAccount: effectiveStep.smartAccount,
|
|
@@ -5742,7 +5884,7 @@ function DepositFlow({
|
|
|
5742
5884
|
|
|
5743
5885
|
// src/components/history/DepositHistoryPanel.tsx
|
|
5744
5886
|
import { useCallback as useCallback5, useMemo as useMemo7, useState as useState10 } from "react";
|
|
5745
|
-
import { jsx as
|
|
5887
|
+
import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
5746
5888
|
function shortenHash(hash) {
|
|
5747
5889
|
if (hash.length <= 14) return hash;
|
|
5748
5890
|
return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
|
|
@@ -5869,7 +6011,7 @@ function DepositHistoryPanel({
|
|
|
5869
6011
|
(d) => !(d.txHash && sourceHashes.has(d.txHash.toLowerCase()))
|
|
5870
6012
|
);
|
|
5871
6013
|
}, [deposits]);
|
|
5872
|
-
return /* @__PURE__ */
|
|
6014
|
+
return /* @__PURE__ */ jsxs13(
|
|
5873
6015
|
"div",
|
|
5874
6016
|
{
|
|
5875
6017
|
className: "rs-history-panel",
|
|
@@ -5877,55 +6019,55 @@ function DepositHistoryPanel({
|
|
|
5877
6019
|
"aria-label": "Deposit history",
|
|
5878
6020
|
onKeyDown: handleKeyDown,
|
|
5879
6021
|
children: [
|
|
5880
|
-
/* @__PURE__ */
|
|
5881
|
-
/* @__PURE__ */
|
|
6022
|
+
/* @__PURE__ */ jsxs13("div", { className: "rs-modal-header--redesigned", children: [
|
|
6023
|
+
/* @__PURE__ */ jsx13("div", { className: "rs-modal-header-nav-left", children: /* @__PURE__ */ jsx13(
|
|
5882
6024
|
"button",
|
|
5883
6025
|
{
|
|
5884
6026
|
type: "button",
|
|
5885
6027
|
className: "rs-modal-header-back",
|
|
5886
6028
|
"aria-label": "Back",
|
|
5887
6029
|
onClick: onClose,
|
|
5888
|
-
children: /* @__PURE__ */
|
|
6030
|
+
children: /* @__PURE__ */ jsx13(ChevronLeftIcon, {})
|
|
5889
6031
|
}
|
|
5890
6032
|
) }),
|
|
5891
|
-
/* @__PURE__ */
|
|
6033
|
+
/* @__PURE__ */ jsx13("div", { className: "rs-modal-header-nav-right", children: onCloseModal && /* @__PURE__ */ jsx13(
|
|
5892
6034
|
"button",
|
|
5893
6035
|
{
|
|
5894
6036
|
type: "button",
|
|
5895
6037
|
className: "rs-modal-close",
|
|
5896
6038
|
"aria-label": "Close",
|
|
5897
6039
|
onClick: onCloseModal,
|
|
5898
|
-
children: /* @__PURE__ */
|
|
6040
|
+
children: /* @__PURE__ */ jsx13(CloseIcon, {})
|
|
5899
6041
|
}
|
|
5900
6042
|
) })
|
|
5901
6043
|
] }),
|
|
5902
|
-
/* @__PURE__ */
|
|
5903
|
-
/* @__PURE__ */
|
|
5904
|
-
/* @__PURE__ */
|
|
5905
|
-
isLoading && deposits.length === 0 && /* @__PURE__ */
|
|
5906
|
-
/* @__PURE__ */
|
|
5907
|
-
/* @__PURE__ */
|
|
5908
|
-
/* @__PURE__ */
|
|
5909
|
-
/* @__PURE__ */
|
|
6044
|
+
/* @__PURE__ */ jsxs13("div", { className: "rs-history-screen", children: [
|
|
6045
|
+
/* @__PURE__ */ jsxs13("div", { className: "rs-history-screen-body", children: [
|
|
6046
|
+
/* @__PURE__ */ jsx13(BodyHeader, { icon: /* @__PURE__ */ jsx13(HistoryIcon, {}), title: "History" }),
|
|
6047
|
+
isLoading && deposits.length === 0 && /* @__PURE__ */ jsxs13("div", { className: "rs-history-empty", children: [
|
|
6048
|
+
/* @__PURE__ */ jsx13("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx13(HistoryIcon, {}) }),
|
|
6049
|
+
/* @__PURE__ */ jsxs13("div", { className: "rs-history-empty-text", children: [
|
|
6050
|
+
/* @__PURE__ */ jsx13(Spinner, { className: "rs-spinner--sm" }),
|
|
6051
|
+
/* @__PURE__ */ jsx13("span", { className: "rs-history-empty-hint", children: "Loading history\u2026" })
|
|
5910
6052
|
] })
|
|
5911
6053
|
] }),
|
|
5912
|
-
error && !isLoading && /* @__PURE__ */
|
|
5913
|
-
/* @__PURE__ */
|
|
5914
|
-
/* @__PURE__ */
|
|
5915
|
-
/* @__PURE__ */
|
|
5916
|
-
/* @__PURE__ */
|
|
6054
|
+
error && !isLoading && /* @__PURE__ */ jsxs13("div", { className: "rs-history-empty", children: [
|
|
6055
|
+
/* @__PURE__ */ jsx13("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx13(AlertTriangleIcon, {}) }),
|
|
6056
|
+
/* @__PURE__ */ jsxs13("div", { className: "rs-history-empty-text", children: [
|
|
6057
|
+
/* @__PURE__ */ jsx13("span", { className: "rs-history-empty-title", children: "Couldn't load history" }),
|
|
6058
|
+
/* @__PURE__ */ jsx13("span", { className: "rs-history-empty-hint", children: error })
|
|
5917
6059
|
] })
|
|
5918
6060
|
] }),
|
|
5919
|
-
!isLoading && !error && visibleDeposits.length === 0 && /* @__PURE__ */
|
|
5920
|
-
/* @__PURE__ */
|
|
5921
|
-
/* @__PURE__ */
|
|
5922
|
-
/* @__PURE__ */
|
|
5923
|
-
/* @__PURE__ */
|
|
6061
|
+
!isLoading && !error && visibleDeposits.length === 0 && /* @__PURE__ */ jsxs13("div", { className: "rs-history-empty", children: [
|
|
6062
|
+
/* @__PURE__ */ jsx13("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx13(HistoryIcon, {}) }),
|
|
6063
|
+
/* @__PURE__ */ jsxs13("div", { className: "rs-history-empty-text", children: [
|
|
6064
|
+
/* @__PURE__ */ jsx13("span", { className: "rs-history-empty-title", children: "No deposits yet" }),
|
|
6065
|
+
/* @__PURE__ */ jsx13("span", { className: "rs-history-empty-hint", children: "Your deposit history will appear here" })
|
|
5924
6066
|
] })
|
|
5925
6067
|
] }),
|
|
5926
|
-
visibleDeposits.length > 0 && /* @__PURE__ */
|
|
5927
|
-
visibleDeposits.map((deposit, i) => /* @__PURE__ */
|
|
5928
|
-
hasMore && /* @__PURE__ */
|
|
6068
|
+
visibleDeposits.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "rs-history-list", children: [
|
|
6069
|
+
visibleDeposits.map((deposit, i) => /* @__PURE__ */ jsx13(HistoryCard, { deposit }, deposit.txHash || i)),
|
|
6070
|
+
hasMore && /* @__PURE__ */ jsx13(
|
|
5929
6071
|
"button",
|
|
5930
6072
|
{
|
|
5931
6073
|
type: "button",
|
|
@@ -5937,7 +6079,7 @@ function DepositHistoryPanel({
|
|
|
5937
6079
|
)
|
|
5938
6080
|
] })
|
|
5939
6081
|
] }),
|
|
5940
|
-
/* @__PURE__ */
|
|
6082
|
+
/* @__PURE__ */ jsx13(PoweredBy, {})
|
|
5941
6083
|
] })
|
|
5942
6084
|
]
|
|
5943
6085
|
}
|
|
@@ -5963,7 +6105,7 @@ function HistoryCard({ deposit }) {
|
|
|
5963
6105
|
const date = deposit.createdAt ? formatDate(deposit.createdAt) : null;
|
|
5964
6106
|
const txTypeLabel = `Deposit${sourceSymbol ? ` ${sourceSymbol}` : ""}`;
|
|
5965
6107
|
const srcTxUrl = deposit.sourceTxHash ? getTxExplorerUrl(deposit.sourceTxHash, sourceChainId) : null;
|
|
5966
|
-
return /* @__PURE__ */
|
|
6108
|
+
return /* @__PURE__ */ jsxs13(
|
|
5967
6109
|
"button",
|
|
5968
6110
|
{
|
|
5969
6111
|
type: "button",
|
|
@@ -5971,38 +6113,38 @@ function HistoryCard({ deposit }) {
|
|
|
5971
6113
|
onClick: () => setExpanded((v) => !v),
|
|
5972
6114
|
"aria-expanded": expanded,
|
|
5973
6115
|
children: [
|
|
5974
|
-
/* @__PURE__ */
|
|
5975
|
-
/* @__PURE__ */
|
|
5976
|
-
/* @__PURE__ */
|
|
5977
|
-
sourceChainIcon && /* @__PURE__ */
|
|
6116
|
+
/* @__PURE__ */ jsxs13("div", { className: "rs-history-card-row", children: [
|
|
6117
|
+
/* @__PURE__ */ jsxs13("div", { className: "rs-history-card-icons", children: [
|
|
6118
|
+
/* @__PURE__ */ jsx13("span", { className: "rs-history-card-token", children: sourceTokenIcon ? /* @__PURE__ */ jsx13("img", { src: sourceTokenIcon, alt: "" }) : sourceSymbol.slice(0, 2) }),
|
|
6119
|
+
sourceChainIcon && /* @__PURE__ */ jsx13("span", { className: "rs-history-card-chain", children: /* @__PURE__ */ jsx13("img", { src: sourceChainIcon, alt: "" }) })
|
|
5978
6120
|
] }),
|
|
5979
|
-
/* @__PURE__ */
|
|
5980
|
-
/* @__PURE__ */
|
|
5981
|
-
date && /* @__PURE__ */
|
|
6121
|
+
/* @__PURE__ */ jsxs13("div", { className: "rs-history-card-text", children: [
|
|
6122
|
+
/* @__PURE__ */ jsx13("span", { className: "rs-history-card-title", children: txTypeLabel }),
|
|
6123
|
+
date && /* @__PURE__ */ jsx13("span", { className: "rs-history-card-date", children: date })
|
|
5982
6124
|
] }),
|
|
5983
|
-
/* @__PURE__ */
|
|
5984
|
-
/* @__PURE__ */
|
|
5985
|
-
/* @__PURE__ */
|
|
6125
|
+
/* @__PURE__ */ jsxs13("div", { className: "rs-history-card-side", children: [
|
|
6126
|
+
/* @__PURE__ */ jsx13("span", { className: "rs-history-card-amount", children: displayAmount }),
|
|
6127
|
+
/* @__PURE__ */ jsx13("span", { className: `rs-history-badge rs-history-badge--${status}`, children: STATUS_LABEL[status] })
|
|
5986
6128
|
] })
|
|
5987
6129
|
] }),
|
|
5988
|
-
|
|
5989
|
-
sourceChainName && /* @__PURE__ */
|
|
5990
|
-
/* @__PURE__ */
|
|
5991
|
-
/* @__PURE__ */
|
|
5992
|
-
/* @__PURE__ */
|
|
5993
|
-
sourceChainIcon && /* @__PURE__ */
|
|
6130
|
+
/* @__PURE__ */ jsx13("div", { className: "rs-history-card-panel", children: /* @__PURE__ */ jsx13("div", { className: "rs-history-card-panel-inner", children: /* @__PURE__ */ jsxs13("div", { className: "rs-history-card-details", children: [
|
|
6131
|
+
sourceChainName && /* @__PURE__ */ jsxs13("div", { className: "rs-amount-detail-row", children: [
|
|
6132
|
+
/* @__PURE__ */ jsx13("span", { children: "Source chain" }),
|
|
6133
|
+
/* @__PURE__ */ jsxs13("span", { className: "rs-amount-detail-value", children: [
|
|
6134
|
+
/* @__PURE__ */ jsx13("span", { children: sourceChainName }),
|
|
6135
|
+
sourceChainIcon && /* @__PURE__ */ jsx13("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx13("img", { src: sourceChainIcon, alt: "" }) })
|
|
5994
6136
|
] })
|
|
5995
6137
|
] }),
|
|
5996
|
-
targetChainName && /* @__PURE__ */
|
|
5997
|
-
/* @__PURE__ */
|
|
5998
|
-
/* @__PURE__ */
|
|
5999
|
-
/* @__PURE__ */
|
|
6000
|
-
targetChainIcon && /* @__PURE__ */
|
|
6138
|
+
targetChainName && /* @__PURE__ */ jsxs13("div", { className: "rs-amount-detail-row", children: [
|
|
6139
|
+
/* @__PURE__ */ jsx13("span", { children: "Destination chain" }),
|
|
6140
|
+
/* @__PURE__ */ jsxs13("span", { className: "rs-amount-detail-value", children: [
|
|
6141
|
+
/* @__PURE__ */ jsx13("span", { children: targetChainName }),
|
|
6142
|
+
targetChainIcon && /* @__PURE__ */ jsx13("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx13("img", { src: targetChainIcon, alt: "" }) })
|
|
6001
6143
|
] })
|
|
6002
6144
|
] }),
|
|
6003
|
-
srcTxUrl && deposit.sourceTxHash && /* @__PURE__ */
|
|
6004
|
-
/* @__PURE__ */
|
|
6005
|
-
/* @__PURE__ */
|
|
6145
|
+
srcTxUrl && deposit.sourceTxHash && /* @__PURE__ */ jsxs13("div", { className: "rs-amount-detail-row", children: [
|
|
6146
|
+
/* @__PURE__ */ jsx13("span", { children: "Transaction details" }),
|
|
6147
|
+
/* @__PURE__ */ jsxs13(
|
|
6006
6148
|
"a",
|
|
6007
6149
|
{
|
|
6008
6150
|
href: srcTxUrl,
|
|
@@ -6011,13 +6153,13 @@ function HistoryCard({ deposit }) {
|
|
|
6011
6153
|
className: "rs-history-card-link",
|
|
6012
6154
|
onClick: (e) => e.stopPropagation(),
|
|
6013
6155
|
children: [
|
|
6014
|
-
/* @__PURE__ */
|
|
6015
|
-
/* @__PURE__ */
|
|
6156
|
+
/* @__PURE__ */ jsx13("span", { children: shortenHash(deposit.sourceTxHash) }),
|
|
6157
|
+
/* @__PURE__ */ jsx13(ArrowUpRightIcon, {})
|
|
6016
6158
|
]
|
|
6017
6159
|
}
|
|
6018
6160
|
)
|
|
6019
6161
|
] })
|
|
6020
|
-
] })
|
|
6162
|
+
] }) }) })
|
|
6021
6163
|
]
|
|
6022
6164
|
}
|
|
6023
6165
|
);
|
|
@@ -6025,9 +6167,9 @@ function HistoryCard({ deposit }) {
|
|
|
6025
6167
|
DepositHistoryPanel.displayName = "DepositHistoryPanel";
|
|
6026
6168
|
|
|
6027
6169
|
// src/DepositModal.tsx
|
|
6028
|
-
import { jsx as
|
|
6170
|
+
import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
6029
6171
|
var ReownDepositInner = lazy2(
|
|
6030
|
-
() => import("./DepositModalReown-
|
|
6172
|
+
() => import("./DepositModalReown-QOTUF4JC.mjs").then((m) => ({ default: m.DepositModalReown }))
|
|
6031
6173
|
);
|
|
6032
6174
|
function sortByCreatedAtDesc(items) {
|
|
6033
6175
|
return [...items].sort((a, b) => {
|
|
@@ -6043,7 +6185,7 @@ function DepositModal(props) {
|
|
|
6043
6185
|
"dappWalletClient"
|
|
6044
6186
|
);
|
|
6045
6187
|
if (needsReown) {
|
|
6046
|
-
return /* @__PURE__ */
|
|
6188
|
+
return /* @__PURE__ */ jsx14(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx14(
|
|
6047
6189
|
ReownDepositInner,
|
|
6048
6190
|
{
|
|
6049
6191
|
...props,
|
|
@@ -6051,7 +6193,7 @@ function DepositModal(props) {
|
|
|
6051
6193
|
}
|
|
6052
6194
|
) });
|
|
6053
6195
|
}
|
|
6054
|
-
return /* @__PURE__ */
|
|
6196
|
+
return /* @__PURE__ */ jsx14(
|
|
6055
6197
|
DepositModalInner,
|
|
6056
6198
|
{
|
|
6057
6199
|
...props,
|
|
@@ -6251,7 +6393,7 @@ function DepositModalInner({
|
|
|
6251
6393
|
}, [isOpen, store]);
|
|
6252
6394
|
const showBackButton = uiConfig?.showBackButton ?? true;
|
|
6253
6395
|
const canGoBack = backHandler !== void 0;
|
|
6254
|
-
return /* @__PURE__ */
|
|
6396
|
+
return /* @__PURE__ */ jsx14(DepositStoreProvider, { store, children: /* @__PURE__ */ jsx14(
|
|
6255
6397
|
Modal,
|
|
6256
6398
|
{
|
|
6257
6399
|
isOpen,
|
|
@@ -6259,20 +6401,20 @@ function DepositModalInner({
|
|
|
6259
6401
|
className,
|
|
6260
6402
|
inline,
|
|
6261
6403
|
closeOnOverlayClick,
|
|
6262
|
-
children: /* @__PURE__ */
|
|
6263
|
-
/* @__PURE__ */
|
|
6264
|
-
/* @__PURE__ */
|
|
6404
|
+
children: /* @__PURE__ */ jsxs14("div", { ref: modalRef, className: "rs-modal", children: [
|
|
6405
|
+
/* @__PURE__ */ jsxs14("div", { className: "rs-modal-header--redesigned", children: [
|
|
6406
|
+
/* @__PURE__ */ jsx14("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && backHandler && /* @__PURE__ */ jsx14(
|
|
6265
6407
|
"button",
|
|
6266
6408
|
{
|
|
6267
6409
|
type: "button",
|
|
6268
6410
|
className: "rs-modal-header-back",
|
|
6269
6411
|
"aria-label": "Go back",
|
|
6270
6412
|
onClick: backHandler,
|
|
6271
|
-
children: /* @__PURE__ */
|
|
6413
|
+
children: /* @__PURE__ */ jsx14(ChevronLeftIcon, {})
|
|
6272
6414
|
}
|
|
6273
6415
|
) }),
|
|
6274
|
-
/* @__PURE__ */
|
|
6275
|
-
historyButtonVisible && /* @__PURE__ */
|
|
6416
|
+
/* @__PURE__ */ jsxs14("div", { className: "rs-modal-header-nav-right", children: [
|
|
6417
|
+
historyButtonVisible && /* @__PURE__ */ jsx14(
|
|
6276
6418
|
"button",
|
|
6277
6419
|
{
|
|
6278
6420
|
type: "button",
|
|
@@ -6280,22 +6422,22 @@ function DepositModalInner({
|
|
|
6280
6422
|
"aria-label": "Deposit history",
|
|
6281
6423
|
onClick: handleHistoryOpen,
|
|
6282
6424
|
disabled: !recipient,
|
|
6283
|
-
children: /* @__PURE__ */
|
|
6425
|
+
children: /* @__PURE__ */ jsx14(HistoryIcon, {})
|
|
6284
6426
|
}
|
|
6285
6427
|
),
|
|
6286
|
-
/* @__PURE__ */
|
|
6428
|
+
/* @__PURE__ */ jsx14(
|
|
6287
6429
|
"button",
|
|
6288
6430
|
{
|
|
6289
6431
|
type: "button",
|
|
6290
6432
|
onClick: onClose,
|
|
6291
6433
|
className: "rs-modal-close",
|
|
6292
6434
|
"aria-label": "Close",
|
|
6293
|
-
children: /* @__PURE__ */
|
|
6435
|
+
children: /* @__PURE__ */ jsx14(CloseIcon, {})
|
|
6294
6436
|
}
|
|
6295
6437
|
)
|
|
6296
6438
|
] })
|
|
6297
6439
|
] }),
|
|
6298
|
-
/* @__PURE__ */
|
|
6440
|
+
/* @__PURE__ */ jsx14(
|
|
6299
6441
|
DepositFlow,
|
|
6300
6442
|
{
|
|
6301
6443
|
dappWalletClient,
|
|
@@ -6332,7 +6474,7 @@ function DepositModalInner({
|
|
|
6332
6474
|
debug
|
|
6333
6475
|
}
|
|
6334
6476
|
),
|
|
6335
|
-
showHistoryButton && historyOpen && /* @__PURE__ */
|
|
6477
|
+
showHistoryButton && historyOpen && /* @__PURE__ */ jsx14(
|
|
6336
6478
|
DepositHistoryPanel,
|
|
6337
6479
|
{
|
|
6338
6480
|
deposits: historyDeposits,
|