@multiversx/sdk-dapp-liquidity 2.1.1-alpha.0 → 2.3.0-alpha.0
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/helpers/assertConfirmRateData.d.ts +19 -0
- package/helpers/assertConfirmRateData.js +2 -0
- package/helpers/assertConfirmRateData.mjs +29 -0
- package/helpers/isValidAddressForChainType.js +1 -1
- package/helpers/isValidAddressForChainType.mjs +28 -16
- package/helpers/tests/assertConfirmRateData.spec.d.ts +1 -0
- package/helpers/tests/assertConfirmRateData.spec.js +2 -0
- package/helpers/tests/assertConfirmRateData.spec.mjs +77 -0
- package/helpers/tests/assertRateConfirmationMatchesIntent.spec.js +1 -1
- package/helpers/tests/assertRateConfirmationMatchesIntent.spec.mjs +3 -3
- package/helpers/tests/isValidAddressForChainType.spec.js +1 -1
- package/helpers/tests/isValidAddressForChainType.spec.mjs +49 -15
- package/package.json +1 -6
- package/reactjs/adapters/SuiAdapter.js +1 -1
- package/reactjs/adapters/SuiAdapter.mjs +91 -88
- package/reactjs/components/BridgeForm/Deposit.js +1 -1
- package/reactjs/components/BridgeForm/Deposit.mjs +250 -247
- package/reactjs/components/BridgeForm/Transfer.js +1 -1
- package/reactjs/components/BridgeForm/Transfer.mjs +228 -225
- package/reactjs/hooks/useBridgeFormik.d.ts +1 -0
- package/reactjs/hooks/useBridgeFormik.js +1 -1
- package/reactjs/hooks/useBridgeFormik.mjs +97 -84
- package/reactjs/hooks/useNamespaceAddress.d.ts +19 -0
- package/reactjs/hooks/useNamespaceAddress.js +2 -0
- package/reactjs/hooks/useNamespaceAddress.mjs +16 -0
- package/types/errors.d.ts +15 -0
- package/types/errors.js +1 -1
- package/types/errors.mjs +12 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
var y = Object.defineProperty;
|
|
2
|
-
var v = (d,
|
|
3
|
-
var h = (d,
|
|
2
|
+
var v = (d, r, t) => r in d ? y(d, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[r] = t;
|
|
3
|
+
var h = (d, r, t) => v(d, typeof r != "symbol" ? r + "" : r, t);
|
|
4
4
|
import { AdapterBlueprint as w, WalletConnectConnector as S, WcHelpersUtil as g } from "@reown/appkit-controllers";
|
|
5
|
-
const p = "walletConnect",
|
|
5
|
+
const p = "walletConnect", m = ["sui:mainnet", "sui:testnet", "sui:devnet"];
|
|
6
6
|
class P extends w {
|
|
7
7
|
constructor(t) {
|
|
8
8
|
super({
|
|
@@ -30,12 +30,12 @@ class P extends w {
|
|
|
30
30
|
/**
|
|
31
31
|
* Resolves CAIP-2 chain ids for the WC session. Never return [] (breaks pairing + QR UI).
|
|
32
32
|
*/
|
|
33
|
-
pickChainsFromExplicit(t,
|
|
33
|
+
pickChainsFromExplicit(t, n) {
|
|
34
34
|
if (t.length === 0)
|
|
35
|
-
return
|
|
36
|
-
if (
|
|
37
|
-
const
|
|
38
|
-
(s) => s === `sui:${
|
|
35
|
+
return m;
|
|
36
|
+
if (n != null) {
|
|
37
|
+
const e = n.toString(), i = t.find(
|
|
38
|
+
(s) => s === `sui:${e}` || s.endsWith(`:${e}`)
|
|
39
39
|
);
|
|
40
40
|
if (i)
|
|
41
41
|
return [i];
|
|
@@ -43,38 +43,38 @@ class P extends w {
|
|
|
43
43
|
return t;
|
|
44
44
|
}
|
|
45
45
|
resolveSuiChainsForConnect(t) {
|
|
46
|
-
const
|
|
47
|
-
if (
|
|
46
|
+
const n = this.getCaipNetworks("sui"), e = n.length > 0 ? n : this.suiNetworksFromConfig;
|
|
47
|
+
if (e.length === 0)
|
|
48
48
|
return this.pickChainsFromExplicit(
|
|
49
49
|
this.explicitCaipChainsFromInit,
|
|
50
50
|
t
|
|
51
51
|
);
|
|
52
52
|
const i = (s) => s.caipNetworkId || `sui:${s.id}`;
|
|
53
53
|
if (t != null) {
|
|
54
|
-
const s =
|
|
55
|
-
var
|
|
56
|
-
return ((
|
|
54
|
+
const s = e.find((c) => {
|
|
55
|
+
var o;
|
|
56
|
+
return ((o = c.id) == null ? void 0 : o.toString()) === t.toString();
|
|
57
57
|
});
|
|
58
58
|
if (s)
|
|
59
59
|
return [i(s)];
|
|
60
60
|
}
|
|
61
|
-
return
|
|
61
|
+
return e.map(i);
|
|
62
62
|
}
|
|
63
63
|
/**
|
|
64
64
|
* `WalletConnectConnector` typings require `caipNetworks` (ChainController may still be empty
|
|
65
65
|
* when this runs). Prefer networks from `construct`, else explicit/init CAIP ids.
|
|
66
66
|
*/
|
|
67
67
|
getCaipNetworksForWalletConnectConnector() {
|
|
68
|
-
return this.suiNetworksFromConfig.length > 0 ? this.suiNetworksFromConfig : (this.explicitCaipChainsFromInit.length > 0 ? this.explicitCaipChainsFromInit :
|
|
69
|
-
const
|
|
68
|
+
return this.suiNetworksFromConfig.length > 0 ? this.suiNetworksFromConfig : (this.explicitCaipChainsFromInit.length > 0 ? this.explicitCaipChainsFromInit : m).map((n) => {
|
|
69
|
+
const e = n.startsWith("sui:") ? n.slice(4) : n;
|
|
70
70
|
return {
|
|
71
|
-
id:
|
|
71
|
+
id: e,
|
|
72
72
|
chainNamespace: "sui",
|
|
73
|
-
caipNetworkId:
|
|
73
|
+
caipNetworkId: n,
|
|
74
74
|
name: "Sui",
|
|
75
75
|
nativeCurrency: { name: "SUI", symbol: "SUI", decimals: 9 },
|
|
76
76
|
rpcUrls: {
|
|
77
|
-
default: { http: [`https://fullnode.${
|
|
77
|
+
default: { http: [`https://fullnode.${e}.sui.io:443`] }
|
|
78
78
|
}
|
|
79
79
|
};
|
|
80
80
|
});
|
|
@@ -83,17 +83,17 @@ class P extends w {
|
|
|
83
83
|
}
|
|
84
84
|
async setUniversalProvider(t) {
|
|
85
85
|
this.sharedWcProvider = t;
|
|
86
|
-
const
|
|
86
|
+
const n = new S({
|
|
87
87
|
provider: t,
|
|
88
88
|
namespace: "sui",
|
|
89
89
|
caipNetworks: this.getCaipNetworksForWalletConnectConnector()
|
|
90
90
|
});
|
|
91
|
-
this.addConnector(
|
|
91
|
+
this.addConnector(n), g.listenWcProvider({
|
|
92
92
|
universalProvider: t,
|
|
93
93
|
namespace: "sui",
|
|
94
|
-
onConnect: (
|
|
94
|
+
onConnect: (e) => this.onConnect(e, p),
|
|
95
95
|
onDisconnect: () => this.onDisconnect(p),
|
|
96
|
-
onAccountsChanged: (
|
|
96
|
+
onAccountsChanged: (e) => this.onAccountsChanged(e, p, !1)
|
|
97
97
|
});
|
|
98
98
|
}
|
|
99
99
|
getWcProvider() {
|
|
@@ -104,12 +104,12 @@ class P extends w {
|
|
|
104
104
|
return this.sharedWcProvider;
|
|
105
105
|
}
|
|
106
106
|
async connectWalletConnect(t) {
|
|
107
|
-
var
|
|
108
|
-
const
|
|
109
|
-
if ((
|
|
110
|
-
return { clientId: await
|
|
111
|
-
const
|
|
112
|
-
return await
|
|
107
|
+
var c, o;
|
|
108
|
+
const n = this.getWcProvider();
|
|
109
|
+
if ((o = (c = n.session) == null ? void 0 : c.namespaces) != null && o.sui)
|
|
110
|
+
return { clientId: await n.client.core.crypto.getClientId() };
|
|
111
|
+
const e = this.resolveSuiChainsForConnect(t), i = e.length > 0 ? e : m;
|
|
112
|
+
return await n.connect({
|
|
113
113
|
optionalNamespaces: {
|
|
114
114
|
sui: {
|
|
115
115
|
methods: [
|
|
@@ -121,73 +121,76 @@ class P extends w {
|
|
|
121
121
|
events: []
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
|
-
}), { clientId: await
|
|
124
|
+
}), { clientId: await n.client.core.crypto.getClientId() };
|
|
125
125
|
}
|
|
126
126
|
async connect(t) {
|
|
127
|
-
var l,
|
|
128
|
-
const
|
|
129
|
-
if (!
|
|
127
|
+
var l, f, C;
|
|
128
|
+
const n = this.connectors.find((u) => u.id === t.id);
|
|
129
|
+
if (!n)
|
|
130
130
|
throw new Error("Sui connector not found");
|
|
131
|
-
const
|
|
131
|
+
const e = this.getConnection({
|
|
132
132
|
address: t.address,
|
|
133
|
-
connectorId:
|
|
133
|
+
connectorId: n.id,
|
|
134
134
|
connections: this.connections,
|
|
135
135
|
connectors: this.connectors
|
|
136
136
|
});
|
|
137
|
-
if (
|
|
138
|
-
const u = ((l =
|
|
137
|
+
if (e != null && e.account) {
|
|
138
|
+
const u = ((l = e.caipNetwork) == null ? void 0 : l.id) ?? t.chainId ?? "mainnet";
|
|
139
139
|
return this.emit("accountChanged", {
|
|
140
|
-
address:
|
|
140
|
+
address: e.account.address,
|
|
141
141
|
chainId: u,
|
|
142
|
-
connector:
|
|
142
|
+
connector: n
|
|
143
143
|
}), {
|
|
144
|
-
id:
|
|
145
|
-
address:
|
|
144
|
+
id: n.id,
|
|
145
|
+
address: e.account.address,
|
|
146
146
|
chainId: u,
|
|
147
|
-
provider:
|
|
148
|
-
type:
|
|
147
|
+
provider: n.provider,
|
|
148
|
+
type: n.type
|
|
149
149
|
};
|
|
150
150
|
}
|
|
151
|
-
const i = this.getWcProvider(),
|
|
151
|
+
const i = this.getWcProvider(), c = (f = g.getWalletConnectAccounts(
|
|
152
152
|
i,
|
|
153
153
|
"sui"
|
|
154
|
-
)[0]) == null ? void 0 :
|
|
155
|
-
if (!
|
|
154
|
+
)[0]) == null ? void 0 : f.address;
|
|
155
|
+
if (!c)
|
|
156
156
|
throw new Error("No Sui account found after WalletConnect session");
|
|
157
|
-
if (this.expectedSuiAddress &&
|
|
157
|
+
if (this.expectedSuiAddress && c !== this.expectedSuiAddress)
|
|
158
158
|
throw new Error(
|
|
159
|
-
`Sui account mismatch: expected ${this.expectedSuiAddress}, got ${
|
|
159
|
+
`Sui account mismatch: expected ${this.expectedSuiAddress}, got ${c}`
|
|
160
160
|
);
|
|
161
|
-
const
|
|
161
|
+
const o = (C = this.getCaipNetworks()) == null ? void 0 : C.find(
|
|
162
162
|
(u) => u.id === t.chainId
|
|
163
163
|
);
|
|
164
164
|
this.addConnection({
|
|
165
|
-
connectorId:
|
|
166
|
-
accounts: [{ address:
|
|
167
|
-
caipNetwork:
|
|
165
|
+
connectorId: n.id,
|
|
166
|
+
accounts: [{ address: c }],
|
|
167
|
+
caipNetwork: o
|
|
168
168
|
});
|
|
169
|
-
const a = t.chainId ?? (
|
|
169
|
+
const a = t.chainId ?? (o == null ? void 0 : o.id) ?? "mainnet";
|
|
170
170
|
return this.emit("accountChanged", {
|
|
171
|
-
address:
|
|
171
|
+
address: c,
|
|
172
172
|
chainId: a,
|
|
173
|
-
connector:
|
|
173
|
+
connector: n
|
|
174
174
|
}), {
|
|
175
|
-
id:
|
|
176
|
-
address:
|
|
175
|
+
id: n.id,
|
|
176
|
+
address: c,
|
|
177
177
|
chainId: a,
|
|
178
|
-
provider:
|
|
179
|
-
type:
|
|
178
|
+
provider: n.provider,
|
|
179
|
+
type: n.type
|
|
180
180
|
};
|
|
181
181
|
}
|
|
182
182
|
async disconnect(t) {
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
183
|
+
var n, e, i;
|
|
184
|
+
if ((i = (e = (n = this.sharedWcProvider) == null ? void 0 : n.session) == null ? void 0 : e.namespaces) != null && i.sui)
|
|
185
|
+
try {
|
|
186
|
+
await this.sharedWcProvider.disconnect();
|
|
187
|
+
} catch {
|
|
188
|
+
}
|
|
189
|
+
if (t != null && t.id)
|
|
189
190
|
this.deleteConnection(t.id);
|
|
190
|
-
|
|
191
|
+
else
|
|
192
|
+
for (const s of [...this.connections])
|
|
193
|
+
this.deleteConnection(s.connectorId);
|
|
191
194
|
return this.connections.length === 0 ? this.emit("disconnect") : this.emitFirstAvailableConnection(), { connections: this.connections };
|
|
192
195
|
}
|
|
193
196
|
async getAccounts(t) {
|
|
@@ -195,24 +198,24 @@ class P extends w {
|
|
|
195
198
|
accounts: g.getWalletConnectAccounts(
|
|
196
199
|
this.sharedWcProvider,
|
|
197
200
|
"sui"
|
|
198
|
-
).map((
|
|
201
|
+
).map((e) => ({
|
|
199
202
|
namespace: "sui",
|
|
200
|
-
address:
|
|
203
|
+
address: e.address,
|
|
201
204
|
type: "eoa"
|
|
202
205
|
}))
|
|
203
206
|
} : { accounts: [] };
|
|
204
207
|
}
|
|
205
208
|
async getBalance(t) {
|
|
206
|
-
var
|
|
209
|
+
var n, e, i;
|
|
207
210
|
if (!t.address)
|
|
208
211
|
return { balance: "0", symbol: "SUI" };
|
|
209
212
|
try {
|
|
210
|
-
const s = (
|
|
213
|
+
const s = (n = this.getCaipNetworks()) == null ? void 0 : n.find(
|
|
211
214
|
(C) => C.id === t.chainId
|
|
212
|
-
),
|
|
213
|
-
if (!
|
|
215
|
+
), c = `https://fullnode.${s == null ? void 0 : s.id}.sui.io:443`;
|
|
216
|
+
if (!c)
|
|
214
217
|
return { balance: "0", symbol: "SUI" };
|
|
215
|
-
const a = await (await fetch(
|
|
218
|
+
const a = await (await fetch(c, {
|
|
216
219
|
method: "POST",
|
|
217
220
|
headers: { "Content-Type": "application/json" },
|
|
218
221
|
body: JSON.stringify({
|
|
@@ -221,7 +224,7 @@ class P extends w {
|
|
|
221
224
|
method: "suix_getBalance",
|
|
222
225
|
params: [t.address, "0x2::sui::SUI"]
|
|
223
226
|
})
|
|
224
|
-
})).json(), l = ((
|
|
227
|
+
})).json(), l = ((e = a == null ? void 0 : a.result) == null ? void 0 : e.totalBalance) ?? "0";
|
|
225
228
|
return {
|
|
226
229
|
balance: (parseInt(l, 10) / 1e9).toString(),
|
|
227
230
|
symbol: ((i = s == null ? void 0 : s.nativeCurrency) == null ? void 0 : i.symbol) || "SUI"
|
|
@@ -238,18 +241,18 @@ class P extends w {
|
|
|
238
241
|
}
|
|
239
242
|
async syncConnections({
|
|
240
243
|
connectToFirstConnector: t,
|
|
241
|
-
caipNetwork:
|
|
244
|
+
caipNetwork: n
|
|
242
245
|
}) {
|
|
243
246
|
if (!this.sharedWcProvider)
|
|
244
247
|
return;
|
|
245
|
-
const
|
|
248
|
+
const e = g.getWalletConnectAccounts(
|
|
246
249
|
this.sharedWcProvider,
|
|
247
250
|
"sui"
|
|
248
251
|
);
|
|
249
|
-
|
|
252
|
+
e.length > 0 && this.addConnection({
|
|
250
253
|
connectorId: p,
|
|
251
|
-
accounts:
|
|
252
|
-
caipNetwork:
|
|
254
|
+
accounts: e.map((i) => ({ address: i.address })),
|
|
255
|
+
caipNetwork: n
|
|
253
256
|
}), t && this.emitFirstAvailableConnection();
|
|
254
257
|
}
|
|
255
258
|
getWalletConnectProvider(t) {
|
|
@@ -265,30 +268,30 @@ class P extends w {
|
|
|
265
268
|
getChainScope(t) {
|
|
266
269
|
if (t != null && t.startsWith("sui:"))
|
|
267
270
|
return t;
|
|
268
|
-
const
|
|
269
|
-
(
|
|
271
|
+
const n = this.explicitCaipChainsFromInit.find(
|
|
272
|
+
(e) => e.startsWith("sui:")
|
|
270
273
|
);
|
|
271
|
-
return
|
|
274
|
+
return n || "sui:mainnet";
|
|
272
275
|
}
|
|
273
276
|
async signMessage(t) {
|
|
274
|
-
const
|
|
275
|
-
return { signature: (await
|
|
277
|
+
const n = this.getWcProvider(), e = this.getChainScope();
|
|
278
|
+
return { signature: (await n.request(
|
|
276
279
|
{
|
|
277
280
|
method: "sui_signPersonalMessage",
|
|
278
281
|
params: { message: t.message, address: t.address }
|
|
279
282
|
},
|
|
280
|
-
|
|
283
|
+
e
|
|
281
284
|
)).signature };
|
|
282
285
|
}
|
|
283
286
|
async sendTransaction(t) {
|
|
284
287
|
var s;
|
|
285
|
-
const
|
|
286
|
-
return { hash: (await
|
|
288
|
+
const n = this.getWcProvider(), e = this.getChainScope((s = t.caipNetwork) == null ? void 0 : s.caipNetworkId);
|
|
289
|
+
return { hash: (await n.request(
|
|
287
290
|
{
|
|
288
291
|
method: "sui_signAndExecuteTransaction",
|
|
289
292
|
params: { transaction: t.data, address: t.to }
|
|
290
293
|
},
|
|
291
|
-
|
|
294
|
+
e
|
|
292
295
|
)).digest };
|
|
293
296
|
}
|
|
294
297
|
async estimateGas() {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),Cs=require("@fortawesome/free-solid-svg-icons/faSpinner"),vs=require("@fortawesome/react-fontawesome"),Bs=require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount"),ys=require("@reown/appkit/react"),As=require("@wagmi/core"),ks=require("lodash/debounce"),t=require("react"),k=require("react-toastify"),Ss=require("./hooks/useBridgeTokenSelection.js"),Ns=require("./utils/bridgeFormHelpers.js"),we=require("../../../constants/index.js"),ws=require("../../../helpers/getApiURL.js");require("../../constants/index.js");const H=require("../../../helpers/safeImageUrl.js");require("@solana/web3.js");require("bitcoinjs-lib");require("viem");const S=require("../../../types/chainType.js"),Ms=require("../../context/useWeb3App.js"),L=require("../../helpers/resolveBridgeApiChainId.js"),Ds=require("../../hooks/useAccount.js"),Es=require("../../hooks/useBridgeApiChainId.js"),N=require("../../hooks/useBridgeFormik.js"),Fs=require("../../hooks/useFetchBridgeData.js"),Rs=require("../../hooks/useGetChainId.js"),Vs=require("../../hooks/useSendTransactions.js"),Ps=require("../../hooks/useSignTransaction.js"),Ts=require("../../queries/useGetHistory.query.js"),Us=require("../../queries/useGetRate.mutation.js"),Me=require("../../utils/mxClsx.js"),De=require("../AmountCard/AmountCard.js"),Ee=require("../AmountInput/AmountInput.js"),Hs=require("../base/MxButton/MxButton.js");require("../base/MxCard/MxCard.js");require("../base/MxLink/MxLink.js");require("../base/MxSearch/MxSearch.js");require("@fortawesome/free-solid-svg-icons/faClose");require("@headlessui/react");require("react-dom");require("react-popper");require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");const Ls=require("../BridgeHistory/BridgeHistory.js"),Os=require("../Connect/BridgeConnectButton.js");require("wagmi");const Gs=require("../Connect/MvxConnectButton.js"),Ws=require("../Connect/BridgeAccountDisplay.js"),Xs=require("../Connect/MvxAccountDisplay.js");require("@reown/appkit-controllers");const zs=require("../ToggleDirection/ToggleDirection.js"),Fe=require("../TokenSelector/TokenSelector.js");let O;const Qs=({mvxChainId:G,mvxAddress:c,username:Re,callbackRoute:Ve="/",firstTokenIdentifier:Pe,secondTokenIdentifier:Te,firstTokenAmount:w,secondTokenAmount:j,refetchTrigger:Ue,showHistory:He,forcedDestinationTokenSymbol:Le,onSuccessfullySentTransaction:M,onFailedSentTransaction:b,onHistoryClose:D,onMvxConnect:oe,onMvxDisconnect:Oe,onNavigate:Ge,onChangeDirection:We})=>{var Ce,ve;const Xe=t.useRef(null),ce=t.useRef(void 0),[W,ze]=t.useState(!1),[E,I]=t.useState(!1),[Qe,$e]=t.useState(1),[X,z]=t.useState(0),q=Ds.useAccount(),{switchNetwork:le}=ys.useAppKitNetwork(),ue=Ts.useInvalidateHistoryQuery(),{config:de,options:me,supportedChains:C,nativeAuthToken:Q,bridgeOnly:Ke}=Ms.useWeb3App(),$=Rs.useGetChainId(),he=Es.useBridgeApiChainId(),{evmTokensWithBalances:Ye,mvxTokensWithBalances:Je,isTokensLoading:Ze,isLoadingEvmTokensBalances:es,isLoadingMvxTokensBalances:ss,chains:v=[],isChainsLoading:ts}=Fs.useFetchBridgeData({refetchTrigger:Ue,mvxAddress:c,mvxApiURL:me.mvxApiURL}),K=Ze||es||ss||ts,ns=t.useMemo(()=>C.find(n=>L.sameBridgeApiChainId(n.id,$)),[$,C]),o=t.useMemo(()=>v.find(n=>n.chainId.toString()===G.toString()),[$,v]),{evm:ge,solana:qe,bitcoin:pe,sui:fe}=Ps.useSignTransaction(),be=Vs.useSendTransactions(),{mutate:is,data:u,isPending:B,error:x}=Us.useGetRateMutation(),y=((Ce=x==null?void 0:x.response)==null?void 0:Ce.status)===400?(ve=x==null?void 0:x.response)==null?void 0:ve.data.message:void 0,rs=t.useCallback(n=>{const f=C.find(l=>L.sameBridgeApiChainId(l.id,n.id));f&&le(f)},[C,le]),{firstToken:e,secondToken:a,fromOptions:F,toOptions:as,selectedChainOption:r,onChangeFirstSelect:xe,onChangeSecondSelect:os,handleChangeDirection:cs}=Ss.useBridgeTokenSelection({chains:v,activeChain:ns,sdkChains:C,switchNetwork:rs,fromTokens:Ye,toTokens:Je,firstTokenIdentifier:Pe,secondTokenIdentifier:Te,forcedDestinationTokenSymbol:Le,isTokensLoading:K,callbackRoute:Ve,onNavigate:Ge}),ls=t.useMemo(()=>e?we.MVX_CHAIN_IDS.includes(e.chainId.toString()):!1,[e==null?void 0:e.chainId]),us=t.useMemo(()=>a?we.MVX_CHAIN_IDS.includes(a.chainId.toString()):!1,[a==null?void 0:a.chainId]),[m,ds]=t.useState(w??""),[R,V]=t.useState(j??""),d=t.useMemo(()=>e?v.find(n=>L.sameBridgeApiChainId(n.chainId,e.chainId))??r:r,[e==null?void 0:e.chainId,v,r]),P=t.useMemo(()=>L.toBridgeApiChainId(e==null?void 0:e.chainId)??he,[e==null?void 0:e.chainId,he]),Y=q.address,_e=q.isConnected&&!!Y,J=m!==""&&R!=="",Z=t.useCallback(ks(async n=>{!n||!Number(n)||!q.address||!(e!=null&&e.address)||!(a!=null&&a.address)||!r||!P||is({nativeAuthToken:Q??"",body:{tokenIn:e.address,amountIn:n,fromChainId:P,tokenOut:a.address,toChainId:G}})},500),[q.address,P,e==null?void 0:e.address,a==null?void 0:a.address,r]),h=t.useCallback(n=>{ds(()=>n)},[]),_=t.useCallback(n=>{V(()=>n)},[]),ms=t.useCallback(()=>{D==null||D()},[D]),hs=t.useCallback(()=>{const n=Bs.formatAmount({decimals:e==null?void 0:e.decimals,input:(e==null?void 0:e.balance)??"0",addCommas:!1,digits:4});p.setFieldValue("firstAmount",n),h(n)},[e==null?void 0:e.balance,e==null?void 0:e.decimals,h]),je=t.useCallback(async n=>{h(""),_(""),ue(),ue(),M==null||M(n)},[h,_,M]),gs=()=>{cs(),We()};t.useEffect(()=>{const n=ce.current;if(ce.current=r==null?void 0:r.chainId,!!n&&(r==null?void 0:r.chainId)!==(e==null?void 0:e.chainId)){const f=F==null?void 0:F.find(l=>l.chainId.toString()===(r==null?void 0:r.chainId));if(!f)return;xe(f)}},[r==null?void 0:r.chainId]);const qs=t.useCallback(async({transactions:n,provider:f})=>{var Be,ye,Ae;const l=[];I(!0),z(()=>n.length);try{let A=-1;for(const i of n){++A;try{switch(Ns.resolveSigningChainType(i,d)){case S.ChainType.evm:{const g=await ge.signTransaction({...i,value:BigInt(i.value),gas:BigInt(i.gasLimit),account:Y});if(!g||(l.push({...i,txHash:g}),A===n.length-1||!g))break;const U=await As.waitForTransactionReceipt(de,{confirmations:1,hash:g});console.info({transactionReceipt:U,hash:g});break}case S.ChainType.sol:if(!i.instructions||!i.feePayer)break;const ae=await qe.signTransaction({feePayer:i.feePayer,instructions:i.instructions,recentBlockhash:i.recentBlockhash});if(!ae)break;l.push({...i,txHash:ae});break;case S.ChainType.btc:if(!i.bitcoinParams){console.error("No bitcoin params");break}const Is=await pe.signTransaction(i.bitcoinParams);l.push({...i,txHash:Is});break;case S.ChainType.sui:{const g=(Be=i.suiParams)==null?void 0:Be.transactionBytes,U=(ye=i.suiParams)==null?void 0:ye.sender;if(!g||!U){console.error("No Sui transaction bytes or sender address");break}const Ne=await fe.signTransaction({transaction:g,address:U});if(!Ne)break;l.push({...i,suiParams:{...i.suiParams,signature:Ne}});break}default:k.toast.error("Provider not supported"),I(!1);return}z(()=>n.length-1-A)}catch{k.toast.dismiss(),k.toast.error("Transaction aborted"),b==null||b("Transaction aborted"),I(!1);return}}const{data:re}=await be({transactions:l,provider:f,url:ws.getApiURL()??"",token:Q??""}),ke=((Ae=re.transactions)==null?void 0:Ae.map(i=>i.txHash).filter(i=>!!i))??[],Se=l.map(i=>i.txHash).filter(i=>!!i),js=ke.length>0?ke:Se.length>0?Se:re.batchId?[re.batchId]:[];je(js),I(!1)}catch(A){console.error(A),k.toast.dismiss(),k.toast.error("Transaction cancelled"),b==null||b("Transaction cancelled"),I(!1),z(0),fs(),h(""),_("")}},[d==null?void 0:d.chainType,Y,de,h,_,Q,je,be,pe.signTransaction,ge.signTransaction,qe.signTransaction,fe.signTransaction]),{formik:p,firstAmountError:ee,secondAmountError:se,fromChainError:te,senderAddressError:ne,receiverAddressError:ie,handleBlur:T,handleChange:Ie,handleSubmit:ps,resetSwapForm:fs}=N.useBridgeFormik({isMvxConnected:!!c,rate:u,sender:q.address??"",receiver:c??"",firstToken:e,firstAmount:m,fromChainId:P,toChainId:G,secondToken:a,secondAmount:R,setForceRefetchRate:$e,senderChainType:d==null?void 0:d.chainType,receiverChainType:S.ChainType.mvx,onSubmit:qs}),bs=!!(ee||se||te||y||ne||ie),xs=t.useMemo(()=>m!==""?y??ee:void 0,[ee,m,y]),_s=t.useMemo(()=>R!==""?te??se:void 0,[te,se,R]);return t.useEffect(()=>(m||V(""),Z(m),O&&clearInterval(O),O=setInterval(()=>{Z(m)},50*1e3),()=>clearInterval(O)),[m,Qe,Z]),t.useEffect(()=>{u!=null&&u.amountOut&&(p.setFieldValue(N.BridgeFormikValuesEnum.secondAmount,u.amountOut),V(u.amountOut))},[u==null?void 0:u.amountOut]),t.useEffect(()=>{y&&(p.setFieldValue(N.BridgeFormikValuesEnum.secondAmount,"0"),V("0"))},[y]),t.useEffect(()=>{w&&(p.setFieldValue(N.BridgeFormikValuesEnum.firstAmount,w),h(w))},[]),t.useEffect(()=>{j&&(p.setFieldValue(N.BridgeFormikValuesEnum.secondAmount,j),_(j))},[j]),s.jsx(s.Fragment,{children:s.jsxs("form",{ref:Xe,noValidate:!0,className:"liq-flex liq-flex-col liq-gap-1 liq-relative",autoComplete:"off",onSubmit:ps,children:[He&&s.jsx(Ls.BridgeHistory,{mvxAddress:c,onClose:ms}),s.jsxs(De.AmountCard,{className:Me.mxClsx("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",{"liq-pointer-events-none":W,"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80":!W}),children:[s.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[s.jsx("span",{children:"From"}),s.jsx(Ws.BridgeAccountDisplay,{disabled:B,activeChain:d})]}),ne&&s.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:ne}),s.jsxs("div",{className:"liq-flex liq-justify-between liq-gap-1",children:[s.jsx(Ee.AmountInput,{inputName:"firstAmount",inputValue:p.values.firstAmount,amountError:xs,disabled:!1,onInputDebounceChange:h,onInputChange:Ie,onBlur:T}),s.jsx(Fe.TokenSelector,{name:"firstToken",disabled:B,options:F,areOptionsLoading:K,isMvxSelector:ls,isDestination:!1,color:"neutral-850",onChange:xe,onBlur:T,onMaxBtnClick:hs,selectedOption:e,onTokenSelectorDisplay:n=>ze(n)})]})]}),s.jsx("div",{className:"liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10",children:Ke&&s.jsx(zs.ToggleDirection,{onChangeDirection:gs})}),s.jsxs(De.AmountCard,{className:Me.mxClsx("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",{"liq-pointer-events-none":W}),children:[s.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[s.jsx("span",{children:"To"}),s.jsx(Xs.MvxAccountDisplay,{accountAddress:c,chainIcon:H.safeImageUrl(o==null?void 0:o.pngUrl),username:Re,accountExplorerUrl:`${me.mvxExplorerAddress}/accounts/${c}`,showTag:!0,onDisconnect:Oe,onConnect:oe})]}),ie&&s.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:ie}),s.jsxs("div",{className:"liq-flex liq-justify-between liq-gap-1",children:[s.jsx(Ee.AmountInput,{inputName:"secondAmount",inputValue:p.values.secondAmount,amountError:_s,disabled:!1,onInputDebounceChange:_,onInputChange:Ie,onBlur:T}),s.jsx(Fe.TokenSelector,{name:"secondToken",disabled:B,omitDisableClass:!0,options:as,areOptionsLoading:K,isMvxSelector:us,color:"neutral-850",onChange:os,onBlur:T,selectedOption:a})]})]}),s.jsxs("div",{className:"liq-flex liq-items-center liq-justify-center",children:[!c&&s.jsx(Gs.MvxConnectButton,{mvxAccountAddress:c,icon:H.safeImageUrl(o==null?void 0:o.pngUrl),onClick:oe}),c&&!_e&&s.jsx(Os.BridgeConnectButton,{className:"liq-w-full liq-rounded-xl liq-bg-neutral-850/50 liq-px-8 liq-py-3 liq-font-semibold liq-text-primary-200 liq-transition-colors liq-duration-200 hover:enabled:liq-bg-primary-700/80 disabled:liq-opacity-50",disabled:B,activeChain:d}),c&&_e&&s.jsxs(Hs.MxButton,{type:"submit",variant:"neutral-850",className:"liq-w-full disabled:liq-bg-neutral-850/50 liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",disabled:!J||B||!c||!q.address||bs||E,children:[J&&!E&&s.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[s.jsx("div",{children:"Deposit on "}),s.jsx("img",{src:H.safeImageUrl(o==null?void 0:o.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),s.jsx("div",{children:"MultiversX"})]}),!J&&!E&&s.jsx("span",{className:"liq-text-neutral-100",children:"Enter amount"}),E&&s.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[s.jsx(vs.FontAwesomeIcon,{icon:Cs.faSpinner,spin:!0,className:"liq-mx-1 liq-flex liq-items-center"}),s.jsx("div",{children:"Depositing on"}),s.jsx("img",{src:H.safeImageUrl(o==null?void 0:o.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),s.jsx("div",{children:"MultiversX"})]})]})]}),q.address&&X>0&&s.jsx("div",{className:"liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm",children:s.jsxs("div",{children:["You will be asked to sign ",X," ",X>1?"transactions":"transaction"," ","on your wallet"]})})]})})};exports.Deposit=Qs;
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),Bs=require("@fortawesome/free-solid-svg-icons/faSpinner"),ys=require("@fortawesome/react-fontawesome"),As=require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount"),ks=require("@reown/appkit/react"),Ns=require("@wagmi/core"),Ss=require("lodash/debounce"),t=require("react"),k=require("react-toastify"),ws=require("./hooks/useBridgeTokenSelection.js"),Ms=require("./utils/bridgeFormHelpers.js"),Me=require("../../../constants/index.js"),Ds=require("../../../helpers/getApiURL.js");require("../../constants/index.js");const L=require("../../../helpers/safeImageUrl.js");require("@solana/web3.js");require("bitcoinjs-lib");require("viem");const N=require("../../../types/chainType.js"),Es=require("../../context/useWeb3App.js"),T=require("../../helpers/resolveBridgeApiChainId.js"),Rs=require("../../hooks/useAccount.js"),Fs=require("../../hooks/useBridgeApiChainId.js"),S=require("../../hooks/useBridgeFormik.js"),Vs=require("../../hooks/useFetchBridgeData.js"),Ps=require("../../hooks/useGetChainId.js"),Us=require("../../hooks/useNamespaceAddress.js"),Hs=require("../../hooks/useSendTransactions.js"),Ls=require("../../hooks/useSignTransaction.js"),Ts=require("../../queries/useGetHistory.query.js"),Os=require("../../queries/useGetRate.mutation.js"),De=require("../../utils/mxClsx.js"),Ee=require("../AmountCard/AmountCard.js"),Re=require("../AmountInput/AmountInput.js"),Gs=require("../base/MxButton/MxButton.js");require("../base/MxCard/MxCard.js");require("../base/MxLink/MxLink.js");require("../base/MxSearch/MxSearch.js");require("@fortawesome/free-solid-svg-icons/faClose");require("@headlessui/react");require("react-dom");require("react-popper");require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");const Ws=require("../BridgeHistory/BridgeHistory.js"),Xs=require("../Connect/BridgeConnectButton.js");require("wagmi");const zs=require("../Connect/MvxConnectButton.js"),Qs=require("../Connect/BridgeAccountDisplay.js"),$s=require("../Connect/MvxAccountDisplay.js");require("@reown/appkit-controllers");const Ks=require("../ToggleDirection/ToggleDirection.js"),Fe=require("../TokenSelector/TokenSelector.js");let O;const Ys=({mvxChainId:G,mvxAddress:l,username:Ve,callbackRoute:Pe="/",firstTokenIdentifier:Ue,secondTokenIdentifier:He,firstTokenAmount:w,secondTokenAmount:j,refetchTrigger:Le,showHistory:Te,forcedDestinationTokenSymbol:Oe,onSuccessfullySentTransaction:M,onFailedSentTransaction:x,onHistoryClose:D,onMvxConnect:ce,onMvxDisconnect:Ge,onNavigate:We,onChangeDirection:Xe})=>{var Ce,Be;const ze=t.useRef(null),le=t.useRef(void 0),[W,Qe]=t.useState(!1),[E,I]=t.useState(!1),[$e,Ke]=t.useState(1),[X,z]=t.useState(0),f=Rs.useAccount(),{switchNetwork:ue}=ks.useAppKitNetwork(),de=Ts.useInvalidateHistoryQuery(),{config:me,options:he,supportedChains:v,nativeAuthToken:Q,bridgeOnly:Ye}=Es.useWeb3App(),$=Ps.useGetChainId(),qe=Fs.useBridgeApiChainId(),{evmTokensWithBalances:Je,mvxTokensWithBalances:Ze,isTokensLoading:es,isLoadingEvmTokensBalances:ss,isLoadingMvxTokensBalances:ts,chains:C=[],isChainsLoading:ns}=Vs.useFetchBridgeData({refetchTrigger:Le,mvxAddress:l,mvxApiURL:he.mvxApiURL}),K=es||ss||ts||ns,is=t.useMemo(()=>v.find(n=>T.sameBridgeApiChainId(n.id,$)),[$,v]),o=t.useMemo(()=>C.find(n=>n.chainId.toString()===G.toString()),[$,C]),{evm:ge,solana:pe,bitcoin:xe,sui:fe}=Ls.useSignTransaction(),be=Hs.useSendTransactions(),{mutate:rs,data:d,isPending:B,error:b}=Os.useGetRateMutation(),y=((Ce=b==null?void 0:b.response)==null?void 0:Ce.status)===400?(Be=b==null?void 0:b.response)==null?void 0:Be.data.message:void 0,as=t.useCallback(n=>{const p=v.find(u=>T.sameBridgeApiChainId(u.id,n.id));p&&ue(p)},[v,ue]),{firstToken:e,secondToken:a,fromOptions:R,toOptions:os,selectedChainOption:r,onChangeFirstSelect:_e,onChangeSecondSelect:cs,handleChangeDirection:ls}=ws.useBridgeTokenSelection({chains:C,activeChain:is,sdkChains:v,switchNetwork:as,fromTokens:Je,toTokens:Ze,firstTokenIdentifier:Ue,secondTokenIdentifier:He,forcedDestinationTokenSymbol:Oe,isTokensLoading:K,callbackRoute:Pe,onNavigate:We}),us=t.useMemo(()=>e?Me.MVX_CHAIN_IDS.includes(e.chainId.toString()):!1,[e==null?void 0:e.chainId]),ds=t.useMemo(()=>a?Me.MVX_CHAIN_IDS.includes(a.chainId.toString()):!1,[a==null?void 0:a.chainId]),[m,ms]=t.useState(w??""),[F,V]=t.useState(j??""),c=t.useMemo(()=>e?C.find(n=>T.sameBridgeApiChainId(n.chainId,e.chainId))??r:r,[e==null?void 0:e.chainId,C,r]),P=t.useMemo(()=>T.toBridgeApiChainId(e==null?void 0:e.chainId)??qe,[e==null?void 0:e.chainId,qe]),hs=Us.useNamespaceAddress(c==null?void 0:c.chainType),Y=f.address,je=f.isConnected&&!!Y,J=m!==""&&F!=="",Z=t.useCallback(Ss(async n=>{!n||!Number(n)||!f.address||!(e!=null&&e.address)||!(a!=null&&a.address)||!r||!P||rs({nativeAuthToken:Q??"",body:{tokenIn:e.address,amountIn:n,fromChainId:P,tokenOut:a.address,toChainId:G}})},500),[f.address,P,e==null?void 0:e.address,a==null?void 0:a.address,r]),h=t.useCallback(n=>{ms(()=>n)},[]),_=t.useCallback(n=>{V(()=>n)},[]),qs=t.useCallback(()=>{D==null||D()},[D]),gs=t.useCallback(()=>{const n=As.formatAmount({decimals:e==null?void 0:e.decimals,input:(e==null?void 0:e.balance)??"0",addCommas:!1,digits:4});g.setFieldValue("firstAmount",n),h(n)},[e==null?void 0:e.balance,e==null?void 0:e.decimals,h]),Ie=t.useCallback(async n=>{h(""),_(""),de(),de(),M==null||M(n)},[h,_,M]),ps=()=>{ls(),Xe()};t.useEffect(()=>{const n=le.current;if(le.current=r==null?void 0:r.chainId,!!n&&(r==null?void 0:r.chainId)!==(e==null?void 0:e.chainId)){const p=R==null?void 0:R.find(u=>u.chainId.toString()===(r==null?void 0:r.chainId));if(!p)return;_e(p)}},[r==null?void 0:r.chainId]);const xs=t.useCallback(async({transactions:n,provider:p})=>{var ye,Ae,ke;const u=[];I(!0),z(()=>n.length);try{let A=-1;for(const i of n){++A;try{switch(Ms.resolveSigningChainType(i,c)){case N.ChainType.evm:{const q=await ge.signTransaction({...i,value:BigInt(i.value),gas:BigInt(i.gasLimit),account:Y});if(!q||(u.push({...i,txHash:q}),A===n.length-1||!q))break;const H=await Ns.waitForTransactionReceipt(me,{confirmations:1,hash:q});console.info({transactionReceipt:H,hash:q});break}case N.ChainType.sol:if(!i.instructions||!i.feePayer)break;const oe=await pe.signTransaction({feePayer:i.feePayer,instructions:i.instructions,recentBlockhash:i.recentBlockhash});if(!oe)break;u.push({...i,txHash:oe});break;case N.ChainType.btc:if(!i.bitcoinParams){console.error("No bitcoin params");break}const Cs=await xe.signTransaction(i.bitcoinParams);u.push({...i,txHash:Cs});break;case N.ChainType.sui:{const q=(ye=i.suiParams)==null?void 0:ye.transactionBytes,H=(Ae=i.suiParams)==null?void 0:Ae.sender;if(!q||!H){console.error("No Sui transaction bytes or sender address");break}const we=await fe.signTransaction({transaction:q,address:H});if(!we)break;u.push({...i,suiParams:{...i.suiParams,signature:we}});break}default:k.toast.error("Provider not supported"),I(!1);return}z(()=>n.length-1-A)}catch{k.toast.dismiss(),k.toast.error("Transaction aborted"),x==null||x("Transaction aborted"),I(!1);return}}const{data:ae}=await be({transactions:u,provider:p,url:Ds.getApiURL()??"",token:Q??""}),Ne=((ke=ae.transactions)==null?void 0:ke.map(i=>i.txHash).filter(i=>!!i))??[],Se=u.map(i=>i.txHash).filter(i=>!!i),vs=Ne.length>0?Ne:Se.length>0?Se:ae.batchId?[ae.batchId]:[];Ie(vs),I(!1)}catch(A){console.error(A),k.toast.dismiss(),k.toast.error("Transaction cancelled"),x==null||x("Transaction cancelled"),I(!1),z(0),bs(),h(""),_("")}},[c==null?void 0:c.chainType,Y,me,h,_,Q,Ie,be,xe.signTransaction,ge.signTransaction,pe.signTransaction,fe.signTransaction]),{formik:g,firstAmountError:ee,secondAmountError:se,fromChainError:te,senderAddressError:ne,receiverAddressError:ie,confirmRateError:re,handleBlur:U,handleChange:ve,handleSubmit:fs,resetSwapForm:bs}=S.useBridgeFormik({isMvxConnected:!!l,rate:d,sender:hs??"",receiver:l??"",firstToken:e,firstAmount:m,fromChainId:P,toChainId:G,secondToken:a,secondAmount:F,setForceRefetchRate:Ke,senderChainType:c==null?void 0:c.chainType,receiverChainType:N.ChainType.mvx,onSubmit:xs}),_s=!!(ee||se||te||y||ne||ie||re),js=t.useMemo(()=>m!==""?y??ee:void 0,[ee,m,y]),Is=t.useMemo(()=>F!==""?te??se:void 0,[te,se,F]);return t.useEffect(()=>(m||V(""),Z(m),O&&clearInterval(O),O=setInterval(()=>{Z(m)},50*1e3),()=>clearInterval(O)),[m,$e,Z]),t.useEffect(()=>{d!=null&&d.amountOut&&(g.setFieldValue(S.BridgeFormikValuesEnum.secondAmount,d.amountOut),V(d.amountOut))},[d==null?void 0:d.amountOut]),t.useEffect(()=>{y&&(g.setFieldValue(S.BridgeFormikValuesEnum.secondAmount,"0"),V("0"))},[y]),t.useEffect(()=>{w&&(g.setFieldValue(S.BridgeFormikValuesEnum.firstAmount,w),h(w))},[]),t.useEffect(()=>{j&&(g.setFieldValue(S.BridgeFormikValuesEnum.secondAmount,j),_(j))},[j]),s.jsx(s.Fragment,{children:s.jsxs("form",{ref:ze,noValidate:!0,className:"liq-flex liq-flex-col liq-gap-1 liq-relative",autoComplete:"off",onSubmit:fs,children:[Te&&s.jsx(Ws.BridgeHistory,{mvxAddress:l,onClose:qs}),s.jsxs(Ee.AmountCard,{className:De.mxClsx("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",{"liq-pointer-events-none":W,"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80":!W}),children:[s.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[s.jsx("span",{children:"From"}),s.jsx(Qs.BridgeAccountDisplay,{disabled:B,activeChain:c})]}),ne&&s.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:ne}),s.jsxs("div",{className:"liq-flex liq-justify-between liq-gap-1",children:[s.jsx(Re.AmountInput,{inputName:"firstAmount",inputValue:g.values.firstAmount,amountError:js,disabled:!1,onInputDebounceChange:h,onInputChange:ve,onBlur:U}),s.jsx(Fe.TokenSelector,{name:"firstToken",disabled:B,options:R,areOptionsLoading:K,isMvxSelector:us,isDestination:!1,color:"neutral-850",onChange:_e,onBlur:U,onMaxBtnClick:gs,selectedOption:e,onTokenSelectorDisplay:n=>Qe(n)})]})]}),s.jsx("div",{className:"liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10",children:Ye&&s.jsx(Ks.ToggleDirection,{onChangeDirection:ps})}),s.jsxs(Ee.AmountCard,{className:De.mxClsx("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",{"liq-pointer-events-none":W}),children:[s.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[s.jsx("span",{children:"To"}),s.jsx($s.MvxAccountDisplay,{accountAddress:l,chainIcon:L.safeImageUrl(o==null?void 0:o.pngUrl),username:Ve,accountExplorerUrl:`${he.mvxExplorerAddress}/accounts/${l}`,showTag:!0,onDisconnect:Ge,onConnect:ce})]}),ie&&s.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:ie}),re&&s.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:re}),s.jsxs("div",{className:"liq-flex liq-justify-between liq-gap-1",children:[s.jsx(Re.AmountInput,{inputName:"secondAmount",inputValue:g.values.secondAmount,amountError:Is,disabled:!1,onInputDebounceChange:_,onInputChange:ve,onBlur:U}),s.jsx(Fe.TokenSelector,{name:"secondToken",disabled:B,omitDisableClass:!0,options:os,areOptionsLoading:K,isMvxSelector:ds,color:"neutral-850",onChange:cs,onBlur:U,selectedOption:a})]})]}),s.jsxs("div",{className:"liq-flex liq-items-center liq-justify-center",children:[!l&&s.jsx(zs.MvxConnectButton,{mvxAccountAddress:l,icon:L.safeImageUrl(o==null?void 0:o.pngUrl),onClick:ce}),l&&!je&&s.jsx(Xs.BridgeConnectButton,{className:"liq-w-full liq-rounded-xl liq-bg-neutral-850/50 liq-px-8 liq-py-3 liq-font-semibold liq-text-primary-200 liq-transition-colors liq-duration-200 hover:enabled:liq-bg-primary-700/80 disabled:liq-opacity-50",disabled:B,activeChain:c}),l&&je&&s.jsxs(Gs.MxButton,{type:"submit",variant:"neutral-850",className:"liq-w-full disabled:liq-bg-neutral-850/50 liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",disabled:!J||B||!l||!f.address||_s||E,children:[J&&!E&&s.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[s.jsx("div",{children:"Deposit on "}),s.jsx("img",{src:L.safeImageUrl(o==null?void 0:o.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),s.jsx("div",{children:"MultiversX"})]}),!J&&!E&&s.jsx("span",{className:"liq-text-neutral-100",children:"Enter amount"}),E&&s.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[s.jsx(ys.FontAwesomeIcon,{icon:Bs.faSpinner,spin:!0,className:"liq-mx-1 liq-flex liq-items-center"}),s.jsx("div",{children:"Depositing on"}),s.jsx("img",{src:L.safeImageUrl(o==null?void 0:o.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),s.jsx("div",{children:"MultiversX"})]})]})]}),f.address&&X>0&&s.jsx("div",{className:"liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm",children:s.jsxs("div",{children:["You will be asked to sign ",X," ",X>1?"transactions":"transaction"," ","on your wallet"]})})]})})};exports.Deposit=Ys;
|