@kimafinance/kima-transaction-widget 1.5.17 → 1.5.19
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/index.cjs +633 -514
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +632 -514
- package/dist/index.js.map +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -2027,6 +2027,45 @@ var World = ({ width = 31, height = 30, ...rest }) => {
|
|
|
2027
2027
|
};
|
|
2028
2028
|
var World_default = World;
|
|
2029
2029
|
|
|
2030
|
+
// src/assets/icons/Frontier.tsx
|
|
2031
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
2032
|
+
var Frontier = ({ width = 30, height = 30, ...rest }) => {
|
|
2033
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
2034
|
+
"svg",
|
|
2035
|
+
{
|
|
2036
|
+
version: "1.0",
|
|
2037
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2038
|
+
width,
|
|
2039
|
+
height,
|
|
2040
|
+
viewBox: "0 0 200.000000 200.000000",
|
|
2041
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
2042
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
2043
|
+
"g",
|
|
2044
|
+
{
|
|
2045
|
+
transform: "translate(0.000000,200.000000) scale(0.100000,-0.100000)",
|
|
2046
|
+
fill: "#000000",
|
|
2047
|
+
stroke: "none",
|
|
2048
|
+
children: [
|
|
2049
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
2050
|
+
"path",
|
|
2051
|
+
{
|
|
2052
|
+
d: "M845 1986 c-372 -58 -685 -329 -798 -692 -110 -349 -13 -739 248\n-999 124 -125 294 -221 470 -266 127 -33 340 -33 469 -1 172 43 346 141 471\n267 261 260 358 650 248 999 -148 474 -619 768 -1108 692z m585 -536 c-11 -27\n-29 -74 -41 -102 -35 -90 -92 -190 -130 -230 -31 -33 -42 -38 -82 -38 -37 0\n-53 6 -79 29 -67 57 -75 58 -121 9 -35 -36 -107 -160 -107 -182 0 -3 70 -6\n155 -6 85 0 155 -2 155 -5 0 -2 -8 -20 -17 -40 l-17 -35 -148 0 -148 0 0 -175\n0 -175 -45 0 -45 0 0 500 0 500 345 0 345 0 -20 -50z"
|
|
2053
|
+
}
|
|
2054
|
+
),
|
|
2055
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
2056
|
+
"path",
|
|
2057
|
+
{
|
|
2058
|
+
d: "M851 1258 c0 -157 1 -162 17 -138 86 126 161 148 254 74 51 -40 58\n-41 85 -11 23 24 113 203 113 224 0 10 -47 13 -235 13 l-235 0 1 -162z"
|
|
2059
|
+
}
|
|
2060
|
+
)
|
|
2061
|
+
]
|
|
2062
|
+
}
|
|
2063
|
+
)
|
|
2064
|
+
}
|
|
2065
|
+
);
|
|
2066
|
+
};
|
|
2067
|
+
var Frontier_default = Frontier;
|
|
2068
|
+
|
|
2030
2069
|
// src/shared/types/chains.ts
|
|
2031
2070
|
var import_web3 = require("@solana/web3.js");
|
|
2032
2071
|
var ChainName = /* @__PURE__ */ ((ChainName2) => {
|
|
@@ -3316,7 +3355,7 @@ var setupAppKit = (projectId, networkOption) => {
|
|
|
3316
3355
|
};
|
|
3317
3356
|
|
|
3318
3357
|
// src/app/providers/EvmWalletProvider.tsx
|
|
3319
|
-
var
|
|
3358
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3320
3359
|
var EvmWalletProvider = ({
|
|
3321
3360
|
children,
|
|
3322
3361
|
networkOption,
|
|
@@ -3328,21 +3367,21 @@ var EvmWalletProvider = ({
|
|
|
3328
3367
|
setupAppKit(projectId, networkOption);
|
|
3329
3368
|
}
|
|
3330
3369
|
}, [isLoading, networkOption, projectId]);
|
|
3331
|
-
return /* @__PURE__ */ (0,
|
|
3370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children });
|
|
3332
3371
|
};
|
|
3333
3372
|
|
|
3334
3373
|
// src/app/providers/SolanaWalletProvider.tsx
|
|
3335
3374
|
var import_wallet_adapter_react = require("@solana/wallet-adapter-react");
|
|
3336
3375
|
var import_wallet_adapter_wallets = require("@solana/wallet-adapter-wallets");
|
|
3337
3376
|
var import_web34 = require("@solana/web3.js");
|
|
3338
|
-
var
|
|
3377
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
3339
3378
|
var SolanaWalletProvider = ({
|
|
3340
3379
|
children,
|
|
3341
3380
|
networkOption
|
|
3342
3381
|
}) => {
|
|
3343
3382
|
const { solRPC } = useKimaContext();
|
|
3344
3383
|
const endpoint = networkOption === "testnet" /* testnet */ ? (0, import_web34.clusterApiUrl)("testnet") : solRPC ?? "https://go.getblock.us/86aac42ad4484f3c813079afc201451c";
|
|
3345
|
-
return /* @__PURE__ */ (0,
|
|
3384
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_wallet_adapter_react.ConnectionProvider, { endpoint, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3346
3385
|
import_wallet_adapter_react.WalletProvider,
|
|
3347
3386
|
{
|
|
3348
3387
|
autoConnect: false,
|
|
@@ -3366,7 +3405,7 @@ var import_tronwallet_adapter_ledger = require("@tronweb3/tronwallet-adapter-led
|
|
|
3366
3405
|
var import_tronwallet_adapter_tronlink = require("@tronweb3/tronwallet-adapter-tronlink");
|
|
3367
3406
|
var import_tronwallet_adapter_okxwallet = require("@tronweb3/tronwallet-adapter-okxwallet");
|
|
3368
3407
|
var import_tronwallet_adapter_tokenpocket = require("@tronweb3/tronwallet-adapter-tokenpocket");
|
|
3369
|
-
var
|
|
3408
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
3370
3409
|
var TronWalletProvider = ({ children }) => {
|
|
3371
3410
|
const adapters = (0, import_react11.useMemo)(
|
|
3372
3411
|
() => [
|
|
@@ -3377,7 +3416,7 @@ var TronWalletProvider = ({ children }) => {
|
|
|
3377
3416
|
],
|
|
3378
3417
|
[]
|
|
3379
3418
|
);
|
|
3380
|
-
return /* @__PURE__ */ (0,
|
|
3419
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_tronwallet_adapter_react_hooks.WalletProvider, { adapters, autoConnect: false, children });
|
|
3381
3420
|
};
|
|
3382
3421
|
|
|
3383
3422
|
// src/features/connect-wallet/evm/useEvmProvider.ts
|
|
@@ -3789,7 +3828,7 @@ var useDisconnectWallet = () => {
|
|
|
3789
3828
|
};
|
|
3790
3829
|
|
|
3791
3830
|
// src/shared/plugins/evm/adapter.tsx
|
|
3792
|
-
var
|
|
3831
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
3793
3832
|
var EvmPlugin = class extends PluginBase {
|
|
3794
3833
|
constructor(store2) {
|
|
3795
3834
|
super({
|
|
@@ -3804,7 +3843,7 @@ var EvmPlugin = class extends PluginBase {
|
|
|
3804
3843
|
});
|
|
3805
3844
|
}
|
|
3806
3845
|
isCompatible = (chain) => chain.compatibility === "EVM";
|
|
3807
|
-
Provider = ({ children, networkOption, projectId, isLoading }) => /* @__PURE__ */ (0,
|
|
3846
|
+
Provider = ({ children, networkOption, projectId, isLoading }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(EvmWalletProvider, { networkOption, projectId, isLoading, children });
|
|
3808
3847
|
};
|
|
3809
3848
|
var evmPlugin = new EvmPlugin(store_default);
|
|
3810
3849
|
var adapter_default = evmPlugin;
|
|
@@ -3813,7 +3852,7 @@ var adapter_default = evmPlugin;
|
|
|
3813
3852
|
var import_react_query8 = require("@tanstack/react-query");
|
|
3814
3853
|
var import_react_redux12 = require("react-redux");
|
|
3815
3854
|
var import_web36 = require("@solana/web3.js");
|
|
3816
|
-
var
|
|
3855
|
+
var import_spl_token2 = require("@solana/spl-token");
|
|
3817
3856
|
|
|
3818
3857
|
// src/features/connect-wallet/solana/useSolAddress.ts
|
|
3819
3858
|
var import_react20 = require("react");
|
|
@@ -3845,7 +3884,7 @@ var useSolProvider = () => {
|
|
|
3845
3884
|
signMessage: prov.signMessage
|
|
3846
3885
|
};
|
|
3847
3886
|
}
|
|
3848
|
-
const endpoint = net === "testnet" /* testnet */ ? (0, import_web35.clusterApiUrl)("devnet") : solRPC ?? "https://
|
|
3887
|
+
const endpoint = net === "testnet" /* testnet */ ? (0, import_web35.clusterApiUrl)("devnet") : solRPC ?? "https://solana-rpc.publicnode.com";
|
|
3849
3888
|
const connection = new import_web35.Connection(endpoint, "confirmed");
|
|
3850
3889
|
const pk = wallet.publicKey?.toBase58();
|
|
3851
3890
|
const signTransaction = wallet.signTransaction;
|
|
@@ -3938,6 +3977,48 @@ var useIsWalletReady2 = () => {
|
|
|
3938
3977
|
}, [mode, sourceChain.shortName, publicKey, connected, connecting]);
|
|
3939
3978
|
};
|
|
3940
3979
|
|
|
3980
|
+
// src/shared/crypto/solana/getTokenProgramForMint.ts
|
|
3981
|
+
var import_spl_token = require("@solana/spl-token");
|
|
3982
|
+
var resolvedCache = /* @__PURE__ */ new Map();
|
|
3983
|
+
var inflightCache = /* @__PURE__ */ new Map();
|
|
3984
|
+
function isSolanaRateLimitError(e) {
|
|
3985
|
+
const msg = e instanceof Error ? e.message : String(e);
|
|
3986
|
+
return msg.includes(" 429 ") || msg.includes("Too Many Requests") || msg.includes("429");
|
|
3987
|
+
}
|
|
3988
|
+
async function getTokenProgramForMint(connection, mint, commitment = "confirmed") {
|
|
3989
|
+
const key = mint.toBase58();
|
|
3990
|
+
const resolved = resolvedCache.get(key);
|
|
3991
|
+
if (resolved) return resolved;
|
|
3992
|
+
const inflight = inflightCache.get(key);
|
|
3993
|
+
if (inflight) return inflight;
|
|
3994
|
+
const p = (async () => {
|
|
3995
|
+
try {
|
|
3996
|
+
const info = await connection.getAccountInfo(mint, commitment);
|
|
3997
|
+
if (!info) {
|
|
3998
|
+
const fallback = { programId: import_spl_token.TOKEN_PROGRAM_ID, isToken2022: false };
|
|
3999
|
+
resolvedCache.set(key, fallback);
|
|
4000
|
+
return fallback;
|
|
4001
|
+
}
|
|
4002
|
+
const isToken2022 = info.owner.equals(import_spl_token.TOKEN_2022_PROGRAM_ID);
|
|
4003
|
+
const result = {
|
|
4004
|
+
programId: isToken2022 ? import_spl_token.TOKEN_2022_PROGRAM_ID : import_spl_token.TOKEN_PROGRAM_ID,
|
|
4005
|
+
isToken2022
|
|
4006
|
+
};
|
|
4007
|
+
resolvedCache.set(key, result);
|
|
4008
|
+
return result;
|
|
4009
|
+
} catch (e) {
|
|
4010
|
+
if (isSolanaRateLimitError(e)) throw e;
|
|
4011
|
+
const fallback = { programId: import_spl_token.TOKEN_PROGRAM_ID, isToken2022: false };
|
|
4012
|
+
resolvedCache.set(key, fallback);
|
|
4013
|
+
return fallback;
|
|
4014
|
+
} finally {
|
|
4015
|
+
inflightCache.delete(key);
|
|
4016
|
+
}
|
|
4017
|
+
})();
|
|
4018
|
+
inflightCache.set(key, p);
|
|
4019
|
+
return p;
|
|
4020
|
+
}
|
|
4021
|
+
|
|
3941
4022
|
// src/features/allowances/solana/useSPLAllowance.ts
|
|
3942
4023
|
var useSPLAllowance = () => {
|
|
3943
4024
|
const { connection, publicKey } = useSolProvider();
|
|
@@ -3959,6 +4040,9 @@ var useSPLAllowance = () => {
|
|
|
3959
4040
|
],
|
|
3960
4041
|
enabled,
|
|
3961
4042
|
staleTime: 6e4,
|
|
4043
|
+
gcTime: 5 * 6e4,
|
|
4044
|
+
refetchOnWindowFocus: false,
|
|
4045
|
+
refetchOnReconnect: false,
|
|
3962
4046
|
queryFn: async () => {
|
|
3963
4047
|
try {
|
|
3964
4048
|
logger_default.debug("[useSPLAllowance] start", {
|
|
@@ -3974,40 +4058,51 @@ var useSPLAllowance = () => {
|
|
|
3974
4058
|
const mintAddr = getTokenAddress(tokenOptions, selectedCoin, "SOL");
|
|
3975
4059
|
const poolAddr = getPoolAddress(pools, "SOL");
|
|
3976
4060
|
if (!mintAddr || !poolAddr) {
|
|
3977
|
-
logger_default.
|
|
4061
|
+
logger_default.debug("[useSPLAllowance] missing mint or pool", {
|
|
3978
4062
|
mintAddr,
|
|
3979
|
-
poolAddr
|
|
4063
|
+
poolAddr,
|
|
4064
|
+
selectedCoin
|
|
3980
4065
|
});
|
|
3981
4066
|
return { allowance: 0n, decimals: 0 };
|
|
3982
4067
|
}
|
|
3983
4068
|
const mint = new import_web36.PublicKey(mintAddr);
|
|
3984
|
-
const
|
|
4069
|
+
const { programId, isToken2022 } = await getTokenProgramForMint(
|
|
4070
|
+
connection,
|
|
4071
|
+
mint
|
|
4072
|
+
);
|
|
4073
|
+
const mintInfo = await (0, import_spl_token2.getMint)(connection, mint, void 0, programId);
|
|
4074
|
+
const ata = await (0, import_spl_token2.getAssociatedTokenAddress)(
|
|
4075
|
+
mint,
|
|
4076
|
+
ownerPk,
|
|
4077
|
+
false,
|
|
4078
|
+
programId
|
|
4079
|
+
);
|
|
3985
4080
|
const accInfo = await connection.getParsedAccountInfo(ata);
|
|
3986
4081
|
const parsed = accInfo?.value?.data;
|
|
3987
4082
|
if (!parsed) {
|
|
3988
|
-
logger_default.
|
|
4083
|
+
logger_default.debug("[useSPLAllowance] no ATA", {
|
|
3989
4084
|
owner: ownerPk?.toBase58(),
|
|
3990
4085
|
ata: ata.toBase58(),
|
|
3991
|
-
mint: mint.toBase58()
|
|
4086
|
+
mint: mint.toBase58(),
|
|
4087
|
+
tokenProgram: isToken2022 ? "TOKEN_2022_PROGRAM_ID" : "TOKEN_PROGRAM_ID"
|
|
3992
4088
|
});
|
|
3993
|
-
return { allowance: 0n, decimals:
|
|
4089
|
+
return { allowance: 0n, decimals: mintInfo.decimals };
|
|
3994
4090
|
}
|
|
3995
4091
|
const info = parsed.parsed?.info;
|
|
3996
4092
|
const delegate = info?.delegate;
|
|
3997
4093
|
const delegatedAmount = BigInt(info?.delegatedAmount?.amount ?? 0);
|
|
3998
|
-
const decimals = Number(info?.tokenAmount?.decimals ?? 0);
|
|
3999
4094
|
const isPoolDelegate = !!delegate && delegate === poolAddr;
|
|
4000
4095
|
const allowance = isPoolDelegate ? delegatedAmount : 0n;
|
|
4001
|
-
const res = { allowance, decimals };
|
|
4002
4096
|
logger_default.debug("[useSPLAllowance] result", {
|
|
4003
4097
|
delegate,
|
|
4004
4098
|
isPoolDelegate,
|
|
4005
4099
|
delegatedAmount: delegatedAmount.toString(),
|
|
4006
|
-
decimals
|
|
4100
|
+
decimals: mintInfo.decimals
|
|
4007
4101
|
});
|
|
4008
|
-
return
|
|
4102
|
+
return { allowance, decimals: mintInfo.decimals };
|
|
4009
4103
|
} catch (e) {
|
|
4010
|
-
|
|
4104
|
+
if (isSolanaRateLimitError(e)) throw e;
|
|
4105
|
+
logger_default.debug("[useSPLAllowance] error", e);
|
|
4011
4106
|
return { allowance: 0n, decimals: 0 };
|
|
4012
4107
|
}
|
|
4013
4108
|
}
|
|
@@ -4021,8 +4116,7 @@ var import_react22 = require("react");
|
|
|
4021
4116
|
var import_react_query9 = require("@tanstack/react-query");
|
|
4022
4117
|
var import_react_redux13 = require("react-redux");
|
|
4023
4118
|
var import_web37 = require("@solana/web3.js");
|
|
4024
|
-
var
|
|
4025
|
-
var import_loglevel2 = __toESM(require("loglevel"), 1);
|
|
4119
|
+
var import_spl_token3 = require("@solana/spl-token");
|
|
4026
4120
|
var useApproveSPL = () => {
|
|
4027
4121
|
const qc = (0, import_react_query9.useQueryClient)();
|
|
4028
4122
|
const { connection, publicKey, signTransaction } = useSolProvider();
|
|
@@ -4040,7 +4134,7 @@ var useApproveSPL = () => {
|
|
|
4040
4134
|
const approve = (0, import_react22.useCallback)(
|
|
4041
4135
|
async (isCancel = false) => {
|
|
4042
4136
|
if (!connection || !signTransaction || !ownerPk) {
|
|
4043
|
-
|
|
4137
|
+
logger_default.debug("[useApproveSPL] missing provider or owner");
|
|
4044
4138
|
return;
|
|
4045
4139
|
}
|
|
4046
4140
|
try {
|
|
@@ -4048,14 +4142,27 @@ var useApproveSPL = () => {
|
|
|
4048
4142
|
const tokenAddress = getTokenAddress(tokenOptions, selectedCoin, "SOL");
|
|
4049
4143
|
if (!poolAddress || !tokenAddress) return;
|
|
4050
4144
|
const mint = new import_web37.PublicKey(tokenAddress);
|
|
4051
|
-
const
|
|
4052
|
-
|
|
4145
|
+
const { programId, isToken2022 } = await getTokenProgramForMint(
|
|
4146
|
+
connection,
|
|
4147
|
+
mint
|
|
4148
|
+
);
|
|
4149
|
+
logger_default.debug("[useApproveSPL] token program", {
|
|
4150
|
+
symbol: selectedCoin,
|
|
4151
|
+
tokenProgram: isToken2022 ? "TOKEN_2022_PROGRAM_ID" : "TOKEN_PROGRAM_ID"
|
|
4152
|
+
});
|
|
4153
|
+
const ata = await (0, import_spl_token3.getAssociatedTokenAddress)(
|
|
4154
|
+
mint,
|
|
4155
|
+
ownerPk,
|
|
4156
|
+
false,
|
|
4157
|
+
programId
|
|
4158
|
+
);
|
|
4159
|
+
const ix = isCancel ? (0, import_spl_token3.createRevokeInstruction)(ata, ownerPk, [], programId) : (0, import_spl_token3.createApproveInstruction)(
|
|
4053
4160
|
ata,
|
|
4054
4161
|
new import_web37.PublicKey(poolAddress),
|
|
4055
4162
|
ownerPk,
|
|
4056
4163
|
allowanceNumber,
|
|
4057
4164
|
[],
|
|
4058
|
-
|
|
4165
|
+
programId
|
|
4059
4166
|
);
|
|
4060
4167
|
const recent = await connection.getLatestBlockhash("finalized");
|
|
4061
4168
|
const tx = new import_web37.Transaction().add(ix);
|
|
@@ -4066,13 +4173,13 @@ var useApproveSPL = () => {
|
|
|
4066
4173
|
skipPreflight: false,
|
|
4067
4174
|
preflightCommitment: "confirmed"
|
|
4068
4175
|
});
|
|
4069
|
-
|
|
4176
|
+
logger_default.debug("[useApproveSPL] sent", { sig });
|
|
4070
4177
|
const conf = await connection.confirmTransaction(
|
|
4071
4178
|
{ signature: sig, ...recent },
|
|
4072
4179
|
"finalized"
|
|
4073
4180
|
);
|
|
4074
4181
|
if (conf.value.err) {
|
|
4075
|
-
|
|
4182
|
+
logger_default.debug("[useApproveSPL] confirmation error", conf.value.err);
|
|
4076
4183
|
return;
|
|
4077
4184
|
}
|
|
4078
4185
|
await qc.invalidateQueries({
|
|
@@ -4084,7 +4191,7 @@ var useApproveSPL = () => {
|
|
|
4084
4191
|
]
|
|
4085
4192
|
});
|
|
4086
4193
|
} catch (err) {
|
|
4087
|
-
|
|
4194
|
+
logger_default.debug("[useApproveSPL] tx error", err);
|
|
4088
4195
|
throw err;
|
|
4089
4196
|
}
|
|
4090
4197
|
},
|
|
@@ -4196,64 +4303,74 @@ var useSolNativeBalance = () => {
|
|
|
4196
4303
|
var import_react_redux17 = require("react-redux");
|
|
4197
4304
|
var import_react_query11 = require("@tanstack/react-query");
|
|
4198
4305
|
var import_web39 = require("@solana/web3.js");
|
|
4199
|
-
var
|
|
4306
|
+
var import_spl_token4 = require("@solana/spl-token");
|
|
4200
4307
|
var getMintAddressForSymbol = (tokenOptions, symbol) => tokenOptions?.[symbol]?.SOL || "";
|
|
4201
4308
|
var useSolTokenBalance = () => {
|
|
4202
4309
|
const symbol = (0, import_react_redux17.useSelector)(selectSourceCurrency);
|
|
4203
4310
|
const sourceChain = (0, import_react_redux17.useSelector)(selectSourceChain);
|
|
4311
|
+
const networkOption = (0, import_react_redux17.useSelector)(selectNetworkOption);
|
|
4204
4312
|
if (symbol === "SOL") return useSolNativeBalance();
|
|
4205
4313
|
const tokenOptions = (0, import_react_redux17.useSelector)(selectTokenOptions);
|
|
4206
4314
|
const owner = useSolAddress();
|
|
4207
4315
|
const { connection } = useSolProvider();
|
|
4208
4316
|
const enabled = !!owner && !!connection && !!symbol && !!tokenOptions && sourceChain.shortName === "SOL";
|
|
4209
4317
|
const query = (0, import_react_query11.useQuery)({
|
|
4210
|
-
queryKey: ["solTokenBalance", owner, symbol],
|
|
4318
|
+
queryKey: ["solTokenBalance", owner, symbol, networkOption],
|
|
4211
4319
|
enabled,
|
|
4212
4320
|
refetchInterval: 6e4,
|
|
4213
|
-
staleTime:
|
|
4214
|
-
gcTime: 6e4,
|
|
4321
|
+
staleTime: 3e4,
|
|
4322
|
+
gcTime: 5 * 6e4,
|
|
4323
|
+
refetchOnWindowFocus: false,
|
|
4324
|
+
refetchOnReconnect: false,
|
|
4215
4325
|
queryFn: async () => {
|
|
4216
4326
|
try {
|
|
4217
4327
|
logger_default.debug("[useSolTokenBalance] start", { owner, symbol, enabled });
|
|
4218
|
-
if (!owner || !symbol || !tokenOptions)
|
|
4328
|
+
if (!owner || !symbol || !tokenOptions || !connection) {
|
|
4219
4329
|
return { amount: 0n, decimals: 0 };
|
|
4330
|
+
}
|
|
4220
4331
|
const mintAddr = getMintAddressForSymbol(tokenOptions, symbol);
|
|
4221
4332
|
if (!mintAddr) {
|
|
4222
|
-
logger_default.
|
|
4333
|
+
logger_default.debug("[useSolTokenBalance] missing mint for symbol", { symbol });
|
|
4223
4334
|
return { amount: 0n, decimals: 0 };
|
|
4224
4335
|
}
|
|
4225
4336
|
const mint = new import_web39.PublicKey(mintAddr);
|
|
4226
4337
|
const ownerPk = new import_web39.PublicKey(owner);
|
|
4227
|
-
const
|
|
4228
|
-
|
|
4338
|
+
const { programId, isToken2022 } = await getTokenProgramForMint(
|
|
4339
|
+
connection,
|
|
4340
|
+
mint
|
|
4341
|
+
);
|
|
4342
|
+
const ata = await (0, import_spl_token4.getAssociatedTokenAddress)(
|
|
4343
|
+
mint,
|
|
4344
|
+
ownerPk,
|
|
4345
|
+
false,
|
|
4346
|
+
programId
|
|
4347
|
+
);
|
|
4348
|
+
const mintInfo = await (0, import_spl_token4.getMint)(connection, mint, void 0, programId);
|
|
4229
4349
|
logger_default.debug("[useSolTokenBalance] mint/ata", {
|
|
4230
4350
|
mint: mint.toBase58(),
|
|
4231
4351
|
ata: ata.toBase58(),
|
|
4232
|
-
decimals: mintInfo.decimals
|
|
4352
|
+
decimals: mintInfo.decimals,
|
|
4353
|
+
tokenProgram: isToken2022 ? "TOKEN_2022_PROGRAM_ID" : "TOKEN_PROGRAM_ID"
|
|
4233
4354
|
});
|
|
4234
4355
|
const accInfo = await connection.getParsedAccountInfo(ata);
|
|
4235
4356
|
const parsed = accInfo?.value?.data;
|
|
4236
4357
|
if (!parsed) {
|
|
4237
|
-
logger_default.
|
|
4358
|
+
logger_default.debug("[useSolTokenBalance] ATA not found (parsed)", {
|
|
4238
4359
|
owner,
|
|
4239
|
-
mint: mint.toBase58()
|
|
4360
|
+
mint: mint.toBase58(),
|
|
4361
|
+
ata: ata.toBase58()
|
|
4240
4362
|
});
|
|
4241
4363
|
return { amount: 0n, decimals: mintInfo.decimals };
|
|
4242
4364
|
}
|
|
4243
4365
|
const tokenAmountStr = parsed.parsed?.info?.tokenAmount?.amount ?? "0";
|
|
4244
|
-
|
|
4245
|
-
amount: BigInt(tokenAmountStr),
|
|
4246
|
-
decimals: mintInfo.decimals
|
|
4247
|
-
};
|
|
4248
|
-
logger_default.debug("[useSolTokenBalance] result", result);
|
|
4249
|
-
return result;
|
|
4366
|
+
return { amount: BigInt(tokenAmountStr), decimals: mintInfo.decimals };
|
|
4250
4367
|
} catch (e) {
|
|
4251
|
-
|
|
4368
|
+
if (isSolanaRateLimitError(e)) throw e;
|
|
4369
|
+
logger_default.debug("[useSolTokenBalance] error", e);
|
|
4252
4370
|
return { amount: 0n, decimals: 0 };
|
|
4253
4371
|
}
|
|
4254
4372
|
}
|
|
4255
4373
|
});
|
|
4256
|
-
logger_default.debug("[useSolTokenBalance] enabled?", { enabled, owner, symbol });
|
|
4257
4374
|
return { balance: query.data?.amount, decimals: query.data?.decimals };
|
|
4258
4375
|
};
|
|
4259
4376
|
|
|
@@ -4279,7 +4396,7 @@ var useDisconnectWallet2 = () => {
|
|
|
4279
4396
|
};
|
|
4280
4397
|
|
|
4281
4398
|
// src/shared/plugins/solana/adapter.tsx
|
|
4282
|
-
var
|
|
4399
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4283
4400
|
var SolanaPlugin = class extends PluginBase {
|
|
4284
4401
|
constructor(store2) {
|
|
4285
4402
|
super({
|
|
@@ -4294,7 +4411,7 @@ var SolanaPlugin = class extends PluginBase {
|
|
|
4294
4411
|
});
|
|
4295
4412
|
}
|
|
4296
4413
|
isCompatible = (chain) => chain.shortName === "SOL";
|
|
4297
|
-
Provider = ({ children, networkOption }) => /* @__PURE__ */ (0,
|
|
4414
|
+
Provider = ({ children, networkOption }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SolanaWalletProvider, { networkOption, children });
|
|
4298
4415
|
};
|
|
4299
4416
|
var solanaPlugin = new SolanaPlugin(store_default);
|
|
4300
4417
|
var adapter_default2 = solanaPlugin;
|
|
@@ -5117,7 +5234,7 @@ var useDisconnectWallet3 = () => {
|
|
|
5117
5234
|
};
|
|
5118
5235
|
|
|
5119
5236
|
// src/shared/plugins/tron/adapter.tsx
|
|
5120
|
-
var
|
|
5237
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
5121
5238
|
var TronPlugin = class extends PluginBase {
|
|
5122
5239
|
constructor(store2) {
|
|
5123
5240
|
super({
|
|
@@ -5132,7 +5249,7 @@ var TronPlugin = class extends PluginBase {
|
|
|
5132
5249
|
});
|
|
5133
5250
|
}
|
|
5134
5251
|
isCompatible = (chain) => chain.shortName === "TRX";
|
|
5135
|
-
Provider = ({ children, networkOption }) => /* @__PURE__ */ (0,
|
|
5252
|
+
Provider = ({ children, networkOption }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TronWalletProvider, { networkOption, children });
|
|
5136
5253
|
};
|
|
5137
5254
|
var tronPlugin = new TronPlugin(store_default);
|
|
5138
5255
|
var adapter_default3 = tronPlugin;
|
|
@@ -5175,7 +5292,7 @@ var useDisconnectWallet4 = () => ({
|
|
|
5175
5292
|
});
|
|
5176
5293
|
|
|
5177
5294
|
// src/shared/plugins/credit-card/adapter.tsx
|
|
5178
|
-
var
|
|
5295
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5179
5296
|
var CreditCardPlugin = class extends PluginBase {
|
|
5180
5297
|
constructor(storeArg) {
|
|
5181
5298
|
super({
|
|
@@ -5190,7 +5307,7 @@ var CreditCardPlugin = class extends PluginBase {
|
|
|
5190
5307
|
});
|
|
5191
5308
|
}
|
|
5192
5309
|
isCompatible = (chain) => chain.compatibility === "CC";
|
|
5193
|
-
Provider = ({ children }) => /* @__PURE__ */ (0,
|
|
5310
|
+
Provider = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children });
|
|
5194
5311
|
};
|
|
5195
5312
|
var creditCardPlugin = new CreditCardPlugin(store_default);
|
|
5196
5313
|
var adapter_default4 = creditCardPlugin;
|
|
@@ -5233,7 +5350,7 @@ var useDisconnectWallet5 = () => ({
|
|
|
5233
5350
|
});
|
|
5234
5351
|
|
|
5235
5352
|
// src/shared/plugins/bank/adapter.tsx
|
|
5236
|
-
var
|
|
5353
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5237
5354
|
var BankPlugin = class extends PluginBase {
|
|
5238
5355
|
constructor(storeArg) {
|
|
5239
5356
|
super({
|
|
@@ -5248,7 +5365,7 @@ var BankPlugin = class extends PluginBase {
|
|
|
5248
5365
|
});
|
|
5249
5366
|
}
|
|
5250
5367
|
isCompatible = (chain) => chain.compatibility === "BANK";
|
|
5251
|
-
Provider = ({ children }) => /* @__PURE__ */ (0,
|
|
5368
|
+
Provider = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children });
|
|
5252
5369
|
};
|
|
5253
5370
|
var bankPlugin = new BankPlugin(store_default);
|
|
5254
5371
|
var adapter_default5 = bankPlugin;
|
|
@@ -5257,7 +5374,7 @@ var adapter_default5 = bankPlugin;
|
|
|
5257
5374
|
initializePlugins([adapter_default, adapter_default2, adapter_default3, adapter_default4, adapter_default5]);
|
|
5258
5375
|
|
|
5259
5376
|
// src/app/providers/KimaProvider.tsx
|
|
5260
|
-
var
|
|
5377
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5261
5378
|
var queryClient = new import_react_query16.QueryClient();
|
|
5262
5379
|
var KimaContext = (0, import_react37.createContext)(void 0);
|
|
5263
5380
|
var useKimaContext = () => {
|
|
@@ -5292,7 +5409,7 @@ var InternalKimaProvider = React3.memo(({ kimaBackendUrl, solRPC, projectId, chi
|
|
|
5292
5409
|
const plugin = getPluginProvider(pluginData.id);
|
|
5293
5410
|
if (plugin) {
|
|
5294
5411
|
const { Provider: PluginProvider } = plugin;
|
|
5295
|
-
return /* @__PURE__ */ (0,
|
|
5412
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5296
5413
|
PluginProvider,
|
|
5297
5414
|
{
|
|
5298
5415
|
networkOption,
|
|
@@ -5308,11 +5425,11 @@ var InternalKimaProvider = React3.memo(({ kimaBackendUrl, solRPC, projectId, chi
|
|
|
5308
5425
|
}, children);
|
|
5309
5426
|
}, [plugins, projectId, networkOption, isLoadingEnv, appKitReady, children]);
|
|
5310
5427
|
if (!appKitReady) return null;
|
|
5311
|
-
return /* @__PURE__ */ (0,
|
|
5428
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: WrappedProviders });
|
|
5312
5429
|
});
|
|
5313
5430
|
var KimaProvider = ({
|
|
5314
5431
|
projectId = "e579511a495b5c312b572b036e60555a",
|
|
5315
|
-
children = /* @__PURE__ */ (0,
|
|
5432
|
+
children = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, {}),
|
|
5316
5433
|
externalProvider,
|
|
5317
5434
|
kimaBackendUrl = "http://localhost:3001",
|
|
5318
5435
|
solRPC,
|
|
@@ -5352,7 +5469,7 @@ var KimaProvider = ({
|
|
|
5352
5469
|
errorHandler,
|
|
5353
5470
|
switchChainHandler
|
|
5354
5471
|
};
|
|
5355
|
-
return /* @__PURE__ */ (0,
|
|
5472
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_query16.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_redux26.Provider, { store: store_default, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(KimaContext.Provider, { value: kimaContext, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5356
5473
|
InternalKimaProvider,
|
|
5357
5474
|
{
|
|
5358
5475
|
kimaBackendUrl,
|
|
@@ -5369,13 +5486,13 @@ var import_react67 = require("react");
|
|
|
5369
5486
|
var import_react_redux58 = require("react-redux");
|
|
5370
5487
|
|
|
5371
5488
|
// src/assets/loading/180-ring.tsx
|
|
5372
|
-
var
|
|
5489
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5373
5490
|
var Loading180Ring = ({
|
|
5374
5491
|
width = 24,
|
|
5375
5492
|
height = 24,
|
|
5376
5493
|
fill = "white"
|
|
5377
5494
|
}) => {
|
|
5378
|
-
return /* @__PURE__ */ (0,
|
|
5495
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5379
5496
|
"svg",
|
|
5380
5497
|
{
|
|
5381
5498
|
width,
|
|
@@ -5383,7 +5500,7 @@ var Loading180Ring = ({
|
|
|
5383
5500
|
fill,
|
|
5384
5501
|
viewBox: "0 0 24 24",
|
|
5385
5502
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5386
|
-
children: /* @__PURE__ */ (0,
|
|
5503
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5387
5504
|
"animateTransform",
|
|
5388
5505
|
{
|
|
5389
5506
|
attributeName: "transform",
|
|
@@ -5399,48 +5516,48 @@ var Loading180Ring = ({
|
|
|
5399
5516
|
var ring_default = Loading180Ring;
|
|
5400
5517
|
|
|
5401
5518
|
// src/assets/loading/6-dots-scale.tsx
|
|
5402
|
-
var
|
|
5519
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5403
5520
|
|
|
5404
5521
|
// src/widgets/common/SkeletonLoader.tsx
|
|
5405
|
-
var
|
|
5522
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5406
5523
|
var SkeletonLoader = ({ theme }) => {
|
|
5407
5524
|
const { closeHandler } = useKimaContext();
|
|
5408
|
-
return /* @__PURE__ */ (0,
|
|
5525
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
5409
5526
|
"div",
|
|
5410
5527
|
{
|
|
5411
5528
|
className: `kima-card ${theme.colorMode}`,
|
|
5412
5529
|
style: {
|
|
5413
5530
|
background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
|
|
5414
5531
|
},
|
|
5415
|
-
children: /* @__PURE__ */ (0,
|
|
5416
|
-
/* @__PURE__ */ (0,
|
|
5417
|
-
/* @__PURE__ */ (0,
|
|
5418
|
-
/* @__PURE__ */ (0,
|
|
5419
|
-
/* @__PURE__ */ (0,
|
|
5532
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "transfer-card", children: [
|
|
5533
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "kima-card-header", children: [
|
|
5534
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "topbar", children: [
|
|
5535
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "title skeleton", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h3", {}) }),
|
|
5536
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "control-buttons", children: closeHandler && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
5420
5537
|
"button",
|
|
5421
5538
|
{
|
|
5422
5539
|
className: "cross-icon-button",
|
|
5423
5540
|
onClick: () => {
|
|
5424
5541
|
closeHandler(0);
|
|
5425
5542
|
},
|
|
5426
|
-
children: /* @__PURE__ */ (0,
|
|
5543
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Cross_default, {})
|
|
5427
5544
|
}
|
|
5428
5545
|
) })
|
|
5429
5546
|
] }),
|
|
5430
|
-
/* @__PURE__ */ (0,
|
|
5547
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h4", { className: "subtitle" })
|
|
5431
5548
|
] }),
|
|
5432
|
-
/* @__PURE__ */ (0,
|
|
5433
|
-
/* @__PURE__ */ (0,
|
|
5434
|
-
/* @__PURE__ */ (0,
|
|
5435
|
-
/* @__PURE__ */ (0,
|
|
5436
|
-
/* @__PURE__ */ (0,
|
|
5437
|
-
/* @__PURE__ */ (0,
|
|
5549
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "kima-card-content skeleton", children: [
|
|
5550
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "skeleton" }),
|
|
5551
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "skeleton" }),
|
|
5552
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "skeleton" }),
|
|
5553
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "skeleton" }),
|
|
5554
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "skeleton" })
|
|
5438
5555
|
] }),
|
|
5439
|
-
/* @__PURE__ */ (0,
|
|
5440
|
-
/* @__PURE__ */ (0,
|
|
5441
|
-
/* @__PURE__ */ (0,
|
|
5442
|
-
/* @__PURE__ */ (0,
|
|
5443
|
-
/* @__PURE__ */ (0,
|
|
5556
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: `kima-card-footer`, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: `button-group skeleton`, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "skeleton" }) }) }),
|
|
5557
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
|
|
5558
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: "Powered by" }),
|
|
5559
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FooterLogo_default, { width: 50, fill: "black" }),
|
|
5560
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("strong", { children: "Network" })
|
|
5444
5561
|
] }) })
|
|
5445
5562
|
] })
|
|
5446
5563
|
}
|
|
@@ -5449,8 +5566,8 @@ var SkeletonLoader = ({ theme }) => {
|
|
|
5449
5566
|
var SkeletonLoader_default = SkeletonLoader;
|
|
5450
5567
|
|
|
5451
5568
|
// src/components/reusable/ExternalLink.tsx
|
|
5452
|
-
var
|
|
5453
|
-
var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ (0,
|
|
5569
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5570
|
+
var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
5454
5571
|
"a",
|
|
5455
5572
|
{
|
|
5456
5573
|
className,
|
|
@@ -5464,7 +5581,7 @@ var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ (0, im
|
|
|
5464
5581
|
var ExternalLink_default = ExternalLink;
|
|
5465
5582
|
|
|
5466
5583
|
// src/components/reusable/PrimaryButton.tsx
|
|
5467
|
-
var
|
|
5584
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5468
5585
|
var PrimaryButton = ({
|
|
5469
5586
|
className,
|
|
5470
5587
|
clickHandler,
|
|
@@ -5473,7 +5590,7 @@ var PrimaryButton = ({
|
|
|
5473
5590
|
disabled = false,
|
|
5474
5591
|
ref
|
|
5475
5592
|
}) => {
|
|
5476
|
-
return /* @__PURE__ */ (0,
|
|
5593
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "primary-button-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
5477
5594
|
"button",
|
|
5478
5595
|
{
|
|
5479
5596
|
className: `primary-button ${className}`,
|
|
@@ -5481,7 +5598,7 @@ var PrimaryButton = ({
|
|
|
5481
5598
|
ref,
|
|
5482
5599
|
disabled,
|
|
5483
5600
|
children: [
|
|
5484
|
-
isLoading && /* @__PURE__ */ (0,
|
|
5601
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "loading-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ring_default, { width: 24, height: 24, fill: "white" }) }),
|
|
5485
5602
|
children
|
|
5486
5603
|
]
|
|
5487
5604
|
}
|
|
@@ -5490,7 +5607,7 @@ var PrimaryButton = ({
|
|
|
5490
5607
|
var PrimaryButton_default = PrimaryButton;
|
|
5491
5608
|
|
|
5492
5609
|
// src/components/reusable/SecondaryButton.tsx
|
|
5493
|
-
var
|
|
5610
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5494
5611
|
var SecondaryButton = ({
|
|
5495
5612
|
className,
|
|
5496
5613
|
clickHandler,
|
|
@@ -5499,7 +5616,7 @@ var SecondaryButton = ({
|
|
|
5499
5616
|
style,
|
|
5500
5617
|
disabled = false,
|
|
5501
5618
|
isLoading
|
|
5502
|
-
}) => /* @__PURE__ */ (0,
|
|
5619
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
5503
5620
|
"button",
|
|
5504
5621
|
{
|
|
5505
5622
|
className: `secondary-button ${className} ${theme}`,
|
|
@@ -5507,7 +5624,7 @@ var SecondaryButton = ({
|
|
|
5507
5624
|
...style,
|
|
5508
5625
|
disabled,
|
|
5509
5626
|
children: [
|
|
5510
|
-
isLoading && /* @__PURE__ */ (0,
|
|
5627
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "loading-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ring_default, { width: 24, height: 24, fill: "black" }) }),
|
|
5511
5628
|
children
|
|
5512
5629
|
]
|
|
5513
5630
|
}
|
|
@@ -5543,7 +5660,7 @@ var useGetCurrentPlugin_default = useGetCurrentPlugin;
|
|
|
5543
5660
|
|
|
5544
5661
|
// src/shared/plugins/default.tsx
|
|
5545
5662
|
var import_react39 = require("react");
|
|
5546
|
-
var
|
|
5663
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5547
5664
|
var DefaultPlugin = class extends PluginBase {
|
|
5548
5665
|
constructor(storeArg) {
|
|
5549
5666
|
super({
|
|
@@ -5583,7 +5700,7 @@ var DefaultPlugin = class extends PluginBase {
|
|
|
5583
5700
|
// Never “compatible” so it won’t be picked for any chain
|
|
5584
5701
|
isCompatible = () => false;
|
|
5585
5702
|
// Transparent provider: renders children as-is
|
|
5586
|
-
Provider = ({ children }) => /* @__PURE__ */ (0,
|
|
5703
|
+
Provider = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children });
|
|
5587
5704
|
};
|
|
5588
5705
|
var defaultPlugin = new DefaultPlugin(store_default);
|
|
5589
5706
|
var default_default = defaultPlugin;
|
|
@@ -5662,7 +5779,7 @@ var import_react44 = require("@reown/appkit/react");
|
|
|
5662
5779
|
|
|
5663
5780
|
// src/components/reusable/CopyButton.tsx
|
|
5664
5781
|
var import_react41 = require("react");
|
|
5665
|
-
var
|
|
5782
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5666
5783
|
var CopyButton = ({ text }) => {
|
|
5667
5784
|
const [copyClicked, setCopyClicked] = (0, import_react41.useState)(false);
|
|
5668
5785
|
(0, import_react41.useEffect)(() => {
|
|
@@ -5671,7 +5788,7 @@ var CopyButton = ({ text }) => {
|
|
|
5671
5788
|
setCopyClicked(false);
|
|
5672
5789
|
}, 2e3);
|
|
5673
5790
|
}, [copyClicked]);
|
|
5674
|
-
return /* @__PURE__ */ (0,
|
|
5791
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
5675
5792
|
"span",
|
|
5676
5793
|
{
|
|
5677
5794
|
className: "copy-btn",
|
|
@@ -5679,7 +5796,7 @@ var CopyButton = ({ text }) => {
|
|
|
5679
5796
|
setCopyClicked(true);
|
|
5680
5797
|
navigator.clipboard.writeText(text);
|
|
5681
5798
|
},
|
|
5682
|
-
children: copyClicked ? /* @__PURE__ */ (0,
|
|
5799
|
+
children: copyClicked ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Check_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Copy_default, {})
|
|
5683
5800
|
}
|
|
5684
5801
|
);
|
|
5685
5802
|
};
|
|
@@ -5743,7 +5860,7 @@ function useHideWuiListItem(isModalOpen) {
|
|
|
5743
5860
|
var useHideActivityTab_default = useHideWuiListItem;
|
|
5744
5861
|
|
|
5745
5862
|
// src/components/reusable/WalletButton.tsx
|
|
5746
|
-
var
|
|
5863
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
5747
5864
|
var TAG = "[WalletButton]";
|
|
5748
5865
|
var WalletButton = ({
|
|
5749
5866
|
errorBelow = false,
|
|
@@ -5903,12 +6020,12 @@ var WalletButton = ({
|
|
|
5903
6020
|
}, [mode, isReady, statusMessage, compliantOption, sourceCompliant]);
|
|
5904
6021
|
const renderConnectedLabel = () => {
|
|
5905
6022
|
if (isEvmSwitching) {
|
|
5906
|
-
return /* @__PURE__ */ (0,
|
|
6023
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
5907
6024
|
"Switching network\u2026",
|
|
5908
|
-
/* @__PURE__ */ (0,
|
|
5909
|
-
/* @__PURE__ */ (0,
|
|
5910
|
-
/* @__PURE__ */ (0,
|
|
5911
|
-
/* @__PURE__ */ (0,
|
|
6025
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "loading-indicator-inline", "aria-hidden": "true", children: [
|
|
6026
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "dot" }),
|
|
6027
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "dot" }),
|
|
6028
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "dot" })
|
|
5912
6029
|
] })
|
|
5913
6030
|
] });
|
|
5914
6031
|
}
|
|
@@ -5920,38 +6037,38 @@ var WalletButton = ({
|
|
|
5920
6037
|
theme.colorMode,
|
|
5921
6038
|
isEvmSwitching ? "network-switching" : ""
|
|
5922
6039
|
].filter(Boolean).join(" ");
|
|
5923
|
-
return /* @__PURE__ */ (0,
|
|
6040
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
5924
6041
|
"div",
|
|
5925
6042
|
{
|
|
5926
6043
|
className: `wallet-button ${isConnected ? "connected" : "disconnected"} ${theme.colorMode} ${errorBelow ? "error-below" : ""}`,
|
|
5927
6044
|
"data-testid": "connect-wallet-btn",
|
|
5928
6045
|
children: [
|
|
5929
|
-
/* @__PURE__ */ (0,
|
|
5930
|
-
/* @__PURE__ */ (0,
|
|
6046
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "info-wrapper", children: [
|
|
6047
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5931
6048
|
"button",
|
|
5932
6049
|
{
|
|
5933
6050
|
className: btnClasses,
|
|
5934
6051
|
onClick: handleClick,
|
|
5935
6052
|
disabled: !isWalletApplicable || isEvmSwitching,
|
|
5936
6053
|
"aria-busy": isEvmSwitching ? "true" : void 0,
|
|
5937
|
-
children: isConnected ? renderConnectedLabel() : /* @__PURE__ */ (0,
|
|
6054
|
+
children: isConnected ? renderConnectedLabel() : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
5938
6055
|
mode === "light" /* light */ && "Select Network to Load Account",
|
|
5939
6056
|
mode !== "light" /* light */ && !hasSelectedSourceNetwork && "Select Network to Connect",
|
|
5940
|
-
mode !== "light" /* light */ && hasSelectedSourceNetwork && /* @__PURE__ */ (0,
|
|
5941
|
-
/* @__PURE__ */ (0,
|
|
6057
|
+
mode !== "light" /* light */ && hasSelectedSourceNetwork && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
6058
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Wallet_default, {}),
|
|
5942
6059
|
"Connect Wallet"
|
|
5943
6060
|
] })
|
|
5944
6061
|
] })
|
|
5945
6062
|
}
|
|
5946
6063
|
),
|
|
5947
|
-
isConnected && !placeholder && displayedAddress && !isEvmSwitching && /* @__PURE__ */ (0,
|
|
6064
|
+
isConnected && !placeholder && displayedAddress && !isEvmSwitching && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CopyButton_default, { text: displayedAddress })
|
|
5948
6065
|
] }),
|
|
5949
|
-
isConnected && mode !== "light" /* light */ && !placeholder && /* @__PURE__ */ (0,
|
|
6066
|
+
isConnected && mode !== "light" /* light */ && !placeholder && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, { children: balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("p", { className: "balance-info", children: [
|
|
5950
6067
|
formatUSD(bigIntToNumber({ value: balance, decimals })),
|
|
5951
6068
|
" ",
|
|
5952
6069
|
selectedCoin,
|
|
5953
6070
|
" available"
|
|
5954
|
-
] }) : /* @__PURE__ */ (0,
|
|
6071
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "loading", "aria-label": "balance-loading" }) })
|
|
5955
6072
|
]
|
|
5956
6073
|
}
|
|
5957
6074
|
);
|
|
@@ -6033,7 +6150,7 @@ function useCurrencyOptions(isSourceChain) {
|
|
|
6033
6150
|
}
|
|
6034
6151
|
|
|
6035
6152
|
// src/components/reusable/TokenIcon.tsx
|
|
6036
|
-
var
|
|
6153
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
6037
6154
|
var COIN_LIST2 = {
|
|
6038
6155
|
EUR: KEUR_default,
|
|
6039
6156
|
EURC: EURC_default,
|
|
@@ -6048,7 +6165,9 @@ var COIN_LIST2 = {
|
|
|
6048
6165
|
USD1: USD1_default,
|
|
6049
6166
|
WBTC: BTC_default,
|
|
6050
6167
|
WETH: Ethereum_default,
|
|
6051
|
-
WSOL: Solana_default
|
|
6168
|
+
WSOL: Solana_default,
|
|
6169
|
+
FRNT: Frontier_default,
|
|
6170
|
+
TFRNT: Frontier_default
|
|
6052
6171
|
};
|
|
6053
6172
|
function TokenIcon({
|
|
6054
6173
|
symbol,
|
|
@@ -6061,11 +6180,11 @@ function TokenIcon({
|
|
|
6061
6180
|
logger_default.warn(`Token icon not found for symbol: ${symbol}`);
|
|
6062
6181
|
return null;
|
|
6063
6182
|
}
|
|
6064
|
-
return /* @__PURE__ */ (0,
|
|
6183
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "icon-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { width, height }) });
|
|
6065
6184
|
}
|
|
6066
6185
|
|
|
6067
6186
|
// src/components/reusable/CoinDropdown.tsx
|
|
6068
|
-
var
|
|
6187
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
6069
6188
|
var displaySymbol = (sym) => sym === "WETH" ? "ETH" : sym === "WSOL" ? "SOL" : sym ?? "";
|
|
6070
6189
|
var CoinDropdown = ({
|
|
6071
6190
|
isSourceChain = true
|
|
@@ -6124,7 +6243,7 @@ var CoinDropdown = ({
|
|
|
6124
6243
|
}
|
|
6125
6244
|
setCollapsed(true);
|
|
6126
6245
|
};
|
|
6127
|
-
return /* @__PURE__ */ (0,
|
|
6246
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
6128
6247
|
"div",
|
|
6129
6248
|
{
|
|
6130
6249
|
className: `coin-dropdown ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"} ${shouldLockToken ? "disabled" : ""}`,
|
|
@@ -6133,15 +6252,15 @@ var CoinDropdown = ({
|
|
|
6133
6252
|
},
|
|
6134
6253
|
ref,
|
|
6135
6254
|
children: [
|
|
6136
|
-
/* @__PURE__ */ (0,
|
|
6137
|
-
/* @__PURE__ */ (0,
|
|
6138
|
-
/* @__PURE__ */ (0,
|
|
6139
|
-
] }) : /* @__PURE__ */ (0,
|
|
6140
|
-
/* @__PURE__ */ (0,
|
|
6255
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "coin-wrapper", children: tokenSymbol ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
|
|
6256
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }),
|
|
6257
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "coin", children: displaySymbol(tokenSymbol) })
|
|
6258
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "coin placeholder", children: "Select token" }) }),
|
|
6259
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6141
6260
|
"div",
|
|
6142
6261
|
{
|
|
6143
6262
|
className: `coin-menu ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`,
|
|
6144
|
-
children: tokenList.map((token) => /* @__PURE__ */ (0,
|
|
6263
|
+
children: tokenList.map((token) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
6145
6264
|
"div",
|
|
6146
6265
|
{
|
|
6147
6266
|
className: `coin-item ${theme.colorMode}`,
|
|
@@ -6150,15 +6269,15 @@ var CoinDropdown = ({
|
|
|
6150
6269
|
handleDropdownItemClick(token.symbol);
|
|
6151
6270
|
},
|
|
6152
6271
|
children: [
|
|
6153
|
-
/* @__PURE__ */ (0,
|
|
6154
|
-
/* @__PURE__ */ (0,
|
|
6272
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
|
|
6273
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { children: displaySymbol(token.symbol) })
|
|
6155
6274
|
]
|
|
6156
6275
|
},
|
|
6157
6276
|
token.symbol
|
|
6158
6277
|
))
|
|
6159
6278
|
}
|
|
6160
6279
|
),
|
|
6161
|
-
!shouldLockToken && /* @__PURE__ */ (0,
|
|
6280
|
+
!shouldLockToken && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Arrow_default, { fill: "none" }) })
|
|
6162
6281
|
]
|
|
6163
6282
|
}
|
|
6164
6283
|
);
|
|
@@ -6170,7 +6289,7 @@ var import_react47 = require("react");
|
|
|
6170
6289
|
var import_react_redux32 = require("react-redux");
|
|
6171
6290
|
|
|
6172
6291
|
// src/components/reusable/ChainIcon.tsx
|
|
6173
|
-
var
|
|
6292
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6174
6293
|
var chainIcons = {
|
|
6175
6294
|
ARB: Arbitrum_default,
|
|
6176
6295
|
AVX: Avalanche_default,
|
|
@@ -6193,14 +6312,14 @@ function ChainIcon({ symbol }) {
|
|
|
6193
6312
|
const Icon = symbol === "FIAT" ? chainIcons["CC"] : chainIcons[symbol];
|
|
6194
6313
|
if (!Icon) {
|
|
6195
6314
|
if (symbol) logger_default.warn(`Chain icon not found for symbol: ${symbol}`);
|
|
6196
|
-
return /* @__PURE__ */ (0,
|
|
6315
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", {});
|
|
6197
6316
|
}
|
|
6198
|
-
return /* @__PURE__ */ (0,
|
|
6317
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, {}) });
|
|
6199
6318
|
}
|
|
6200
6319
|
|
|
6201
6320
|
// src/components/reusable/FeeDeductionRadioButtons.tsx
|
|
6202
6321
|
var import_react_redux31 = require("react-redux");
|
|
6203
|
-
var
|
|
6322
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
6204
6323
|
var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
6205
6324
|
const dispatch = (0, import_react_redux31.useDispatch)();
|
|
6206
6325
|
const feeDeduct = (0, import_react_redux31.useSelector)(selectFeeDeduct);
|
|
@@ -6216,9 +6335,9 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
|
6216
6335
|
const handleChange = (value) => {
|
|
6217
6336
|
dispatch(setFeeDeduct(value));
|
|
6218
6337
|
};
|
|
6219
|
-
return /* @__PURE__ */ (0,
|
|
6220
|
-
Number(amount) - totalFee > 0 && /* @__PURE__ */ (0,
|
|
6221
|
-
/* @__PURE__ */ (0,
|
|
6338
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `fee-deduction-radio-container ${theme.colorMode}`, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "fee-options", children: [
|
|
6339
|
+
Number(amount) - totalFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("label", { className: `fee-option ${disabled ? "disabled" : ""}`, children: [
|
|
6340
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6222
6341
|
"input",
|
|
6223
6342
|
{
|
|
6224
6343
|
type: "radio",
|
|
@@ -6228,14 +6347,14 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
|
6228
6347
|
onChange: () => handleChange(true)
|
|
6229
6348
|
}
|
|
6230
6349
|
),
|
|
6231
|
-
/* @__PURE__ */ (0,
|
|
6350
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: `radio-label ${theme.colorMode}`, children: `Pay $${formatterFloat.format(
|
|
6232
6351
|
Number(amount)
|
|
6233
6352
|
)} ${sourceCurrency} ${["BANK", "CC"].includes(sourceNetwork.shortName) ? "with" : "in"} ${sourceNetwork.name} to receive $${formatterFloat.format(
|
|
6234
6353
|
Number(amount) - totalFee
|
|
6235
6354
|
)} ${targetCurrency} ${["BANK", "CC"].includes(targetNetwork.shortName) ? "with" : "in"} ${targetNetwork.name}` })
|
|
6236
6355
|
] }),
|
|
6237
|
-
/* @__PURE__ */ (0,
|
|
6238
|
-
/* @__PURE__ */ (0,
|
|
6356
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("label", { className: `fee-option ${disabled ? "disabled" : ""}`, children: [
|
|
6357
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6239
6358
|
"input",
|
|
6240
6359
|
{
|
|
6241
6360
|
type: "radio",
|
|
@@ -6245,7 +6364,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
|
6245
6364
|
onChange: () => handleChange(false)
|
|
6246
6365
|
}
|
|
6247
6366
|
),
|
|
6248
|
-
/* @__PURE__ */ (0,
|
|
6367
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: `radio-label ${theme.colorMode}`, children: `Pay $${formatterFloat.format(
|
|
6249
6368
|
Number(amount) + totalFee
|
|
6250
6369
|
)} ${sourceCurrency} ${["BANK", "CC"].includes(sourceNetwork.shortName) ? "with" : "in"} ${sourceNetwork.name} to receive $${formatterFloat.format(
|
|
6251
6370
|
Number(amount)
|
|
@@ -6256,7 +6375,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
|
6256
6375
|
var FeeDeductionRadioButtons_default = FeeDeductionRadioButtons;
|
|
6257
6376
|
|
|
6258
6377
|
// src/components/reusable/ConfirmDetails.tsx
|
|
6259
|
-
var
|
|
6378
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
6260
6379
|
var scaleUp = (value, diff) => diff <= 0 ? value : value * 10n ** BigInt(diff);
|
|
6261
6380
|
var sumBigAmts = (amts) => {
|
|
6262
6381
|
const present = amts.filter(Boolean);
|
|
@@ -6367,45 +6486,45 @@ var ConfirmDetails = ({
|
|
|
6367
6486
|
hasSwapInfo: !!swapInfo
|
|
6368
6487
|
});
|
|
6369
6488
|
}, [isSwap, sourceCurrency, targetCurrency, totalFee, swapInfo]);
|
|
6370
|
-
return /* @__PURE__ */ (0,
|
|
6371
|
-
/* @__PURE__ */ (0,
|
|
6489
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: `confirm-details ${theme.colorMode}`, children: [
|
|
6490
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { children: [
|
|
6372
6491
|
"Step ",
|
|
6373
6492
|
isApproved ? "2" : "1",
|
|
6374
6493
|
"\xA0of 2\xA0\xA0\xA0",
|
|
6375
6494
|
isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"
|
|
6376
6495
|
] }),
|
|
6377
|
-
/* @__PURE__ */ (0,
|
|
6378
|
-
/* @__PURE__ */ (0,
|
|
6496
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "detail-item", children: [
|
|
6497
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "label", children: [
|
|
6379
6498
|
"Source",
|
|
6380
6499
|
!["BANK", "CC"].includes(originNetwork.shortName) && " wallet",
|
|
6381
6500
|
":"
|
|
6382
6501
|
] }),
|
|
6383
|
-
/* @__PURE__ */ (0,
|
|
6384
|
-
/* @__PURE__ */ (0,
|
|
6385
|
-
/* @__PURE__ */ (0,
|
|
6502
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "network-details", children: [
|
|
6503
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "kima-card-network-container", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: `kima-card-network-label ${theme.colorMode}`, children: [
|
|
6504
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ChainIcon, { symbol: originNetwork?.shortName }),
|
|
6386
6505
|
originNetwork.name
|
|
6387
6506
|
] }) }),
|
|
6388
|
-
!["CC", "BANK"].includes(originNetwork.shortName) && /* @__PURE__ */ (0,
|
|
6507
|
+
!["CC", "BANK"].includes(originNetwork.shortName) && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: theme.colorMode, children: dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress })
|
|
6389
6508
|
] })
|
|
6390
6509
|
] }),
|
|
6391
|
-
/* @__PURE__ */ (0,
|
|
6392
|
-
/* @__PURE__ */ (0,
|
|
6393
|
-
/* @__PURE__ */ (0,
|
|
6394
|
-
/* @__PURE__ */ (0,
|
|
6510
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "detail-item amount", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "amount-container", children: [
|
|
6511
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "amount-details", children: [
|
|
6512
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: "Amount to Transfer" }),
|
|
6513
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "coin-details", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { children: [
|
|
6395
6514
|
formatBigInt(amountToTransferBig),
|
|
6396
6515
|
" ",
|
|
6397
6516
|
sourceCurrency
|
|
6398
6517
|
] }) })
|
|
6399
6518
|
] }),
|
|
6400
|
-
/* @__PURE__ */ (0,
|
|
6401
|
-
/* @__PURE__ */ (0,
|
|
6402
|
-
/* @__PURE__ */ (0,
|
|
6519
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "amount-details", children: [
|
|
6520
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: "Total Fees" }),
|
|
6521
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
6403
6522
|
"div",
|
|
6404
6523
|
{
|
|
6405
6524
|
className: "fee-collapse",
|
|
6406
6525
|
onClick: () => setFeeCollapsed(!feeCollapsed),
|
|
6407
6526
|
children: [
|
|
6408
|
-
/* @__PURE__ */ (0,
|
|
6527
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
6409
6528
|
MiniArrow_default,
|
|
6410
6529
|
{
|
|
6411
6530
|
width: 15,
|
|
@@ -6416,7 +6535,7 @@ var ConfirmDetails = ({
|
|
|
6416
6535
|
}
|
|
6417
6536
|
}
|
|
6418
6537
|
),
|
|
6419
|
-
/* @__PURE__ */ (0,
|
|
6538
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
|
|
6420
6539
|
formatBigInt(totalFee),
|
|
6421
6540
|
" ",
|
|
6422
6541
|
sourceCurrency
|
|
@@ -6425,73 +6544,73 @@ var ConfirmDetails = ({
|
|
|
6425
6544
|
}
|
|
6426
6545
|
)
|
|
6427
6546
|
] }),
|
|
6428
|
-
/* @__PURE__ */ (0,
|
|
6429
|
-
/* @__PURE__ */ (0,
|
|
6430
|
-
/* @__PURE__ */ (0,
|
|
6431
|
-
/* @__PURE__ */ (0,
|
|
6547
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}`, children: isSwap ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
|
|
6548
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "amount-details", children: [
|
|
6549
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: "Swap Fees" }),
|
|
6550
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
|
|
6432
6551
|
formatBigInt(combinedSwapFees),
|
|
6433
6552
|
" ",
|
|
6434
6553
|
sourceCurrency
|
|
6435
6554
|
] })
|
|
6436
6555
|
] }),
|
|
6437
|
-
/* @__PURE__ */ (0,
|
|
6438
|
-
/* @__PURE__ */ (0,
|
|
6439
|
-
/* @__PURE__ */ (0,
|
|
6556
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "amount-details", children: [
|
|
6557
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: "Kima Processing Fees" }),
|
|
6558
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
|
|
6440
6559
|
formatBigInt(kimaFee),
|
|
6441
6560
|
" ",
|
|
6442
6561
|
sourceCurrency
|
|
6443
6562
|
] })
|
|
6444
6563
|
] })
|
|
6445
|
-
] }) : /* @__PURE__ */ (0,
|
|
6446
|
-
/* @__PURE__ */ (0,
|
|
6447
|
-
/* @__PURE__ */ (0,
|
|
6448
|
-
/* @__PURE__ */ (0,
|
|
6564
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
|
|
6565
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "amount-details", children: [
|
|
6566
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: ["BANK", "CC"].includes(originNetwork.shortName) ? `${originNetwork.name} Processing Fee` : `Source Network Fee (${originNetwork.shortName})` }),
|
|
6567
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
|
|
6449
6568
|
formatBigInt(sourceFee),
|
|
6450
6569
|
" ",
|
|
6451
6570
|
sourceCurrency
|
|
6452
6571
|
] })
|
|
6453
6572
|
] }),
|
|
6454
|
-
/* @__PURE__ */ (0,
|
|
6455
|
-
/* @__PURE__ */ (0,
|
|
6573
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "amount-details", children: [
|
|
6574
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { children: [
|
|
6456
6575
|
"Target Network Fee (",
|
|
6457
6576
|
targetNetwork.shortName,
|
|
6458
6577
|
")"
|
|
6459
6578
|
] }),
|
|
6460
|
-
/* @__PURE__ */ (0,
|
|
6579
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
|
|
6461
6580
|
formatBigInt(targetFee),
|
|
6462
6581
|
" ",
|
|
6463
6582
|
targetCurrency
|
|
6464
6583
|
] })
|
|
6465
6584
|
] }),
|
|
6466
|
-
/* @__PURE__ */ (0,
|
|
6467
|
-
/* @__PURE__ */ (0,
|
|
6468
|
-
/* @__PURE__ */ (0,
|
|
6585
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "amount-details", children: [
|
|
6586
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: "KIMA Service Fee" }),
|
|
6587
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
|
|
6469
6588
|
formatBigInt(kimaFee),
|
|
6470
6589
|
" ",
|
|
6471
6590
|
sourceCurrency
|
|
6472
6591
|
] })
|
|
6473
6592
|
] })
|
|
6474
6593
|
] }) }),
|
|
6475
|
-
/* @__PURE__ */ (0,
|
|
6476
|
-
/* @__PURE__ */ (0,
|
|
6477
|
-
/* @__PURE__ */ (0,
|
|
6594
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "amount-details", children: [
|
|
6595
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: "Target Transfer Amount" }),
|
|
6596
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "service-fee", children: [
|
|
6478
6597
|
formatBigInt(targetTransferBig),
|
|
6479
6598
|
" ",
|
|
6480
6599
|
targetCurrency
|
|
6481
6600
|
] })
|
|
6482
6601
|
] })
|
|
6483
6602
|
] }) }),
|
|
6484
|
-
/* @__PURE__ */ (0,
|
|
6485
|
-
/* @__PURE__ */ (0,
|
|
6486
|
-
/* @__PURE__ */ (0,
|
|
6487
|
-
/* @__PURE__ */ (0,
|
|
6488
|
-
/* @__PURE__ */ (0,
|
|
6603
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "detail-item", children: [
|
|
6604
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "label", children: "Target wallet:" }),
|
|
6605
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "network-details", children: [
|
|
6606
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "kima-card-network-container", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: `kima-card-network-label ${theme.colorMode}`, children: [
|
|
6607
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ChainIcon, { symbol: targetNetworkOption?.shortName }),
|
|
6489
6608
|
targetNetworkOption?.name
|
|
6490
6609
|
] }) }),
|
|
6491
|
-
/* @__PURE__ */ (0,
|
|
6610
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: theme.colorMode, children: mode === "light" /* light */ ? targetNetwork.shortName === "SOL" ? "Ff6z...demoSol" : targetNetwork.shortName === "TRX" ? "TQx...demoTrx" : "0xDEMO...EVM" : dAppOption === "LPDrain" /* LPDrain */ ? connectedAddress : targetAddress })
|
|
6492
6611
|
] })
|
|
6493
6612
|
] }),
|
|
6494
|
-
!isSwap && mode === "bridge" /* bridge */ && BigInt(totalFee.value) > 0n && /* @__PURE__ */ (0,
|
|
6613
|
+
!isSwap && mode === "bridge" /* bridge */ && BigInt(totalFee.value) > 0n && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
|
|
6495
6614
|
] });
|
|
6496
6615
|
};
|
|
6497
6616
|
var ConfirmDetails_default = ConfirmDetails;
|
|
@@ -6499,7 +6618,7 @@ var ConfirmDetails_default = ConfirmDetails;
|
|
|
6499
6618
|
// src/components/reusable/AddressInput.tsx
|
|
6500
6619
|
var import_react48 = require("react");
|
|
6501
6620
|
var import_react_redux33 = require("react-redux");
|
|
6502
|
-
var
|
|
6621
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
6503
6622
|
var AddressInput = ({
|
|
6504
6623
|
theme,
|
|
6505
6624
|
placeholder
|
|
@@ -6539,7 +6658,7 @@ var AddressInput = ({
|
|
|
6539
6658
|
targetChain.shortName,
|
|
6540
6659
|
dispatch
|
|
6541
6660
|
]);
|
|
6542
|
-
return /* @__PURE__ */ (0,
|
|
6661
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6543
6662
|
"input",
|
|
6544
6663
|
{
|
|
6545
6664
|
className: `kima-address-input ${theme}`,
|
|
@@ -6555,12 +6674,12 @@ var AddressInput_default = AddressInput;
|
|
|
6555
6674
|
|
|
6556
6675
|
// src/components/reusable/CustomCheckbox.tsx
|
|
6557
6676
|
var import_react_redux34 = require("react-redux");
|
|
6558
|
-
var
|
|
6677
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
6559
6678
|
|
|
6560
6679
|
// src/components/reusable/StepBox.tsx
|
|
6561
6680
|
var import_react49 = require("react");
|
|
6562
6681
|
var import_react_redux35 = require("react-redux");
|
|
6563
|
-
var
|
|
6682
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
6564
6683
|
var stepInfo = [
|
|
6565
6684
|
{
|
|
6566
6685
|
title: "Initialize"
|
|
@@ -6592,94 +6711,94 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
|
|
|
6592
6711
|
() => networks.find((network) => network.shortName === data?.targetChain),
|
|
6593
6712
|
[data, networks]
|
|
6594
6713
|
);
|
|
6595
|
-
return /* @__PURE__ */ (0,
|
|
6596
|
-
/* @__PURE__ */ (0,
|
|
6714
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "kima-stepbox", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: `content-wrapper ${theme.colorMode}`, children: stepInfo.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "step-item", children: [
|
|
6715
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
6597
6716
|
"div",
|
|
6598
6717
|
{
|
|
6599
6718
|
className: `info-item
|
|
6600
6719
|
${step >= index ? index === loadingStep ? "active" : index === errorStep ? "error" : "completed" : ""}
|
|
6601
6720
|
${step < index && "locked"} ${theme.colorMode}`,
|
|
6602
6721
|
children: [
|
|
6603
|
-
/* @__PURE__ */ (0,
|
|
6604
|
-
step < index && /* @__PURE__ */ (0,
|
|
6605
|
-
step >= index ? index === loadingStep ? /* @__PURE__ */ (0,
|
|
6722
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "info-icon", children: [
|
|
6723
|
+
step < index && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Lock_default, { width: 24, height: 24 }),
|
|
6724
|
+
step >= index ? index === loadingStep ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Loader_default, { width: 24, height: 24, className: "loader" }) : index === errorStep ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Warning_default, { width: 24, height: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Check_default, { width: 24, height: 24 }) : null
|
|
6606
6725
|
] }),
|
|
6607
|
-
/* @__PURE__ */ (0,
|
|
6726
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { children: item.title })
|
|
6608
6727
|
]
|
|
6609
6728
|
}
|
|
6610
6729
|
),
|
|
6611
|
-
index === 0 && data?.kimaTxHash ? /* @__PURE__ */ (0,
|
|
6612
|
-
/* @__PURE__ */ (0,
|
|
6613
|
-
/* @__PURE__ */ (0,
|
|
6614
|
-
/* @__PURE__ */ (0,
|
|
6615
|
-
/* @__PURE__ */ (0,
|
|
6730
|
+
index === 0 && data?.kimaTxHash ? /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: `info-item ${theme.colorMode}`, children: [
|
|
6731
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(USDK_default, { width: 30, height: 30 }) }),
|
|
6732
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { className: "chain-name", children: "Kima TX Hash:" }),
|
|
6733
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("p", { children: [
|
|
6734
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
6616
6735
|
ExternalLink_default,
|
|
6617
6736
|
{
|
|
6618
6737
|
to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`,
|
|
6619
6738
|
children: getShortenedAddress(data?.kimaTxHash || "")
|
|
6620
6739
|
}
|
|
6621
6740
|
),
|
|
6622
|
-
/* @__PURE__ */ (0,
|
|
6741
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CopyButton_default, { text: data?.kimaTxHash })
|
|
6623
6742
|
] })
|
|
6624
6743
|
] }) : null,
|
|
6625
|
-
index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ (0,
|
|
6744
|
+
index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
6626
6745
|
"div",
|
|
6627
6746
|
{
|
|
6628
6747
|
className: `info-item ${theme.colorMode} source-chain ${step >= 3 ? "paid" : ""}`,
|
|
6629
6748
|
children: [
|
|
6630
|
-
/* @__PURE__ */ (0,
|
|
6631
|
-
/* @__PURE__ */ (0,
|
|
6749
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ChainIcon, { symbol: data.sourceChain }),
|
|
6750
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("p", { className: "chain-name", children: [
|
|
6632
6751
|
windowWidth >= 770 ? sourceChain?.name : sourceChain?.shortName,
|
|
6633
6752
|
" ",
|
|
6634
6753
|
"TX Hash:"
|
|
6635
6754
|
] }),
|
|
6636
|
-
/* @__PURE__ */ (0,
|
|
6637
|
-
/* @__PURE__ */ (0,
|
|
6755
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("p", { children: [
|
|
6756
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
6638
6757
|
ExternalLink_default,
|
|
6639
6758
|
{
|
|
6640
6759
|
to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssPullHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`,
|
|
6641
6760
|
children: getShortenedAddress(data?.tssPullHash || "")
|
|
6642
6761
|
}
|
|
6643
6762
|
),
|
|
6644
|
-
/* @__PURE__ */ (0,
|
|
6763
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CopyButton_default, { text: data?.tssPullHash || "" })
|
|
6645
6764
|
] })
|
|
6646
6765
|
]
|
|
6647
6766
|
}
|
|
6648
6767
|
) : null,
|
|
6649
|
-
index === 3 && data?.tssRefundHash ? /* @__PURE__ */ (0,
|
|
6650
|
-
/* @__PURE__ */ (0,
|
|
6651
|
-
/* @__PURE__ */ (0,
|
|
6768
|
+
index === 3 && data?.tssRefundHash ? /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: `info-item ${theme.colorMode} target-chain`, children: [
|
|
6769
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ChainIcon, { symbol: data.sourceChain }),
|
|
6770
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("p", { className: "chain-name", children: [
|
|
6652
6771
|
windowWidth >= 770 ? sourceChain?.name : sourceChain?.shortName,
|
|
6653
6772
|
" ",
|
|
6654
6773
|
"TX Hash:"
|
|
6655
6774
|
] }),
|
|
6656
|
-
/* @__PURE__ */ (0,
|
|
6657
|
-
/* @__PURE__ */ (0,
|
|
6775
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("p", { children: [
|
|
6776
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
6658
6777
|
ExternalLink_default,
|
|
6659
6778
|
{
|
|
6660
6779
|
to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssRefundHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`,
|
|
6661
6780
|
children: getShortenedAddress(data?.tssRefundHash || "")
|
|
6662
6781
|
}
|
|
6663
6782
|
),
|
|
6664
|
-
/* @__PURE__ */ (0,
|
|
6783
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CopyButton_default, { text: data?.tssRefundHash || "" })
|
|
6665
6784
|
] })
|
|
6666
6785
|
] }) : null,
|
|
6667
|
-
index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ (0,
|
|
6668
|
-
/* @__PURE__ */ (0,
|
|
6669
|
-
/* @__PURE__ */ (0,
|
|
6786
|
+
index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: `info-item ${theme.colorMode} target-chain`, children: [
|
|
6787
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ChainIcon, { symbol: data.targetChain }),
|
|
6788
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("p", { className: "chain-name", children: [
|
|
6670
6789
|
windowWidth >= 770 ? targetChain?.name : targetChain?.shortName,
|
|
6671
6790
|
" ",
|
|
6672
6791
|
"TX Hash:"
|
|
6673
6792
|
] }),
|
|
6674
|
-
/* @__PURE__ */ (0,
|
|
6675
|
-
/* @__PURE__ */ (0,
|
|
6793
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("p", { children: [
|
|
6794
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
6676
6795
|
ExternalLink_default,
|
|
6677
6796
|
{
|
|
6678
6797
|
to: `${targetChain?.blockExplorers?.default.url}/${data?.targetChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssReleaseHash}${data?.targetChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`,
|
|
6679
6798
|
children: getShortenedAddress(data?.tssReleaseHash || "")
|
|
6680
6799
|
}
|
|
6681
6800
|
),
|
|
6682
|
-
/* @__PURE__ */ (0,
|
|
6801
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CopyButton_default, { text: data?.tssReleaseHash || "" })
|
|
6683
6802
|
] })
|
|
6684
6803
|
] }) : null
|
|
6685
6804
|
] }, item.title)) }) });
|
|
@@ -6688,7 +6807,7 @@ var StepBox_default = StepBox;
|
|
|
6688
6807
|
|
|
6689
6808
|
// src/widgets/common/ErrorWidget.tsx
|
|
6690
6809
|
var import_react_redux36 = require("react-redux");
|
|
6691
|
-
var
|
|
6810
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
6692
6811
|
var ErrorWidget = ({
|
|
6693
6812
|
theme,
|
|
6694
6813
|
title,
|
|
@@ -6700,22 +6819,22 @@ var ErrorWidget = ({
|
|
|
6700
6819
|
const ccTransactionId = (0, import_react_redux36.useSelector)(selectCCTransactionId);
|
|
6701
6820
|
const isCreditCardSource = sourceChain.shortName === "CC";
|
|
6702
6821
|
const isRetrying = (0, import_react_redux36.useSelector)(selectCCTransactionRetrying);
|
|
6703
|
-
return /* @__PURE__ */ (0,
|
|
6822
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6704
6823
|
"div",
|
|
6705
6824
|
{
|
|
6706
6825
|
className: `kima-card ${theme.colorMode}`,
|
|
6707
6826
|
style: {
|
|
6708
6827
|
background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
|
|
6709
6828
|
},
|
|
6710
|
-
children: /* @__PURE__ */ (0,
|
|
6711
|
-
/* @__PURE__ */ (0,
|
|
6712
|
-
/* @__PURE__ */ (0,
|
|
6713
|
-
/* @__PURE__ */ (0,
|
|
6829
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "transfer-card", children: [
|
|
6830
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "kima-card-header", children: [
|
|
6831
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "topbar", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h3", { children: title }) }) }),
|
|
6832
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h4", { className: "subtitle" })
|
|
6714
6833
|
] }),
|
|
6715
|
-
/* @__PURE__ */ (0,
|
|
6716
|
-
isCreditCardSource && !isRetrying && /* @__PURE__ */ (0,
|
|
6717
|
-
message && message !== "" && /* @__PURE__ */ (0,
|
|
6718
|
-
isCreditCardSource && /* @__PURE__ */ (0,
|
|
6834
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "kima-card-content error", children: [
|
|
6835
|
+
isCreditCardSource && !isRetrying && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Error_default, { width: 40, height: 40 }),
|
|
6836
|
+
message && message !== "" && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h2", { children: message }),
|
|
6837
|
+
isCreditCardSource && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
6719
6838
|
"div",
|
|
6720
6839
|
{
|
|
6721
6840
|
style: {
|
|
@@ -6724,8 +6843,8 @@ var ErrorWidget = ({
|
|
|
6724
6843
|
flexDirection: "column"
|
|
6725
6844
|
},
|
|
6726
6845
|
children: [
|
|
6727
|
-
isRetrying ? /* @__PURE__ */ (0,
|
|
6728
|
-
ccTransactionId && /* @__PURE__ */ (0,
|
|
6846
|
+
isRetrying ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { children: "The transaction is being retried in the background. This may take a few moments. If the issue persists, please contact support and provide the transaction ID below for reference." }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { children: "This credit card transaction has failed. Please check the details and try again. If the issue persists, please contact support and provide the transaction ID below for reference." }),
|
|
6847
|
+
ccTransactionId && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
6729
6848
|
"div",
|
|
6730
6849
|
{
|
|
6731
6850
|
style: {
|
|
@@ -6735,7 +6854,7 @@ var ErrorWidget = ({
|
|
|
6735
6854
|
justifyContent: "center"
|
|
6736
6855
|
},
|
|
6737
6856
|
children: [
|
|
6738
|
-
/* @__PURE__ */ (0,
|
|
6857
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6739
6858
|
"code",
|
|
6740
6859
|
{
|
|
6741
6860
|
style: {
|
|
@@ -6746,16 +6865,16 @@ var ErrorWidget = ({
|
|
|
6746
6865
|
children: ccTransactionId
|
|
6747
6866
|
}
|
|
6748
6867
|
),
|
|
6749
|
-
/* @__PURE__ */ (0,
|
|
6868
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CopyButton_default, { text: ccTransactionId })
|
|
6750
6869
|
]
|
|
6751
6870
|
}
|
|
6752
6871
|
),
|
|
6753
|
-
isRetrying && /* @__PURE__ */ (0,
|
|
6872
|
+
isRetrying && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
|
|
6754
6873
|
]
|
|
6755
6874
|
}
|
|
6756
6875
|
)
|
|
6757
6876
|
] }),
|
|
6758
|
-
backButtonEnabled && /* @__PURE__ */ (0,
|
|
6877
|
+
backButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6759
6878
|
"div",
|
|
6760
6879
|
{
|
|
6761
6880
|
style: {
|
|
@@ -6763,14 +6882,14 @@ var ErrorWidget = ({
|
|
|
6763
6882
|
justifyContent: "flex-end",
|
|
6764
6883
|
marginTop: 16
|
|
6765
6884
|
},
|
|
6766
|
-
children: /* @__PURE__ */ (0,
|
|
6885
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(PrimaryButton_default, { clickHandler: backButtonFunction, children: "Back" })
|
|
6767
6886
|
}
|
|
6768
6887
|
),
|
|
6769
|
-
/* @__PURE__ */ (0,
|
|
6770
|
-
/* @__PURE__ */ (0,
|
|
6771
|
-
/* @__PURE__ */ (0,
|
|
6772
|
-
/* @__PURE__ */ (0,
|
|
6773
|
-
/* @__PURE__ */ (0,
|
|
6888
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "kima-card-footer" }),
|
|
6889
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
|
|
6890
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: "Powered by" }),
|
|
6891
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(FooterLogo_default, { width: 50, fill: "black" }),
|
|
6892
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("strong", { children: "Network" })
|
|
6774
6893
|
] }) })
|
|
6775
6894
|
] })
|
|
6776
6895
|
}
|
|
@@ -6819,7 +6938,7 @@ var import_react53 = require("react");
|
|
|
6819
6938
|
|
|
6820
6939
|
// src/components/reusable/Progressbar.tsx
|
|
6821
6940
|
var import_react_redux37 = require("react-redux");
|
|
6822
|
-
var
|
|
6941
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
6823
6942
|
var stepInfo2 = [
|
|
6824
6943
|
{
|
|
6825
6944
|
title: "Initialize"
|
|
@@ -6839,9 +6958,9 @@ var stepInfo2 = [
|
|
|
6839
6958
|
];
|
|
6840
6959
|
var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
|
|
6841
6960
|
const theme = (0, import_react_redux37.useSelector)(selectTheme);
|
|
6842
|
-
return /* @__PURE__ */ (0,
|
|
6843
|
-
/* @__PURE__ */ (0,
|
|
6844
|
-
/* @__PURE__ */ (0,
|
|
6961
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "kima-progressbar", children: [
|
|
6962
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: `value step-${step * 100 / 4}` }),
|
|
6963
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "step-indicators", children: stepInfo2.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6845
6964
|
"div",
|
|
6846
6965
|
{
|
|
6847
6966
|
className: `step ${step === index && "active"}
|
|
@@ -6850,10 +6969,10 @@ var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
|
|
|
6850
6969
|
onClick: () => {
|
|
6851
6970
|
if (index < 4) setFocus(index);
|
|
6852
6971
|
},
|
|
6853
|
-
children: /* @__PURE__ */ (0,
|
|
6854
|
-
step < index && /* @__PURE__ */ (0,
|
|
6855
|
-
step >= index ? index === loadingStep ? /* @__PURE__ */ (0,
|
|
6856
|
-
/* @__PURE__ */ (0,
|
|
6972
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "step-info", children: [
|
|
6973
|
+
step < index && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Lock_default, {}),
|
|
6974
|
+
step >= index ? index === loadingStep ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Warning_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Check_default, {}) : null,
|
|
6975
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: item.title })
|
|
6857
6976
|
] })
|
|
6858
6977
|
},
|
|
6859
6978
|
item.title
|
|
@@ -6989,20 +7108,20 @@ var useTxData = (txId, dAppOption, backendUrl, isSwap) => {
|
|
|
6989
7108
|
var useTxData_default = useTxData;
|
|
6990
7109
|
|
|
6991
7110
|
// src/components/reusable/TransactionStatusMessage.tsx
|
|
6992
|
-
var
|
|
7111
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
6993
7112
|
var TransactionStatusMessage = ({
|
|
6994
7113
|
isCompleted,
|
|
6995
7114
|
transactionId
|
|
6996
7115
|
}) => {
|
|
6997
|
-
return /* @__PURE__ */ (0,
|
|
6998
|
-
/* @__PURE__ */ (0,
|
|
7116
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "transaction-status-message", children: [
|
|
7117
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("h2", { children: [
|
|
6999
7118
|
isCompleted !== "Completed" /* COMPLETED */ && "Your transaction is currently being processed.",
|
|
7000
7119
|
" ",
|
|
7001
7120
|
"Please copy the Transaction ID below for future reference. You can use this ID to track the transaction status or resolve any issues if needed."
|
|
7002
7121
|
] }),
|
|
7003
|
-
/* @__PURE__ */ (0,
|
|
7004
|
-
/* @__PURE__ */ (0,
|
|
7005
|
-
/* @__PURE__ */ (0,
|
|
7122
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "transaction-copy", children: [
|
|
7123
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h3", { children: transactionId }),
|
|
7124
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CopyButton_default, { text: transactionId })
|
|
7006
7125
|
] })
|
|
7007
7126
|
] });
|
|
7008
7127
|
};
|
|
@@ -7013,7 +7132,7 @@ var import_react52 = require("react");
|
|
|
7013
7132
|
var import_react_redux38 = require("react-redux");
|
|
7014
7133
|
var import_react_redux39 = require("react-redux");
|
|
7015
7134
|
var import_react_hot_toast = __toESM(require("react-hot-toast"), 1);
|
|
7016
|
-
var
|
|
7135
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
7017
7136
|
var TransactionSearch = () => {
|
|
7018
7137
|
const theme = (0, import_react_redux38.useSelector)(selectTheme);
|
|
7019
7138
|
const backendUrl = (0, import_react_redux38.useSelector)(selectBackendUrl);
|
|
@@ -7023,7 +7142,7 @@ var TransactionSearch = () => {
|
|
|
7023
7142
|
const handleSearch = async () => {
|
|
7024
7143
|
if (transactionId.length <= 0)
|
|
7025
7144
|
return import_react_hot_toast.default.error("You must provide a valid transaction id", {
|
|
7026
|
-
icon: /* @__PURE__ */ (0,
|
|
7145
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Error_default, {})
|
|
7027
7146
|
});
|
|
7028
7147
|
try {
|
|
7029
7148
|
const data = await getTxData({
|
|
@@ -7041,14 +7160,14 @@ var TransactionSearch = () => {
|
|
|
7041
7160
|
logger_default.error("Error searching transaction: ", error);
|
|
7042
7161
|
return import_react_hot_toast.default.error(
|
|
7043
7162
|
"Transaction not found. Please check for the proper transaction id.",
|
|
7044
|
-
{ icon: /* @__PURE__ */ (0,
|
|
7163
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Error_default, {}) }
|
|
7045
7164
|
);
|
|
7046
7165
|
}
|
|
7047
7166
|
};
|
|
7048
|
-
return /* @__PURE__ */ (0,
|
|
7049
|
-
/* @__PURE__ */ (0,
|
|
7050
|
-
/* @__PURE__ */ (0,
|
|
7051
|
-
/* @__PURE__ */ (0,
|
|
7167
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "form-item transaction-search", children: [
|
|
7168
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "transaction-input", children: [
|
|
7169
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "label", children: "Search Transaction:" }),
|
|
7170
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
7052
7171
|
"input",
|
|
7053
7172
|
{
|
|
7054
7173
|
className: `${theme.colorMode}`,
|
|
@@ -7060,13 +7179,13 @@ var TransactionSearch = () => {
|
|
|
7060
7179
|
}
|
|
7061
7180
|
)
|
|
7062
7181
|
] }),
|
|
7063
|
-
/* @__PURE__ */ (0,
|
|
7182
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(SecondaryButton_default, { clickHandler: handleSearch, children: "Search" })
|
|
7064
7183
|
] });
|
|
7065
7184
|
};
|
|
7066
7185
|
var TransactionSearch_default = TransactionSearch;
|
|
7067
7186
|
|
|
7068
7187
|
// src/widgets/transaction/components/TransactionWidget.tsx
|
|
7069
|
-
var
|
|
7188
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
7070
7189
|
var TransactionWidget = ({ theme }) => {
|
|
7071
7190
|
const [step, setStep] = (0, import_react53.useState)(0);
|
|
7072
7191
|
const [focus, setFocus] = (0, import_react53.useState)(-1);
|
|
@@ -7148,7 +7267,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7148
7267
|
if (error)
|
|
7149
7268
|
import_react_hot_toast2.toast.error(
|
|
7150
7269
|
"The provided transaction id is not valid, please use a different one or contact support for further assistance",
|
|
7151
|
-
{ icon: /* @__PURE__ */ (0,
|
|
7270
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {}) }
|
|
7152
7271
|
);
|
|
7153
7272
|
}, [error]);
|
|
7154
7273
|
(0, import_react53.useEffect)(() => {
|
|
@@ -7176,7 +7295,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7176
7295
|
setErrorStep(1);
|
|
7177
7296
|
setLoadingStep(-1);
|
|
7178
7297
|
logger_default.error("transaction failed:", data?.failReason);
|
|
7179
|
-
import_react_hot_toast2.toast.error("Unavailable", { icon: /* @__PURE__ */ (0,
|
|
7298
|
+
import_react_hot_toast2.toast.error("Unavailable", { icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {}) });
|
|
7180
7299
|
setErrorMessage("Unavailable");
|
|
7181
7300
|
return;
|
|
7182
7301
|
}
|
|
@@ -7190,7 +7309,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7190
7309
|
setLoadingStep(3);
|
|
7191
7310
|
import_react_hot_toast2.toast.error(
|
|
7192
7311
|
"Failed to release tokens to target! Starting refund process.",
|
|
7193
|
-
{ icon: /* @__PURE__ */ (0,
|
|
7312
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {}) }
|
|
7194
7313
|
);
|
|
7195
7314
|
setErrorMessage(
|
|
7196
7315
|
"Failed to release tokens to target! Starting refund process."
|
|
@@ -7201,7 +7320,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7201
7320
|
setStep(3);
|
|
7202
7321
|
setErrorStep(3);
|
|
7203
7322
|
setLoadingStep(-1);
|
|
7204
|
-
import_react_hot_toast2.toast.error("Failed to refund tokens to source!", { icon: /* @__PURE__ */ (0,
|
|
7323
|
+
import_react_hot_toast2.toast.error("Failed to refund tokens to source!", { icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {}) });
|
|
7205
7324
|
setErrorMessage("Failed to refund tokens to source!");
|
|
7206
7325
|
return;
|
|
7207
7326
|
}
|
|
@@ -7209,7 +7328,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7209
7328
|
setStep(4);
|
|
7210
7329
|
setErrorStep(3);
|
|
7211
7330
|
setLoadingStep(-1);
|
|
7212
|
-
import_react_hot_toast2.toast.success("Refund completed!", { icon: /* @__PURE__ */ (0,
|
|
7331
|
+
import_react_hot_toast2.toast.success("Refund completed!", { icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {}) });
|
|
7213
7332
|
setErrorMessage("Refund completed!");
|
|
7214
7333
|
return;
|
|
7215
7334
|
}
|
|
@@ -7219,7 +7338,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7219
7338
|
setLoadingStep(-1);
|
|
7220
7339
|
logger_default.error("transaction failed:", data?.failReason);
|
|
7221
7340
|
import_react_hot_toast2.toast.error("Failed to release tokens to target!", {
|
|
7222
|
-
icon: /* @__PURE__ */ (0,
|
|
7341
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {})
|
|
7223
7342
|
});
|
|
7224
7343
|
setErrorMessage("Failed to release tokens to target!");
|
|
7225
7344
|
return;
|
|
@@ -7229,7 +7348,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7229
7348
|
setErrorStep(1);
|
|
7230
7349
|
setLoadingStep(-1);
|
|
7231
7350
|
logger_default.error("transaction failed:", data?.failReason);
|
|
7232
|
-
import_react_hot_toast2.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ (0,
|
|
7351
|
+
import_react_hot_toast2.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {}) });
|
|
7233
7352
|
setErrorMessage("Failed to pull tokens from source!");
|
|
7234
7353
|
return;
|
|
7235
7354
|
}
|
|
@@ -7355,13 +7474,13 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7355
7474
|
logger_default.error("[TransactionWidget] reset failed", e);
|
|
7356
7475
|
import_react_hot_toast2.toast.error(
|
|
7357
7476
|
"Unable to reset the transaction view. Please contact support for assistance.",
|
|
7358
|
-
{ icon: /* @__PURE__ */ (0,
|
|
7477
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Error_default, {}) }
|
|
7359
7478
|
);
|
|
7360
7479
|
}
|
|
7361
7480
|
};
|
|
7362
7481
|
const swapSrcAmt = data?.amountIn ?? amount;
|
|
7363
7482
|
const swapDstAmt = data?.amount;
|
|
7364
|
-
return /* @__PURE__ */ (0,
|
|
7483
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_redux40.Provider, { store: store_default, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
7365
7484
|
"div",
|
|
7366
7485
|
{
|
|
7367
7486
|
className: `kima-card transaction-card ${isComplete ? "transaction-complete" : ""} ${theme.colorMode} ${minimized ? "minimized" : ""}`,
|
|
@@ -7369,9 +7488,9 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7369
7488
|
background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
|
|
7370
7489
|
},
|
|
7371
7490
|
children: [
|
|
7372
|
-
/* @__PURE__ */ (0,
|
|
7373
|
-
/* @__PURE__ */ (0,
|
|
7374
|
-
!isComplete && /* @__PURE__ */ (0,
|
|
7491
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "kima-card-header", children: [
|
|
7492
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "topbar", children: [
|
|
7493
|
+
!isComplete && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "title", children: isValidTxId && !error ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "transaction-title", children: showFetchingTitle ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_jsx_runtime76.Fragment, { children: "Getting transaction details\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
|
|
7375
7494
|
verb,
|
|
7376
7495
|
leftAmt,
|
|
7377
7496
|
" ",
|
|
@@ -7380,13 +7499,13 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7380
7499
|
rightAmt,
|
|
7381
7500
|
" ",
|
|
7382
7501
|
rightSym
|
|
7383
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
7384
|
-
!minimized ? /* @__PURE__ */ (0,
|
|
7502
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h3", { className: "transaction", children: "Transaction Status" }) }) }),
|
|
7503
|
+
!minimized ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
7385
7504
|
"div",
|
|
7386
7505
|
{
|
|
7387
7506
|
className: `control-buttons ${isComplete ? "complete" : ""}`,
|
|
7388
7507
|
children: [
|
|
7389
|
-
isComplete && /* @__PURE__ */ (0,
|
|
7508
|
+
isComplete && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7390
7509
|
"button",
|
|
7391
7510
|
{
|
|
7392
7511
|
className: "menu-button",
|
|
@@ -7395,16 +7514,16 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7395
7514
|
children: "< Back"
|
|
7396
7515
|
}
|
|
7397
7516
|
),
|
|
7398
|
-
/* @__PURE__ */ (0,
|
|
7517
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7399
7518
|
"button",
|
|
7400
7519
|
{
|
|
7401
7520
|
className: "icon-button minimize",
|
|
7402
7521
|
onClick: () => setMinimized(true),
|
|
7403
|
-
children: /* @__PURE__ */ (0,
|
|
7522
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Minimize_default, {})
|
|
7404
7523
|
}
|
|
7405
7524
|
),
|
|
7406
|
-
!isComplete && (!isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */) ? /* @__PURE__ */ (0,
|
|
7407
|
-
closeHandler && /* @__PURE__ */ (0,
|
|
7525
|
+
!isComplete && (!isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */) ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { className: "reset-button", onClick: resetForm, children: "Reset" }) : null,
|
|
7526
|
+
closeHandler && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7408
7527
|
"button",
|
|
7409
7528
|
{
|
|
7410
7529
|
className: "cross-icon-button",
|
|
@@ -7412,44 +7531,44 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7412
7531
|
resetForm();
|
|
7413
7532
|
closeHandler(0);
|
|
7414
7533
|
},
|
|
7415
|
-
children: /* @__PURE__ */ (0,
|
|
7534
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Cross_default, {})
|
|
7416
7535
|
}
|
|
7417
7536
|
)
|
|
7418
7537
|
]
|
|
7419
7538
|
}
|
|
7420
|
-
) : /* @__PURE__ */ (0,
|
|
7539
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "control-buttons", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "maximize", onClick: () => setMinimized(false), children: "View" }) })
|
|
7421
7540
|
] }),
|
|
7422
|
-
data && !isComplete && /* @__PURE__ */ (0,
|
|
7423
|
-
/* @__PURE__ */ (0,
|
|
7424
|
-
/* @__PURE__ */ (0,
|
|
7541
|
+
data && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "header-network-labels", children: [
|
|
7542
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
|
|
7543
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7425
7544
|
ChainIcon,
|
|
7426
7545
|
{
|
|
7427
7546
|
symbol: transactionSourceChain?.shortName
|
|
7428
7547
|
}
|
|
7429
7548
|
),
|
|
7430
|
-
windowWidth > 450 && /* @__PURE__ */ (0,
|
|
7549
|
+
windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h3", { children: transactionSourceChain?.name })
|
|
7431
7550
|
] }),
|
|
7432
|
-
/* @__PURE__ */ (0,
|
|
7551
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7433
7552
|
"div",
|
|
7434
7553
|
{
|
|
7435
7554
|
style: { display: "inline-block", transform: "rotate(-90deg)" },
|
|
7436
|
-
children: /* @__PURE__ */ (0,
|
|
7555
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Arrow_default, { width: 25, height: 25 })
|
|
7437
7556
|
}
|
|
7438
7557
|
),
|
|
7439
|
-
/* @__PURE__ */ (0,
|
|
7440
|
-
/* @__PURE__ */ (0,
|
|
7558
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
|
|
7559
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7441
7560
|
ChainIcon,
|
|
7442
7561
|
{
|
|
7443
7562
|
symbol: transactionTargetChain?.shortName
|
|
7444
7563
|
}
|
|
7445
7564
|
),
|
|
7446
|
-
windowWidth > 450 && /* @__PURE__ */ (0,
|
|
7565
|
+
windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h3", { children: transactionTargetChain?.name })
|
|
7447
7566
|
] })
|
|
7448
7567
|
] })
|
|
7449
7568
|
] }),
|
|
7450
|
-
isValidTxId && !error ? /* @__PURE__ */ (0,
|
|
7451
|
-
!isComplete ? /* @__PURE__ */ (0,
|
|
7452
|
-
/* @__PURE__ */ (0,
|
|
7569
|
+
isValidTxId && !error ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "kima-card-content", children: [
|
|
7570
|
+
!isComplete ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "transaction-content", children: [
|
|
7571
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7453
7572
|
Progressbar_default,
|
|
7454
7573
|
{
|
|
7455
7574
|
step,
|
|
@@ -7459,7 +7578,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7459
7578
|
loadingStep
|
|
7460
7579
|
}
|
|
7461
7580
|
),
|
|
7462
|
-
/* @__PURE__ */ (0,
|
|
7581
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7463
7582
|
StepBox_default,
|
|
7464
7583
|
{
|
|
7465
7584
|
step,
|
|
@@ -7468,15 +7587,15 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7468
7587
|
data
|
|
7469
7588
|
}
|
|
7470
7589
|
)
|
|
7471
|
-
] }) : /* @__PURE__ */ (0,
|
|
7472
|
-
/* @__PURE__ */ (0,
|
|
7473
|
-
/* @__PURE__ */ (0,
|
|
7474
|
-
/* @__PURE__ */ (0,
|
|
7590
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "transaction-content transaction-complete", children: [
|
|
7591
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TransactionComplete_default, {}),
|
|
7592
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h2", { children: widgetIsSwap ? "Swap Complete" : "Transaction Complete" }),
|
|
7593
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "kima-stepbox", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
7475
7594
|
"div",
|
|
7476
7595
|
{
|
|
7477
7596
|
className: `content-wrapper transaction-complete ${theme.colorMode}`,
|
|
7478
7597
|
children: [
|
|
7479
|
-
/* @__PURE__ */ (0,
|
|
7598
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { children: widgetIsSwap ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
|
|
7480
7599
|
"You just swapped ",
|
|
7481
7600
|
fmt3(swapSrcAmt),
|
|
7482
7601
|
" ",
|
|
@@ -7485,50 +7604,50 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7485
7604
|
fmt3(swapDstAmt),
|
|
7486
7605
|
" ",
|
|
7487
7606
|
data?.targetSymbol
|
|
7488
|
-
] }) : /* @__PURE__ */ (0,
|
|
7607
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
|
|
7489
7608
|
"You just transferred ",
|
|
7490
7609
|
data?.amount,
|
|
7491
7610
|
" ",
|
|
7492
7611
|
data?.sourceSymbol
|
|
7493
7612
|
] }) }),
|
|
7494
|
-
/* @__PURE__ */ (0,
|
|
7495
|
-
/* @__PURE__ */ (0,
|
|
7613
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "header-network-labels", children: [
|
|
7614
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
7496
7615
|
"div",
|
|
7497
7616
|
{
|
|
7498
7617
|
className: `kima-card-network-label ${theme.colorMode}`,
|
|
7499
7618
|
children: [
|
|
7500
|
-
/* @__PURE__ */ (0,
|
|
7619
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7501
7620
|
ChainIcon,
|
|
7502
7621
|
{
|
|
7503
7622
|
symbol: transactionSourceChain?.shortName
|
|
7504
7623
|
}
|
|
7505
7624
|
),
|
|
7506
|
-
windowWidth > 450 && /* @__PURE__ */ (0,
|
|
7625
|
+
windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h3", { children: transactionSourceChain?.name })
|
|
7507
7626
|
]
|
|
7508
7627
|
}
|
|
7509
7628
|
),
|
|
7510
|
-
/* @__PURE__ */ (0,
|
|
7629
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7511
7630
|
"div",
|
|
7512
7631
|
{
|
|
7513
7632
|
style: {
|
|
7514
7633
|
display: "inline-block",
|
|
7515
7634
|
transform: "rotate(-90deg)"
|
|
7516
7635
|
},
|
|
7517
|
-
children: /* @__PURE__ */ (0,
|
|
7636
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Arrow_default, { width: 25, height: 25 })
|
|
7518
7637
|
}
|
|
7519
7638
|
),
|
|
7520
|
-
/* @__PURE__ */ (0,
|
|
7639
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
7521
7640
|
"div",
|
|
7522
7641
|
{
|
|
7523
7642
|
className: `kima-card-network-label ${theme.colorMode}`,
|
|
7524
7643
|
children: [
|
|
7525
|
-
/* @__PURE__ */ (0,
|
|
7644
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7526
7645
|
ChainIcon,
|
|
7527
7646
|
{
|
|
7528
7647
|
symbol: transactionTargetChain?.shortName
|
|
7529
7648
|
}
|
|
7530
7649
|
),
|
|
7531
|
-
windowWidth > 450 && /* @__PURE__ */ (0,
|
|
7650
|
+
windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h3", { children: transactionTargetChain?.name })
|
|
7532
7651
|
]
|
|
7533
7652
|
}
|
|
7534
7653
|
)
|
|
@@ -7536,8 +7655,8 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7536
7655
|
]
|
|
7537
7656
|
}
|
|
7538
7657
|
) }),
|
|
7539
|
-
/* @__PURE__ */ (0,
|
|
7540
|
-
/* @__PURE__ */ (0,
|
|
7658
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "transaction-buttons", children: [
|
|
7659
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7541
7660
|
SecondaryButton_default,
|
|
7542
7661
|
{
|
|
7543
7662
|
clickHandler: resetForm,
|
|
@@ -7545,27 +7664,27 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7545
7664
|
children: "New Transaction"
|
|
7546
7665
|
}
|
|
7547
7666
|
),
|
|
7548
|
-
/* @__PURE__ */ (0,
|
|
7667
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7549
7668
|
ExternalLink_default,
|
|
7550
7669
|
{
|
|
7551
7670
|
to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`,
|
|
7552
|
-
children: /* @__PURE__ */ (0,
|
|
7671
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PrimaryButton_default, { children: "View Details" })
|
|
7553
7672
|
}
|
|
7554
7673
|
)
|
|
7555
7674
|
] })
|
|
7556
7675
|
] }),
|
|
7557
|
-
!error && !isEmptyStatus && !isComplete && /* @__PURE__ */ (0,
|
|
7676
|
+
!error && !isEmptyStatus && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7558
7677
|
TransactionStatusMessage_default,
|
|
7559
7678
|
{
|
|
7560
7679
|
isCompleted: data?.status,
|
|
7561
7680
|
transactionId: String(safeTxId)
|
|
7562
7681
|
}
|
|
7563
7682
|
)
|
|
7564
|
-
] }) : /* @__PURE__ */ (0,
|
|
7565
|
-
/* @__PURE__ */ (0,
|
|
7566
|
-
/* @__PURE__ */ (0,
|
|
7683
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "kima-card-content", children: [
|
|
7684
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h4", { className: "subtitle", children: "You can follow the status of a previous submitted transaction by entering the provided transaction id" }),
|
|
7685
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "single-form", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TransactionSearch_default, {}) })
|
|
7567
7686
|
] }),
|
|
7568
|
-
/* @__PURE__ */ (0,
|
|
7687
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7569
7688
|
import_react_hot_toast2.Toaster,
|
|
7570
7689
|
{
|
|
7571
7690
|
position: "top-right",
|
|
@@ -7590,13 +7709,13 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7590
7709
|
}
|
|
7591
7710
|
}
|
|
7592
7711
|
),
|
|
7593
|
-
/* @__PURE__ */ (0,
|
|
7712
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7594
7713
|
"div",
|
|
7595
7714
|
{
|
|
7596
7715
|
className: `floating-footer ${isComplete ? "complete" : "status"}`,
|
|
7597
|
-
children: /* @__PURE__ */ (0,
|
|
7598
|
-
/* @__PURE__ */ (0,
|
|
7599
|
-
/* @__PURE__ */ (0,
|
|
7716
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
|
|
7717
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: "Powered by" }),
|
|
7718
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(KimaNetwork_default, {})
|
|
7600
7719
|
] })
|
|
7601
7720
|
}
|
|
7602
7721
|
)
|
|
@@ -8072,7 +8191,7 @@ var import_react_redux56 = require("react-redux");
|
|
|
8072
8191
|
var import_viem9 = require("viem");
|
|
8073
8192
|
|
|
8074
8193
|
// src/components/reusable/WarningModal.tsx
|
|
8075
|
-
var
|
|
8194
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
8076
8195
|
var WarningModal = ({
|
|
8077
8196
|
message,
|
|
8078
8197
|
cancelButtonText = "Cancel",
|
|
@@ -8080,11 +8199,11 @@ var WarningModal = ({
|
|
|
8080
8199
|
onAcknowledge,
|
|
8081
8200
|
onCancel
|
|
8082
8201
|
}) => {
|
|
8083
|
-
return /* @__PURE__ */ (0,
|
|
8084
|
-
/* @__PURE__ */ (0,
|
|
8085
|
-
/* @__PURE__ */ (0,
|
|
8086
|
-
/* @__PURE__ */ (0,
|
|
8087
|
-
/* @__PURE__ */ (0,
|
|
8202
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "warning-modal-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "warning-modal", children: [
|
|
8203
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h3", { children: "Warning" }),
|
|
8204
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { children: message }),
|
|
8205
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "warning-modal-buttons", children: [
|
|
8206
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
8088
8207
|
SecondaryButton_default,
|
|
8089
8208
|
{
|
|
8090
8209
|
className: "warning-modal-cancel",
|
|
@@ -8092,7 +8211,7 @@ var WarningModal = ({
|
|
|
8092
8211
|
children: cancelButtonText
|
|
8093
8212
|
}
|
|
8094
8213
|
),
|
|
8095
|
-
/* @__PURE__ */ (0,
|
|
8214
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
8096
8215
|
PrimaryButton_default,
|
|
8097
8216
|
{
|
|
8098
8217
|
className: "warning-modal-acknowledge",
|
|
@@ -8114,7 +8233,7 @@ var import_react_redux47 = require("react-redux");
|
|
|
8114
8233
|
// src/components/primary/NetworkSelector.tsx
|
|
8115
8234
|
var import_react55 = __toESM(require("react"), 1);
|
|
8116
8235
|
var import_react_redux46 = require("react-redux");
|
|
8117
|
-
var
|
|
8236
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
8118
8237
|
var NetworkSelector = ({
|
|
8119
8238
|
type,
|
|
8120
8239
|
initialSelection,
|
|
@@ -8365,7 +8484,7 @@ var NetworkSelector = ({
|
|
|
8365
8484
|
currentTargetAddr,
|
|
8366
8485
|
dispatch
|
|
8367
8486
|
]);
|
|
8368
|
-
return /* @__PURE__ */ (0,
|
|
8487
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
8369
8488
|
"div",
|
|
8370
8489
|
{
|
|
8371
8490
|
className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"} ${shouldLockSourceNetwork ? "disabled" : ""}`,
|
|
@@ -8374,15 +8493,15 @@ var NetworkSelector = ({
|
|
|
8374
8493
|
},
|
|
8375
8494
|
ref,
|
|
8376
8495
|
children: [
|
|
8377
|
-
/* @__PURE__ */ (0,
|
|
8378
|
-
/* @__PURE__ */ (0,
|
|
8379
|
-
/* @__PURE__ */ (0,
|
|
8496
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "network-wrapper", children: [
|
|
8497
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ChainIcon, { symbol: selectedNetwork.shortName }),
|
|
8498
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: selectedNetwork.name })
|
|
8380
8499
|
] }),
|
|
8381
|
-
/* @__PURE__ */ (0,
|
|
8500
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
8382
8501
|
"div",
|
|
8383
8502
|
{
|
|
8384
8503
|
className: `network-menu custom-scrollbar ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`,
|
|
8385
|
-
children: networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ (0,
|
|
8504
|
+
children: networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
8386
8505
|
"div",
|
|
8387
8506
|
{
|
|
8388
8507
|
className: `network-menu-item ${theme?.colorMode ?? ""} ${network.disabled ? "disabled has-tooltip" : "enabled"}`,
|
|
@@ -8391,16 +8510,16 @@ var NetworkSelector = ({
|
|
|
8391
8510
|
if (!network.disabled) handleNetworkChange(network);
|
|
8392
8511
|
},
|
|
8393
8512
|
children: [
|
|
8394
|
-
network.disabled ? /* @__PURE__ */ (0,
|
|
8395
|
-
/* @__PURE__ */ (0,
|
|
8396
|
-
network.disabled && /* @__PURE__ */ (0,
|
|
8513
|
+
network.disabled ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ChainIcon, { symbol: network.shortName }),
|
|
8514
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { children: network.name }),
|
|
8515
|
+
network.disabled && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "tooltip", children: "Temporarily unavailable" })
|
|
8397
8516
|
]
|
|
8398
8517
|
},
|
|
8399
8518
|
network.id ?? network.shortName
|
|
8400
8519
|
))
|
|
8401
8520
|
}
|
|
8402
8521
|
),
|
|
8403
|
-
!shouldLockSourceNetwork && /* @__PURE__ */ (0,
|
|
8522
|
+
!shouldLockSourceNetwork && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Arrow_default, { fill: "none" }) })
|
|
8404
8523
|
]
|
|
8405
8524
|
}
|
|
8406
8525
|
);
|
|
@@ -8408,7 +8527,7 @@ var NetworkSelector = ({
|
|
|
8408
8527
|
var NetworkSelector_default = import_react55.default.memo(NetworkSelector);
|
|
8409
8528
|
|
|
8410
8529
|
// src/components/reusable/SingleForm.tsx
|
|
8411
|
-
var
|
|
8530
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
8412
8531
|
var SingleForm = ({
|
|
8413
8532
|
isLoadingFees,
|
|
8414
8533
|
initialSelection,
|
|
@@ -8602,14 +8721,14 @@ var SingleForm = ({
|
|
|
8602
8721
|
demoSourceAddress,
|
|
8603
8722
|
feeDeduct
|
|
8604
8723
|
]);
|
|
8605
|
-
return /* @__PURE__ */ (0,
|
|
8606
|
-
/* @__PURE__ */ (0,
|
|
8607
|
-
/* @__PURE__ */ (0,
|
|
8724
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "single-form", children: [
|
|
8725
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "form-item", children: [
|
|
8726
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "label", children: [
|
|
8608
8727
|
dAppOption === "none" /* None */ && "Source",
|
|
8609
8728
|
" Network:"
|
|
8610
8729
|
] }),
|
|
8611
|
-
/* @__PURE__ */ (0,
|
|
8612
|
-
/* @__PURE__ */ (0,
|
|
8730
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "items", children: [
|
|
8731
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
8613
8732
|
NetworkSelector_default,
|
|
8614
8733
|
{
|
|
8615
8734
|
type: "origin",
|
|
@@ -8619,30 +8738,30 @@ var SingleForm = ({
|
|
|
8619
8738
|
}
|
|
8620
8739
|
}
|
|
8621
8740
|
),
|
|
8622
|
-
/* @__PURE__ */ (0,
|
|
8741
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CoinDropdown_default, { isSourceChain: true })
|
|
8623
8742
|
] })
|
|
8624
8743
|
] }),
|
|
8625
|
-
/* @__PURE__ */ (0,
|
|
8744
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
8626
8745
|
"div",
|
|
8627
8746
|
{
|
|
8628
8747
|
className: `dynamic-area ${sourceNetwork.shortName === "FIAT" /* FIAT */ ? "reverse" : "1"}`,
|
|
8629
8748
|
children: [
|
|
8630
8749
|
!["CC" /* CC */, "BANK" /* BANK */].includes(
|
|
8631
8750
|
sourceNetwork.compatibility
|
|
8632
|
-
) && /* @__PURE__ */ (0,
|
|
8751
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
8633
8752
|
"div",
|
|
8634
8753
|
{
|
|
8635
8754
|
className: `form-item wallet-button-item ${isConnectedSourceWrapper ? "connected" : ""}`,
|
|
8636
8755
|
children: [
|
|
8637
|
-
/* @__PURE__ */ (0,
|
|
8638
|
-
/* @__PURE__ */ (0,
|
|
8756
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "label", children: "Wallet:" }),
|
|
8757
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
|
|
8639
8758
|
]
|
|
8640
8759
|
}
|
|
8641
8760
|
),
|
|
8642
|
-
mode !== "payment" /* payment */ && /* @__PURE__ */ (0,
|
|
8643
|
-
/* @__PURE__ */ (0,
|
|
8644
|
-
/* @__PURE__ */ (0,
|
|
8645
|
-
/* @__PURE__ */ (0,
|
|
8761
|
+
mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "form-item", children: [
|
|
8762
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "label", children: "Target Network:" }),
|
|
8763
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "items", children: [
|
|
8764
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
8646
8765
|
NetworkSelector_default,
|
|
8647
8766
|
{
|
|
8648
8767
|
type: "target",
|
|
@@ -8652,15 +8771,15 @@ var SingleForm = ({
|
|
|
8652
8771
|
}
|
|
8653
8772
|
}
|
|
8654
8773
|
),
|
|
8655
|
-
/* @__PURE__ */ (0,
|
|
8774
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CoinDropdown_default, { isSourceChain: false })
|
|
8656
8775
|
] })
|
|
8657
8776
|
] })
|
|
8658
8777
|
]
|
|
8659
8778
|
}
|
|
8660
8779
|
),
|
|
8661
|
-
mode === "bridge" /* bridge */ && /* @__PURE__ */ (0,
|
|
8662
|
-
/* @__PURE__ */ (0,
|
|
8663
|
-
/* @__PURE__ */ (0,
|
|
8780
|
+
mode === "bridge" /* bridge */ && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `form-item ${theme.colorMode}`, children: [
|
|
8781
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "label", children: "Target Address:" }),
|
|
8782
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
8664
8783
|
AddressInput_default,
|
|
8665
8784
|
{
|
|
8666
8785
|
theme: theme.colorMode,
|
|
@@ -8668,14 +8787,14 @@ var SingleForm = ({
|
|
|
8668
8787
|
}
|
|
8669
8788
|
)
|
|
8670
8789
|
] }),
|
|
8671
|
-
mode === "light" /* light */ && /* @__PURE__ */ (0,
|
|
8790
|
+
mode === "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
8672
8791
|
"div",
|
|
8673
8792
|
{
|
|
8674
8793
|
className: `form-item wallet-button-item ${isConnectedTargetWrapper ? "connected" : ""}`,
|
|
8675
8794
|
style: { display: "flex", alignItems: "center" },
|
|
8676
8795
|
children: [
|
|
8677
|
-
/* @__PURE__ */ (0,
|
|
8678
|
-
/* @__PURE__ */ (0,
|
|
8796
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "label", children: "Target Wallet:" }),
|
|
8797
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
8679
8798
|
WalletButton_default,
|
|
8680
8799
|
{
|
|
8681
8800
|
initialSelection: initialSelection.targetSelection,
|
|
@@ -8685,10 +8804,10 @@ var SingleForm = ({
|
|
|
8685
8804
|
]
|
|
8686
8805
|
}
|
|
8687
8806
|
),
|
|
8688
|
-
/* @__PURE__ */ (0,
|
|
8689
|
-
/* @__PURE__ */ (0,
|
|
8690
|
-
/* @__PURE__ */ (0,
|
|
8691
|
-
/* @__PURE__ */ (0,
|
|
8807
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `form-item ${theme.colorMode}`, children: [
|
|
8808
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "label", children: "Amount:" }),
|
|
8809
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: `amount-label-container items ${theme.colorMode}`, children: [
|
|
8810
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
8692
8811
|
"input",
|
|
8693
8812
|
{
|
|
8694
8813
|
className: `${theme.colorMode}`,
|
|
@@ -8699,21 +8818,21 @@ var SingleForm = ({
|
|
|
8699
8818
|
disabled: mode === "payment" /* payment */
|
|
8700
8819
|
}
|
|
8701
8820
|
),
|
|
8702
|
-
/* @__PURE__ */ (0,
|
|
8703
|
-
sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */ (0,
|
|
8704
|
-
dAppOption === "none" /* None */ && canQuoteFees && /* @__PURE__ */ (0,
|
|
8821
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "max-disclaimer", children: [
|
|
8822
|
+
sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "max-button", onClick: onMaxClick, children: "Max" }),
|
|
8823
|
+
dAppOption === "none" /* None */ && canQuoteFees && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("p", { className: "fee-amount", children: [
|
|
8705
8824
|
"Est fees:",
|
|
8706
8825
|
" ",
|
|
8707
|
-
isLoadingFees ? /* @__PURE__ */ (0,
|
|
8708
|
-
/* @__PURE__ */ (0,
|
|
8709
|
-
/* @__PURE__ */ (0,
|
|
8710
|
-
/* @__PURE__ */ (0,
|
|
8711
|
-
] }) : totalFee.value >= 0n ? /* @__PURE__ */ (0,
|
|
8826
|
+
isLoadingFees ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "inline-spinner loading", "aria-live": "polite", children: [
|
|
8827
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "dot" }),
|
|
8828
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "dot" }),
|
|
8829
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "dot" })
|
|
8830
|
+
] }) : totalFee.value >= 0n ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "fee-value", children: [
|
|
8712
8831
|
"$ ",
|
|
8713
8832
|
formatBigInt(totalFee),
|
|
8714
8833
|
" ",
|
|
8715
8834
|
feeCurrency
|
|
8716
|
-
] }) : /* @__PURE__ */ (0,
|
|
8835
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "fee-value", children: "\u2014" })
|
|
8717
8836
|
] })
|
|
8718
8837
|
] })
|
|
8719
8838
|
] })
|
|
@@ -8751,7 +8870,7 @@ var useCCTransactionId = (backendUrl, transactionIdSeed) => {
|
|
|
8751
8870
|
};
|
|
8752
8871
|
|
|
8753
8872
|
// src/components/reusable/FiatWidget.tsx
|
|
8754
|
-
var
|
|
8873
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
8755
8874
|
var FiatWidget = ({ submitCallback }) => {
|
|
8756
8875
|
const dispatch = (0, import_react_redux48.useDispatch)();
|
|
8757
8876
|
const feeDeduct = (0, import_react_redux48.useSelector)(selectFeeDeduct);
|
|
@@ -8822,9 +8941,9 @@ var FiatWidget = ({ submitCallback }) => {
|
|
|
8822
8941
|
(0, import_react57.useEffect)(() => {
|
|
8823
8942
|
if (error) dispatch(setCCTransactionStatus("error-id"));
|
|
8824
8943
|
}, [dispatch, error]);
|
|
8825
|
-
return /* @__PURE__ */ (0,
|
|
8826
|
-
(isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ (0,
|
|
8827
|
-
/* @__PURE__ */ (0,
|
|
8944
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `cc-widget ${isLoading ? "loading" : ""}`, children: [
|
|
8945
|
+
(isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "cc-widget-loader", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ring_default, { width: 50, height: 50, fill: "#86b8ce" }) }),
|
|
8946
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
8828
8947
|
"iframe",
|
|
8829
8948
|
{
|
|
8830
8949
|
width: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
|
|
@@ -8928,7 +9047,7 @@ var import_react58 = require("react");
|
|
|
8928
9047
|
var import_react_redux49 = require("react-redux");
|
|
8929
9048
|
var import_wallet_adapter_react6 = require("@solana/wallet-adapter-react");
|
|
8930
9049
|
var import_wallet_adapter_base = require("@solana/wallet-adapter-base");
|
|
8931
|
-
var
|
|
9050
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
8932
9051
|
var SolanaWalletSelect = () => {
|
|
8933
9052
|
const theme = (0, import_react_redux49.useSelector)(selectTheme);
|
|
8934
9053
|
const sourceChain = (0, import_react_redux49.useSelector)(selectSourceChain);
|
|
@@ -8993,27 +9112,27 @@ var SolanaWalletSelect = () => {
|
|
|
8993
9112
|
}
|
|
8994
9113
|
dispatch(setSolanaConnectModal(false));
|
|
8995
9114
|
}, [wallet, sourceChain]);
|
|
8996
|
-
return /* @__PURE__ */ (0,
|
|
8997
|
-
detected.map((wallet2, index) => /* @__PURE__ */ (0,
|
|
9115
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: `wallet-select`, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "wallet-container", children: [
|
|
9116
|
+
detected.map((wallet2, index) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8998
9117
|
"div",
|
|
8999
9118
|
{
|
|
9000
9119
|
className: `card-item ${theme.colorMode}`,
|
|
9001
9120
|
onClick: () => handleWalletClick(wallet2.adapter.name),
|
|
9002
|
-
children: /* @__PURE__ */ (0,
|
|
9003
|
-
/* @__PURE__ */ (0,
|
|
9004
|
-
/* @__PURE__ */ (0,
|
|
9121
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "wallet-item", children: [
|
|
9122
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }),
|
|
9123
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: wallet2.adapter.name })
|
|
9005
9124
|
] })
|
|
9006
9125
|
},
|
|
9007
9126
|
`${wallet2.adapter.name}-${index}`
|
|
9008
9127
|
)),
|
|
9009
|
-
undetected.map((wallet2, index) => /* @__PURE__ */ (0,
|
|
9128
|
+
undetected.map((wallet2, index) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
9010
9129
|
ExternalLink_default,
|
|
9011
9130
|
{
|
|
9012
9131
|
to: wallet2.adapter.url,
|
|
9013
9132
|
className: `card-item ${theme.colorMode}`,
|
|
9014
|
-
children: /* @__PURE__ */ (0,
|
|
9015
|
-
/* @__PURE__ */ (0,
|
|
9016
|
-
/* @__PURE__ */ (0,
|
|
9133
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "wallet-item", children: [
|
|
9134
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }),
|
|
9135
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { children: [
|
|
9017
9136
|
"Install ",
|
|
9018
9137
|
wallet2.adapter.name
|
|
9019
9138
|
] })
|
|
@@ -9032,7 +9151,7 @@ var import_wallet_adapter_react7 = require("@solana/wallet-adapter-react");
|
|
|
9032
9151
|
|
|
9033
9152
|
// src/widgets/transfer/components/WalletModalShell.tsx
|
|
9034
9153
|
var import_react_redux50 = require("react-redux");
|
|
9035
|
-
var
|
|
9154
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
9036
9155
|
var WalletModalShell = ({
|
|
9037
9156
|
isOpen,
|
|
9038
9157
|
title,
|
|
@@ -9043,18 +9162,18 @@ var WalletModalShell = ({
|
|
|
9043
9162
|
}) => {
|
|
9044
9163
|
const theme = (0, import_react_redux50.useSelector)(selectTheme);
|
|
9045
9164
|
if (!isOpen) return null;
|
|
9046
|
-
return /* @__PURE__ */ (0,
|
|
9165
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
9047
9166
|
"div",
|
|
9048
9167
|
{
|
|
9049
9168
|
className: `kima-modal ${theme.colorMode} ${isOpen ? "open" : ""} ${className}`,
|
|
9050
9169
|
children: [
|
|
9051
|
-
/* @__PURE__ */ (0,
|
|
9052
|
-
/* @__PURE__ */ (0,
|
|
9053
|
-
/* @__PURE__ */ (0,
|
|
9054
|
-
/* @__PURE__ */ (0,
|
|
9055
|
-
/* @__PURE__ */ (0,
|
|
9170
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "modal-overlay", onClick: onClose }),
|
|
9171
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: `modal-content-container ${theme.colorMode}`, children: [
|
|
9172
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "kima-card-header", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "topbar", children: [
|
|
9173
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: title }) }),
|
|
9174
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "control-buttons", children: rightHeader })
|
|
9056
9175
|
] }) }),
|
|
9057
|
-
/* @__PURE__ */ (0,
|
|
9176
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "modal-content", children })
|
|
9058
9177
|
] })
|
|
9059
9178
|
]
|
|
9060
9179
|
}
|
|
@@ -9063,7 +9182,7 @@ var WalletModalShell = ({
|
|
|
9063
9182
|
var WalletModalShell_default = WalletModalShell;
|
|
9064
9183
|
|
|
9065
9184
|
// src/widgets/transfer/components/solana/AccountDetailsModal.tsx
|
|
9066
|
-
var
|
|
9185
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
9067
9186
|
var AccountDetailsModal = () => {
|
|
9068
9187
|
const dispatch = (0, import_react_redux51.useDispatch)();
|
|
9069
9188
|
const theme = (0, import_react_redux51.useSelector)(selectTheme);
|
|
@@ -9094,30 +9213,30 @@ var AccountDetailsModal = () => {
|
|
|
9094
9213
|
close();
|
|
9095
9214
|
}
|
|
9096
9215
|
};
|
|
9097
|
-
return /* @__PURE__ */ (0,
|
|
9216
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
9098
9217
|
WalletModalShell_default,
|
|
9099
9218
|
{
|
|
9100
9219
|
isOpen: !!isOpen,
|
|
9101
9220
|
title: "Account Details",
|
|
9102
9221
|
onClose: close,
|
|
9103
|
-
rightHeader: /* @__PURE__ */ (0,
|
|
9222
|
+
rightHeader: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
|
|
9104
9223
|
children: [
|
|
9105
|
-
/* @__PURE__ */ (0,
|
|
9106
|
-
/* @__PURE__ */ (0,
|
|
9107
|
-
/* @__PURE__ */ (0,
|
|
9108
|
-
sourceAddress && /* @__PURE__ */ (0,
|
|
9224
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "summary", children: [
|
|
9225
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "address", children: [
|
|
9226
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h2", { children: sourceAddress ? getShortenedAddress(sourceAddress) : "\u2014" }),
|
|
9227
|
+
sourceAddress && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(CopyButton_default, { text: sourceAddress })
|
|
9109
9228
|
] }),
|
|
9110
|
-
/* @__PURE__ */ (0,
|
|
9229
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("h3", { children: [
|
|
9111
9230
|
formatterFloat.format(Number(solBalance || 0)),
|
|
9112
9231
|
" SOL"
|
|
9113
9232
|
] })
|
|
9114
9233
|
] }),
|
|
9115
|
-
/* @__PURE__ */ (0,
|
|
9116
|
-
/* @__PURE__ */ (0,
|
|
9117
|
-
/* @__PURE__ */ (0,
|
|
9118
|
-
/* @__PURE__ */ (0,
|
|
9234
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ExternalLink_default, { className: "link", to: explorerUrl, children: [
|
|
9235
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Explorer_default, { fill: "#778DA3" }),
|
|
9236
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { children: "Block explorer" }),
|
|
9237
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ExternalUrl_default, { fill: "#778DA3" })
|
|
9119
9238
|
] }) }),
|
|
9120
|
-
/* @__PURE__ */ (0,
|
|
9239
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
9121
9240
|
PrimaryButton_default,
|
|
9122
9241
|
{
|
|
9123
9242
|
clickHandler: handleDisconnect,
|
|
@@ -9132,7 +9251,7 @@ var AccountDetailsModal = () => {
|
|
|
9132
9251
|
var AccountDetailsModal_default = AccountDetailsModal;
|
|
9133
9252
|
|
|
9134
9253
|
// src/widgets/transfer/components/solana/SolanaConnectModal.tsx
|
|
9135
|
-
var
|
|
9254
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
9136
9255
|
var SolanaWalletConnectModal = () => {
|
|
9137
9256
|
const dispatch = (0, import_react_redux52.useDispatch)();
|
|
9138
9257
|
const theme = (0, import_react_redux52.useSelector)(selectTheme);
|
|
@@ -9171,16 +9290,16 @@ var SolanaWalletConnectModal = () => {
|
|
|
9171
9290
|
() => mode === "light" /* light */ ? `Light mode uses a demo Solana address (${lightDemoAccounts.SOL}).` : "",
|
|
9172
9291
|
[mode]
|
|
9173
9292
|
);
|
|
9174
|
-
return /* @__PURE__ */ (0,
|
|
9175
|
-
/* @__PURE__ */ (0,
|
|
9176
|
-
/* @__PURE__ */ (0,
|
|
9293
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
|
|
9294
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(AccountDetailsModal_default, {}),
|
|
9295
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
9177
9296
|
WalletModalShell_default,
|
|
9178
9297
|
{
|
|
9179
9298
|
isOpen: !!isOpen,
|
|
9180
9299
|
title: "Connect Wallet",
|
|
9181
9300
|
onClose: close,
|
|
9182
9301
|
className: "wallet-connect",
|
|
9183
|
-
rightHeader: /* @__PURE__ */ (0,
|
|
9302
|
+
rightHeader: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
9184
9303
|
Cross_default,
|
|
9185
9304
|
{
|
|
9186
9305
|
width: 30,
|
|
@@ -9189,10 +9308,10 @@ var SolanaWalletConnectModal = () => {
|
|
|
9189
9308
|
}
|
|
9190
9309
|
) }),
|
|
9191
9310
|
children: [
|
|
9192
|
-
demoMsg && /* @__PURE__ */ (0,
|
|
9193
|
-
mode !== "light" /* light */ ? /* @__PURE__ */ (0,
|
|
9194
|
-
/* @__PURE__ */ (0,
|
|
9195
|
-
/* @__PURE__ */ (0,
|
|
9311
|
+
demoMsg && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "muted", children: demoMsg }),
|
|
9312
|
+
mode !== "light" /* light */ ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
|
|
9313
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SolanaWalletSelect_default, {}),
|
|
9314
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
9196
9315
|
"button",
|
|
9197
9316
|
{
|
|
9198
9317
|
className: "primary",
|
|
@@ -9201,8 +9320,8 @@ var SolanaWalletConnectModal = () => {
|
|
|
9201
9320
|
children: connecting ? "Connecting\u2026" : connected ? "Connected" : "Connect"
|
|
9202
9321
|
}
|
|
9203
9322
|
) })
|
|
9204
|
-
] }) : /* @__PURE__ */ (0,
|
|
9205
|
-
/* @__PURE__ */ (0,
|
|
9323
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
|
|
9324
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
9206
9325
|
"button",
|
|
9207
9326
|
{
|
|
9208
9327
|
className: "secondary",
|
|
@@ -9210,7 +9329,7 @@ var SolanaWalletConnectModal = () => {
|
|
|
9210
9329
|
children: "View Account"
|
|
9211
9330
|
}
|
|
9212
9331
|
),
|
|
9213
|
-
/* @__PURE__ */ (0,
|
|
9332
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { className: "primary", onClick: close, children: "Close" })
|
|
9214
9333
|
] })
|
|
9215
9334
|
]
|
|
9216
9335
|
}
|
|
@@ -9228,7 +9347,7 @@ var import_tronwallet_adapter_react_hooks8 = require("@tronweb3/tronwallet-adapt
|
|
|
9228
9347
|
var import_react61 = require("react");
|
|
9229
9348
|
var import_react_redux53 = require("react-redux");
|
|
9230
9349
|
var import_tronwallet_adapter_react_hooks6 = require("@tronweb3/tronwallet-adapter-react-hooks");
|
|
9231
|
-
var
|
|
9350
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
9232
9351
|
var AccountDetailsModal2 = () => {
|
|
9233
9352
|
const dispatch = (0, import_react_redux53.useDispatch)();
|
|
9234
9353
|
const theme = (0, import_react_redux53.useSelector)(selectTheme);
|
|
@@ -9259,30 +9378,30 @@ var AccountDetailsModal2 = () => {
|
|
|
9259
9378
|
close();
|
|
9260
9379
|
}
|
|
9261
9380
|
};
|
|
9262
|
-
return /* @__PURE__ */ (0,
|
|
9381
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
9263
9382
|
WalletModalShell_default,
|
|
9264
9383
|
{
|
|
9265
9384
|
isOpen: !!isOpen,
|
|
9266
9385
|
title: "Account Details",
|
|
9267
9386
|
onClose: close,
|
|
9268
|
-
rightHeader: /* @__PURE__ */ (0,
|
|
9387
|
+
rightHeader: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
|
|
9269
9388
|
children: [
|
|
9270
|
-
/* @__PURE__ */ (0,
|
|
9271
|
-
/* @__PURE__ */ (0,
|
|
9272
|
-
/* @__PURE__ */ (0,
|
|
9273
|
-
sourceAddress && /* @__PURE__ */ (0,
|
|
9389
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "summary", children: [
|
|
9390
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "address", children: [
|
|
9391
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h2", { children: sourceAddress ? getShortenedAddress(sourceAddress) : "\u2014" }),
|
|
9392
|
+
sourceAddress && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CopyButton_default, { text: sourceAddress })
|
|
9274
9393
|
] }),
|
|
9275
|
-
/* @__PURE__ */ (0,
|
|
9394
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("h3", { children: [
|
|
9276
9395
|
formatterFloat.format(Number(tronBalance || 0)),
|
|
9277
9396
|
" TRX"
|
|
9278
9397
|
] })
|
|
9279
9398
|
] }),
|
|
9280
|
-
/* @__PURE__ */ (0,
|
|
9281
|
-
/* @__PURE__ */ (0,
|
|
9282
|
-
/* @__PURE__ */ (0,
|
|
9283
|
-
/* @__PURE__ */ (0,
|
|
9399
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ExternalLink_default, { className: "link", to: explorerUrl, children: [
|
|
9400
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Explorer_default, { fill: "#778DA3" }),
|
|
9401
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { children: "Block explorer" }),
|
|
9402
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ExternalUrl_default, { fill: "#778DA3" })
|
|
9284
9403
|
] }) }),
|
|
9285
|
-
/* @__PURE__ */ (0,
|
|
9404
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
9286
9405
|
PrimaryButton_default,
|
|
9287
9406
|
{
|
|
9288
9407
|
clickHandler: handleDisconnect,
|
|
@@ -9301,7 +9420,7 @@ var import_react62 = require("react");
|
|
|
9301
9420
|
var import_react_redux54 = require("react-redux");
|
|
9302
9421
|
var import_tronwallet_adapter_react_hooks7 = require("@tronweb3/tronwallet-adapter-react-hooks");
|
|
9303
9422
|
var import_tronwallet_abstract_adapter = require("@tronweb3/tronwallet-abstract-adapter");
|
|
9304
|
-
var
|
|
9423
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
9305
9424
|
var TronWalletSelect = () => {
|
|
9306
9425
|
const theme = (0, import_react_redux54.useSelector)(selectTheme);
|
|
9307
9426
|
const sliderRef = (0, import_react62.useRef)();
|
|
@@ -9357,27 +9476,27 @@ var TronWalletSelect = () => {
|
|
|
9357
9476
|
const connectWallet = async (walletName) => {
|
|
9358
9477
|
currentWallet?.adapter.name === walletName ? await connect() : select(walletName);
|
|
9359
9478
|
};
|
|
9360
|
-
return /* @__PURE__ */ (0,
|
|
9361
|
-
detected.map((wallet, index) => /* @__PURE__ */ (0,
|
|
9479
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: `wallet-select`, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "wallet-container", children: [
|
|
9480
|
+
detected.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9362
9481
|
"div",
|
|
9363
9482
|
{
|
|
9364
9483
|
className: `card-item ${theme.colorMode}`,
|
|
9365
9484
|
onClick: () => connectWallet(wallet.adapter.name),
|
|
9366
|
-
children: /* @__PURE__ */ (0,
|
|
9367
|
-
/* @__PURE__ */ (0,
|
|
9368
|
-
/* @__PURE__ */ (0,
|
|
9485
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "wallet-item", children: [
|
|
9486
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
|
|
9487
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: wallet.adapter.name })
|
|
9369
9488
|
] })
|
|
9370
9489
|
},
|
|
9371
9490
|
`${wallet.adapter.name}-${index}`
|
|
9372
9491
|
)),
|
|
9373
|
-
undetected.map((wallet, index) => /* @__PURE__ */ (0,
|
|
9492
|
+
undetected.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9374
9493
|
ExternalLink_default,
|
|
9375
9494
|
{
|
|
9376
9495
|
to: wallet.adapter.url,
|
|
9377
9496
|
className: `card-item ${theme.colorMode}`,
|
|
9378
|
-
children: /* @__PURE__ */ (0,
|
|
9379
|
-
/* @__PURE__ */ (0,
|
|
9380
|
-
/* @__PURE__ */ (0,
|
|
9497
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "wallet-item", children: [
|
|
9498
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
|
|
9499
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { children: [
|
|
9381
9500
|
"Install ",
|
|
9382
9501
|
wallet.adapter.name
|
|
9383
9502
|
] })
|
|
@@ -9390,7 +9509,7 @@ var TronWalletSelect = () => {
|
|
|
9390
9509
|
var TronWalletSelect_default = TronWalletSelect;
|
|
9391
9510
|
|
|
9392
9511
|
// src/widgets/transfer/components/tron/TronWalletConnectModal.tsx
|
|
9393
|
-
var
|
|
9512
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
9394
9513
|
var TronWalletConnectModal = () => {
|
|
9395
9514
|
const dispatch = (0, import_react_redux55.useDispatch)();
|
|
9396
9515
|
const theme = (0, import_react_redux55.useSelector)(selectTheme);
|
|
@@ -9422,21 +9541,21 @@ var TronWalletConnectModal = () => {
|
|
|
9422
9541
|
() => mode === "light" /* light */ ? `Light mode uses a demo Tron address (${lightDemoAccounts.TRX}).` : "",
|
|
9423
9542
|
[mode]
|
|
9424
9543
|
);
|
|
9425
|
-
return /* @__PURE__ */ (0,
|
|
9426
|
-
/* @__PURE__ */ (0,
|
|
9427
|
-
/* @__PURE__ */ (0,
|
|
9544
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
|
|
9545
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(AccountDetailsModal_default2, {}),
|
|
9546
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
|
|
9428
9547
|
WalletModalShell_default,
|
|
9429
9548
|
{
|
|
9430
9549
|
isOpen: !!isOpen,
|
|
9431
9550
|
title: "Connect Wallet",
|
|
9432
9551
|
onClose: close,
|
|
9433
9552
|
className: "wallet-connect",
|
|
9434
|
-
rightHeader: /* @__PURE__ */ (0,
|
|
9553
|
+
rightHeader: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { className: "icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
|
|
9435
9554
|
children: [
|
|
9436
|
-
demoMsg && /* @__PURE__ */ (0,
|
|
9437
|
-
mode !== "light" /* light */ ? /* @__PURE__ */ (0,
|
|
9438
|
-
/* @__PURE__ */ (0,
|
|
9439
|
-
/* @__PURE__ */ (0,
|
|
9555
|
+
demoMsg && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "muted", children: demoMsg }),
|
|
9556
|
+
mode !== "light" /* light */ ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
|
|
9557
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TronWalletSelect_default, {}),
|
|
9558
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9440
9559
|
"button",
|
|
9441
9560
|
{
|
|
9442
9561
|
className: "primary",
|
|
@@ -9445,8 +9564,8 @@ var TronWalletConnectModal = () => {
|
|
|
9445
9564
|
children: connecting ? "Connecting\u2026" : connected ? "Connected" : "Connect"
|
|
9446
9565
|
}
|
|
9447
9566
|
) })
|
|
9448
|
-
] }) : /* @__PURE__ */ (0,
|
|
9449
|
-
/* @__PURE__ */ (0,
|
|
9567
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
|
|
9568
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9450
9569
|
"button",
|
|
9451
9570
|
{
|
|
9452
9571
|
className: "secondary",
|
|
@@ -9454,7 +9573,7 @@ var TronWalletConnectModal = () => {
|
|
|
9454
9573
|
children: "View Account"
|
|
9455
9574
|
}
|
|
9456
9575
|
),
|
|
9457
|
-
/* @__PURE__ */ (0,
|
|
9576
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { className: "primary", onClick: close, children: "Close" })
|
|
9458
9577
|
] })
|
|
9459
9578
|
]
|
|
9460
9579
|
}
|
|
@@ -9464,7 +9583,7 @@ var TronWalletConnectModal = () => {
|
|
|
9464
9583
|
var TronWalletConnectModal_default = TronWalletConnectModal;
|
|
9465
9584
|
|
|
9466
9585
|
// src/widgets/transfer/components/TransferWidget.tsx
|
|
9467
|
-
var
|
|
9586
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
9468
9587
|
var TransferWidget = ({
|
|
9469
9588
|
theme,
|
|
9470
9589
|
helpURL,
|
|
@@ -9557,7 +9676,7 @@ var TransferWidget = ({
|
|
|
9557
9676
|
);
|
|
9558
9677
|
import_react_hot_toast4.default.error(
|
|
9559
9678
|
"An unexpected error occurred while preparing the transfer. Please contact support for assistance.",
|
|
9560
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9679
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
|
|
9561
9680
|
);
|
|
9562
9681
|
}
|
|
9563
9682
|
}, [fees, mode, transactionOption, dispatch]);
|
|
@@ -9615,7 +9734,7 @@ var TransferWidget = ({
|
|
|
9615
9734
|
logger_default.error("[TransferWidget] submit failed", err);
|
|
9616
9735
|
import_react_hot_toast4.default.error(
|
|
9617
9736
|
"Failed to submit your transaction. Please contact support for assistance.",
|
|
9618
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9737
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
|
|
9619
9738
|
);
|
|
9620
9739
|
dispatch(setCCTransactionStatus("error-generic"));
|
|
9621
9740
|
}
|
|
@@ -9623,7 +9742,7 @@ var TransferWidget = ({
|
|
|
9623
9742
|
const handleSubmit = async () => {
|
|
9624
9743
|
const { error, message: validationMessage } = validate(true);
|
|
9625
9744
|
if (error === "ValidationError" /* Error */) {
|
|
9626
|
-
import_react_hot_toast4.default.error(validationMessage, { icon: /* @__PURE__ */ (0,
|
|
9745
|
+
import_react_hot_toast4.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) });
|
|
9627
9746
|
return;
|
|
9628
9747
|
}
|
|
9629
9748
|
if (["BANK", "CC"].includes(sourceChain.shortName)) {
|
|
@@ -9662,14 +9781,14 @@ var TransferWidget = ({
|
|
|
9662
9781
|
if (msg.includes("ChainMismatch")) {
|
|
9663
9782
|
import_react_hot_toast4.default.error(
|
|
9664
9783
|
`Your wallet is on the wrong network. Please switch to ${sourceChain.name} and try again.`,
|
|
9665
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9784
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
|
|
9666
9785
|
);
|
|
9667
9786
|
return;
|
|
9668
9787
|
}
|
|
9669
9788
|
logger_default.error("[TransferWidget] approval failed", err);
|
|
9670
9789
|
import_react_hot_toast4.default.error(
|
|
9671
9790
|
"Failed to approve the token allowance. Please contact support for assistance.",
|
|
9672
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9791
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
|
|
9673
9792
|
);
|
|
9674
9793
|
}
|
|
9675
9794
|
return;
|
|
@@ -9704,7 +9823,7 @@ var TransferWidget = ({
|
|
|
9704
9823
|
logger_default.error("[TransferWidget] handleSubmit failed", err);
|
|
9705
9824
|
import_react_hot_toast4.default.error(
|
|
9706
9825
|
"An unexpected error occurred while submitting. Please contact support for assistance.",
|
|
9707
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9826
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
|
|
9708
9827
|
);
|
|
9709
9828
|
setIsSubmitting(false);
|
|
9710
9829
|
}
|
|
@@ -9724,7 +9843,7 @@ var TransferWidget = ({
|
|
|
9724
9843
|
void handleSubmit();
|
|
9725
9844
|
return;
|
|
9726
9845
|
}
|
|
9727
|
-
import_react_hot_toast4.default.error(validationMessage, { icon: /* @__PURE__ */ (0,
|
|
9846
|
+
import_react_hot_toast4.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) });
|
|
9728
9847
|
mainRef.current?.click();
|
|
9729
9848
|
};
|
|
9730
9849
|
const onBack = () => {
|
|
@@ -9752,7 +9871,7 @@ var TransferWidget = ({
|
|
|
9752
9871
|
logger_default.error("[TransferWidget] cancel approve failed", err);
|
|
9753
9872
|
import_react_hot_toast4.default.error(
|
|
9754
9873
|
"Unable to cancel the approval. Please contact support for assistance.",
|
|
9755
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9874
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
|
|
9756
9875
|
);
|
|
9757
9876
|
}
|
|
9758
9877
|
} finally {
|
|
@@ -9800,11 +9919,11 @@ var TransferWidget = ({
|
|
|
9800
9919
|
logger_default.error("[TransferWidget] reset failed", e);
|
|
9801
9920
|
import_react_hot_toast4.default.error(
|
|
9802
9921
|
"Unable to reset the form. Please contact support for assistance.",
|
|
9803
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9922
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Error_default, {}) }
|
|
9804
9923
|
);
|
|
9805
9924
|
}
|
|
9806
9925
|
};
|
|
9807
|
-
return /* @__PURE__ */ (0,
|
|
9926
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
9808
9927
|
"div",
|
|
9809
9928
|
{
|
|
9810
9929
|
className: `kima-card ${theme.colorMode}`,
|
|
@@ -9812,7 +9931,7 @@ var TransferWidget = ({
|
|
|
9812
9931
|
background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
|
|
9813
9932
|
},
|
|
9814
9933
|
children: [
|
|
9815
|
-
resetModalOpen && /* @__PURE__ */ (0,
|
|
9934
|
+
resetModalOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9816
9935
|
WarningModal_default,
|
|
9817
9936
|
{
|
|
9818
9937
|
message: "Are you sure you want to reset the widget?",
|
|
@@ -9824,7 +9943,7 @@ var TransferWidget = ({
|
|
|
9824
9943
|
onCancel: () => setResetModalOpen(false)
|
|
9825
9944
|
}
|
|
9826
9945
|
),
|
|
9827
|
-
warningModalOpen && /* @__PURE__ */ (0,
|
|
9946
|
+
warningModalOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9828
9947
|
WarningModal_default,
|
|
9829
9948
|
{
|
|
9830
9949
|
message: warningModalOpen.message,
|
|
@@ -9838,21 +9957,21 @@ var TransferWidget = ({
|
|
|
9838
9957
|
}
|
|
9839
9958
|
}
|
|
9840
9959
|
),
|
|
9841
|
-
mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ (0,
|
|
9842
|
-
/* @__PURE__ */ (0,
|
|
9843
|
-
/* @__PURE__ */ (0,
|
|
9844
|
-
/* @__PURE__ */ (0,
|
|
9845
|
-
/* @__PURE__ */ (0,
|
|
9846
|
-
/* @__PURE__ */ (0,
|
|
9847
|
-
/* @__PURE__ */ (0,
|
|
9960
|
+
mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h2", { className: "invalid-option-banner", children: "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists." }),
|
|
9961
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "transfer-card", children: [
|
|
9962
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "kima-card-header", children: [
|
|
9963
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "topbar", children: [
|
|
9964
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h3", { style: { marginRight: "5px" }, children: formStep === 0 ? titleOption?.initialTitle ?? (mode === "payment" /* payment */ ? "New Purchase" : "New Transfer") : titleOption?.confirmTitle ?? (mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details") }) }),
|
|
9965
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "control-buttons", children: [
|
|
9966
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9848
9967
|
ExternalLink_default,
|
|
9849
9968
|
{
|
|
9850
9969
|
to: helpURL ? helpURL : networkOption === "testnet" /* testnet */ ? "https://docs.kima.network/kima-network/try-kima-with-the-demo-app" : "https://support.kima.network",
|
|
9851
|
-
children: /* @__PURE__ */ (0,
|
|
9970
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "menu-button", children: "I need help" })
|
|
9852
9971
|
}
|
|
9853
9972
|
),
|
|
9854
|
-
["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ (0,
|
|
9855
|
-
formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ (0,
|
|
9973
|
+
["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "menu-button", children: "Unsupported Countries" }) }),
|
|
9974
|
+
formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9856
9975
|
"button",
|
|
9857
9976
|
{
|
|
9858
9977
|
className: "reset-button",
|
|
@@ -9861,7 +9980,7 @@ var TransferWidget = ({
|
|
|
9861
9980
|
children: "Reset"
|
|
9862
9981
|
}
|
|
9863
9982
|
),
|
|
9864
|
-
closeHandler && /* @__PURE__ */ (0,
|
|
9983
|
+
closeHandler && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9865
9984
|
"button",
|
|
9866
9985
|
{
|
|
9867
9986
|
className: "cross-icon-button",
|
|
@@ -9869,14 +9988,14 @@ var TransferWidget = ({
|
|
|
9869
9988
|
resetForm();
|
|
9870
9989
|
closeHandler(0);
|
|
9871
9990
|
},
|
|
9872
|
-
children: /* @__PURE__ */ (0,
|
|
9991
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Cross_default, {})
|
|
9873
9992
|
}
|
|
9874
9993
|
)
|
|
9875
9994
|
] })
|
|
9876
9995
|
] }),
|
|
9877
|
-
mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ (0,
|
|
9996
|
+
mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h4", { className: "subtitle", children: paymentTitleOption.title })
|
|
9878
9997
|
] }),
|
|
9879
|
-
/* @__PURE__ */ (0,
|
|
9998
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "kima-card-content", ref: mainRef, children: formStep === 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9880
9999
|
SingleForm_default,
|
|
9881
10000
|
{
|
|
9882
10001
|
...{
|
|
@@ -9889,7 +10008,7 @@ var TransferWidget = ({
|
|
|
9889
10008
|
setInitialSelection
|
|
9890
10009
|
}
|
|
9891
10010
|
}
|
|
9892
|
-
) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ (0,
|
|
10011
|
+
) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(FiatWidget_default, { submitCallback: submit }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9893
10012
|
ConfirmDetails_default,
|
|
9894
10013
|
{
|
|
9895
10014
|
...{
|
|
@@ -9898,12 +10017,12 @@ var TransferWidget = ({
|
|
|
9898
10017
|
}
|
|
9899
10018
|
}
|
|
9900
10019
|
) }),
|
|
9901
|
-
/* @__PURE__ */ (0,
|
|
10020
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9902
10021
|
"div",
|
|
9903
10022
|
{
|
|
9904
10023
|
className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`,
|
|
9905
|
-
children: /* @__PURE__ */ (0,
|
|
9906
|
-
isBackButtonEnabled && /* @__PURE__ */ (0,
|
|
10024
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "button-group", children: [
|
|
10025
|
+
isBackButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9907
10026
|
SecondaryButton_default,
|
|
9908
10027
|
{
|
|
9909
10028
|
clickHandler: onBack,
|
|
@@ -9913,7 +10032,7 @@ var TransferWidget = ({
|
|
|
9913
10032
|
}
|
|
9914
10033
|
),
|
|
9915
10034
|
!!allowance && allowance > 0n && formStep !== 0 && !["BANK", "CC"].includes(sourceChain.shortName) && // EVM path
|
|
9916
|
-
mode !== "light" /* light */ && /* @__PURE__ */ (0,
|
|
10035
|
+
mode !== "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9917
10036
|
SecondaryButton_default,
|
|
9918
10037
|
{
|
|
9919
10038
|
clickHandler: onCancelApprove,
|
|
@@ -9923,7 +10042,7 @@ var TransferWidget = ({
|
|
|
9923
10042
|
children: isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
|
|
9924
10043
|
}
|
|
9925
10044
|
),
|
|
9926
|
-
isSubmitButtonEnabled && /* @__PURE__ */ (0,
|
|
10045
|
+
isSubmitButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9927
10046
|
PrimaryButton_default,
|
|
9928
10047
|
{
|
|
9929
10048
|
clickHandler: onNext,
|
|
@@ -9935,9 +10054,9 @@ var TransferWidget = ({
|
|
|
9935
10054
|
] })
|
|
9936
10055
|
}
|
|
9937
10056
|
),
|
|
9938
|
-
/* @__PURE__ */ (0,
|
|
9939
|
-
/* @__PURE__ */ (0,
|
|
9940
|
-
/* @__PURE__ */ (0,
|
|
10057
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SolanaConnectModal_default, {}),
|
|
10058
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TronWalletConnectModal_default, {}),
|
|
10059
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9941
10060
|
import_react_hot_toast4.Toaster,
|
|
9942
10061
|
{
|
|
9943
10062
|
position: "top-right",
|
|
@@ -9961,9 +10080,9 @@ var TransferWidget = ({
|
|
|
9961
10080
|
}
|
|
9962
10081
|
}
|
|
9963
10082
|
),
|
|
9964
|
-
/* @__PURE__ */ (0,
|
|
9965
|
-
/* @__PURE__ */ (0,
|
|
9966
|
-
/* @__PURE__ */ (0,
|
|
10083
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
|
|
10084
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: "Powered by" }),
|
|
10085
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(KimaNetwork_default, {})
|
|
9967
10086
|
] }) })
|
|
9968
10087
|
] })
|
|
9969
10088
|
]
|
|
@@ -9972,7 +10091,7 @@ var TransferWidget = ({
|
|
|
9972
10091
|
};
|
|
9973
10092
|
|
|
9974
10093
|
// src/widgets/common/KimaWidgetWrapper.tsx
|
|
9975
|
-
var
|
|
10094
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
9976
10095
|
var KimaWidgetWrapper = ({
|
|
9977
10096
|
mode,
|
|
9978
10097
|
txId,
|
|
@@ -10142,10 +10261,10 @@ var KimaWidgetWrapper = ({
|
|
|
10142
10261
|
}, [currentPlugin?.id, sourceChain?.shortName]);
|
|
10143
10262
|
const content = (0, import_react66.useMemo)(() => {
|
|
10144
10263
|
if (mode === "status" /* status */) {
|
|
10145
|
-
return /* @__PURE__ */ (0,
|
|
10264
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TransactionWidget, { theme });
|
|
10146
10265
|
}
|
|
10147
10266
|
if (!currentPlugin && !sourceChain?.shortName) {
|
|
10148
|
-
return /* @__PURE__ */ (0,
|
|
10267
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
10149
10268
|
TransferWidget,
|
|
10150
10269
|
{
|
|
10151
10270
|
theme,
|
|
@@ -10157,15 +10276,15 @@ var KimaWidgetWrapper = ({
|
|
|
10157
10276
|
);
|
|
10158
10277
|
}
|
|
10159
10278
|
if (!currentPlugin) {
|
|
10160
|
-
return /* @__PURE__ */ (0,
|
|
10279
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SkeletonLoader_default, { theme });
|
|
10161
10280
|
}
|
|
10162
10281
|
if (sourceChain.shortName === "CC") {
|
|
10163
10282
|
if (submitted) {
|
|
10164
10283
|
logger_default.debug("[KimaWidgetWrapper] CC mode -> TransactionWidget");
|
|
10165
|
-
return /* @__PURE__ */ (0,
|
|
10284
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TransactionWidget, { theme });
|
|
10166
10285
|
}
|
|
10167
10286
|
if (ccTransactionStatus === "error-id") {
|
|
10168
|
-
return /* @__PURE__ */ (0,
|
|
10287
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
10169
10288
|
ErrorWidget_default,
|
|
10170
10289
|
{
|
|
10171
10290
|
theme,
|
|
@@ -10180,7 +10299,7 @@ var KimaWidgetWrapper = ({
|
|
|
10180
10299
|
);
|
|
10181
10300
|
}
|
|
10182
10301
|
if (ccTransactionStatus === "error-generic") {
|
|
10183
|
-
return /* @__PURE__ */ (0,
|
|
10302
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
10184
10303
|
ErrorWidget_default,
|
|
10185
10304
|
{
|
|
10186
10305
|
theme,
|
|
@@ -10194,7 +10313,7 @@ var KimaWidgetWrapper = ({
|
|
|
10194
10313
|
}
|
|
10195
10314
|
);
|
|
10196
10315
|
}
|
|
10197
|
-
return /* @__PURE__ */ (0,
|
|
10316
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
10198
10317
|
TransferWidget,
|
|
10199
10318
|
{
|
|
10200
10319
|
theme,
|
|
@@ -10209,7 +10328,7 @@ var KimaWidgetWrapper = ({
|
|
|
10209
10328
|
"[KimaWidgetWrapper] rendering TransferWidget with plugin",
|
|
10210
10329
|
currentPlugin?.id
|
|
10211
10330
|
);
|
|
10212
|
-
return submitted ? /* @__PURE__ */ (0,
|
|
10331
|
+
return submitted ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(TransactionWidget, { theme }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
10213
10332
|
TransferWidget,
|
|
10214
10333
|
{
|
|
10215
10334
|
theme,
|
|
@@ -10238,7 +10357,7 @@ var KimaWidgetWrapper = ({
|
|
|
10238
10357
|
var KimaWidgetWrapper_default = KimaWidgetWrapper;
|
|
10239
10358
|
|
|
10240
10359
|
// src/widgets/common/KimaTransactionWidget.tsx
|
|
10241
|
-
var
|
|
10360
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
10242
10361
|
var KimaTransactionWidget = ({
|
|
10243
10362
|
mode,
|
|
10244
10363
|
txId,
|
|
@@ -10272,11 +10391,11 @@ var KimaTransactionWidget = ({
|
|
|
10272
10391
|
}
|
|
10273
10392
|
}, [theme?.colorMode, dispatch, theme]);
|
|
10274
10393
|
if (!hydrated || !theme?.colorMode)
|
|
10275
|
-
return /* @__PURE__ */ (0,
|
|
10394
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
|
|
10276
10395
|
if (isLoadingEnvs || isLoadingChainData)
|
|
10277
|
-
return /* @__PURE__ */ (0,
|
|
10396
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SkeletonLoader_default, { theme });
|
|
10278
10397
|
if (envOptionsError || !envOptions)
|
|
10279
|
-
return /* @__PURE__ */ (0,
|
|
10398
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
10280
10399
|
ErrorWidget_default,
|
|
10281
10400
|
{
|
|
10282
10401
|
theme,
|
|
@@ -10285,7 +10404,7 @@ var KimaTransactionWidget = ({
|
|
|
10285
10404
|
}
|
|
10286
10405
|
);
|
|
10287
10406
|
if (chainDataError || !chainData)
|
|
10288
|
-
return /* @__PURE__ */ (0,
|
|
10407
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
10289
10408
|
ErrorWidget_default,
|
|
10290
10409
|
{
|
|
10291
10410
|
theme,
|
|
@@ -10293,7 +10412,7 @@ var KimaTransactionWidget = ({
|
|
|
10293
10412
|
message: "There was an error loading the chain data from the backend. Please check that the backend is running properly and the widget points to the corresponding url." /* ChainLoadingError */
|
|
10294
10413
|
}
|
|
10295
10414
|
);
|
|
10296
|
-
return /* @__PURE__ */ (0,
|
|
10415
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
10297
10416
|
KimaWidgetWrapper_default,
|
|
10298
10417
|
{
|
|
10299
10418
|
...{
|