@aori/mega-swap-widget 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +404 -0
- package/dist/AssetSelectionMenu-Y3EB32BT.cjs +13 -0
- package/dist/AssetSelectionMenu-Y3EB32BT.cjs.map +1 -0
- package/dist/AssetSelectionMenu-ZRG42UCZ.js +13 -0
- package/dist/AssetSelectionMenu-ZRG42UCZ.js.map +1 -0
- package/dist/ChainSelectionMenu-FBAPPFKI.cjs +11 -0
- package/dist/ChainSelectionMenu-FBAPPFKI.cjs.map +1 -0
- package/dist/ChainSelectionMenu-QO3H4TNR.js +11 -0
- package/dist/ChainSelectionMenu-QO3H4TNR.js.map +1 -0
- package/dist/SwapFormHorizontal-JDJUDFNX.js +573 -0
- package/dist/SwapFormHorizontal-JDJUDFNX.js.map +1 -0
- package/dist/SwapFormHorizontal-WG3Z3CFT.cjs +573 -0
- package/dist/SwapFormHorizontal-WG3Z3CFT.cjs.map +1 -0
- package/dist/SwapFormSplit-7CHTPLEQ.js +441 -0
- package/dist/SwapFormSplit-7CHTPLEQ.js.map +1 -0
- package/dist/SwapFormSplit-VDDIRQUQ.cjs +441 -0
- package/dist/SwapFormSplit-VDDIRQUQ.cjs.map +1 -0
- package/dist/WalletPlaceholderPanel-7YDQ4FT6.js +57 -0
- package/dist/WalletPlaceholderPanel-7YDQ4FT6.js.map +1 -0
- package/dist/WalletPlaceholderPanel-FZ6XIAMF.cjs +57 -0
- package/dist/WalletPlaceholderPanel-FZ6XIAMF.cjs.map +1 -0
- package/dist/WidgetWalletPanel-D7I5TAU3.js +789 -0
- package/dist/WidgetWalletPanel-D7I5TAU3.js.map +1 -0
- package/dist/WidgetWalletPanel-T7H6FGVN.cjs +789 -0
- package/dist/WidgetWalletPanel-T7H6FGVN.cjs.map +1 -0
- package/dist/chunk-3E6RNP2D.cjs +389 -0
- package/dist/chunk-3E6RNP2D.cjs.map +1 -0
- package/dist/chunk-5TH6MFQD.cjs +122 -0
- package/dist/chunk-5TH6MFQD.cjs.map +1 -0
- package/dist/chunk-5XSCUUOW.js +101 -0
- package/dist/chunk-5XSCUUOW.js.map +1 -0
- package/dist/chunk-6Q7MSCKS.js +2199 -0
- package/dist/chunk-6Q7MSCKS.js.map +1 -0
- package/dist/chunk-6XB5R4GF.cjs +368 -0
- package/dist/chunk-6XB5R4GF.cjs.map +1 -0
- package/dist/chunk-6YLNOZ7P.js +389 -0
- package/dist/chunk-6YLNOZ7P.js.map +1 -0
- package/dist/chunk-7AWG6OWF.js +27 -0
- package/dist/chunk-7AWG6OWF.js.map +1 -0
- package/dist/chunk-ARMW5POL.js +3082 -0
- package/dist/chunk-ARMW5POL.js.map +1 -0
- package/dist/chunk-B3ILUJ7G.cjs +101 -0
- package/dist/chunk-B3ILUJ7G.cjs.map +1 -0
- package/dist/chunk-GGM3MDFM.js +32 -0
- package/dist/chunk-GGM3MDFM.js.map +1 -0
- package/dist/chunk-GZUTUD5O.cjs +2199 -0
- package/dist/chunk-GZUTUD5O.cjs.map +1 -0
- package/dist/chunk-HXOGJSAI.cjs +3082 -0
- package/dist/chunk-HXOGJSAI.cjs.map +1 -0
- package/dist/chunk-LTA7IG3J.js +122 -0
- package/dist/chunk-LTA7IG3J.js.map +1 -0
- package/dist/chunk-NBJPKJBC.cjs +32 -0
- package/dist/chunk-NBJPKJBC.cjs.map +1 -0
- package/dist/chunk-PGYOJ5RB.cjs +27 -0
- package/dist/chunk-PGYOJ5RB.cjs.map +1 -0
- package/dist/chunk-QHW27RMH.js +199 -0
- package/dist/chunk-QHW27RMH.js.map +1 -0
- package/dist/chunk-TMC4SUEV.js +368 -0
- package/dist/chunk-TMC4SUEV.js.map +1 -0
- package/dist/chunk-XQINW7QP.cjs +199 -0
- package/dist/chunk-XQINW7QP.cjs.map +1 -0
- package/dist/index.cjs +1780 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.css +1424 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.cts +555 -0
- package/dist/index.d.ts +555 -0
- package/dist/index.js +1780 -0
- package/dist/index.js.map +1 -0
- package/package.json +82 -0
|
@@ -0,0 +1,368 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _chunkGZUTUD5Ocjs = require('./chunk-GZUTUD5O.cjs');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
var _chunkPGYOJ5RBcjs = require('./chunk-PGYOJ5RB.cjs');
|
|
11
|
+
|
|
12
|
+
// src/hooks/useTokenSelection.ts
|
|
13
|
+
var _zustand = require('zustand');
|
|
14
|
+
var _react = require('react');
|
|
15
|
+
var useTokenSelectionStore = _zustand.create.call(void 0, )((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 } = _chunkGZUTUD5Ocjs.useTokenRegistry.call(void 0, );
|
|
24
|
+
const store = useTokenSelectionStore();
|
|
25
|
+
const initializedRef = _react.useRef.call(void 0, false);
|
|
26
|
+
const defaultBase = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _ => _.defaultBaseToken]), () => ( null));
|
|
27
|
+
const defaultQuote = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _2 => _2.defaultQuoteToken]), () => ( null));
|
|
28
|
+
_react.useEffect.call(void 0, () => {
|
|
29
|
+
if (!tokenRegistry || tokenRegistry.length === 0 || initializedRef.current) return;
|
|
30
|
+
initializedRef.current = true;
|
|
31
|
+
const findInRegistry = (spec) => _nullishCoalesce(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 = _react.useCallback.call(void 0,
|
|
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 = _react.useCallback.call(void 0,
|
|
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 = _react.useCallback.call(void 0, () => {
|
|
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
|
+
|
|
89
|
+
var useWidgetSwapUIStore = _zustand.create.call(void 0, )((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
|
+
|
|
168
|
+
var _viem = require('viem');
|
|
169
|
+
var _shallow = require('zustand/react/shallow');
|
|
170
|
+
var useSwapForm = (defaultBaseToken, defaultQuoteToken, onBaseTokenChange, onQuoteTokenChange) => {
|
|
171
|
+
const { address: userAddress } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
|
|
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
|
+
_shallow.useShallow.call(void 0, (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 } = _chunkGZUTUD5Ocjs.useTokenPriceWithRefetch.call(void 0,
|
|
190
|
+
_optionalChain([baseTokenFromSelection, 'optionalAccess', _3 => _3.address]),
|
|
191
|
+
_optionalChain([baseTokenFromSelection, 'optionalAccess', _4 => _4.chainId])
|
|
192
|
+
);
|
|
193
|
+
const { data: quotePriceData } = _chunkGZUTUD5Ocjs.useTokenPriceWithRefetch.call(void 0,
|
|
194
|
+
_optionalChain([quoteTokenFromSelection, 'optionalAccess', _5 => _5.address]),
|
|
195
|
+
_optionalChain([quoteTokenFromSelection, 'optionalAccess', _6 => _6.chainId])
|
|
196
|
+
);
|
|
197
|
+
const baseToken = _react.useMemo.call(void 0, () => {
|
|
198
|
+
if (!baseTokenFromSelection) return null;
|
|
199
|
+
const livePrice = _nullishCoalesce(_optionalChain([basePriceData, 'optionalAccess', _7 => _7.price]), () => ( baseTokenFromSelection.price));
|
|
200
|
+
if (livePrice === baseTokenFromSelection.price) return baseTokenFromSelection;
|
|
201
|
+
return { ...baseTokenFromSelection, price: livePrice };
|
|
202
|
+
}, [baseTokenFromSelection, _optionalChain([basePriceData, 'optionalAccess', _8 => _8.price])]);
|
|
203
|
+
const quoteToken = _react.useMemo.call(void 0, () => {
|
|
204
|
+
if (!quoteTokenFromSelection) return null;
|
|
205
|
+
const livePrice = _nullishCoalesce(_optionalChain([quotePriceData, 'optionalAccess', _9 => _9.price]), () => ( quoteTokenFromSelection.price));
|
|
206
|
+
if (livePrice === quoteTokenFromSelection.price) return quoteTokenFromSelection;
|
|
207
|
+
return { ...quoteTokenFromSelection, price: livePrice };
|
|
208
|
+
}, [quoteTokenFromSelection, _optionalChain([quotePriceData, 'optionalAccess', _10 => _10.price])]);
|
|
209
|
+
const {
|
|
210
|
+
baseBalance: swapBaseBalance,
|
|
211
|
+
quoteBalance: swapQuoteBalance,
|
|
212
|
+
isLoading: isSwapBalanceLoading
|
|
213
|
+
} = _chunkGZUTUD5Ocjs.useSwapBalances.call(void 0, userAddress, baseToken, quoteToken);
|
|
214
|
+
const baseBalanceData = _react.useMemo.call(void 0, () => {
|
|
215
|
+
if (!swapBaseBalance || swapBaseBalance.raw === "0") return null;
|
|
216
|
+
return swapBaseBalance;
|
|
217
|
+
}, [swapBaseBalance]);
|
|
218
|
+
const quoteBalanceData = _react.useMemo.call(void 0, () => {
|
|
219
|
+
if (!swapQuoteBalance || swapQuoteBalance.raw === "0") return null;
|
|
220
|
+
return swapQuoteBalance;
|
|
221
|
+
}, [swapQuoteBalance]);
|
|
222
|
+
const isBaseGasToken = _react.useMemo.call(void 0, () => {
|
|
223
|
+
if (!_optionalChain([baseToken, 'optionalAccess', _11 => _11.chainId])) return false;
|
|
224
|
+
const config = _chunkGZUTUD5Ocjs.getChainConfig.call(void 0, baseToken.chainId);
|
|
225
|
+
return baseToken.address.toLowerCase() === _optionalChain([config, 'optionalAccess', _12 => _12.gasToken, 'access', _13 => _13.address, 'optionalAccess', _14 => _14.toLowerCase, 'call', _15 => _15()]);
|
|
226
|
+
}, [baseToken]);
|
|
227
|
+
const isQuoteGasToken = _react.useMemo.call(void 0, () => {
|
|
228
|
+
if (!_optionalChain([quoteToken, 'optionalAccess', _16 => _16.chainId])) return false;
|
|
229
|
+
const config = _chunkGZUTUD5Ocjs.getChainConfig.call(void 0, quoteToken.chainId);
|
|
230
|
+
return quoteToken.address.toLowerCase() === _optionalChain([config, 'optionalAccess', _17 => _17.gasToken, 'access', _18 => _18.address, 'optionalAccess', _19 => _19.toLowerCase, 'call', _20 => _20()]);
|
|
231
|
+
}, [quoteToken]);
|
|
232
|
+
const isWrappingPair = _react.useMemo.call(void 0, () => {
|
|
233
|
+
if (!isBaseGasToken || !_optionalChain([baseToken, 'optionalAccess', _21 => _21.chainId]) || !quoteToken) return false;
|
|
234
|
+
if (baseToken.chainId !== quoteToken.chainId) return false;
|
|
235
|
+
if (baseToken.chainId === 988) return false;
|
|
236
|
+
const config = _chunkGZUTUD5Ocjs.getChainConfig.call(void 0, baseToken.chainId);
|
|
237
|
+
return quoteToken.address.toLowerCase() === _optionalChain([config, 'optionalAccess', _22 => _22.wrappedAsset, 'access', _23 => _23.address, 'optionalAccess', _24 => _24.toLowerCase, 'call', _25 => _25()]);
|
|
238
|
+
}, [isBaseGasToken, baseToken, quoteToken]);
|
|
239
|
+
const isUnwrappingPair = _react.useMemo.call(void 0, () => {
|
|
240
|
+
if (!_optionalChain([baseToken, 'optionalAccess', _26 => _26.chainId]) || !quoteToken || !isQuoteGasToken) return false;
|
|
241
|
+
if (baseToken.chainId !== quoteToken.chainId) return false;
|
|
242
|
+
if (baseToken.chainId === 988) return false;
|
|
243
|
+
const config = _chunkGZUTUD5Ocjs.getChainConfig.call(void 0, baseToken.chainId);
|
|
244
|
+
return baseToken.address.toLowerCase() === _optionalChain([config, 'optionalAccess', _27 => _27.wrappedAsset, 'access', _28 => _28.address, 'optionalAccess', _29 => _29.toLowerCase, 'call', _30 => _30()]);
|
|
245
|
+
}, [baseToken, quoteToken, isQuoteGasToken]);
|
|
246
|
+
const baseBalance = _react.useMemo.call(void 0,
|
|
247
|
+
() => ({ raw: _nullishCoalesce(_optionalChain([baseBalanceData, 'optionalAccess', _31 => _31.raw]), () => ( "0")), formatted: _nullishCoalesce(_optionalChain([baseBalanceData, 'optionalAccess', _32 => _32.formatted]), () => ( "0")) }),
|
|
248
|
+
[baseBalanceData]
|
|
249
|
+
);
|
|
250
|
+
const quoteBalance = _react.useMemo.call(void 0,
|
|
251
|
+
() => ({ raw: _nullishCoalesce(_optionalChain([quoteBalanceData, 'optionalAccess', _33 => _33.raw]), () => ( "0")), formatted: _nullishCoalesce(_optionalChain([quoteBalanceData, 'optionalAccess', _34 => _34.formatted]), () => ( "0")) }),
|
|
252
|
+
[quoteBalanceData]
|
|
253
|
+
);
|
|
254
|
+
const baseAmountRaw = _react.useMemo.call(void 0, () => {
|
|
255
|
+
if (!baseToken || typeof baseAmount !== "number") return null;
|
|
256
|
+
if (baseToken.decimals === void 0 || baseToken.decimals === null) return null;
|
|
257
|
+
return _viem.parseUnits.call(void 0, baseAmount.toFixed(baseToken.decimals), baseToken.decimals).toString();
|
|
258
|
+
}, [baseToken, baseAmount]);
|
|
259
|
+
const quoteAmountRaw = _react.useMemo.call(void 0, () => {
|
|
260
|
+
if (!quoteToken || typeof quoteAmount !== "number") return null;
|
|
261
|
+
if (quoteToken.decimals === void 0 || quoteToken.decimals === null) return null;
|
|
262
|
+
return _viem.parseUnits.call(void 0, quoteAmount.toFixed(quoteToken.decimals), quoteToken.decimals).toString();
|
|
263
|
+
}, [quoteToken, quoteAmount]);
|
|
264
|
+
const handleSetBaseToken = _react.useCallback.call(void 0,
|
|
265
|
+
async (asset) => {
|
|
266
|
+
setBaseTokenSelection(asset);
|
|
267
|
+
setQuoteAmount(null);
|
|
268
|
+
_optionalChain([onBaseTokenChange, 'optionalCall', _35 => _35(asset)]);
|
|
269
|
+
},
|
|
270
|
+
[setBaseTokenSelection, setQuoteAmount, onBaseTokenChange]
|
|
271
|
+
);
|
|
272
|
+
const handleSetQuoteToken = _react.useCallback.call(void 0,
|
|
273
|
+
async (asset) => {
|
|
274
|
+
setQuoteTokenSelection(asset);
|
|
275
|
+
_optionalChain([onQuoteTokenChange, 'optionalCall', _36 => _36(asset)]);
|
|
276
|
+
},
|
|
277
|
+
[setQuoteTokenSelection, onQuoteTokenChange]
|
|
278
|
+
);
|
|
279
|
+
const handleSetBaseAmount = _react.useCallback.call(void 0,
|
|
280
|
+
(value) => setBaseAmount(value),
|
|
281
|
+
[setBaseAmount]
|
|
282
|
+
);
|
|
283
|
+
const handleSetQuoteAmount = _react.useCallback.call(void 0,
|
|
284
|
+
(value) => setQuoteAmount(value),
|
|
285
|
+
[setQuoteAmount]
|
|
286
|
+
);
|
|
287
|
+
const handleSwapTokens = _react.useCallback.call(void 0, () => {
|
|
288
|
+
swapTokensSelection();
|
|
289
|
+
if (quoteTokenFromSelection) _optionalChain([onBaseTokenChange, 'optionalCall', _37 => _37(quoteTokenFromSelection)]);
|
|
290
|
+
if (baseTokenFromSelection) _optionalChain([onQuoteTokenChange, 'optionalCall', _38 => _38(baseTokenFromSelection)]);
|
|
291
|
+
}, [swapTokensSelection, baseTokenFromSelection, quoteTokenFromSelection, onBaseTokenChange, onQuoteTokenChange]);
|
|
292
|
+
const handleClearForm = _react.useCallback.call(void 0, () => 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
|
+
|
|
320
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
321
|
+
var SwapFormContext = _react.createContext.call(void 0, null);
|
|
322
|
+
var SwapFormProvider = ({ children, defaultBaseToken, defaultQuoteToken, onBaseTokenChange, onQuoteTokenChange }) => {
|
|
323
|
+
const swapForm = useSwapForm(defaultBaseToken, defaultQuoteToken, onBaseTokenChange, onQuoteTokenChange);
|
|
324
|
+
const value = _react.useMemo.call(void 0,
|
|
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__ */ _jsxruntime.jsx.call(void 0, SwapFormContext.Provider, { value, children });
|
|
351
|
+
};
|
|
352
|
+
var useSwapFormContext = () => {
|
|
353
|
+
const ctx = _react.useContext.call(void 0, SwapFormContext);
|
|
354
|
+
if (!ctx) {
|
|
355
|
+
throw new Error("useSwapFormContext must be used within SwapFormProvider");
|
|
356
|
+
}
|
|
357
|
+
return ctx;
|
|
358
|
+
};
|
|
359
|
+
|
|
360
|
+
|
|
361
|
+
|
|
362
|
+
|
|
363
|
+
|
|
364
|
+
|
|
365
|
+
|
|
366
|
+
|
|
367
|
+
exports.useTokenSelectionStore = useTokenSelectionStore; exports.useTokenSelection = useTokenSelection; exports.useWidgetSwapUIStore = useWidgetSwapUIStore; exports.useSwapForm = useSwapForm; exports.SwapFormProvider = SwapFormProvider; exports.useSwapFormContext = useSwapFormContext;
|
|
368
|
+
//# sourceMappingURL=chunk-6XB5R4GF.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/Users/flooreyes/mega-swap-widget/dist/chunk-6XB5R4GF.cjs","../src/hooks/useTokenSelection.ts","../src/stores/swapUIStore.ts","../src/hooks/useSwapForm.ts","../src/providers/SwapFormProvider.tsx"],"names":["create","useCallback","useMemo"],"mappings":"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","file":"/Users/flooreyes/mega-swap-widget/dist/chunk-6XB5R4GF.cjs","sourcesContent":[null,"'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"]}
|