@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.
Files changed (71) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +404 -0
  3. package/dist/AssetSelectionMenu-Y3EB32BT.cjs +13 -0
  4. package/dist/AssetSelectionMenu-Y3EB32BT.cjs.map +1 -0
  5. package/dist/AssetSelectionMenu-ZRG42UCZ.js +13 -0
  6. package/dist/AssetSelectionMenu-ZRG42UCZ.js.map +1 -0
  7. package/dist/ChainSelectionMenu-FBAPPFKI.cjs +11 -0
  8. package/dist/ChainSelectionMenu-FBAPPFKI.cjs.map +1 -0
  9. package/dist/ChainSelectionMenu-QO3H4TNR.js +11 -0
  10. package/dist/ChainSelectionMenu-QO3H4TNR.js.map +1 -0
  11. package/dist/SwapFormHorizontal-JDJUDFNX.js +573 -0
  12. package/dist/SwapFormHorizontal-JDJUDFNX.js.map +1 -0
  13. package/dist/SwapFormHorizontal-WG3Z3CFT.cjs +573 -0
  14. package/dist/SwapFormHorizontal-WG3Z3CFT.cjs.map +1 -0
  15. package/dist/SwapFormSplit-7CHTPLEQ.js +441 -0
  16. package/dist/SwapFormSplit-7CHTPLEQ.js.map +1 -0
  17. package/dist/SwapFormSplit-VDDIRQUQ.cjs +441 -0
  18. package/dist/SwapFormSplit-VDDIRQUQ.cjs.map +1 -0
  19. package/dist/WalletPlaceholderPanel-7YDQ4FT6.js +57 -0
  20. package/dist/WalletPlaceholderPanel-7YDQ4FT6.js.map +1 -0
  21. package/dist/WalletPlaceholderPanel-FZ6XIAMF.cjs +57 -0
  22. package/dist/WalletPlaceholderPanel-FZ6XIAMF.cjs.map +1 -0
  23. package/dist/WidgetWalletPanel-D7I5TAU3.js +789 -0
  24. package/dist/WidgetWalletPanel-D7I5TAU3.js.map +1 -0
  25. package/dist/WidgetWalletPanel-T7H6FGVN.cjs +789 -0
  26. package/dist/WidgetWalletPanel-T7H6FGVN.cjs.map +1 -0
  27. package/dist/chunk-3E6RNP2D.cjs +389 -0
  28. package/dist/chunk-3E6RNP2D.cjs.map +1 -0
  29. package/dist/chunk-5TH6MFQD.cjs +122 -0
  30. package/dist/chunk-5TH6MFQD.cjs.map +1 -0
  31. package/dist/chunk-5XSCUUOW.js +101 -0
  32. package/dist/chunk-5XSCUUOW.js.map +1 -0
  33. package/dist/chunk-6Q7MSCKS.js +2199 -0
  34. package/dist/chunk-6Q7MSCKS.js.map +1 -0
  35. package/dist/chunk-6XB5R4GF.cjs +368 -0
  36. package/dist/chunk-6XB5R4GF.cjs.map +1 -0
  37. package/dist/chunk-6YLNOZ7P.js +389 -0
  38. package/dist/chunk-6YLNOZ7P.js.map +1 -0
  39. package/dist/chunk-7AWG6OWF.js +27 -0
  40. package/dist/chunk-7AWG6OWF.js.map +1 -0
  41. package/dist/chunk-ARMW5POL.js +3082 -0
  42. package/dist/chunk-ARMW5POL.js.map +1 -0
  43. package/dist/chunk-B3ILUJ7G.cjs +101 -0
  44. package/dist/chunk-B3ILUJ7G.cjs.map +1 -0
  45. package/dist/chunk-GGM3MDFM.js +32 -0
  46. package/dist/chunk-GGM3MDFM.js.map +1 -0
  47. package/dist/chunk-GZUTUD5O.cjs +2199 -0
  48. package/dist/chunk-GZUTUD5O.cjs.map +1 -0
  49. package/dist/chunk-HXOGJSAI.cjs +3082 -0
  50. package/dist/chunk-HXOGJSAI.cjs.map +1 -0
  51. package/dist/chunk-LTA7IG3J.js +122 -0
  52. package/dist/chunk-LTA7IG3J.js.map +1 -0
  53. package/dist/chunk-NBJPKJBC.cjs +32 -0
  54. package/dist/chunk-NBJPKJBC.cjs.map +1 -0
  55. package/dist/chunk-PGYOJ5RB.cjs +27 -0
  56. package/dist/chunk-PGYOJ5RB.cjs.map +1 -0
  57. package/dist/chunk-QHW27RMH.js +199 -0
  58. package/dist/chunk-QHW27RMH.js.map +1 -0
  59. package/dist/chunk-TMC4SUEV.js +368 -0
  60. package/dist/chunk-TMC4SUEV.js.map +1 -0
  61. package/dist/chunk-XQINW7QP.cjs +199 -0
  62. package/dist/chunk-XQINW7QP.cjs.map +1 -0
  63. package/dist/index.cjs +1780 -0
  64. package/dist/index.cjs.map +1 -0
  65. package/dist/index.css +1424 -0
  66. package/dist/index.css.map +1 -0
  67. package/dist/index.d.cts +555 -0
  68. package/dist/index.d.ts +555 -0
  69. package/dist/index.js +1780 -0
  70. package/dist/index.js.map +1 -0
  71. 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":"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","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