@aori/mega-swap-widget 0.1.0 → 0.1.2

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.
Files changed (99) hide show
  1. package/LICENSE +5 -12
  2. package/README.md +9 -1
  3. package/dist/AssetSelectionMenu-4E576X3D.cjs +2 -0
  4. package/dist/AssetSelectionMenu-ZFY7XFRX.js +2 -0
  5. package/dist/ChainSelectionMenu-SKXLHK3S.js +2 -0
  6. package/dist/ChainSelectionMenu-VU3SIBVL.cjs +2 -0
  7. package/dist/SwapFormHorizontal-GI4X7ISS.js +2 -0
  8. package/dist/SwapFormHorizontal-V557YBX2.cjs +2 -0
  9. package/dist/SwapFormSplit-52RBMJIO.js +2 -0
  10. package/dist/SwapFormSplit-PQCS3BPT.cjs +2 -0
  11. package/dist/WalletPlaceholderPanel-TTONBBI4.cjs +2 -0
  12. package/dist/WalletPlaceholderPanel-Z4JCFCNV.js +2 -0
  13. package/dist/WidgetWalletPanel-XYV3YL4I.js +2 -0
  14. package/dist/WidgetWalletPanel-YBMN5KZH.cjs +2 -0
  15. package/dist/chunk-34N36GUD.cjs +2 -0
  16. package/dist/chunk-46H44R7V.js +2 -0
  17. package/dist/chunk-4BQRVCQR.js +2 -0
  18. package/dist/chunk-4LJJMEOG.js +2 -0
  19. package/dist/chunk-726CI6GC.js +2 -0
  20. package/dist/chunk-73CB2I7U.js +2 -0
  21. package/dist/chunk-DUIRZSBV.cjs +2 -0
  22. package/dist/chunk-EW2OR6CJ.js +27 -0
  23. package/dist/chunk-FDQKBTWP.js +2 -0
  24. package/dist/chunk-HTWUZKYO.cjs +2 -0
  25. package/dist/chunk-KH57FLST.cjs +57 -0
  26. package/dist/chunk-LXEKOQAG.cjs +27 -0
  27. package/dist/chunk-MCT3UZTP.cjs +2 -0
  28. package/dist/chunk-OPN7WCJR.js +57 -0
  29. package/dist/chunk-T3I3AJXV.cjs +2 -0
  30. package/dist/chunk-UZWGYG2S.cjs +2 -0
  31. package/dist/chunk-XYF2YBR3.js +2 -0
  32. package/dist/chunk-XZRXVBSB.cjs +2 -0
  33. package/dist/index.cjs +2 -1772
  34. package/dist/index.css +1 -1423
  35. package/dist/index.js +2 -1772
  36. package/package.json +2 -22
  37. package/dist/AssetSelectionMenu-Y3EB32BT.cjs +0 -13
  38. package/dist/AssetSelectionMenu-Y3EB32BT.cjs.map +0 -1
  39. package/dist/AssetSelectionMenu-ZRG42UCZ.js +0 -13
  40. package/dist/AssetSelectionMenu-ZRG42UCZ.js.map +0 -1
  41. package/dist/ChainSelectionMenu-FBAPPFKI.cjs +0 -11
  42. package/dist/ChainSelectionMenu-FBAPPFKI.cjs.map +0 -1
  43. package/dist/ChainSelectionMenu-QO3H4TNR.js +0 -11
  44. package/dist/ChainSelectionMenu-QO3H4TNR.js.map +0 -1
  45. package/dist/SwapFormHorizontal-JDJUDFNX.js +0 -573
  46. package/dist/SwapFormHorizontal-JDJUDFNX.js.map +0 -1
  47. package/dist/SwapFormHorizontal-WG3Z3CFT.cjs +0 -573
  48. package/dist/SwapFormHorizontal-WG3Z3CFT.cjs.map +0 -1
  49. package/dist/SwapFormSplit-7CHTPLEQ.js +0 -441
  50. package/dist/SwapFormSplit-7CHTPLEQ.js.map +0 -1
  51. package/dist/SwapFormSplit-VDDIRQUQ.cjs +0 -441
  52. package/dist/SwapFormSplit-VDDIRQUQ.cjs.map +0 -1
  53. package/dist/WalletPlaceholderPanel-7YDQ4FT6.js +0 -57
  54. package/dist/WalletPlaceholderPanel-7YDQ4FT6.js.map +0 -1
  55. package/dist/WalletPlaceholderPanel-FZ6XIAMF.cjs +0 -57
  56. package/dist/WalletPlaceholderPanel-FZ6XIAMF.cjs.map +0 -1
  57. package/dist/WidgetWalletPanel-D7I5TAU3.js +0 -789
  58. package/dist/WidgetWalletPanel-D7I5TAU3.js.map +0 -1
  59. package/dist/WidgetWalletPanel-T7H6FGVN.cjs +0 -789
  60. package/dist/WidgetWalletPanel-T7H6FGVN.cjs.map +0 -1
  61. package/dist/chunk-3E6RNP2D.cjs +0 -389
  62. package/dist/chunk-3E6RNP2D.cjs.map +0 -1
  63. package/dist/chunk-5TH6MFQD.cjs +0 -122
  64. package/dist/chunk-5TH6MFQD.cjs.map +0 -1
  65. package/dist/chunk-5XSCUUOW.js +0 -101
  66. package/dist/chunk-5XSCUUOW.js.map +0 -1
  67. package/dist/chunk-6Q7MSCKS.js +0 -2199
  68. package/dist/chunk-6Q7MSCKS.js.map +0 -1
  69. package/dist/chunk-6XB5R4GF.cjs +0 -368
  70. package/dist/chunk-6XB5R4GF.cjs.map +0 -1
  71. package/dist/chunk-6YLNOZ7P.js +0 -389
  72. package/dist/chunk-6YLNOZ7P.js.map +0 -1
  73. package/dist/chunk-7AWG6OWF.js +0 -27
  74. package/dist/chunk-7AWG6OWF.js.map +0 -1
  75. package/dist/chunk-ARMW5POL.js +0 -3082
  76. package/dist/chunk-ARMW5POL.js.map +0 -1
  77. package/dist/chunk-B3ILUJ7G.cjs +0 -101
  78. package/dist/chunk-B3ILUJ7G.cjs.map +0 -1
  79. package/dist/chunk-GGM3MDFM.js +0 -32
  80. package/dist/chunk-GGM3MDFM.js.map +0 -1
  81. package/dist/chunk-GZUTUD5O.cjs +0 -2199
  82. package/dist/chunk-GZUTUD5O.cjs.map +0 -1
  83. package/dist/chunk-HXOGJSAI.cjs +0 -3082
  84. package/dist/chunk-HXOGJSAI.cjs.map +0 -1
  85. package/dist/chunk-LTA7IG3J.js +0 -122
  86. package/dist/chunk-LTA7IG3J.js.map +0 -1
  87. package/dist/chunk-NBJPKJBC.cjs +0 -32
  88. package/dist/chunk-NBJPKJBC.cjs.map +0 -1
  89. package/dist/chunk-PGYOJ5RB.cjs +0 -27
  90. package/dist/chunk-PGYOJ5RB.cjs.map +0 -1
  91. package/dist/chunk-QHW27RMH.js +0 -199
  92. package/dist/chunk-QHW27RMH.js.map +0 -1
  93. package/dist/chunk-TMC4SUEV.js +0 -368
  94. package/dist/chunk-TMC4SUEV.js.map +0 -1
  95. package/dist/chunk-XQINW7QP.cjs +0 -199
  96. package/dist/chunk-XQINW7QP.cjs.map +0 -1
  97. package/dist/index.cjs.map +0 -1
  98. package/dist/index.css.map +0 -1
  99. package/dist/index.js.map +0 -1
@@ -1,368 +0,0 @@
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
@@ -1 +0,0 @@
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":"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","names":["create","useCallback","useMemo"]}
@@ -1,199 +0,0 @@
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