@aori/mega-swap-widget 0.1.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/LICENSE +21 -0
- package/README.md +404 -0
- package/dist/AssetSelectionMenu-Y3EB32BT.cjs +13 -0
- package/dist/AssetSelectionMenu-Y3EB32BT.cjs.map +1 -0
- package/dist/AssetSelectionMenu-ZRG42UCZ.js +13 -0
- package/dist/AssetSelectionMenu-ZRG42UCZ.js.map +1 -0
- package/dist/ChainSelectionMenu-FBAPPFKI.cjs +11 -0
- package/dist/ChainSelectionMenu-FBAPPFKI.cjs.map +1 -0
- package/dist/ChainSelectionMenu-QO3H4TNR.js +11 -0
- package/dist/ChainSelectionMenu-QO3H4TNR.js.map +1 -0
- package/dist/SwapFormHorizontal-JDJUDFNX.js +573 -0
- package/dist/SwapFormHorizontal-JDJUDFNX.js.map +1 -0
- package/dist/SwapFormHorizontal-WG3Z3CFT.cjs +573 -0
- package/dist/SwapFormHorizontal-WG3Z3CFT.cjs.map +1 -0
- package/dist/SwapFormSplit-7CHTPLEQ.js +441 -0
- package/dist/SwapFormSplit-7CHTPLEQ.js.map +1 -0
- package/dist/SwapFormSplit-VDDIRQUQ.cjs +441 -0
- package/dist/SwapFormSplit-VDDIRQUQ.cjs.map +1 -0
- package/dist/WalletPlaceholderPanel-7YDQ4FT6.js +57 -0
- package/dist/WalletPlaceholderPanel-7YDQ4FT6.js.map +1 -0
- package/dist/WalletPlaceholderPanel-FZ6XIAMF.cjs +57 -0
- package/dist/WalletPlaceholderPanel-FZ6XIAMF.cjs.map +1 -0
- package/dist/WidgetWalletPanel-D7I5TAU3.js +789 -0
- package/dist/WidgetWalletPanel-D7I5TAU3.js.map +1 -0
- package/dist/WidgetWalletPanel-T7H6FGVN.cjs +789 -0
- package/dist/WidgetWalletPanel-T7H6FGVN.cjs.map +1 -0
- package/dist/chunk-3E6RNP2D.cjs +389 -0
- package/dist/chunk-3E6RNP2D.cjs.map +1 -0
- package/dist/chunk-5TH6MFQD.cjs +122 -0
- package/dist/chunk-5TH6MFQD.cjs.map +1 -0
- package/dist/chunk-5XSCUUOW.js +101 -0
- package/dist/chunk-5XSCUUOW.js.map +1 -0
- package/dist/chunk-6Q7MSCKS.js +2199 -0
- package/dist/chunk-6Q7MSCKS.js.map +1 -0
- package/dist/chunk-6XB5R4GF.cjs +368 -0
- package/dist/chunk-6XB5R4GF.cjs.map +1 -0
- package/dist/chunk-6YLNOZ7P.js +389 -0
- package/dist/chunk-6YLNOZ7P.js.map +1 -0
- package/dist/chunk-7AWG6OWF.js +27 -0
- package/dist/chunk-7AWG6OWF.js.map +1 -0
- package/dist/chunk-ARMW5POL.js +3082 -0
- package/dist/chunk-ARMW5POL.js.map +1 -0
- package/dist/chunk-B3ILUJ7G.cjs +101 -0
- package/dist/chunk-B3ILUJ7G.cjs.map +1 -0
- package/dist/chunk-GGM3MDFM.js +32 -0
- package/dist/chunk-GGM3MDFM.js.map +1 -0
- package/dist/chunk-GZUTUD5O.cjs +2199 -0
- package/dist/chunk-GZUTUD5O.cjs.map +1 -0
- package/dist/chunk-HXOGJSAI.cjs +3082 -0
- package/dist/chunk-HXOGJSAI.cjs.map +1 -0
- package/dist/chunk-LTA7IG3J.js +122 -0
- package/dist/chunk-LTA7IG3J.js.map +1 -0
- package/dist/chunk-NBJPKJBC.cjs +32 -0
- package/dist/chunk-NBJPKJBC.cjs.map +1 -0
- package/dist/chunk-PGYOJ5RB.cjs +27 -0
- package/dist/chunk-PGYOJ5RB.cjs.map +1 -0
- package/dist/chunk-QHW27RMH.js +199 -0
- package/dist/chunk-QHW27RMH.js.map +1 -0
- package/dist/chunk-TMC4SUEV.js +368 -0
- package/dist/chunk-TMC4SUEV.js.map +1 -0
- package/dist/chunk-XQINW7QP.cjs +199 -0
- package/dist/chunk-XQINW7QP.cjs.map +1 -0
- package/dist/index.cjs +1780 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.css +1424 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.cts +555 -0
- package/dist/index.d.ts +555 -0
- package/dist/index.js +1780 -0
- package/dist/index.js.map +1 -0
- package/package.json +82 -0
|
@@ -0,0 +1,368 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
getChainConfig,
|
|
4
|
+
useSwapBalances,
|
|
5
|
+
useTokenPriceWithRefetch,
|
|
6
|
+
useTokenRegistry
|
|
7
|
+
} from "./chunk-6Q7MSCKS.js";
|
|
8
|
+
import {
|
|
9
|
+
useWalletState
|
|
10
|
+
} from "./chunk-7AWG6OWF.js";
|
|
11
|
+
|
|
12
|
+
// src/hooks/useTokenSelection.ts
|
|
13
|
+
import { create } from "zustand";
|
|
14
|
+
import { useCallback, useEffect, useRef } from "react";
|
|
15
|
+
var useTokenSelectionStore = create()((set) => ({
|
|
16
|
+
baseToken: null,
|
|
17
|
+
quoteToken: null,
|
|
18
|
+
setBaseTokenDirect: (token) => set({ baseToken: token }),
|
|
19
|
+
setQuoteTokenDirect: (token) => set({ quoteToken: token }),
|
|
20
|
+
swapTokensDirect: () => set((state) => ({ baseToken: state.quoteToken, quoteToken: state.baseToken }))
|
|
21
|
+
}));
|
|
22
|
+
function useTokenSelection(options) {
|
|
23
|
+
const { data: tokenRegistry, isLoading } = useTokenRegistry();
|
|
24
|
+
const store = useTokenSelectionStore();
|
|
25
|
+
const initializedRef = useRef(false);
|
|
26
|
+
const defaultBase = options?.defaultBaseToken ?? null;
|
|
27
|
+
const defaultQuote = options?.defaultQuoteToken ?? null;
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
if (!tokenRegistry || tokenRegistry.length === 0 || initializedRef.current) return;
|
|
30
|
+
initializedRef.current = true;
|
|
31
|
+
const findInRegistry = (spec) => tokenRegistry.find(
|
|
32
|
+
(t) => t.chainId === spec.chainId && t.address.toLowerCase() === spec.address.toLowerCase()
|
|
33
|
+
) ?? null;
|
|
34
|
+
const base = defaultBase ? findInRegistry(defaultBase) : null;
|
|
35
|
+
const quote = defaultQuote ? findInRegistry(defaultQuote) : null;
|
|
36
|
+
if (base && quote && base.chainId === quote.chainId && base.address.toLowerCase() === quote.address.toLowerCase()) {
|
|
37
|
+
store.setBaseTokenDirect(base);
|
|
38
|
+
store.setQuoteTokenDirect(null);
|
|
39
|
+
} else {
|
|
40
|
+
store.setBaseTokenDirect(base);
|
|
41
|
+
store.setQuoteTokenDirect(quote);
|
|
42
|
+
}
|
|
43
|
+
}, [tokenRegistry, defaultBase, defaultQuote, store]);
|
|
44
|
+
const setBaseToken = useCallback(
|
|
45
|
+
(token) => {
|
|
46
|
+
if (!token) {
|
|
47
|
+
store.setBaseTokenDirect(null);
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
const current = useTokenSelectionStore.getState();
|
|
51
|
+
if (current.quoteToken && token.chainId === current.quoteToken.chainId && token.address.toLowerCase() === current.quoteToken.address.toLowerCase()) {
|
|
52
|
+
store.swapTokensDirect();
|
|
53
|
+
} else {
|
|
54
|
+
store.setBaseTokenDirect(token);
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
[store]
|
|
58
|
+
);
|
|
59
|
+
const setQuoteToken = useCallback(
|
|
60
|
+
(token) => {
|
|
61
|
+
if (!token) {
|
|
62
|
+
store.setQuoteTokenDirect(null);
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
const current = useTokenSelectionStore.getState();
|
|
66
|
+
if (current.baseToken && token.chainId === current.baseToken.chainId && token.address.toLowerCase() === current.baseToken.address.toLowerCase()) {
|
|
67
|
+
store.swapTokensDirect();
|
|
68
|
+
} else {
|
|
69
|
+
store.setQuoteTokenDirect(token);
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
[store]
|
|
73
|
+
);
|
|
74
|
+
const swapTokens = useCallback(() => {
|
|
75
|
+
store.swapTokensDirect();
|
|
76
|
+
}, [store]);
|
|
77
|
+
return {
|
|
78
|
+
baseToken: store.baseToken,
|
|
79
|
+
quoteToken: store.quoteToken,
|
|
80
|
+
setBaseToken,
|
|
81
|
+
setQuoteToken,
|
|
82
|
+
swapTokens,
|
|
83
|
+
isLoading
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
// src/stores/swapUIStore.ts
|
|
88
|
+
import { create as create2 } from "zustand";
|
|
89
|
+
var useWidgetSwapUIStore = create2()((set) => ({
|
|
90
|
+
view: "swap",
|
|
91
|
+
isTransitioning: false,
|
|
92
|
+
transitionType: "navigation",
|
|
93
|
+
selectedChainFilter: null,
|
|
94
|
+
hoveredChainName: null,
|
|
95
|
+
isRecipientInputOpen: false,
|
|
96
|
+
recipient: null,
|
|
97
|
+
hasAllowanceError: false,
|
|
98
|
+
baseAmount: null,
|
|
99
|
+
quoteAmount: null,
|
|
100
|
+
isTrackingTx: false,
|
|
101
|
+
trackingOrderHash: null,
|
|
102
|
+
txStatus: "pending",
|
|
103
|
+
walletTab: "wallet",
|
|
104
|
+
assetSelectionSearch: "",
|
|
105
|
+
assetSelectionChain: "all",
|
|
106
|
+
assetSelectionCategory: "all",
|
|
107
|
+
assetSelectionAddressInput: "",
|
|
108
|
+
recentChainIds: [],
|
|
109
|
+
setView: (view) => set({ view, isTransitioning: true, ...view !== "wallet" && { walletTab: "wallet" } }),
|
|
110
|
+
setWalletTab: (tab) => set({ walletTab: tab }),
|
|
111
|
+
setIsTransitioning: (isTransitioning) => set({ isTransitioning }),
|
|
112
|
+
transitionToView: (view, type = "navigation") => set({ isTransitioning: true, transitionType: type, view, ...view !== "wallet" && { walletTab: "wallet" } }),
|
|
113
|
+
setChainFilter: (filter) => set({ selectedChainFilter: filter }),
|
|
114
|
+
setHoveredChainName: (name) => set({ hoveredChainName: name }),
|
|
115
|
+
toggleRecipientInput: () => set((state) => ({
|
|
116
|
+
isRecipientInputOpen: !state.isRecipientInputOpen,
|
|
117
|
+
recipient: !state.isRecipientInputOpen ? state.recipient : null
|
|
118
|
+
})),
|
|
119
|
+
setRecipient: (recipient) => set({ recipient }),
|
|
120
|
+
setHasAllowanceError: (hasError) => set({ hasAllowanceError: hasError }),
|
|
121
|
+
setBaseAmount: (amount) => set({ baseAmount: amount }),
|
|
122
|
+
setQuoteAmount: (amount) => set({ quoteAmount: amount }),
|
|
123
|
+
clearAmounts: () => set({ baseAmount: null, quoteAmount: null }),
|
|
124
|
+
setIsTrackingTx: (isTracking) => set({ isTrackingTx: isTracking }),
|
|
125
|
+
setTrackingOrderHash: (orderHash) => set({ trackingOrderHash: orderHash }),
|
|
126
|
+
setTxStatus: (status) => set({ txStatus: status }),
|
|
127
|
+
startTracking: (orderHash) => set({ isTrackingTx: true, trackingOrderHash: orderHash, txStatus: "pending" }),
|
|
128
|
+
stopTracking: () => set({ isTrackingTx: false, trackingOrderHash: null, txStatus: "pending" }),
|
|
129
|
+
setAssetSelectionSearch: (query) => set({ assetSelectionSearch: query }),
|
|
130
|
+
setAssetSelectionChain: (chain) => set({ assetSelectionChain: chain }),
|
|
131
|
+
setAssetSelectionCategory: (category) => set({ assetSelectionCategory: category }),
|
|
132
|
+
setAssetSelectionAddressInput: (input) => set({ assetSelectionAddressInput: input }),
|
|
133
|
+
pushRecentChain: (chainId) => set((state) => {
|
|
134
|
+
const MEGAETH_CHAIN_ID = 4326;
|
|
135
|
+
if (chainId === MEGAETH_CHAIN_ID) return state;
|
|
136
|
+
const filtered = state.recentChainIds.filter((id) => id !== chainId);
|
|
137
|
+
return { recentChainIds: [chainId, ...filtered].slice(0, 3) };
|
|
138
|
+
}),
|
|
139
|
+
resetAssetSelection: () => set({
|
|
140
|
+
assetSelectionSearch: "",
|
|
141
|
+
assetSelectionChain: "all",
|
|
142
|
+
assetSelectionCategory: "all",
|
|
143
|
+
assetSelectionAddressInput: ""
|
|
144
|
+
}),
|
|
145
|
+
resetUI: () => set({
|
|
146
|
+
view: "swap",
|
|
147
|
+
isTransitioning: false,
|
|
148
|
+
selectedChainFilter: null,
|
|
149
|
+
hoveredChainName: null,
|
|
150
|
+
isRecipientInputOpen: false,
|
|
151
|
+
recipient: null,
|
|
152
|
+
hasAllowanceError: false,
|
|
153
|
+
baseAmount: null,
|
|
154
|
+
quoteAmount: null,
|
|
155
|
+
isTrackingTx: false,
|
|
156
|
+
trackingOrderHash: null,
|
|
157
|
+
txStatus: "pending",
|
|
158
|
+
walletTab: "wallet",
|
|
159
|
+
assetSelectionSearch: "",
|
|
160
|
+
assetSelectionChain: "all",
|
|
161
|
+
assetSelectionCategory: "all",
|
|
162
|
+
assetSelectionAddressInput: ""
|
|
163
|
+
})
|
|
164
|
+
}));
|
|
165
|
+
|
|
166
|
+
// src/hooks/useSwapForm.ts
|
|
167
|
+
import { useCallback as useCallback2, useMemo } from "react";
|
|
168
|
+
import { parseUnits } from "viem";
|
|
169
|
+
import { useShallow } from "zustand/react/shallow";
|
|
170
|
+
var useSwapForm = (defaultBaseToken, defaultQuoteToken, onBaseTokenChange, onQuoteTokenChange) => {
|
|
171
|
+
const { address: userAddress } = useWalletState();
|
|
172
|
+
const {
|
|
173
|
+
baseToken: baseTokenFromSelection,
|
|
174
|
+
quoteToken: quoteTokenFromSelection,
|
|
175
|
+
setBaseToken: setBaseTokenSelection,
|
|
176
|
+
setQuoteToken: setQuoteTokenSelection,
|
|
177
|
+
swapTokens: swapTokensSelection,
|
|
178
|
+
isLoading: isRegistryLoading
|
|
179
|
+
} = useTokenSelection({ defaultBaseToken, defaultQuoteToken });
|
|
180
|
+
const { baseAmount, quoteAmount, setBaseAmount, setQuoteAmount, clearAmounts } = useWidgetSwapUIStore(
|
|
181
|
+
useShallow((state) => ({
|
|
182
|
+
baseAmount: state.baseAmount,
|
|
183
|
+
quoteAmount: state.quoteAmount,
|
|
184
|
+
setBaseAmount: state.setBaseAmount,
|
|
185
|
+
setQuoteAmount: state.setQuoteAmount,
|
|
186
|
+
clearAmounts: state.clearAmounts
|
|
187
|
+
}))
|
|
188
|
+
);
|
|
189
|
+
const { data: basePriceData } = useTokenPriceWithRefetch(
|
|
190
|
+
baseTokenFromSelection?.address,
|
|
191
|
+
baseTokenFromSelection?.chainId
|
|
192
|
+
);
|
|
193
|
+
const { data: quotePriceData } = useTokenPriceWithRefetch(
|
|
194
|
+
quoteTokenFromSelection?.address,
|
|
195
|
+
quoteTokenFromSelection?.chainId
|
|
196
|
+
);
|
|
197
|
+
const baseToken = useMemo(() => {
|
|
198
|
+
if (!baseTokenFromSelection) return null;
|
|
199
|
+
const livePrice = basePriceData?.price ?? baseTokenFromSelection.price;
|
|
200
|
+
if (livePrice === baseTokenFromSelection.price) return baseTokenFromSelection;
|
|
201
|
+
return { ...baseTokenFromSelection, price: livePrice };
|
|
202
|
+
}, [baseTokenFromSelection, basePriceData?.price]);
|
|
203
|
+
const quoteToken = useMemo(() => {
|
|
204
|
+
if (!quoteTokenFromSelection) return null;
|
|
205
|
+
const livePrice = quotePriceData?.price ?? quoteTokenFromSelection.price;
|
|
206
|
+
if (livePrice === quoteTokenFromSelection.price) return quoteTokenFromSelection;
|
|
207
|
+
return { ...quoteTokenFromSelection, price: livePrice };
|
|
208
|
+
}, [quoteTokenFromSelection, quotePriceData?.price]);
|
|
209
|
+
const {
|
|
210
|
+
baseBalance: swapBaseBalance,
|
|
211
|
+
quoteBalance: swapQuoteBalance,
|
|
212
|
+
isLoading: isSwapBalanceLoading
|
|
213
|
+
} = useSwapBalances(userAddress, baseToken, quoteToken);
|
|
214
|
+
const baseBalanceData = useMemo(() => {
|
|
215
|
+
if (!swapBaseBalance || swapBaseBalance.raw === "0") return null;
|
|
216
|
+
return swapBaseBalance;
|
|
217
|
+
}, [swapBaseBalance]);
|
|
218
|
+
const quoteBalanceData = useMemo(() => {
|
|
219
|
+
if (!swapQuoteBalance || swapQuoteBalance.raw === "0") return null;
|
|
220
|
+
return swapQuoteBalance;
|
|
221
|
+
}, [swapQuoteBalance]);
|
|
222
|
+
const isBaseGasToken = useMemo(() => {
|
|
223
|
+
if (!baseToken?.chainId) return false;
|
|
224
|
+
const config = getChainConfig(baseToken.chainId);
|
|
225
|
+
return baseToken.address.toLowerCase() === config?.gasToken.address?.toLowerCase();
|
|
226
|
+
}, [baseToken]);
|
|
227
|
+
const isQuoteGasToken = useMemo(() => {
|
|
228
|
+
if (!quoteToken?.chainId) return false;
|
|
229
|
+
const config = getChainConfig(quoteToken.chainId);
|
|
230
|
+
return quoteToken.address.toLowerCase() === config?.gasToken.address?.toLowerCase();
|
|
231
|
+
}, [quoteToken]);
|
|
232
|
+
const isWrappingPair = useMemo(() => {
|
|
233
|
+
if (!isBaseGasToken || !baseToken?.chainId || !quoteToken) return false;
|
|
234
|
+
if (baseToken.chainId !== quoteToken.chainId) return false;
|
|
235
|
+
if (baseToken.chainId === 988) return false;
|
|
236
|
+
const config = getChainConfig(baseToken.chainId);
|
|
237
|
+
return quoteToken.address.toLowerCase() === config?.wrappedAsset.address?.toLowerCase();
|
|
238
|
+
}, [isBaseGasToken, baseToken, quoteToken]);
|
|
239
|
+
const isUnwrappingPair = useMemo(() => {
|
|
240
|
+
if (!baseToken?.chainId || !quoteToken || !isQuoteGasToken) return false;
|
|
241
|
+
if (baseToken.chainId !== quoteToken.chainId) return false;
|
|
242
|
+
if (baseToken.chainId === 988) return false;
|
|
243
|
+
const config = getChainConfig(baseToken.chainId);
|
|
244
|
+
return baseToken.address.toLowerCase() === config?.wrappedAsset.address?.toLowerCase();
|
|
245
|
+
}, [baseToken, quoteToken, isQuoteGasToken]);
|
|
246
|
+
const baseBalance = useMemo(
|
|
247
|
+
() => ({ raw: baseBalanceData?.raw ?? "0", formatted: baseBalanceData?.formatted ?? "0" }),
|
|
248
|
+
[baseBalanceData]
|
|
249
|
+
);
|
|
250
|
+
const quoteBalance = useMemo(
|
|
251
|
+
() => ({ raw: quoteBalanceData?.raw ?? "0", formatted: quoteBalanceData?.formatted ?? "0" }),
|
|
252
|
+
[quoteBalanceData]
|
|
253
|
+
);
|
|
254
|
+
const baseAmountRaw = useMemo(() => {
|
|
255
|
+
if (!baseToken || typeof baseAmount !== "number") return null;
|
|
256
|
+
if (baseToken.decimals === void 0 || baseToken.decimals === null) return null;
|
|
257
|
+
return parseUnits(baseAmount.toFixed(baseToken.decimals), baseToken.decimals).toString();
|
|
258
|
+
}, [baseToken, baseAmount]);
|
|
259
|
+
const quoteAmountRaw = useMemo(() => {
|
|
260
|
+
if (!quoteToken || typeof quoteAmount !== "number") return null;
|
|
261
|
+
if (quoteToken.decimals === void 0 || quoteToken.decimals === null) return null;
|
|
262
|
+
return parseUnits(quoteAmount.toFixed(quoteToken.decimals), quoteToken.decimals).toString();
|
|
263
|
+
}, [quoteToken, quoteAmount]);
|
|
264
|
+
const handleSetBaseToken = useCallback2(
|
|
265
|
+
async (asset) => {
|
|
266
|
+
setBaseTokenSelection(asset);
|
|
267
|
+
setQuoteAmount(null);
|
|
268
|
+
onBaseTokenChange?.(asset);
|
|
269
|
+
},
|
|
270
|
+
[setBaseTokenSelection, setQuoteAmount, onBaseTokenChange]
|
|
271
|
+
);
|
|
272
|
+
const handleSetQuoteToken = useCallback2(
|
|
273
|
+
async (asset) => {
|
|
274
|
+
setQuoteTokenSelection(asset);
|
|
275
|
+
onQuoteTokenChange?.(asset);
|
|
276
|
+
},
|
|
277
|
+
[setQuoteTokenSelection, onQuoteTokenChange]
|
|
278
|
+
);
|
|
279
|
+
const handleSetBaseAmount = useCallback2(
|
|
280
|
+
(value) => setBaseAmount(value),
|
|
281
|
+
[setBaseAmount]
|
|
282
|
+
);
|
|
283
|
+
const handleSetQuoteAmount = useCallback2(
|
|
284
|
+
(value) => setQuoteAmount(value),
|
|
285
|
+
[setQuoteAmount]
|
|
286
|
+
);
|
|
287
|
+
const handleSwapTokens = useCallback2(() => {
|
|
288
|
+
swapTokensSelection();
|
|
289
|
+
if (quoteTokenFromSelection) onBaseTokenChange?.(quoteTokenFromSelection);
|
|
290
|
+
if (baseTokenFromSelection) onQuoteTokenChange?.(baseTokenFromSelection);
|
|
291
|
+
}, [swapTokensSelection, baseTokenFromSelection, quoteTokenFromSelection, onBaseTokenChange, onQuoteTokenChange]);
|
|
292
|
+
const handleClearForm = useCallback2(() => clearAmounts(), [clearAmounts]);
|
|
293
|
+
return {
|
|
294
|
+
baseToken,
|
|
295
|
+
baseAmount,
|
|
296
|
+
quoteToken,
|
|
297
|
+
quoteAmount,
|
|
298
|
+
isBaseGasToken,
|
|
299
|
+
isQuoteGasToken,
|
|
300
|
+
isWrappingPair,
|
|
301
|
+
isUnwrappingPair,
|
|
302
|
+
baseBalance,
|
|
303
|
+
quoteBalance,
|
|
304
|
+
baseAmountRaw,
|
|
305
|
+
quoteAmountRaw,
|
|
306
|
+
isBaseBalanceLoading: isSwapBalanceLoading,
|
|
307
|
+
isQuoteBalanceLoading: isSwapBalanceLoading,
|
|
308
|
+
isRegistryLoading,
|
|
309
|
+
setBaseToken: handleSetBaseToken,
|
|
310
|
+
setQuoteToken: handleSetQuoteToken,
|
|
311
|
+
setBaseAmount: handleSetBaseAmount,
|
|
312
|
+
setQuoteAmount: handleSetQuoteAmount,
|
|
313
|
+
swapTokens: handleSwapTokens,
|
|
314
|
+
clearForm: handleClearForm
|
|
315
|
+
};
|
|
316
|
+
};
|
|
317
|
+
|
|
318
|
+
// src/providers/SwapFormProvider.tsx
|
|
319
|
+
import { createContext, useContext, useMemo as useMemo2 } from "react";
|
|
320
|
+
import { jsx } from "react/jsx-runtime";
|
|
321
|
+
var SwapFormContext = createContext(null);
|
|
322
|
+
var SwapFormProvider = ({ children, defaultBaseToken, defaultQuoteToken, onBaseTokenChange, onQuoteTokenChange }) => {
|
|
323
|
+
const swapForm = useSwapForm(defaultBaseToken, defaultQuoteToken, onBaseTokenChange, onQuoteTokenChange);
|
|
324
|
+
const value = useMemo2(
|
|
325
|
+
() => swapForm,
|
|
326
|
+
[
|
|
327
|
+
swapForm.baseToken,
|
|
328
|
+
swapForm.quoteToken,
|
|
329
|
+
swapForm.baseAmount,
|
|
330
|
+
swapForm.quoteAmount,
|
|
331
|
+
swapForm.isBaseGasToken,
|
|
332
|
+
swapForm.isQuoteGasToken,
|
|
333
|
+
swapForm.isWrappingPair,
|
|
334
|
+
swapForm.isUnwrappingPair,
|
|
335
|
+
swapForm.baseBalance,
|
|
336
|
+
swapForm.quoteBalance,
|
|
337
|
+
swapForm.baseAmountRaw,
|
|
338
|
+
swapForm.quoteAmountRaw,
|
|
339
|
+
swapForm.isBaseBalanceLoading,
|
|
340
|
+
swapForm.isQuoteBalanceLoading,
|
|
341
|
+
swapForm.setBaseToken,
|
|
342
|
+
swapForm.setQuoteToken,
|
|
343
|
+
swapForm.setBaseAmount,
|
|
344
|
+
swapForm.setQuoteAmount,
|
|
345
|
+
swapForm.swapTokens,
|
|
346
|
+
swapForm.clearForm,
|
|
347
|
+
swapForm.isRegistryLoading
|
|
348
|
+
]
|
|
349
|
+
);
|
|
350
|
+
return /* @__PURE__ */ jsx(SwapFormContext.Provider, { value, children });
|
|
351
|
+
};
|
|
352
|
+
var useSwapFormContext = () => {
|
|
353
|
+
const ctx = useContext(SwapFormContext);
|
|
354
|
+
if (!ctx) {
|
|
355
|
+
throw new Error("useSwapFormContext must be used within SwapFormProvider");
|
|
356
|
+
}
|
|
357
|
+
return ctx;
|
|
358
|
+
};
|
|
359
|
+
|
|
360
|
+
export {
|
|
361
|
+
useTokenSelectionStore,
|
|
362
|
+
useTokenSelection,
|
|
363
|
+
useWidgetSwapUIStore,
|
|
364
|
+
useSwapForm,
|
|
365
|
+
SwapFormProvider,
|
|
366
|
+
useSwapFormContext
|
|
367
|
+
};
|
|
368
|
+
//# sourceMappingURL=chunk-TMC4SUEV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/hooks/useTokenSelection.ts","../src/stores/swapUIStore.ts","../src/hooks/useSwapForm.ts","../src/providers/SwapFormProvider.tsx"],"sourcesContent":["'use client';\n\nimport { type Asset, useTokenRegistry } from '../internal';\nimport { create } from 'zustand';\nimport { useCallback, useEffect, useRef } from 'react';\n\n\ninterface TokenSelectionState {\n baseToken: Asset | null;\n quoteToken: Asset | null;\n setBaseTokenDirect: (token: Asset | null) => void;\n setQuoteTokenDirect: (token: Asset | null) => void;\n swapTokensDirect: () => void;\n}\n\nexport const useTokenSelectionStore = create<TokenSelectionState>()((set) => ({\n baseToken: null,\n quoteToken: null,\n setBaseTokenDirect: (token) => set({ baseToken: token }),\n setQuoteTokenDirect: (token) => set({ quoteToken: token }),\n swapTokensDirect: () =>\n set((state) => ({ baseToken: state.quoteToken, quoteToken: state.baseToken })),\n}));\n\ninterface UseTokenSelectionOptions {\n defaultBaseToken?: { chainId: number; address: string };\n defaultQuoteToken?: { chainId: number; address: string };\n}\n\nexport function useTokenSelection(options?: UseTokenSelectionOptions) {\n const { data: tokenRegistry, isLoading } = useTokenRegistry();\n const store = useTokenSelectionStore();\n const initializedRef = useRef(false);\n\n const defaultBase = options?.defaultBaseToken ?? null;\n const defaultQuote = options?.defaultQuoteToken ?? null;\n\n useEffect(() => {\n if (!tokenRegistry || tokenRegistry.length === 0 || initializedRef.current) return;\n initializedRef.current = true;\n\n const findInRegistry = (spec: { chainId: number; address: string }): Asset | null =>\n tokenRegistry.find(\n (t) => t.chainId === spec.chainId && t.address.toLowerCase() === spec.address.toLowerCase(),\n ) ?? null;\n\n const base = defaultBase ? findInRegistry(defaultBase) : null;\n const quote = defaultQuote ? findInRegistry(defaultQuote) : null;\n\n if (base && quote && base.chainId === quote.chainId &&\n base.address.toLowerCase() === quote.address.toLowerCase()) {\n store.setBaseTokenDirect(base);\n store.setQuoteTokenDirect(null);\n } else {\n store.setBaseTokenDirect(base);\n store.setQuoteTokenDirect(quote);\n }\n }, [tokenRegistry, defaultBase, defaultQuote, store]);\n\n const setBaseToken = useCallback(\n (token: Asset | null) => {\n if (!token) { store.setBaseTokenDirect(null); return; }\n const current = useTokenSelectionStore.getState();\n if (current.quoteToken && token.chainId === current.quoteToken.chainId &&\n token.address.toLowerCase() === current.quoteToken.address.toLowerCase()) {\n store.swapTokensDirect();\n } else {\n store.setBaseTokenDirect(token);\n }\n },\n [store],\n );\n\n const setQuoteToken = useCallback(\n (token: Asset | null) => {\n if (!token) { store.setQuoteTokenDirect(null); return; }\n const current = useTokenSelectionStore.getState();\n if (current.baseToken && token.chainId === current.baseToken.chainId &&\n token.address.toLowerCase() === current.baseToken.address.toLowerCase()) {\n store.swapTokensDirect();\n } else {\n store.setQuoteTokenDirect(token);\n }\n },\n [store],\n );\n\n const swapTokens = useCallback(() => {\n store.swapTokensDirect();\n }, [store]);\n\n return {\n baseToken: store.baseToken,\n quoteToken: store.quoteToken,\n setBaseToken,\n setQuoteToken,\n swapTokens,\n isLoading,\n };\n}\n","'use client';\n\nimport { create } from 'zustand';\nimport type {\n SupportedChainId,\n TokenSelectCategory,\n} from '../internal';\n\nexport type ToastStatus =\n | 'pending'\n | 'received'\n | 'completed'\n | 'failed'\n | 'cancelled';\n\nexport type WidgetView =\n | 'swap'\n | 'wallet'\n | 'baseSelection'\n | 'quoteSelection'\n | 'baseChainSelection'\n | 'quoteChainSelection';\n\nexport type TransitionType =\n | 'navigation'\n | 'tokenSelection'\n | 'chainSelection';\n\ninterface WidgetSwapUIState {\n view: WidgetView;\n isTransitioning: boolean;\n transitionType: TransitionType;\n\n selectedChainFilter: {\n chainId: SupportedChainId;\n side: 'base' | 'quote';\n } | null;\n hoveredChainName: string | null;\n\n isRecipientInputOpen: boolean;\n recipient: string | null;\n\n baseAmount: number | null;\n quoteAmount: number | null;\n\n hasAllowanceError: boolean;\n\n isTrackingTx: boolean;\n trackingOrderHash: string | null;\n txStatus: ToastStatus;\n\n walletTab: 'wallet' | 'activity';\n\n assetSelectionSearch: string;\n assetSelectionChain: SupportedChainId | 'all';\n assetSelectionCategory: TokenSelectCategory;\n assetSelectionAddressInput: string;\n recentChainIds: SupportedChainId[];\n\n setView: (view: WidgetView) => void;\n setWalletTab: (tab: 'wallet' | 'activity') => void;\n setIsTransitioning: (isTransitioning: boolean) => void;\n transitionToView: (view: WidgetView, type?: TransitionType) => void;\n setChainFilter: (\n filter: { chainId: SupportedChainId; side: 'base' | 'quote' } | null,\n ) => void;\n setHoveredChainName: (name: string | null) => void;\n toggleRecipientInput: () => void;\n setRecipient: (recipient: string | null) => void;\n setHasAllowanceError: (hasError: boolean) => void;\n\n setBaseAmount: (amount: number | null) => void;\n setQuoteAmount: (amount: number | null) => void;\n clearAmounts: () => void;\n\n setIsTrackingTx: (isTracking: boolean) => void;\n setTrackingOrderHash: (orderHash: string | null) => void;\n setTxStatus: (status: ToastStatus) => void;\n startTracking: (orderHash: string) => void;\n stopTracking: () => void;\n\n setAssetSelectionSearch: (query: string) => void;\n setAssetSelectionChain: (chain: SupportedChainId | 'all') => void;\n setAssetSelectionCategory: (category: TokenSelectCategory) => void;\n setAssetSelectionAddressInput: (input: string) => void;\n pushRecentChain: (chainId: SupportedChainId) => void;\n resetAssetSelection: () => void;\n\n resetUI: () => void;\n}\n\nexport const useWidgetSwapUIStore = create<WidgetSwapUIState>()((set) => ({\n view: 'swap',\n isTransitioning: false,\n transitionType: 'navigation',\n selectedChainFilter: null,\n hoveredChainName: null,\n isRecipientInputOpen: false,\n recipient: null,\n hasAllowanceError: false,\n baseAmount: null,\n quoteAmount: null,\n isTrackingTx: false,\n trackingOrderHash: null,\n txStatus: 'pending',\n walletTab: 'wallet',\n assetSelectionSearch: '',\n assetSelectionChain: 'all',\n assetSelectionCategory: 'all',\n assetSelectionAddressInput: '',\n recentChainIds: [],\n\n setView: (view) => set({ view, isTransitioning: true, ...(view !== 'wallet' && { walletTab: 'wallet' }) }),\n setWalletTab: (tab) => set({ walletTab: tab }),\n setIsTransitioning: (isTransitioning) => set({ isTransitioning }),\n transitionToView: (view, type = 'navigation') =>\n set({ isTransitioning: true, transitionType: type, view, ...(view !== 'wallet' && { walletTab: 'wallet' }) }),\n\n setChainFilter: (filter) => set({ selectedChainFilter: filter }),\n setHoveredChainName: (name) => set({ hoveredChainName: name }),\n\n toggleRecipientInput: () =>\n set((state) => ({\n isRecipientInputOpen: !state.isRecipientInputOpen,\n recipient: !state.isRecipientInputOpen ? state.recipient : null,\n })),\n\n setRecipient: (recipient) => set({ recipient }),\n setHasAllowanceError: (hasError) => set({ hasAllowanceError: hasError }),\n\n setBaseAmount: (amount) => set({ baseAmount: amount }),\n setQuoteAmount: (amount) => set({ quoteAmount: amount }),\n clearAmounts: () => set({ baseAmount: null, quoteAmount: null }),\n\n setIsTrackingTx: (isTracking) => set({ isTrackingTx: isTracking }),\n setTrackingOrderHash: (orderHash) => set({ trackingOrderHash: orderHash }),\n setTxStatus: (status) => set({ txStatus: status }),\n startTracking: (orderHash) =>\n set({ isTrackingTx: true, trackingOrderHash: orderHash, txStatus: 'pending' }),\n stopTracking: () =>\n set({ isTrackingTx: false, trackingOrderHash: null, txStatus: 'pending' }),\n\n setAssetSelectionSearch: (query) => set({ assetSelectionSearch: query }),\n setAssetSelectionChain: (chain) => set({ assetSelectionChain: chain }),\n setAssetSelectionCategory: (category) => set({ assetSelectionCategory: category }),\n setAssetSelectionAddressInput: (input) => set({ assetSelectionAddressInput: input }),\n\n pushRecentChain: (chainId) =>\n set((state) => {\n const MEGAETH_CHAIN_ID = 4326;\n if ((chainId as number) === MEGAETH_CHAIN_ID) return state;\n const filtered = state.recentChainIds.filter((id) => id !== chainId);\n return { recentChainIds: [chainId, ...filtered].slice(0, 3) };\n }),\n\n resetAssetSelection: () =>\n set({\n assetSelectionSearch: '',\n assetSelectionChain: 'all',\n assetSelectionCategory: 'all',\n assetSelectionAddressInput: '',\n }),\n\n resetUI: () =>\n set({\n view: 'swap',\n isTransitioning: false,\n selectedChainFilter: null,\n hoveredChainName: null,\n isRecipientInputOpen: false,\n recipient: null,\n hasAllowanceError: false,\n baseAmount: null,\n quoteAmount: null,\n isTrackingTx: false,\n trackingOrderHash: null,\n txStatus: 'pending',\n walletTab: 'wallet',\n assetSelectionSearch: '',\n assetSelectionChain: 'all',\n assetSelectionCategory: 'all',\n assetSelectionAddressInput: '',\n }),\n}));\n","'use client';\n\nimport { useTokenSelection } from './useTokenSelection';\nimport { useWidgetSwapUIStore } from '../stores/swapUIStore';\nimport type { Asset } from '../internal/types';\nimport { getChainConfig } from '../internal/chainsConfig';\nimport { useTokenPriceWithRefetch } from '../internal/queries/tokens/hooks';\nimport { useSwapBalances } from '../internal/queries/balances/hooks';\nimport { useWalletState } from '../wallet/useWalletState';\nimport { useCallback, useMemo } from 'react';\nimport { parseUnits } from 'viem';\nimport { useShallow } from 'zustand/react/shallow';\n\nexport const useSwapForm = (\n defaultBaseToken?: { chainId: number; address: string },\n defaultQuoteToken?: { chainId: number; address: string },\n onBaseTokenChange?: (token: Asset) => void,\n onQuoteTokenChange?: (token: Asset) => void,\n) => {\n const { address: userAddress } = useWalletState();\n const {\n baseToken: baseTokenFromSelection,\n quoteToken: quoteTokenFromSelection,\n setBaseToken: setBaseTokenSelection,\n setQuoteToken: setQuoteTokenSelection,\n swapTokens: swapTokensSelection,\n isLoading: isRegistryLoading,\n } = useTokenSelection({ defaultBaseToken, defaultQuoteToken });\n\n const { baseAmount, quoteAmount, setBaseAmount, setQuoteAmount, clearAmounts } =\n useWidgetSwapUIStore(\n useShallow((state) => ({\n baseAmount: state.baseAmount,\n quoteAmount: state.quoteAmount,\n setBaseAmount: state.setBaseAmount,\n setQuoteAmount: state.setQuoteAmount,\n clearAmounts: state.clearAmounts,\n })),\n );\n\n const { data: basePriceData } = useTokenPriceWithRefetch(\n baseTokenFromSelection?.address,\n baseTokenFromSelection?.chainId,\n );\n\n const { data: quotePriceData } = useTokenPriceWithRefetch(\n quoteTokenFromSelection?.address,\n quoteTokenFromSelection?.chainId,\n );\n\n const baseToken = useMemo(() => {\n if (!baseTokenFromSelection) return null;\n const livePrice = basePriceData?.price ?? baseTokenFromSelection.price;\n if (livePrice === baseTokenFromSelection.price) return baseTokenFromSelection;\n return { ...baseTokenFromSelection, price: livePrice };\n }, [baseTokenFromSelection, basePriceData?.price]);\n\n const quoteToken = useMemo(() => {\n if (!quoteTokenFromSelection) return null;\n const livePrice = quotePriceData?.price ?? quoteTokenFromSelection.price;\n if (livePrice === quoteTokenFromSelection.price) return quoteTokenFromSelection;\n return { ...quoteTokenFromSelection, price: livePrice };\n }, [quoteTokenFromSelection, quotePriceData?.price]);\n\n const {\n baseBalance: swapBaseBalance,\n quoteBalance: swapQuoteBalance,\n isLoading: isSwapBalanceLoading,\n } = useSwapBalances(userAddress, baseToken, quoteToken);\n\n const baseBalanceData = useMemo(() => {\n if (!swapBaseBalance || swapBaseBalance.raw === '0') return null;\n return swapBaseBalance;\n }, [swapBaseBalance]);\n\n const quoteBalanceData = useMemo(() => {\n if (!swapQuoteBalance || swapQuoteBalance.raw === '0') return null;\n return swapQuoteBalance;\n }, [swapQuoteBalance]);\n\n const isBaseGasToken = useMemo(() => {\n if (!baseToken?.chainId) return false;\n const config = getChainConfig(baseToken.chainId);\n return baseToken.address.toLowerCase() === config?.gasToken.address?.toLowerCase();\n }, [baseToken]);\n\n const isQuoteGasToken = useMemo(() => {\n if (!quoteToken?.chainId) return false;\n const config = getChainConfig(quoteToken.chainId);\n return quoteToken.address.toLowerCase() === config?.gasToken.address?.toLowerCase();\n }, [quoteToken]);\n\n const isWrappingPair = useMemo(() => {\n if (!isBaseGasToken || !baseToken?.chainId || !quoteToken) return false;\n if (baseToken.chainId !== quoteToken.chainId) return false;\n if (baseToken.chainId === 988) return false;\n const config = getChainConfig(baseToken.chainId);\n return quoteToken.address.toLowerCase() === config?.wrappedAsset.address?.toLowerCase();\n }, [isBaseGasToken, baseToken, quoteToken]);\n\n const isUnwrappingPair = useMemo(() => {\n if (!baseToken?.chainId || !quoteToken || !isQuoteGasToken) return false;\n if (baseToken.chainId !== quoteToken.chainId) return false;\n if (baseToken.chainId === 988) return false;\n const config = getChainConfig(baseToken.chainId);\n return baseToken.address.toLowerCase() === config?.wrappedAsset.address?.toLowerCase();\n }, [baseToken, quoteToken, isQuoteGasToken]);\n\n const baseBalance = useMemo(\n () => ({ raw: baseBalanceData?.raw ?? '0', formatted: baseBalanceData?.formatted ?? '0' }),\n [baseBalanceData],\n );\n\n const quoteBalance = useMemo(\n () => ({ raw: quoteBalanceData?.raw ?? '0', formatted: quoteBalanceData?.formatted ?? '0' }),\n [quoteBalanceData],\n );\n\n const baseAmountRaw = useMemo(() => {\n if (!baseToken || typeof baseAmount !== 'number') return null;\n if (baseToken.decimals === undefined || baseToken.decimals === null) return null;\n return parseUnits(baseAmount.toFixed(baseToken.decimals), baseToken.decimals).toString();\n }, [baseToken, baseAmount]);\n\n const quoteAmountRaw = useMemo(() => {\n if (!quoteToken || typeof quoteAmount !== 'number') return null;\n if (quoteToken.decimals === undefined || quoteToken.decimals === null) return null;\n return parseUnits(quoteAmount.toFixed(quoteToken.decimals), quoteToken.decimals).toString();\n }, [quoteToken, quoteAmount]);\n\n const handleSetBaseToken = useCallback(\n async (asset: Asset) => {\n setBaseTokenSelection(asset);\n setQuoteAmount(null);\n onBaseTokenChange?.(asset);\n },\n [setBaseTokenSelection, setQuoteAmount, onBaseTokenChange],\n );\n\n const handleSetQuoteToken = useCallback(\n async (asset: Asset) => {\n setQuoteTokenSelection(asset);\n onQuoteTokenChange?.(asset);\n },\n [setQuoteTokenSelection, onQuoteTokenChange],\n );\n\n const handleSetBaseAmount = useCallback(\n (value: number | null) => setBaseAmount(value),\n [setBaseAmount],\n );\n\n const handleSetQuoteAmount = useCallback(\n (value: number | null) => setQuoteAmount(value),\n [setQuoteAmount],\n );\n\n const handleSwapTokens = useCallback(() => {\n swapTokensSelection();\n // After swap: old-quote → new-base, old-base → new-quote\n if (quoteTokenFromSelection) onBaseTokenChange?.(quoteTokenFromSelection);\n if (baseTokenFromSelection) onQuoteTokenChange?.(baseTokenFromSelection);\n }, [swapTokensSelection, baseTokenFromSelection, quoteTokenFromSelection, onBaseTokenChange, onQuoteTokenChange]);\n const handleClearForm = useCallback(() => clearAmounts(), [clearAmounts]);\n\n return {\n baseToken,\n baseAmount,\n quoteToken,\n quoteAmount,\n isBaseGasToken,\n isQuoteGasToken,\n isWrappingPair,\n isUnwrappingPair,\n baseBalance,\n quoteBalance,\n baseAmountRaw,\n quoteAmountRaw,\n isBaseBalanceLoading: isSwapBalanceLoading,\n isQuoteBalanceLoading: isSwapBalanceLoading,\n isRegistryLoading,\n setBaseToken: handleSetBaseToken,\n setQuoteToken: handleSetQuoteToken,\n setBaseAmount: handleSetBaseAmount,\n setQuoteAmount: handleSetQuoteAmount,\n swapTokens: handleSwapTokens,\n clearForm: handleClearForm,\n };\n};\n","'use client';\n\nimport { useSwapForm } from '../hooks/useSwapForm';\nimport { type ReactNode, createContext, useContext, useMemo } from 'react';\nimport type { Asset } from '../internal';\n\ntype SwapFormData = ReturnType<typeof useSwapForm>;\n\nconst SwapFormContext = createContext<SwapFormData | null>(null);\n\ninterface SwapFormProviderProps {\n children: ReactNode;\n defaultBaseToken?: { chainId: number; address: string };\n defaultQuoteToken?: { chainId: number; address: string };\n onBaseTokenChange?: (token: Asset) => void;\n onQuoteTokenChange?: (token: Asset) => void;\n}\n\nexport const SwapFormProvider = ({ children, defaultBaseToken, defaultQuoteToken, onBaseTokenChange, onQuoteTokenChange }: SwapFormProviderProps) => {\n const swapForm = useSwapForm(defaultBaseToken, defaultQuoteToken, onBaseTokenChange, onQuoteTokenChange);\n\n const value = useMemo(\n () => swapForm,\n [\n swapForm.baseToken,\n swapForm.quoteToken,\n swapForm.baseAmount,\n swapForm.quoteAmount,\n swapForm.isBaseGasToken,\n swapForm.isQuoteGasToken,\n swapForm.isWrappingPair,\n swapForm.isUnwrappingPair,\n swapForm.baseBalance,\n swapForm.quoteBalance,\n swapForm.baseAmountRaw,\n swapForm.quoteAmountRaw,\n swapForm.isBaseBalanceLoading,\n swapForm.isQuoteBalanceLoading,\n swapForm.setBaseToken,\n swapForm.setQuoteToken,\n swapForm.setBaseAmount,\n swapForm.setQuoteAmount,\n swapForm.swapTokens,\n swapForm.clearForm,\n swapForm.isRegistryLoading,\n ],\n );\n\n return (\n <SwapFormContext.Provider value={value}>\n {children}\n </SwapFormContext.Provider>\n );\n};\n\nexport const useSwapFormContext = () => {\n const ctx = useContext(SwapFormContext);\n if (!ctx) {\n throw new Error('useSwapFormContext must be used within SwapFormProvider');\n }\n return ctx;\n};\n"],"mappings":";;;;;;;;;;;;AAGA,SAAS,cAAc;AACvB,SAAS,aAAa,WAAW,cAAc;AAWxC,IAAM,yBAAyB,OAA4B,EAAE,CAAC,SAAS;AAAA,EAC5E,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,oBAAoB,CAAC,UAAU,IAAI,EAAE,WAAW,MAAM,CAAC;AAAA,EACvD,qBAAqB,CAAC,UAAU,IAAI,EAAE,YAAY,MAAM,CAAC;AAAA,EACzD,kBAAkB,MAChB,IAAI,CAAC,WAAW,EAAE,WAAW,MAAM,YAAY,YAAY,MAAM,UAAU,EAAE;AACjF,EAAE;AAOK,SAAS,kBAAkB,SAAoC;AACpE,QAAM,EAAE,MAAM,eAAe,UAAU,IAAI,iBAAiB;AAC5D,QAAM,QAAQ,uBAAuB;AACrC,QAAM,iBAAiB,OAAO,KAAK;AAEnC,QAAM,cAAc,SAAS,oBAAoB;AACjD,QAAM,eAAe,SAAS,qBAAqB;AAEnD,YAAU,MAAM;AACd,QAAI,CAAC,iBAAiB,cAAc,WAAW,KAAK,eAAe,QAAS;AAC5E,mBAAe,UAAU;AAEzB,UAAM,iBAAiB,CAAC,SACtB,cAAc;AAAA,MACZ,CAAC,MAAM,EAAE,YAAY,KAAK,WAAW,EAAE,QAAQ,YAAY,MAAM,KAAK,QAAQ,YAAY;AAAA,IAC5F,KAAK;AAEP,UAAM,OAAO,cAAc,eAAe,WAAW,IAAI;AACzD,UAAM,QAAQ,eAAe,eAAe,YAAY,IAAI;AAE5D,QAAI,QAAQ,SAAS,KAAK,YAAY,MAAM,WACxC,KAAK,QAAQ,YAAY,MAAM,MAAM,QAAQ,YAAY,GAAG;AAC9D,YAAM,mBAAmB,IAAI;AAC7B,YAAM,oBAAoB,IAAI;AAAA,IAChC,OAAO;AACL,YAAM,mBAAmB,IAAI;AAC7B,YAAM,oBAAoB,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,eAAe,aAAa,cAAc,KAAK,CAAC;AAEpD,QAAM,eAAe;AAAA,IACnB,CAAC,UAAwB;AACvB,UAAI,CAAC,OAAO;AAAE,cAAM,mBAAmB,IAAI;AAAG;AAAA,MAAQ;AACtD,YAAM,UAAU,uBAAuB,SAAS;AAChD,UAAI,QAAQ,cAAc,MAAM,YAAY,QAAQ,WAAW,WAC3D,MAAM,QAAQ,YAAY,MAAM,QAAQ,WAAW,QAAQ,YAAY,GAAG;AAC5E,cAAM,iBAAiB;AAAA,MACzB,OAAO;AACL,cAAM,mBAAmB,KAAK;AAAA,MAChC;AAAA,IACF;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAAwB;AACvB,UAAI,CAAC,OAAO;AAAE,cAAM,oBAAoB,IAAI;AAAG;AAAA,MAAQ;AACvD,YAAM,UAAU,uBAAuB,SAAS;AAChD,UAAI,QAAQ,aAAa,MAAM,YAAY,QAAQ,UAAU,WACzD,MAAM,QAAQ,YAAY,MAAM,QAAQ,UAAU,QAAQ,YAAY,GAAG;AAC3E,cAAM,iBAAiB;AAAA,MACzB,OAAO;AACL,cAAM,oBAAoB,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,aAAa,YAAY,MAAM;AACnC,UAAM,iBAAiB;AAAA,EACzB,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AAAA,IACL,WAAW,MAAM;AAAA,IACjB,YAAY,MAAM;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;ACjGA,SAAS,UAAAA,eAAc;AAyFhB,IAAM,uBAAuBA,QAA0B,EAAE,CAAC,SAAS;AAAA,EACxE,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EACtB,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,wBAAwB;AAAA,EACxB,4BAA4B;AAAA,EAC5B,gBAAgB,CAAC;AAAA,EAEjB,SAAS,CAAC,SAAS,IAAI,EAAE,MAAM,iBAAiB,MAAM,GAAI,SAAS,YAAY,EAAE,WAAW,SAAS,EAAG,CAAC;AAAA,EACzG,cAAc,CAAC,QAAQ,IAAI,EAAE,WAAW,IAAI,CAAC;AAAA,EAC7C,oBAAoB,CAAC,oBAAoB,IAAI,EAAE,gBAAgB,CAAC;AAAA,EAChE,kBAAkB,CAAC,MAAM,OAAO,iBAC9B,IAAI,EAAE,iBAAiB,MAAM,gBAAgB,MAAM,MAAM,GAAI,SAAS,YAAY,EAAE,WAAW,SAAS,EAAG,CAAC;AAAA,EAE9G,gBAAgB,CAAC,WAAW,IAAI,EAAE,qBAAqB,OAAO,CAAC;AAAA,EAC/D,qBAAqB,CAAC,SAAS,IAAI,EAAE,kBAAkB,KAAK,CAAC;AAAA,EAE7D,sBAAsB,MACpB,IAAI,CAAC,WAAW;AAAA,IACd,sBAAsB,CAAC,MAAM;AAAA,IAC7B,WAAW,CAAC,MAAM,uBAAuB,MAAM,YAAY;AAAA,EAC7D,EAAE;AAAA,EAEJ,cAAc,CAAC,cAAc,IAAI,EAAE,UAAU,CAAC;AAAA,EAC9C,sBAAsB,CAAC,aAAa,IAAI,EAAE,mBAAmB,SAAS,CAAC;AAAA,EAEvE,eAAe,CAAC,WAAW,IAAI,EAAE,YAAY,OAAO,CAAC;AAAA,EACrD,gBAAgB,CAAC,WAAW,IAAI,EAAE,aAAa,OAAO,CAAC;AAAA,EACvD,cAAc,MAAM,IAAI,EAAE,YAAY,MAAM,aAAa,KAAK,CAAC;AAAA,EAE/D,iBAAiB,CAAC,eAAe,IAAI,EAAE,cAAc,WAAW,CAAC;AAAA,EACjE,sBAAsB,CAAC,cAAc,IAAI,EAAE,mBAAmB,UAAU,CAAC;AAAA,EACzE,aAAa,CAAC,WAAW,IAAI,EAAE,UAAU,OAAO,CAAC;AAAA,EACjD,eAAe,CAAC,cACd,IAAI,EAAE,cAAc,MAAM,mBAAmB,WAAW,UAAU,UAAU,CAAC;AAAA,EAC/E,cAAc,MACZ,IAAI,EAAE,cAAc,OAAO,mBAAmB,MAAM,UAAU,UAAU,CAAC;AAAA,EAE3E,yBAAyB,CAAC,UAAU,IAAI,EAAE,sBAAsB,MAAM,CAAC;AAAA,EACvE,wBAAwB,CAAC,UAAU,IAAI,EAAE,qBAAqB,MAAM,CAAC;AAAA,EACrE,2BAA2B,CAAC,aAAa,IAAI,EAAE,wBAAwB,SAAS,CAAC;AAAA,EACjF,+BAA+B,CAAC,UAAU,IAAI,EAAE,4BAA4B,MAAM,CAAC;AAAA,EAEnF,iBAAiB,CAAC,YAChB,IAAI,CAAC,UAAU;AACb,UAAM,mBAAmB;AACzB,QAAK,YAAuB,iBAAkB,QAAO;AACrD,UAAM,WAAW,MAAM,eAAe,OAAO,CAAC,OAAO,OAAO,OAAO;AACnE,WAAO,EAAE,gBAAgB,CAAC,SAAS,GAAG,QAAQ,EAAE,MAAM,GAAG,CAAC,EAAE;AAAA,EAC9D,CAAC;AAAA,EAEH,qBAAqB,MACnB,IAAI;AAAA,IACF,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,wBAAwB;AAAA,IACxB,4BAA4B;AAAA,EAC9B,CAAC;AAAA,EAEH,SAAS,MACP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,IACtB,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,wBAAwB;AAAA,IACxB,4BAA4B;AAAA,EAC9B,CAAC;AACL,EAAE;;;AC9KF,SAAS,eAAAC,cAAa,eAAe;AACrC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAEpB,IAAM,cAAc,CACzB,kBACA,mBACA,mBACA,uBACG;AACH,QAAM,EAAE,SAAS,YAAY,IAAI,eAAe;AAChD,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,WAAW;AAAA,EACb,IAAI,kBAAkB,EAAE,kBAAkB,kBAAkB,CAAC;AAE7D,QAAM,EAAE,YAAY,aAAa,eAAe,gBAAgB,aAAa,IAC3E;AAAA,IACE,WAAW,CAAC,WAAW;AAAA,MACrB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB,eAAe,MAAM;AAAA,MACrB,gBAAgB,MAAM;AAAA,MACtB,cAAc,MAAM;AAAA,IACtB,EAAE;AAAA,EACJ;AAEF,QAAM,EAAE,MAAM,cAAc,IAAI;AAAA,IAC9B,wBAAwB;AAAA,IACxB,wBAAwB;AAAA,EAC1B;AAEA,QAAM,EAAE,MAAM,eAAe,IAAI;AAAA,IAC/B,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,EAC3B;AAEA,QAAM,YAAY,QAAQ,MAAM;AAC9B,QAAI,CAAC,uBAAwB,QAAO;AACpC,UAAM,YAAY,eAAe,SAAS,uBAAuB;AACjE,QAAI,cAAc,uBAAuB,MAAO,QAAO;AACvD,WAAO,EAAE,GAAG,wBAAwB,OAAO,UAAU;AAAA,EACvD,GAAG,CAAC,wBAAwB,eAAe,KAAK,CAAC;AAEjD,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,CAAC,wBAAyB,QAAO;AACrC,UAAM,YAAY,gBAAgB,SAAS,wBAAwB;AACnE,QAAI,cAAc,wBAAwB,MAAO,QAAO;AACxD,WAAO,EAAE,GAAG,yBAAyB,OAAO,UAAU;AAAA,EACxD,GAAG,CAAC,yBAAyB,gBAAgB,KAAK,CAAC;AAEnD,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,WAAW;AAAA,EACb,IAAI,gBAAgB,aAAa,WAAW,UAAU;AAEtD,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,CAAC,mBAAmB,gBAAgB,QAAQ,IAAK,QAAO;AAC5D,WAAO;AAAA,EACT,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,mBAAmB,QAAQ,MAAM;AACrC,QAAI,CAAC,oBAAoB,iBAAiB,QAAQ,IAAK,QAAO;AAC9D,WAAO;AAAA,EACT,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,CAAC,WAAW,QAAS,QAAO;AAChC,UAAM,SAAS,eAAe,UAAU,OAAO;AAC/C,WAAO,UAAU,QAAQ,YAAY,MAAM,QAAQ,SAAS,SAAS,YAAY;AAAA,EACnF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,CAAC,YAAY,QAAS,QAAO;AACjC,UAAM,SAAS,eAAe,WAAW,OAAO;AAChD,WAAO,WAAW,QAAQ,YAAY,MAAM,QAAQ,SAAS,SAAS,YAAY;AAAA,EACpF,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,CAAC,kBAAkB,CAAC,WAAW,WAAW,CAAC,WAAY,QAAO;AAClE,QAAI,UAAU,YAAY,WAAW,QAAS,QAAO;AACrD,QAAI,UAAU,YAAY,IAAK,QAAO;AACtC,UAAM,SAAS,eAAe,UAAU,OAAO;AAC/C,WAAO,WAAW,QAAQ,YAAY,MAAM,QAAQ,aAAa,SAAS,YAAY;AAAA,EACxF,GAAG,CAAC,gBAAgB,WAAW,UAAU,CAAC;AAE1C,QAAM,mBAAmB,QAAQ,MAAM;AACrC,QAAI,CAAC,WAAW,WAAW,CAAC,cAAc,CAAC,gBAAiB,QAAO;AACnE,QAAI,UAAU,YAAY,WAAW,QAAS,QAAO;AACrD,QAAI,UAAU,YAAY,IAAK,QAAO;AACtC,UAAM,SAAS,eAAe,UAAU,OAAO;AAC/C,WAAO,UAAU,QAAQ,YAAY,MAAM,QAAQ,aAAa,SAAS,YAAY;AAAA,EACvF,GAAG,CAAC,WAAW,YAAY,eAAe,CAAC;AAE3C,QAAM,cAAc;AAAA,IAClB,OAAO,EAAE,KAAK,iBAAiB,OAAO,KAAK,WAAW,iBAAiB,aAAa,IAAI;AAAA,IACxF,CAAC,eAAe;AAAA,EAClB;AAEA,QAAM,eAAe;AAAA,IACnB,OAAO,EAAE,KAAK,kBAAkB,OAAO,KAAK,WAAW,kBAAkB,aAAa,IAAI;AAAA,IAC1F,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,CAAC,aAAa,OAAO,eAAe,SAAU,QAAO;AACzD,QAAI,UAAU,aAAa,UAAa,UAAU,aAAa,KAAM,QAAO;AAC5E,WAAO,WAAW,WAAW,QAAQ,UAAU,QAAQ,GAAG,UAAU,QAAQ,EAAE,SAAS;AAAA,EACzF,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,CAAC,cAAc,OAAO,gBAAgB,SAAU,QAAO;AAC3D,QAAI,WAAW,aAAa,UAAa,WAAW,aAAa,KAAM,QAAO;AAC9E,WAAO,WAAW,YAAY,QAAQ,WAAW,QAAQ,GAAG,WAAW,QAAQ,EAAE,SAAS;AAAA,EAC5F,GAAG,CAAC,YAAY,WAAW,CAAC;AAE5B,QAAM,qBAAqBA;AAAA,IACzB,OAAO,UAAiB;AACtB,4BAAsB,KAAK;AAC3B,qBAAe,IAAI;AACnB,0BAAoB,KAAK;AAAA,IAC3B;AAAA,IACA,CAAC,uBAAuB,gBAAgB,iBAAiB;AAAA,EAC3D;AAEA,QAAM,sBAAsBA;AAAA,IAC1B,OAAO,UAAiB;AACtB,6BAAuB,KAAK;AAC5B,2BAAqB,KAAK;AAAA,IAC5B;AAAA,IACA,CAAC,wBAAwB,kBAAkB;AAAA,EAC7C;AAEA,QAAM,sBAAsBA;AAAA,IAC1B,CAAC,UAAyB,cAAc,KAAK;AAAA,IAC7C,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,uBAAuBA;AAAA,IAC3B,CAAC,UAAyB,eAAe,KAAK;AAAA,IAC9C,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,mBAAmBA,aAAY,MAAM;AACzC,wBAAoB;AAEpB,QAAI,wBAAyB,qBAAoB,uBAAuB;AACxE,QAAI,uBAAwB,sBAAqB,sBAAsB;AAAA,EACzE,GAAG,CAAC,qBAAqB,wBAAwB,yBAAyB,mBAAmB,kBAAkB,CAAC;AAChH,QAAM,kBAAkBA,aAAY,MAAM,aAAa,GAAG,CAAC,YAAY,CAAC;AAExE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB,uBAAuB;AAAA,IACvB;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF;;;ACzLA,SAAyB,eAAe,YAAY,WAAAC,gBAAe;AA8C/D;AAzCJ,IAAM,kBAAkB,cAAmC,IAAI;AAUxD,IAAM,mBAAmB,CAAC,EAAE,UAAU,kBAAkB,mBAAmB,mBAAmB,mBAAmB,MAA6B;AACnJ,QAAM,WAAW,YAAY,kBAAkB,mBAAmB,mBAAmB,kBAAkB;AAEvG,QAAM,QAAQA;AAAA,IACZ,MAAM;AAAA,IACN;AAAA,MACE,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAEA,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OACvB,UACH;AAEJ;AAEO,IAAM,qBAAqB,MAAM;AACtC,QAAM,MAAM,WAAW,eAAe;AACtC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAC3E;AACA,SAAO;AACT;","names":["create","useCallback","useMemo"]}
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkHXOGJSAIcjs = require('./chunk-HXOGJSAI.cjs');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _chunk6XB5R4GFcjs = require('./chunk-6XB5R4GF.cjs');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
var _chunkGZUTUD5Ocjs = require('./chunk-GZUTUD5O.cjs');
|
|
13
|
+
|
|
14
|
+
// src/components/QuoteLoader.tsx
|
|
15
|
+
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
16
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
17
|
+
function formatRate(rate) {
|
|
18
|
+
if (rate === 0) return "0";
|
|
19
|
+
const abs = Math.abs(rate);
|
|
20
|
+
if (abs >= 1e4) return rate.toFixed(0);
|
|
21
|
+
if (abs >= 1e3) return rate.toFixed(1);
|
|
22
|
+
if (abs >= 100) return rate.toFixed(2);
|
|
23
|
+
if (abs >= 1) return rate.toFixed(4);
|
|
24
|
+
if (abs >= 0.01) return rate.toFixed(6);
|
|
25
|
+
return rate.toExponential(3);
|
|
26
|
+
}
|
|
27
|
+
var QuoteLoader = _react2.default.memo(() => {
|
|
28
|
+
const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
|
|
29
|
+
const { liquidityError, routingError } = _chunkHXOGJSAIcjs.useRfq.call(void 0, );
|
|
30
|
+
const {
|
|
31
|
+
baseAmount,
|
|
32
|
+
baseToken: base,
|
|
33
|
+
quoteAmount,
|
|
34
|
+
quoteToken: quote
|
|
35
|
+
} = _chunk6XB5R4GFcjs.useSwapFormContext.call(void 0, );
|
|
36
|
+
const { quoteLoaderVariant, widgetType } = _chunkGZUTUD5Ocjs.useWidgetConfig.call(void 0, );
|
|
37
|
+
const isCompact = widgetType === "compact";
|
|
38
|
+
const exchangeRate = baseAmount && quoteAmount && parseFloat(quoteAmount.toString()) ? parseFloat(baseAmount.toString()) / parseFloat(quoteAmount.toString()) : 0;
|
|
39
|
+
const hasQuoteError = liquidityError || routingError;
|
|
40
|
+
const hasValidQuote = base && quote && baseAmount && parseFloat(baseAmount.toString()) && quoteAmount;
|
|
41
|
+
_react.useEffect.call(void 0, () => {
|
|
42
|
+
if (quoteLoaderVariant === "expanded" && hasValidQuote) {
|
|
43
|
+
setIsOpen(true);
|
|
44
|
+
}
|
|
45
|
+
}, [quoteLoaderVariant, hasValidQuote]);
|
|
46
|
+
if (quoteLoaderVariant === "none") return null;
|
|
47
|
+
if (quoteLoaderVariant === "default") {
|
|
48
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `relative box-border flex flex-row pt-1 h-8 w-full items-center${isCompact ? " justify-start overflow-x-auto" : " justify-center"}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
49
|
+
"div",
|
|
50
|
+
{
|
|
51
|
+
className: `flex h-full items-center${isCompact ? " min-w-max" : " w-full overflow-hidden"}`,
|
|
52
|
+
style: { color: "var(--widget-foreground)" },
|
|
53
|
+
children: base && quote ? baseAmount && parseFloat(baseAmount.toString()) ? quoteAmount ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "translate-y-px font-mono flex flex-row items-center gap-2 whitespace-nowrap", children: [
|
|
54
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-row items-center gap-1", children: [
|
|
55
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { asset: quote, size: "3xs", noChain: true, className: "mb-0.5" }),
|
|
56
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-xs uppercase", children: [
|
|
57
|
+
"1 ",
|
|
58
|
+
_optionalChain([quote, 'optionalAccess', _ => _.symbol])
|
|
59
|
+
] })
|
|
60
|
+
] }),
|
|
61
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs", style: { color: "var(--widget-muted-foreground)" }, children: "=" }),
|
|
62
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-row items-center gap-1", children: [
|
|
63
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { asset: base, size: "3xs", noChain: true, className: "mb-0.5" }),
|
|
64
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-xs uppercase", children: [
|
|
65
|
+
formatRate(exchangeRate),
|
|
66
|
+
" ",
|
|
67
|
+
_optionalChain([base, 'optionalAccess', _2 => _2.symbol])
|
|
68
|
+
] })
|
|
69
|
+
] }),
|
|
70
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs", style: { color: "var(--widget-muted-foreground)" }, children: _optionalChain([base, 'optionalAccess', _3 => _3.price]) ? `\u2248 $${(base.price * exchangeRate).toFixed(2)}` : "" })
|
|
71
|
+
] }) : hasQuoteError ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full w-full flex-row pb-1 items-center justify-between", children: [
|
|
72
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs", style: { color: "var(--widget-destructive)" }, children: "Quote not found" }),
|
|
73
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.ThreeDots, { className: "h-8 w-8", style: { color: "var(--widget-destructive)" } })
|
|
74
|
+
] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full w-full flex-row pb-1 items-center justify-between", children: [
|
|
75
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs", style: { color: "var(--widget-accent)" }, children: "Searching For Quote" }),
|
|
76
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.ThreeDots, { className: "h-8 w-8", style: { color: "var(--widget-accent)" } })
|
|
77
|
+
] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-xs pb-1", style: { color: "var(--widget-foreground)", opacity: 0.4 }, children: "Enter Amount" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-xs pb-1", style: { color: "var(--widget-foreground)", opacity: 0.4 }, children: "Enter Amount" })
|
|
78
|
+
}
|
|
79
|
+
) });
|
|
80
|
+
}
|
|
81
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col w-full", children: [
|
|
82
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
83
|
+
"div",
|
|
84
|
+
{
|
|
85
|
+
className: `relative box-border flex flex-row pt-1 h-8 w-full items-center cursor-pointer${isCompact ? " overflow-x-auto" : ""}`,
|
|
86
|
+
role: "button",
|
|
87
|
+
tabIndex: 0,
|
|
88
|
+
onClick: () => hasValidQuote && setIsOpen((v) => !v),
|
|
89
|
+
onKeyDown: (e) => {
|
|
90
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
91
|
+
e.preventDefault();
|
|
92
|
+
hasValidQuote && setIsOpen((v) => !v);
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
96
|
+
"div",
|
|
97
|
+
{
|
|
98
|
+
className: `flex h-full items-center${isCompact ? " min-w-max overflow-x-auto" : " w-full overflow-hidden"}`,
|
|
99
|
+
style: { color: "var(--widget-foreground)" },
|
|
100
|
+
children: base && quote ? baseAmount && parseFloat(baseAmount.toString()) ? quoteAmount ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "translate-y-px font-mono flex w-full flex-row items-center justify-between", children: [
|
|
101
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-row items-center gap-2 whitespace-nowrap", children: [
|
|
102
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-row items-center gap-1", children: [
|
|
103
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { asset: quote, size: "3xs", noChain: true, className: "mb-0.5" }),
|
|
104
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-xs uppercase", children: [
|
|
105
|
+
"1 ",
|
|
106
|
+
_optionalChain([quote, 'optionalAccess', _4 => _4.symbol])
|
|
107
|
+
] })
|
|
108
|
+
] }),
|
|
109
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs", style: { color: "var(--widget-muted-foreground)" }, children: "=" }),
|
|
110
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-row items-center gap-1", children: [
|
|
111
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { asset: base, size: "3xs", noChain: true, className: "mb-0.5" }),
|
|
112
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-xs uppercase", children: [
|
|
113
|
+
formatRate(exchangeRate),
|
|
114
|
+
" ",
|
|
115
|
+
_optionalChain([base, 'optionalAccess', _5 => _5.symbol])
|
|
116
|
+
] })
|
|
117
|
+
] }),
|
|
118
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs", style: { color: "var(--widget-muted-foreground)" }, children: _optionalChain([base, 'optionalAccess', _6 => _6.price]) ? `\u2248 $${(base.price * exchangeRate).toFixed(2)}` : "" })
|
|
119
|
+
] }),
|
|
120
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
121
|
+
"span",
|
|
122
|
+
{
|
|
123
|
+
className: "text-xs ml-2 transition-transform duration-200 shrink-0",
|
|
124
|
+
style: {
|
|
125
|
+
color: "var(--widget-muted-foreground)",
|
|
126
|
+
transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
|
|
127
|
+
display: "inline-block"
|
|
128
|
+
},
|
|
129
|
+
children: "\u25BE"
|
|
130
|
+
}
|
|
131
|
+
)
|
|
132
|
+
] }) : hasQuoteError ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full w-full flex-row pb-1 items-center justify-between", children: [
|
|
133
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs", style: { color: "var(--widget-destructive)" }, children: "Quote not found" }),
|
|
134
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.ThreeDots, { className: "h-8 w-8", style: { color: "var(--widget-destructive)" } })
|
|
135
|
+
] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full w-full flex-row pb-1 items-center justify-between", children: [
|
|
136
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs", style: { color: "var(--widget-accent)" }, children: "Searching For Quote" }),
|
|
137
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.ThreeDots, { className: "h-8 w-8", style: { color: "var(--widget-accent)" } })
|
|
138
|
+
] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-xs pb-1", style: { color: "var(--widget-foreground)", opacity: 0.4 }, children: "Enter Amount" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-xs pb-1", style: { color: "var(--widget-foreground)", opacity: 0.4 }, children: "Enter Amount" })
|
|
139
|
+
}
|
|
140
|
+
)
|
|
141
|
+
}
|
|
142
|
+
),
|
|
143
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
144
|
+
"div",
|
|
145
|
+
{
|
|
146
|
+
className: "overflow-hidden transition-all duration-200",
|
|
147
|
+
style: {
|
|
148
|
+
maxHeight: isOpen && hasValidQuote ? "80px" : "0px",
|
|
149
|
+
opacity: isOpen && hasValidQuote ? 1 : 0
|
|
150
|
+
},
|
|
151
|
+
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0.5 pb-1 font-mono", children: [
|
|
152
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
153
|
+
"div",
|
|
154
|
+
{
|
|
155
|
+
className: "flex justify-between text-2xs",
|
|
156
|
+
style: { color: "var(--widget-muted-foreground)" },
|
|
157
|
+
children: [
|
|
158
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "USD Value" }),
|
|
159
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
|
|
160
|
+
"$",
|
|
161
|
+
_optionalChain([base, 'optionalAccess', _7 => _7.price]) && quoteAmount ? (base.price * exchangeRate * parseFloat(quoteAmount.toString())).toFixed(2) : "\u2014"
|
|
162
|
+
] })
|
|
163
|
+
]
|
|
164
|
+
}
|
|
165
|
+
),
|
|
166
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
167
|
+
"div",
|
|
168
|
+
{
|
|
169
|
+
className: "flex justify-between text-2xs",
|
|
170
|
+
style: { color: "var(--widget-muted-foreground)" },
|
|
171
|
+
children: [
|
|
172
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Rate" }),
|
|
173
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "uppercase", children: exchangeRate > 0 ? `${formatRate(exchangeRate)} ${_nullishCoalesce(_optionalChain([base, 'optionalAccess', _8 => _8.symbol]), () => ( ""))}` : "\u2014" })
|
|
174
|
+
]
|
|
175
|
+
}
|
|
176
|
+
),
|
|
177
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
178
|
+
"div",
|
|
179
|
+
{
|
|
180
|
+
className: "flex justify-between text-2xs",
|
|
181
|
+
style: { color: "var(--widget-muted-foreground)" },
|
|
182
|
+
children: [
|
|
183
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Order Type" }),
|
|
184
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "RFQ (Exact Fill)" })
|
|
185
|
+
]
|
|
186
|
+
}
|
|
187
|
+
)
|
|
188
|
+
] })
|
|
189
|
+
}
|
|
190
|
+
)
|
|
191
|
+
] });
|
|
192
|
+
});
|
|
193
|
+
QuoteLoader.displayName = "QuoteLoader";
|
|
194
|
+
var QuoteLoader_default = QuoteLoader;
|
|
195
|
+
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
exports.QuoteLoader_default = QuoteLoader_default;
|
|
199
|
+
//# sourceMappingURL=chunk-XQINW7QP.cjs.map
|