@0xsequence/wallet-widget 5.1.1 → 5.2.1

package/dist/esm/components/SequenceWalletProvider/ProviderComponents/SwapProvider.js

@@ -0,0 +1,223 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getNativeTokenInfoByChainId, sendTransactions } from '@0xsequence/connect';
+import { compareAddress, useToast } from '@0xsequence/design-system';
+import { useAPIClient, useIndexerClient } from '@0xsequence/hooks';
+import { useEffect, useState } from 'react';
+import { formatUnits, zeroAddress } from 'viem';
+import { useAccount, useChainId, useChains, usePublicClient, useWalletClient } from 'wagmi';
+import { SwapContextProvider } from '../../../contexts/Swap';
+import { useNavigation } from '../../../hooks';
+export const SwapProvider = ({ children }) => {
+    const toast = useToast();
+    const { address: userAddress, connector } = useAccount();
+    const { setNavigation } = useNavigation();
+    const apiClient = useAPIClient();
+    const connectedChainId = useChainId();
+    const chains = useChains();
+    const [fromCoin, _setFromCoin] = useState();
+    const [toCoin, _setToCoin] = useState();
+    const [amount, _setAmount] = useState(0);
+    const [nonRecentAmount, setNonRecentAmount] = useState(0);
+    const [recentInput, setRecentInput] = useState('from');
+    const [isSwapReady, setIsSwapReady] = useState(false);
+    const [swapQuoteData, setSwapQuoteData] = useState();
+    const [isSwapQuotePending, setIsSwapQuotePending] = useState(false);
+    const [hasInsufficientFunds, setHasInsufficientFunds] = useState(false);
+    const [isErrorSwapQuote, setIsErrorSwapQuote] = useState(false);
+    const [isTxnPending, setIsTxnPending] = useState(false);
+    const [isErrorTxn, setIsErrorTxn] = useState(false);
+    const publicClient = usePublicClient({ chainId: connectedChainId });
+    const { data: walletClient } = useWalletClient({ chainId: connectedChainId });
+    const indexerClient = useIndexerClient(connectedChainId);
+    const resetSwapStates = () => {
+        _setFromCoin(undefined);
+        _setToCoin(undefined);
+        _setAmount(0);
+        setNonRecentAmount(0);
+        setRecentInput('from');
+        setIsSwapReady(false);
+        setSwapQuoteData(undefined);
+        setIsSwapQuotePending(false);
+        setIsErrorSwapQuote(false);
+        setIsTxnPending(false);
+        setIsErrorTxn(false);
+    };
+    useEffect(() => {
+        resetSwapStates();
+    }, [userAddress, connectedChainId]);
+    useEffect(() => {
+        setIsSwapReady(false);
+        setSwapQuoteData(undefined);
+        setIsErrorSwapQuote(false);
+    }, [fromCoin, toCoin, amount]);
+    useEffect(() => {
+        const fetchSwapQuote = async () => {
+            if (!fromCoin || !toCoin || amount === 0) {
+                return;
+            }
+            setIsSwapQuotePending(true);
+            setIsErrorSwapQuote(false);
+            let swapQuote;
+            try {
+                // swapQuote = await apiClient.getSwapQuoteV2({
+                //   userAddress: String(userAddress),
+                //   buyCurrencyAddress: toCoin.contractAddress,
+                //   sellCurrencyAddress: fromCoin.contractAddress,
+                //   chainId: connectedChainId,
+                //   includeApprove: true
+                //   ...(recentInput === 'from' ? {sellAmount: String(amount)} : {buyAmount: String(amount)})
+                // })
+                // TODO: use commented out code when getSwapQuoteV2 is updated to include sellAmount
+                swapQuote = await apiClient.getSwapQuoteV2({
+                    userAddress: String(userAddress),
+                    buyCurrencyAddress: toCoin.contractAddress,
+                    sellCurrencyAddress: fromCoin.contractAddress,
+                    buyAmount: String(amount),
+                    chainId: connectedChainId,
+                    includeApprove: true
+                });
+                const transactionValue = swapQuote?.swapQuote?.transactionValue || '0';
+                // TODO: change this to "amount" from return
+                setNonRecentAmount(Number(transactionValue));
+                setSwapQuoteData(swapQuote?.swapQuote);
+                setIsSwapReady(true);
+            }
+            catch (error) {
+                const hasInsufficientFunds = error.code === -4;
+                setHasInsufficientFunds(hasInsufficientFunds);
+                setIsErrorSwapQuote(true);
+            }
+            setIsSwapQuotePending(false);
+        };
+        fetchSwapQuote();
+    }, [fromCoin, toCoin, amount]);
+    const setFromCoin = (coin) => {
+        if (coin?.chainId === toCoin?.chainId && coin?.contractAddress === toCoin?.contractAddress) {
+            switchCoinOrder();
+        }
+        else {
+            _setFromCoin(coin);
+        }
+    };
+    const setToCoin = (coin) => {
+        if (coin?.chainId === fromCoin?.chainId && coin?.contractAddress === fromCoin?.contractAddress) {
+            switchCoinOrder();
+        }
+        else {
+            _setToCoin(coin);
+        }
+    };
+    const setAmount = (newAmount, type) => {
+        if (type === recentInput) {
+            _setAmount(newAmount);
+        }
+        else {
+            const tempAmount = amount;
+            setRecentInput(recentInput === 'from' ? 'to' : 'from');
+            _setAmount(newAmount);
+            setNonRecentAmount(tempAmount);
+        }
+    };
+    const switchCoinOrder = () => {
+        const tempFrom = fromCoin;
+        const tempTo = toCoin;
+        _setFromCoin(tempTo);
+        _setToCoin(tempFrom);
+        setRecentInput(recentInput === 'from' ? 'to' : 'from');
+    };
+    const onSubmitSwap = async () => {
+        if (isErrorSwapQuote || !userAddress || !publicClient || !walletClient || !connector || !fromCoin || !toCoin || !amount) {
+            console.error('Please ensure validation before allowing users to submit a swap');
+            return;
+        }
+        setIsErrorTxn(false);
+        setIsTxnPending(true);
+        try {
+            const isSwapNativeToken = compareAddress(zeroAddress, swapQuoteData?.currencyAddress || '');
+            const getSwapTransactions = () => {
+                if (!swapQuoteData) {
+                    return [];
+                }
+                const swapTransactions = [
+                    // Swap quote optional approve step
+                    ...(swapQuoteData?.approveData && !isSwapNativeToken
+                        ? [
+                            {
+                                to: swapQuoteData?.currencyAddress,
+                                data: swapQuoteData?.approveData,
+                                chain: connectedChainId
+                            }
+                        ]
+                        : []),
+                    // Swap quote tx
+                    {
+                        to: swapQuoteData?.to,
+                        data: swapQuoteData?.transactionData,
+                        chain: connectedChainId,
+                        ...(isSwapNativeToken
+                            ? {
+                                value: BigInt(swapQuoteData?.transactionValue || '0')
+                            }
+                            : {})
+                    }
+                ];
+                return swapTransactions;
+            };
+            const walletClientChainId = await walletClient.getChainId();
+            if (walletClientChainId !== connectedChainId) {
+                await walletClient.switchChain({ id: connectedChainId });
+            }
+            const isFromCoinNative = fromCoin.contractType === 'NATIVE';
+            const isToCoinNative = toCoin.contractType === 'NATIVE';
+            const fromCoinNativeInfo = getNativeTokenInfoByChainId(fromCoin.chainId, chains);
+            const toCoinNativeInfo = getNativeTokenInfoByChainId(toCoin.chainId, chains);
+            const toastFromCoinName = isFromCoinNative ? fromCoinNativeInfo.symbol : fromCoin.contractInfo?.symbol;
+            const toastToCoinName = isToCoinNative ? toCoinNativeInfo.symbol : toCoin.contractInfo?.symbol;
+            const toastFromAmount = formatUnits(BigInt(recentInput === 'from' ? amount : nonRecentAmount), (isFromCoinNative ? fromCoinNativeInfo.decimals : fromCoin.contractInfo?.decimals) || 18);
+            const toastToAmount = formatUnits(BigInt(recentInput === 'from' ? nonRecentAmount : amount), (isToCoinNative ? toCoinNativeInfo.decimals : toCoin.contractInfo?.decimals) || 18);
+            await sendTransactions({
+                connector,
+                walletClient,
+                publicClient,
+                chainId: connectedChainId,
+                indexerClient,
+                senderAddress: userAddress,
+                transactions: [...getSwapTransactions()]
+            });
+            toast({
+                title: 'Transaction sent',
+                description: `Successfully swapped ${toastFromAmount} ${toastFromCoinName} for ${toastToAmount} ${toastToCoinName}`,
+                variant: 'success'
+            });
+            setNavigation({
+                location: 'home'
+            });
+        }
+        catch (error) {
+            console.error('Failed to send transactions', error);
+            setIsSwapReady(false);
+            setIsTxnPending(false);
+            setIsErrorTxn(true);
+        }
+    };
+    return (_jsx(SwapContextProvider, { value: {
+            fromCoin,
+            toCoin,
+            amount,
+            nonRecentAmount,
+            recentInput,
+            isSwapReady,
+            isSwapQuotePending,
+            hasInsufficientFunds,
+            isErrorSwapQuote,
+            isTxnPending,
+            isErrorTxn,
+            setFromCoin,
+            setToCoin,
+            setAmount,
+            switchCoinOrder,
+            onSubmitSwap,
+            resetSwapStates
+        }, children: children }));
+};
+//# sourceMappingURL=SwapProvider.js.map

package/dist/esm/components/SequenceWalletProvider/ProviderComponents/SwapProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapProvider.js","sourceRoot":"","sources":["../../../../../src/components/SequenceWalletProvider/ProviderComponents/SwapProvider.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/SequenceWalletProvider/ProviderComponents/WalletConnectSignClientProvider.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=WalletConnectSignClientProvider.d.ts.map

package/dist/esm/components/SequenceWalletProvider/ProviderComponents/WalletConnectSignClientProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectSignClientProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/SequenceWalletProvider/ProviderComponents/WalletConnectSignClientProvider.tsx"],"names":[],"mappings":""}

package/dist/esm/components/SequenceWalletProvider/ProviderComponents/WalletConnectSignClientProvider.js

@@ -0,0 +1,190 @@
+// import SignClient from '@walletconnect/sign-client'
+// import { SessionTypes, SignClientTypes } from '@walletconnect/types'
+// import { observable } from 'micro-observables'
+// import { useEffect, useRef } from 'react'
+// import { ReactNode } from 'react'
+// import { useAccount } from 'wagmi'
+export {};
+// import { WalletConnectContextProvider } from '../../../contexts/WalletConnect'
+// import { useSettings } from '../../../hooks'
+// const SEQUENCE_WALLET_PROJECT_ID = '9de6e0953fc26670a19deea966e9ae1f'
+// interface WalletConnectProviderProps {
+//   children: ReactNode
+// }
+// export interface ConnectOptions {
+//   app: string
+//   origin: string
+//   networkId: string
+//   keepWalletOpened: boolean
+// }
+// export const WalletConnectProvider: React.FC<WalletConnectProviderProps> = ({ children }) => {
+//   const { address } = useAccount()
+//   const { selectedNetworks } = useSettings()
+//   const isReadyObservable = observable<boolean>(false)
+//   const sessionsObservable = observable<SessionTypes.Struct[]>([])
+//   const connectOptionsObservable = observable<ConnectOptions | undefined>(undefined)
+//   const currentRequestInfoRef = useRef<{ id: number; topic: string } | undefined>(undefined)
+//   const signClientRef = useRef<SignClient | undefined>(undefined)
+//   useEffect(() => {
+//     const createSignClient = async () => {
+//       const client = await SignClient.init({
+//         projectId: SEQUENCE_WALLET_PROJECT_ID,
+//         metadata: {
+//           name: 'Sequence Wallet',
+//           description: 'Sequence Wallet - The Best Crypto, NFT & Web3 Wallet',
+//           url: 'https://sequence.app',
+//           icons: ['https://sequence.app/apple-touch-icon.png']
+//         }
+//       })
+//       client.on('session_proposal', onSessionProposal)
+//       client.on('session_request', onSessionRequest)
+//       client.on('session_ping', onSessionPing)
+//       client.on('session_event', onSessionEvent)
+//       client.on('session_update', onSessionUpdate)
+//       client.on('session_delete', onSessionDelete)
+//       signClientRef.current = client
+//       sessionsObservable.set(client.session.getAll() ?? [])
+//       isReadyObservable.set(true)
+//     }
+//     createSignClient()
+//   }, [])
+//   const pair = async (uri: string) => {
+//     if (!signClientRef.current) {
+//       throw new Error('WalletConnect signClient not initialized.')
+//     }
+//     await signClientRef.current?.core.pairing.pair({ uri })
+//   }
+//   const rejectRequest = () => {
+//     if (currentRequestInfoRef.current) {
+//       signClientRef.current?.respond({
+//         topic: currentRequestInfoRef.current.topic,
+//         response: {
+//           id: currentRequestInfoRef.current.id,
+//           jsonrpc: '2.0',
+//           error: {
+//             message: 'User rejected.',
+//             code: 4001
+//           }
+//         }
+//       })
+//     }
+//   }
+//   const disconnectSession = async (topic: string) => {
+//     const session = signClientRef.current?.session.get(topic)
+//     if (session) {
+//       await signClientRef.current?.engine.client.disconnect({
+//         topic: session.topic,
+//         reason: {
+//           message: 'User disconnected.',
+//           code: 6000
+//         }
+//       })
+//       sessionsObservable.set(signClientRef.current?.session.getAll() ?? [])
+//     }
+//   }
+//   const disconnectAllSessions = async () => {
+//     const sessions = signClientRef.current?.session.getAll() ?? []
+//     sessions.forEach(async session => {
+//       await signClientRef.current?.engine.client.disconnect({
+//         topic: session.topic,
+//         reason: {
+//           message: 'User disconnected.',
+//           code: 6000
+//         }
+//       })
+//     })
+//     sessionsObservable.set([])
+//   }
+//   const onSessionProposal = async (ev: SignClientTypes.EventArguments['session_proposal']) => {
+//     console.log('onSessionProposal', ev)
+//     console.log('signClientRef.current', signClientRef.current)
+//     const requiredNamespaces = ev.params.requiredNamespaces
+//     const optionalNamespaces = ev.params.optionalNamespaces
+//     const chainsInRequiredNamespaces =
+//       Object.keys(requiredNamespaces).length === 0 ? [] : (requiredNamespaces.eip155.chains ?? [])
+//     const chainsInOptionalNamespaces =
+//       Object.keys(optionalNamespaces).length === 0 ? [] : (optionalNamespaces.eip155.chains ?? [])
+//     const chainId = chainsInRequiredNamespaces[0]?.split(':').pop() ?? chainsInOptionalNamespaces[0]?.split(':').pop()
+//     if (!chainId) {
+//       throw new Error('No chainId found in WalletConnect session proposal namespaces.')
+//     }
+//     connectOptionsObservable.set({
+//       app: ev.params.proposer.metadata.name,
+//       origin: ev.params.proposer.metadata.url,
+//       networkId: chainId,
+//       keepWalletOpened: true
+//     })
+//     const chains = selectedNetworks
+//     const requestedChains = chainsInRequiredNamespaces.map(chain => Number(chain.split(':').pop()))
+//     const optionalChains = chainsInOptionalNamespaces.map(chain => Number(chain.split(':').pop()))
+//     const filteredChainsForRequested = chains.filter(chain => [...requestedChains, ...optionalChains].includes(chain))
+//     const accounts = filteredChainsForRequested.map(chain => 'eip155:' + chain + ':' + address)
+//     const namespaces = {
+//       eip155: {
+//         accounts,
+//         methods: [
+//           'eth_sendTransaction',
+//           'eth_sendRawTransaction',
+//           'eth_signTransaction',
+//           'eth_sign',
+//           'personal_sign',
+//           'eth_signTypedData',
+//           'eth_signTypedData_v4',
+//           'wallet_switchEthereumChain'
+//         ],
+//         chains: [],
+//         events: ['chainChanged', 'accountsChanged', 'connect', 'disconnect']
+//       }
+//     }
+//     console.log('signClient', signClientRef.current)
+//     const result = await signClientRef.current?.approve({
+//       id: ev.id,
+//       namespaces
+//     })
+//     await result?.acknowledged()
+//     sessionsObservable.set(signClientRef.current?.session.getAll() ?? [])
+//     // remove any old pairings with same peerMetadata url
+//     signClientRef.current?.core.pairing
+//       .getPairings()
+//       .filter(pairing => ev.params.pairingTopic !== pairing.topic)
+//       .forEach(async pairing => {
+//         if (ev.params.proposer.metadata.url === pairing.peerMetadata?.url) {
+//           await signClientRef.current?.core.pairing.disconnect({
+//             topic: pairing.topic
+//           })
+//         }
+//       })
+//   }
+//   const onSessionRequest = async (ev: SignClientTypes.EventArguments['session_request']) => {
+//     console.log('onSessionRequest', ev)
+//     // Handle session request logic here
+//   }
+//   const onSessionPing = async (ev: SignClientTypes.EventArguments['session_ping']) => {
+//     console.log('onSessionPing', ev)
+//   }
+//   const onSessionEvent = async (ev: SignClientTypes.EventArguments['session_event']) => {
+//     console.log('onSessionEvent', ev)
+//   }
+//   const onSessionUpdate = async (ev: SignClientTypes.EventArguments['session_update']) => {
+//     console.log('onSessionUpdate', ev)
+//   }
+//   const onSessionDelete = async (ev: SignClientTypes.EventArguments['session_delete']) => {
+//     console.log('onSessionDelete', ev)
+//   }
+//   return (
+//     <WalletConnectContextProvider
+//       value={{
+//         isReadyObservable,
+//         sessionsObservable,
+//         connectOptionsObservable,
+//         pair,
+//         rejectRequest,
+//         disconnectSession,
+//         disconnectAllSessions
+//       }}
+//     >
+//       {children}
+//     </WalletConnectContextProvider>
+//   )
+// }
+//# sourceMappingURL=WalletConnectSignClientProvider.js.map

package/dist/esm/components/SequenceWalletProvider/ProviderComponents/WalletConnectSignClientProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectSignClientProvider.js","sourceRoot":"","sources":["../../../../../src/components/SequenceWalletProvider/ProviderComponents/WalletConnectSignClientProvider.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/SequenceWalletProvider/SequenceWalletProvider.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 export type SequenceWalletProviderProps = {
     children: React.ReactNode;
 };
-export declare const SequenceWalletProvider: ({ children }: SequenceWalletProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SequenceWalletProvider: (props: SequenceWalletProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WalletContent: ({ children }: SequenceWalletProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SequenceWalletProvider.d.ts.map

package/dist/esm/components/SequenceWalletProvider/SequenceWalletProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SequenceWalletProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/SequenceWalletProvider/SequenceWalletProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAMD,eAAO,MAAM,sBAAsB,GAAI,cAAc,2BAA2B,4CAgE/E,CAAA"}
+{"version":3,"file":"SequenceWalletProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/SequenceWalletProvider/SequenceWalletProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAY9D,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAMD,eAAO,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,4CAQxE,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,cAAc,2BAA2B,4CAgGtE,CAAA"}

package/dist/esm/components/SequenceWalletProvider/SequenceWalletProvider.js

@@ -1,17 +1,34 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getModalPositionCss, useTheme, ShadowRoot } from '@0xsequence/connect';
-import { Modal, Scroll } from '@0xsequence/design-system';
+import { SequenceCheckoutProvider, useAddFundsModal } from '@0xsequence/checkout';
+import { getModalPositionCss, useTheme, ShadowRoot, useOpenConnectModal } from '@0xsequence/connect';
+import { Modal, Scroll, ToastProvider } from '@0xsequence/design-system';
 import { AnimatePresence } from 'motion/react';
-import { useState } from 'react';
-import { HEADER_HEIGHT } from '../../constants';
+import { useState, useContext, useEffect } from 'react';
+import { useAccount } from 'wagmi';
+import { HEADER_HEIGHT, HEADER_HEIGHT_WITH_LABEL } from '../../constants';
+import { WALLET_WIDTH, WALLET_HEIGHT } from '../../constants';
 import { NavigationContextProvider, WalletModalContextProvider } from '../../contexts';
+import { WalletContentRefProvider, WalletContentRefContext } from '../../contexts/WalletContentRef';
+import { FiatWalletsMapProvider } from './ProviderComponents/FiatWalletsMapProvider';
+import { SwapProvider } from './ProviderComponents/SwapProvider';
 import { getHeader, getContent } from './utils';
 const DEFAULT_LOCATION = {
     location: 'home'
 };
-export const SequenceWalletProvider = ({ children }) => {
+export const SequenceWalletProvider = (props) => {
+    return (_jsx(SequenceCheckoutProvider, { children: _jsx(WalletContentRefProvider, { children: _jsx(WalletContent, { ...props }) }) }));
+};
+export const WalletContent = ({ children }) => {
     const { theme, position } = useTheme();
+    const { isAddFundsModalOpen } = useAddFundsModal();
+    const { isConnectModalOpen } = useOpenConnectModal();
+    const { address } = useAccount();
+    useEffect(() => {
+        if (!address) {
+            setOpenWalletModal(false);
+        }
+    }, [address]);
     // Wallet Modal Context
     const [openWalletModal, setOpenWalletModalState] = useState(false);
     const setOpenWalletModal = (open, options) => {
@@ -24,22 +41,37 @@ export const SequenceWalletProvider = ({ children }) => {
     const [history, setHistory] = useState([]);
     const [isBackButtonEnabled, setIsBackButtonEnabled] = useState(true);
     const navigation = history.length > 0 ? history[history.length - 1] : DEFAULT_LOCATION;
-    const displayScrollbar = navigation.location === 'home' ||
-        navigation.location === 'collection-details' ||
+    const displayScrollbar = navigation.location === 'send-general' ||
         navigation.location === 'collectible-details' ||
         navigation.location === 'coin-details' ||
         navigation.location === 'history' ||
         navigation.location === 'search' ||
         navigation.location === 'search-view-all' ||
-        navigation.location === 'settings-currency';
-    return (_jsx(WalletModalContextProvider, { value: { setOpenWalletModal, openWalletModalState: openWalletModal }, children: _jsxs(NavigationContextProvider, { value: { setHistory, history, isBackButtonEnabled, setIsBackButtonEnabled }, children: [_jsx(ShadowRoot, { theme: theme, children: _jsx(AnimatePresence, { children: openWalletModal && (_jsx(Modal, { contentProps: {
-                                style: {
-                                    maxWidth: '400px',
-                                    height: 'fit-content',
-                                    ...getModalPositionCss(position),
-                                    scrollbarColor: 'gray black',
-                                    scrollbarWidth: 'thin'
-                                }
-                            }, scroll: false, onClose: () => setOpenWalletModal(false), children: _jsxs("div", { id: "sequence-kit-wallet-content", children: [getHeader(navigation), displayScrollbar ? (_jsx(Scroll, { style: { paddingTop: HEADER_HEIGHT, height: 'min(800px, 80vh)' }, children: getContent(navigation) })) : (getContent(navigation))] }) })) }) }), children] }) }));
+        navigation.location === 'settings-wallets' ||
+        navigation.location === 'settings-networks' ||
+        navigation.location === 'settings-currency' ||
+        navigation.location === 'settings-profiles' ||
+        navigation.location === 'settings-apps' ||
+        navigation.location === 'legacy-settings-currency' ||
+        navigation.location === 'search-tokens' ||
+        navigation.location === 'search-collectibles';
+    let paddingTop = '0px';
+    switch (navigation.location) {
+        case 'send-general':
+            paddingTop = HEADER_HEIGHT_WITH_LABEL;
+            break;
+        default:
+            paddingTop = HEADER_HEIGHT;
+    }
+    const walletContentRef = useContext(WalletContentRefContext);
+    return (_jsx(WalletModalContextProvider, { value: { setOpenWalletModal, openWalletModalState: openWalletModal }, children: _jsx(NavigationContextProvider, { value: { setHistory, history, isBackButtonEnabled, setIsBackButtonEnabled }, children: _jsx(FiatWalletsMapProvider, { children: _jsx(ToastProvider, { children: _jsxs(SwapProvider, { children: [_jsx(ShadowRoot, { theme: theme, children: _jsx(AnimatePresence, { children: openWalletModal && !isAddFundsModalOpen && !isConnectModalOpen && (_jsx(Modal, { contentProps: {
+                                            style: {
+                                                maxWidth: WALLET_WIDTH,
+                                                height: 'fit-content',
+                                                ...getModalPositionCss(position),
+                                                scrollbarColor: 'gray black',
+                                                scrollbarWidth: 'thin'
+                                            }
+                                        }, scroll: false, onClose: () => setOpenWalletModal(false), children: _jsxs("div", { id: "sequence-kit-wallet-content", ref: walletContentRef, children: [getHeader(navigation), displayScrollbar ? (_jsx(Scroll, { style: { paddingTop: paddingTop, height: WALLET_HEIGHT }, children: getContent(navigation) })) : (getContent(navigation))] }) })) }) }), children] }) }) }) }) }));
 };
 //# sourceMappingURL=SequenceWalletProvider.js.map

package/dist/esm/components/SequenceWalletProvider/SequenceWalletProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SequenceWalletProvider.js","sourceRoot":"","sources":["../../../../src/components/SequenceWalletProvider/SequenceWalletProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAuB,yBAAyB,EAAE,0BAA0B,EAAiB,MAAM,gBAAgB,CAAA;AAE1H,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAM/C,MAAM,gBAAgB,GAAe;IACnC,QAAQ,EAAE,MAAM;CACjB,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,QAAQ,EAA+B,EAAE,EAAE;IAClF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAA;IAEtC,uBAAuB;IACvB,MAAM,CAAC,eAAe,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE3E,MAAM,kBAAkB,GAAG,CAAC,IAAa,EAAE,OAAuB,EAAE,EAAE;QACpE,uBAAuB,CAAC,IAAI,CAAC,CAAA;QAC7B,UAAU,CAAC,GAAG,EAAE;YACd,UAAU,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;QAC3E,CAAC,EAAE,CAAC,CAAC,CAAA;IACP,CAAC,CAAA;IAED,qBAAqB;IACrB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,EAAE,CAAC,CAAA;IACnD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IACpE,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAA;IAEtF,MAAM,gBAAgB,GACpB,UAAU,CAAC,QAAQ,KAAK,MAAM;QAC9B,UAAU,CAAC,QAAQ,KAAK,oBAAoB;QAC5C,UAAU,CAAC,QAAQ,KAAK,qBAAqB;QAC7C,UAAU,CAAC,QAAQ,KAAK,cAAc;QACtC,UAAU,CAAC,QAAQ,KAAK,SAAS;QACjC,UAAU,CAAC,QAAQ,KAAK,QAAQ;QAChC,UAAU,CAAC,QAAQ,KAAK,iBAAiB;QACzC,UAAU,CAAC,QAAQ,KAAK,mBAAmB,CAAA;IAE7C,OAAO,CACL,KAAC,0BAA0B,IAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,eAAe,EAAE,YAC9F,MAAC,yBAAyB,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,aACpG,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,YACtB,KAAC,eAAe,cACb,eAAe,IAAI,CAClB,KAAC,KAAK,IACJ,YAAY,EAAE;gCACZ,KAAK,EAAE;oCACL,QAAQ,EAAE,OAAO;oCACjB,MAAM,EAAE,aAAa;oCACrB,GAAG,mBAAmB,CAAC,QAAQ,CAAC;oCAChC,cAAc,EAAE,YAAY;oCAC5B,cAAc,EAAE,MAAM;iCACvB;6BACF,EACD,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,YAExC,eAAK,EAAE,EAAC,6BAA6B,aAClC,SAAS,CAAC,UAAU,CAAC,EAErB,gBAAgB,CAAC,CAAC,CAAC,CAClB,KAAC,MAAM,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,EAAE,kBAAkB,EAAE,YAAG,UAAU,CAAC,UAAU,CAAC,GAAU,CAC5G,CAAC,CAAC,CAAC,CACF,UAAU,CAAC,UAAU,CAAC,CACvB,IACG,GACA,CACT,GACe,GACP,EACZ,QAAQ,IACiB,GACD,CAC9B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SequenceWalletProvider.js","sourceRoot":"","sources":["../../../../src/components/SequenceWalletProvider/SequenceWalletProvider.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/SequenceWalletProvider/utils/index.d.ts

@@ -1,4 +1,4 @@
 import { Navigation } from '../../../contexts';
 export declare const getContent: (navigation: Navigation) => import("react/jsx-runtime").JSX.Element;
-export declare const getHeader: (navigation: Navigation) => import("react/jsx-runtime").JSX.Element;
+export declare const getHeader: (navigation: Navigation) => import("react/jsx-runtime").JSX.Element | undefined;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/SequenceWalletProvider/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SequenceWalletProvider/utils/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAuB9C,eAAO,MAAM,UAAU,GAAI,YAAY,UAAU,4CAyDhD,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,YAAY,UAAU,4CAkC/C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SequenceWalletProvider/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AA4B9C,eAAO,MAAM,UAAU,GAAI,YAAY,UAAU,4CA4EhD,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,YAAY,UAAU,wDA6C/C,CAAA"}