@0xsequence/wallet-widget 5.1.0 → 5.2.0

package/dist/esm/components/WalletHeader/index.js

@@ -1,50 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeftIcon, IconButton, SearchIcon } from '@0xsequence/design-system';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { AnimatePresence, motion } from 'motion/react';
-import { useState, useRef, useEffect } from 'react';
-import { HEADER_HEIGHT } from '../../constants';
-import { useNavigation, useOpenWalletModal } from '../../hooks';
+import { useOpenConnectModal, useWallets } from '@0xsequence/connect';
+import { ChevronLeftIcon, IconButton, Text } from '@0xsequence/design-system';
+import { AnimatePresence } from 'motion/react';
+import { useState } from 'react';
+import { HEADER_HEIGHT, HEADER_HEIGHT_WITH_LABEL } from '../../constants';
+import { useNavigation } from '../../hooks';
+import { SelectWalletRow } from '../Select/SelectWalletRow';
+import { SlideupDrawer } from '../Select/SlideupDrawer';
 import { AccountInformation } from './components/AccountInformation';
-import { WalletDropdownContent } from './components/WalletDropdownContent';
-export const WalletHeader = () => {
-    const { openWalletModalState } = useOpenWalletModal();
-    const [openWalletDropdown, setOpenWalletDropdown] = useState(false);
-    const { goBack, history, setNavigation } = useNavigation();
-    const hasDropdownOpened = useRef(false);
-    useEffect(() => {
-        if (!openWalletModalState) {
-            setOpenWalletDropdown(false);
-        }
-    }, [openWalletModalState]);
-    // Close dropdown when navigating to a new page
-    useEffect(() => {
-        if (openWalletDropdown) {
-            if (!hasDropdownOpened.current) {
-                hasDropdownOpened.current = true;
-            }
-            else {
-                setOpenWalletDropdown(false);
-            }
-        }
-        else {
-            hasDropdownOpened.current = false;
-        }
-    }, [history.length, openWalletDropdown]);
-    const onClickAccount = () => {
-        setOpenWalletDropdown(true);
+export const WalletHeader = ({ primaryText, enableAccountSelector = false }) => {
+    const { wallets, setActiveWallet } = useWallets();
+    const { setOpenConnectModal } = useOpenConnectModal();
+    const { goBack } = useNavigation();
+    const [accountSelectorModalOpen, setAccountSelectorModalOpen] = useState(false);
+    const onClickSelector = () => {
+        setAccountSelectorModalOpen(true);
+    };
+    const handleAddNewWallet = () => {
+        setAccountSelectorModalOpen(false);
+        setOpenConnectModal(true);
     };
     const onClickBack = () => {
         goBack();
     };
-    const onClickSearch = () => {
-        setNavigation({
-            location: 'search'
-        });
-    };
-    return (_jsx(motion.div, { children: _jsxs(PopoverPrimitive.Root, { open: openWalletDropdown, children: [_jsx(PopoverPrimitive.Anchor, {}), _jsxs("div", { className: "flex bg-background-primary z-20 fixed flex-row items-center justify-between w-full px-4", style: {
-                        height: HEADER_HEIGHT,
-                        paddingTop: '6px'
-                    }, children: [history.length > 0 ? (_jsx(IconButton, { onClick: onClickBack, icon: ChevronLeftIcon, size: "xs" })) : (_jsx(IconButton, { onClick: onClickSearch, icon: SearchIcon, size: "xs" })), _jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsx(AccountInformation, { onClickAccount: onClickAccount }) }), _jsx("div", { style: { width: '44px' } })] }), _jsx(AnimatePresence, { children: openWalletDropdown && (_jsx(PopoverPrimitive.Content, { asChild: true, side: "bottom", align: "start", children: _jsx(WalletDropdownContent, { setOpenWalletDropdown: setOpenWalletDropdown }) })) })] }) }));
+    return (_jsxs("div", { className: "flex flex-col justify-between items-center fixed bg-background-primary w-full p-4 z-20", style: {
+            height: primaryText ? HEADER_HEIGHT_WITH_LABEL : HEADER_HEIGHT
+        }, children: [_jsxs("div", { className: "flex flex-row justify-between items-center w-full", children: [_jsx(IconButton, { onClick: onClickBack, icon: ChevronLeftIcon, size: "xs" }), _jsx(AccountInformation, { onClickAccount: enableAccountSelector ? onClickSelector : undefined }), _jsx("div", { style: { width: '28px' } })] }), primaryText && (_jsx(Text, { variant: "medium", color: "primary", children: primaryText })), _jsx(AnimatePresence, { children: accountSelectorModalOpen && (_jsx(SlideupDrawer, { onClose: () => setAccountSelectorModalOpen(false), label: "Select main wallet", buttonLabel: "+ Add new wallet", handleButtonPress: handleAddNewWallet, dragHandleWidth: 28, children: _jsx("div", { className: "flex flex-col gap-2 bg-background-primary", children: wallets.map((wallet, index) => (_jsx(SelectWalletRow, { wallet: wallet, onClose: () => setAccountSelectorModalOpen(false), onClick: setActiveWallet }, index))) }) })) })] }));
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/WalletHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletHeader/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletHeader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAEpE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,WAAW,EACX,qBAAqB,GAAG,KAAK,EAI9B,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,CAAA;IACjD,MAAM,EAAE,mBAAmB,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACrD,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAExF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,2BAA2B,CAAC,IAAI,CAAC,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,2BAA2B,CAAC,KAAK,CAAC,CAAA;QAClC,mBAAmB,CAAC,IAAI,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAC,wFAAwF,EAClG,KAAK,EAAE;YACL,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,aAAa;SAC/D,aAED,eAAK,SAAS,EAAC,mDAAmD,aAChE,KAAC,UAAU,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAC,IAAI,GAAG,EACrE,KAAC,kBAAkB,IAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,GAAI,EAC3F,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,IAC7B,EACL,WAAW,IAAI,CACd,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACnC,WAAW,GACP,CACR,EACD,KAAC,eAAe,cACb,wBAAwB,IAAI,CAC3B,KAAC,aAAa,IACZ,OAAO,EAAE,GAAG,EAAE,CAAC,2BAA2B,CAAC,KAAK,CAAC,EACjD,KAAK,EAAC,oBAAoB,EAC1B,WAAW,EAAC,kBAAkB,EAC9B,iBAAiB,EAAE,kBAAkB,EACrC,eAAe,EAAE,EAAE,YAEnB,cAAK,SAAS,EAAC,2CAA2C,YACvD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,eAAe,IAEd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,2BAA2B,CAAC,KAAK,CAAC,EACjD,OAAO,EAAE,eAAe,IAHnB,KAAK,CAIV,CACH,CAAC,GACE,GACQ,CACjB,GACe,IACd,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/constants/sizing.d.ts

@@ -1,2 +1,5 @@
-export declare const HEADER_HEIGHT = "54px";
+export declare const HEADER_HEIGHT = "60px";
+export declare const HEADER_HEIGHT_WITH_LABEL = "100px";
+export declare const WALLET_WIDTH = "460px";
+export declare const WALLET_HEIGHT = "min(800px, 90vh)";
 //# sourceMappingURL=sizing.d.ts.map

package/dist/esm/constants/sizing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../src/constants/sizing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,SAAS,CAAA"}
+{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../src/constants/sizing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,SAAS,CAAA;AACnC,eAAO,MAAM,wBAAwB,UAAU,CAAA;AAC/C,eAAO,MAAM,YAAY,UAAU,CAAA;AACnC,eAAO,MAAM,aAAa,qBAAqB,CAAA"}

package/dist/esm/constants/sizing.js

@@ -1,2 +1,5 @@
-export const HEADER_HEIGHT = '54px';
+export const HEADER_HEIGHT = '60px';
+export const HEADER_HEIGHT_WITH_LABEL = '100px';
+export const WALLET_WIDTH = '460px';
+export const WALLET_HEIGHT = 'min(800px, 90vh)';
 //# sourceMappingURL=sizing.js.map

package/dist/esm/constants/sizing.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizing.js","sourceRoot":"","sources":["../../../src/constants/sizing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAA"}
+{"version":3,"file":"sizing.js","sourceRoot":"","sources":["../../../src/constants/sizing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAA;AACnC,MAAM,CAAC,MAAM,wBAAwB,GAAG,OAAO,CAAA;AAC/C,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAA;AACnC,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAA"}

package/dist/esm/contexts/FiatWalletsMap.d.ts

@@ -0,0 +1,11 @@
+export interface FiatWalletPair {
+    accountAddress: string;
+    fiatValue: string;
+}
+export interface FiatWalletsMapContext {
+    fiatWalletsMap: FiatWalletPair[];
+    setFiatWalletsMap: (fiatWalletsMap: FiatWalletPair[]) => void;
+}
+declare const useFiatWalletsMapContext: () => FiatWalletsMapContext, FiatWalletsMapContextProvider: import("react").Provider<FiatWalletsMapContext | undefined>;
+export { useFiatWalletsMapContext, FiatWalletsMapContextProvider };
+//# sourceMappingURL=FiatWalletsMap.d.ts.map

package/dist/esm/contexts/FiatWalletsMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiatWalletsMap.d.ts","sourceRoot":"","sources":["../../../src/contexts/FiatWalletsMap.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,cAAc,EAAE,CAAA;IAChC,iBAAiB,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;CAC9D;AAED,QAAA,MAAO,wBAAwB,+BAAE,6BAA6B,6DAAiD,CAAA;AAE/G,OAAO,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,CAAA"}

package/dist/esm/contexts/FiatWalletsMap.js

@@ -0,0 +1,4 @@
+import { createGenericContext } from './genericContext';
+const [useFiatWalletsMapContext, FiatWalletsMapContextProvider] = createGenericContext();
+export { useFiatWalletsMapContext, FiatWalletsMapContextProvider };
+//# sourceMappingURL=FiatWalletsMap.js.map

package/dist/esm/contexts/FiatWalletsMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiatWalletsMap.js","sourceRoot":"","sources":["../../../src/contexts/FiatWalletsMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAYvD,MAAM,CAAC,wBAAwB,EAAE,6BAA6B,CAAC,GAAG,oBAAoB,EAAyB,CAAA;AAE/G,OAAO,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,CAAA"}

package/dist/esm/contexts/Navigation.d.ts

@@ -1,15 +1,8 @@
 import { Transaction } from '@0xsequence/indexer';
-export interface CollectionDetailsParams {
-    contractAddress: string;
-    chainId: number;
-}
-export interface CollectionDetailsNavigation {
-    location: 'collection-details';
-    params: CollectionDetailsParams;
-}
 export interface CoinDetailsParams {
     contractAddress: string;
     chainId: number;
+    accountAddress: string;
 }
 export interface CoinDetailsNavigation {
     location: 'coin-details';
@@ -19,6 +12,7 @@ export interface CollectibleDetailsParams {
     contractAddress: string;
     chainId: number;
     tokenId: string;
+    accountAddress: string;
 }
 export interface CollectibleDetailsNavigation {
     location: 'collectible-details';
@@ -73,9 +67,9 @@ export interface SendCollectibleNavigation {
     params: SendCollectibleParams;
 }
 export interface BasicNavigation {
-    location: 'home' | 'receive' | 'history' | 'receive' | 'settings' | 'settings-general' | 'settings-currency' | 'settings-networks' | 'search';
+    location: 'home' | 'send-general' | 'swap' | 'receive' | 'history' | 'legacy-settings' | 'legacy-settings-general' | 'legacy-settings-currency' | 'legacy-settings-networks' | 'settings' | 'settings-wallets' | 'settings-networks' | 'settings-currency' | 'settings-profiles' | 'settings-apps' | 'settings-preferences' | 'connect-dapp' | 'search' | 'search-tokens' | 'search-collectibles';
 }
-export type Navigation = BasicNavigation | CoinDetailsNavigation | CollectibleDetailsNavigation | CollectionDetailsNavigation | TransactionDetailsNavigation | SearchViewAllNavigation | SendCoinNavigation | SendCollectibleNavigation | SwapCoinNavigation | SwapCoinListNavigation;
+export type Navigation = BasicNavigation | CoinDetailsNavigation | CollectibleDetailsNavigation | TransactionDetailsNavigation | SearchViewAllNavigation | SendCoinNavigation | SendCollectibleNavigation | SwapCoinNavigation | SwapCoinListNavigation;
 export type History = Navigation[];
 type NavigationContext = {
     setHistory: (history: History) => void;

package/dist/esm/contexts/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/contexts/Navigation.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/contexts/Navigation.ts"],"names":[],"mappings":"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"}

package/dist/esm/contexts/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/contexts/Navigation.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAIZ,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AA+HvD,MAAM,CAAC,oBAAoB,EAAE,yBAAyB,CAAC,GAAG,oBAAoB,EAAqB,CAAA;AAEnG,OAAO,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/contexts/Navigation.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAIZ,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAiIvD,MAAM,CAAC,oBAAoB,EAAE,yBAAyB,CAAC,GAAG,oBAAoB,EAAqB,CAAA;AAEnG,OAAO,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/esm/contexts/Swap.d.ts

@@ -0,0 +1,23 @@
+import { TokenBalanceWithPrice } from '../utils';
+export interface SwapContext {
+    fromCoin: TokenBalanceWithPrice | undefined;
+    toCoin: TokenBalanceWithPrice | undefined;
+    amount: number;
+    nonRecentAmount: number;
+    recentInput: 'from' | 'to';
+    isSwapReady: boolean;
+    isSwapQuotePending: boolean;
+    hasInsufficientFunds: boolean;
+    isErrorSwapQuote: boolean;
+    isTxnPending: boolean;
+    isErrorTxn: boolean;
+    setFromCoin: (coin: TokenBalanceWithPrice | undefined) => void;
+    setToCoin: (coin: TokenBalanceWithPrice | undefined) => void;
+    setAmount: (amount: number, type: 'from' | 'to') => void;
+    switchCoinOrder: () => void;
+    onSubmitSwap: () => void;
+    resetSwapStates: () => void;
+}
+declare const useSwapContext: () => SwapContext, SwapContextProvider: import("react").Provider<SwapContext | undefined>;
+export { useSwapContext, SwapContextProvider };
+//# sourceMappingURL=Swap.d.ts.map

package/dist/esm/contexts/Swap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swap.d.ts","sourceRoot":"","sources":["../../../src/contexts/Swap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAIhD,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,qBAAqB,GAAG,SAAS,CAAA;IAC3C,MAAM,EAAE,qBAAqB,GAAG,SAAS,CAAA;IACzC,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,OAAO,CAAA;IACpB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,oBAAoB,EAAE,OAAO,CAAA;IAC7B,gBAAgB,EAAE,OAAO,CAAA;IACzB,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,CAAC,IAAI,EAAE,qBAAqB,GAAG,SAAS,KAAK,IAAI,CAAA;IAC9D,SAAS,EAAE,CAAC,IAAI,EAAE,qBAAqB,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5D,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B;AAED,QAAA,MAAO,cAAc,qBAAE,mBAAmB,mDAAuC,CAAA;AAEjF,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/esm/contexts/Swap.js

@@ -0,0 +1,4 @@
+import { createGenericContext } from './genericContext';
+const [useSwapContext, SwapContextProvider] = createGenericContext();
+export { useSwapContext, SwapContextProvider };
+//# sourceMappingURL=Swap.js.map

package/dist/esm/contexts/Swap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swap.js","sourceRoot":"","sources":["../../../src/contexts/Swap.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAsBvD,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,GAAG,oBAAoB,EAAe,CAAA;AAEjF,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/esm/contexts/WalletConnect.d.ts

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

package/dist/esm/contexts/WalletConnect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnect.d.ts","sourceRoot":"","sources":["../../../src/contexts/WalletConnect.ts"],"names":[],"mappings":""}

package/dist/esm/contexts/WalletConnect.js

@@ -0,0 +1,16 @@
+// import { SessionTypes } from '@walletconnect/types'
+// import { Observable } from 'micro-observables'
+export {};
+// import { ConnectOptions } from '../components/SequenceWalletProvider/utils/WalletConnectSignClient'
+// import { createGenericContext } from './genericContext'
+// export interface WalletConnectContextProps {
+//   isReadyObservable: Observable<boolean>
+//   sessionsObservable: Observable<SessionTypes.Struct[]>
+//   connectOptionsObservable: Observable<ConnectOptions | undefined>
+//   pair: (uri: string) => Promise<void>
+//   rejectRequest: () => void
+//   disconnectSession: (topic: string) => Promise<void>
+//   disconnectAllSessions: () => Promise<void>
+// }
+// export const [useWalletConnectContext, WalletConnectContextProvider] = createGenericContext<WalletConnectContextProps>()
+//# sourceMappingURL=WalletConnect.js.map

package/dist/esm/contexts/WalletConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnect.js","sourceRoot":"","sources":["../../../src/contexts/WalletConnect.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,iDAAiD;;AAEjD,sGAAsG;AAEtG,0DAA0D;AAE1D,+CAA+C;AAC/C,2CAA2C;AAC3C,0DAA0D;AAC1D,qEAAqE;AACrE,yCAAyC;AACzC,8BAA8B;AAC9B,wDAAwD;AACxD,+CAA+C;AAC/C,IAAI;AAEJ,2HAA2H"}

package/dist/esm/contexts/WalletContentRef.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+declare const WalletContentRefContext: import("react").Context<RefObject<HTMLDivElement | null>>;
+declare const WalletContentRefProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export { WalletContentRefContext, WalletContentRefProvider };
+//# sourceMappingURL=WalletContentRef.d.ts.map

package/dist/esm/contexts/WalletContentRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletContentRef.d.ts","sourceRoot":"","sources":["../../../src/contexts/WalletContentRef.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,QAAA,MAAM,uBAAuB,2DAAqE,CAAA;AAElG,QAAA,MAAM,wBAAwB,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAI5E,CAAA;AAED,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/esm/contexts/WalletContentRef.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useRef } from 'react';
+const WalletContentRefContext = createContext({ current: null });
+const WalletContentRefProvider = ({ children }) => {
+    const walletContentRef = useRef(null);
+    return _jsx(WalletContentRefContext.Provider, { value: walletContentRef, children: children });
+};
+export { WalletContentRefContext, WalletContentRefProvider };
+//# sourceMappingURL=WalletContentRef.js.map

package/dist/esm/contexts/WalletContentRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletContentRef.js","sourceRoot":"","sources":["../../../src/contexts/WalletContentRef.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAAa,MAAM,OAAO,CAAA;AAExD,MAAM,uBAAuB,GAAG,aAAa,CAAmC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;AAElG,MAAM,wBAAwB,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAC/E,MAAM,gBAAgB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAE5D,OAAO,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,YAAG,QAAQ,GAAoC,CAAA;AACjH,CAAC,CAAA;AAED,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/esm/contexts/index.d.ts

@@ -1,3 +1,4 @@
 export * from './WalletModal';
 export * from './Navigation';
+export * from './FiatWalletsMap';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/contexts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}

package/dist/esm/contexts/index.js

@@ -1,3 +1,4 @@
 export * from './WalletModal';
 export * from './Navigation';
+export * from './FiatWalletsMap';
 //# sourceMappingURL=index.js.map

package/dist/esm/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}

package/dist/esm/hooks/useFiatWalletsMap.d.ts

@@ -0,0 +1,5 @@
+export declare const useFiatWalletsMap: () => {
+    fiatWalletsMap: import("../contexts/FiatWalletsMap").FiatWalletPair[];
+    setFiatWalletsMap: (fiatWalletsMap: import("../contexts/FiatWalletsMap").FiatWalletPair[]) => void;
+};
+//# sourceMappingURL=useFiatWalletsMap.d.ts.map

package/dist/esm/hooks/useFiatWalletsMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiatWalletsMap.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFiatWalletsMap.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;CAI7B,CAAA"}

package/dist/esm/hooks/useFiatWalletsMap.js

@@ -0,0 +1,6 @@
+import { useFiatWalletsMapContext } from '../contexts/FiatWalletsMap';
+export const useFiatWalletsMap = () => {
+    const { fiatWalletsMap, setFiatWalletsMap } = useFiatWalletsMapContext();
+    return { fiatWalletsMap, setFiatWalletsMap };
+};
+//# sourceMappingURL=useFiatWalletsMap.js.map

package/dist/esm/hooks/useFiatWalletsMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiatWalletsMap.js","sourceRoot":"","sources":["../../../src/hooks/useFiatWalletsMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,wBAAwB,EAAE,CAAA;IAExE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA;AAC9C,CAAC,CAAA"}

package/dist/esm/hooks/useSettings.d.ts

@@ -1,13 +1,34 @@
+import { ConnectedWallet } from '@0xsequence/connect';
+import { Observable } from 'micro-observables';
 import { FiatCurrency } from '../constants';
+export interface SettingsCollection {
+    contractAddress: string;
+    chainId: number;
+    contractInfo: {
+        name: string;
+        logoURI: string;
+    };
+}
 interface Settings {
     hideCollectibles: boolean;
     hideUnlistedTokens: boolean;
     fiatCurrency: FiatCurrency;
     selectedNetworks: number[];
+    allNetworks: number[];
+    selectedWallets: ConnectedWallet[];
+    selectedCollections: SettingsCollection[];
+    hideCollectiblesObservable: Observable<boolean>;
+    hideUnlistedTokensObservable: Observable<boolean>;
+    fiatCurrencyObservable: Observable<FiatCurrency>;
+    selectedNetworksObservable: Observable<number[]>;
+    selectedWalletsObservable: Observable<ConnectedWallet[]>;
+    selectedCollectionsObservable: Observable<SettingsCollection[]>;
     setFiatCurrency: (newFiatCurrency: FiatCurrency) => void;
     setHideCollectibles: (newState: boolean) => void;
     setHideUnlistedTokens: (newState: boolean) => void;
+    setSelectedWallets: (newWallets: ConnectedWallet[]) => void;
     setSelectedNetworks: (newNetworks: number[]) => void;
+    setSelectedCollections: (newCollections: SettingsCollection[]) => void;
 }
 /**
  * Hook to manage wallet settings with persistent storage.

package/dist/esm/hooks/useSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSettings.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSettings.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAuB,MAAM,cAAc,CAAA;AAEhE,UAAU,QAAQ;IAChB,gBAAgB,EAAE,OAAO,CAAA;IACzB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,YAAY,EAAE,YAAY,CAAA;IAC1B,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAC1B,eAAe,EAAE,CAAC,eAAe,EAAE,YAAY,KAAK,IAAI,CAAA;IACxD,mBAAmB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,qBAAqB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACrD;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,WAAW,QAAO,QAqG9B,CAAA"}
+{"version":3,"file":"useSettings.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAkD,MAAM,qBAAqB,CAAA;AACrG,OAAO,EAAE,UAAU,EAAc,MAAM,mBAAmB,CAAA;AAG1D,OAAO,EAAE,YAAY,EAAuB,MAAM,cAAc,CAAA;AAMhE,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;CACF;AAED,UAAU,QAAQ;IAChB,gBAAgB,EAAE,OAAO,CAAA;IACzB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,YAAY,EAAE,YAAY,CAAA;IAC1B,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAC1B,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,eAAe,EAAE,eAAe,EAAE,CAAA;IAClC,mBAAmB,EAAE,kBAAkB,EAAE,CAAA;IACzC,0BAA0B,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAC/C,4BAA4B,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IACjD,sBAAsB,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAChD,0BAA0B,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAA;IAChD,yBAAyB,EAAE,UAAU,CAAC,eAAe,EAAE,CAAC,CAAA;IACxD,6BAA6B,EAAE,UAAU,CAAC,kBAAkB,EAAE,CAAC,CAAA;IAC/D,eAAe,EAAE,CAAC,eAAe,EAAE,YAAY,KAAK,IAAI,CAAA;IACxD,mBAAmB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,qBAAqB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,kBAAkB,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,KAAK,IAAI,CAAA;IAC3D,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpD,sBAAsB,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAA;CACvE;AAaD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,WAAW,QAAO,QA2L9B,CAAA"}

package/dist/esm/hooks/useSettings.js

@@ -1,7 +1,8 @@
-import { LocalStorageKey, useWalletSettings } from '@0xsequence/connect';
-import { useState } from 'react';
+import { useWallets, LocalStorageKey, useWalletSettings } from '@0xsequence/connect';
+import { observable } from 'micro-observables';
 import { useConfig } from 'wagmi';
 import { defaultFiatCurrency } from '../constants';
+let settingsObservables = null;
 /**
  * Hook to manage wallet settings with persistent storage.
  * Provides access to and control over user preferences for the wallet interface.
@@ -45,14 +46,17 @@ import { defaultFiatCurrency } from '../constants';
 export const useSettings = () => {
     const { readOnlyNetworks, displayedAssets } = useWalletSettings();
     const { chains } = useConfig();
-    const allChains = [
+    const { wallets: allWallets } = useWallets();
+    const allNetworks = [
         ...new Set([...chains.map(chain => chain.id), ...(readOnlyNetworks || []), ...displayedAssets.map(asset => asset.chainId)])
     ];
     const getSettingsFromStorage = () => {
         let hideUnlistedTokens = true;
         let hideCollectibles = false;
         let fiatCurrency = defaultFiatCurrency;
-        let selectedNetworks = allChains;
+        let selectedWallets = allWallets;
+        let selectedNetworks = allNetworks;
+        let selectedCollections = [];
         try {
             const settingsStorage = localStorage.getItem(LocalStorageKey.Settings);
             const settings = JSON.parse(settingsStorage || '{}');
@@ -65,72 +69,136 @@ export const useSettings = () => {
             if (settings?.fiatCurrency !== undefined) {
                 fiatCurrency = settings?.fiatCurrency;
             }
+            if (settings?.selectedWallets !== undefined) {
+                selectedWallets = settings?.selectedWallets;
+                const isPartialSelection = selectedWallets.length > 1 && selectedWallets.length !== allWallets.length;
+                const hasInvalidWallets = selectedWallets.some(wallet => !allWallets.some((w) => w.address === wallet.address)) ||
+                    isPartialSelection;
+                if (hasInvalidWallets && allWallets.length !== 0) {
+                    selectedWallets = allWallets;
+                    localStorage.setItem(LocalStorageKey.Settings, JSON.stringify({ ...settings, selectedWallets: allWallets }));
+                }
+            }
             if (settings?.selectedNetworks !== undefined) {
-                let areSelectedNetworksValid = true;
+                selectedNetworks = settings?.selectedNetworks;
+                let hasInvalidNetworks = false;
                 settings.selectedNetworks.forEach((chainId) => {
-                    if (allChains.find(chain => chain === chainId) === undefined) {
-                        areSelectedNetworksValid = false;
+                    if (allNetworks.find(chain => chain === chainId) === undefined) {
+                        hasInvalidNetworks = true;
                     }
                 });
-                if (areSelectedNetworksValid) {
-                    selectedNetworks = settings?.selectedNetworks;
+                const hasInvalidNetworksSelection = selectedNetworks.length > 1 && selectedNetworks.length !== allNetworks.length;
+                if (hasInvalidNetworks || hasInvalidNetworksSelection) {
+                    selectedNetworks = allNetworks;
+                    localStorage.setItem(LocalStorageKey.Settings, JSON.stringify({ ...settings, selectedNetworks: allNetworks }));
                 }
             }
+            if (settings?.selectedCollections !== undefined) {
+                selectedCollections = settings?.selectedCollections;
+            }
         }
         catch (e) {
             console.error(e, 'Failed to fetch settings');
         }
         return {
-            hideUnlistedTokens,
-            hideCollectibles,
-            fiatCurrency,
-            selectedNetworks
+            hideUnlistedTokensObservable: observable(hideUnlistedTokens),
+            hideCollectiblesObservable: observable(hideCollectibles),
+            fiatCurrencyObservable: observable(fiatCurrency),
+            selectedWalletsObservable: observable(selectedWallets),
+            selectedNetworksObservable: observable(selectedNetworks),
+            selectedCollectionsObservable: observable(selectedCollections)
         };
     };
-    const defaultSettings = getSettingsFromStorage();
-    const [settings, setSettings] = useState(defaultSettings);
+    const resetSettings = () => {
+        if (settingsObservables) {
+            const selectedWallets = settingsObservables.selectedWalletsObservable.get();
+            const selectedNetworks = settingsObservables.selectedNetworksObservable.get();
+            const isPartialSelection = selectedWallets.length > 1 && selectedWallets.length !== allWallets.length;
+            const hasInvalidWallets = selectedWallets.some(wallet => !allWallets.some((w) => w.address === wallet.address)) ||
+                isPartialSelection;
+            const hasInvalidNetworksSelection = selectedNetworks.length > 1 && selectedNetworks.length !== allNetworks.length;
+            if (hasInvalidWallets || hasInvalidNetworksSelection || !selectedWallets.length) {
+                return true;
+            }
+        }
+        return false;
+    };
+    if (!settingsObservables || resetSettings()) {
+        settingsObservables = getSettingsFromStorage();
+    }
+    const { hideUnlistedTokensObservable, hideCollectiblesObservable, fiatCurrencyObservable, selectedWalletsObservable, selectedNetworksObservable, selectedCollectionsObservable } = settingsObservables;
     const setHideUnlistedTokens = (newState) => {
-        const oldSettings = getSettingsFromStorage();
-        const newSettings = {
-            ...oldSettings,
-            hideUnlistedTokens: newState
-        };
-        localStorage.setItem(LocalStorageKey.Settings, JSON.stringify(newSettings));
-        setSettings(newSettings);
+        hideUnlistedTokensObservable.set(newState);
+        updateLocalStorage();
     };
     const setHideCollectibles = (newState) => {
-        const oldSettings = getSettingsFromStorage();
-        const newSettings = {
-            ...oldSettings,
-            hideCollectibles: newState
-        };
-        localStorage.setItem(LocalStorageKey.Settings, JSON.stringify(newSettings));
-        setSettings(newSettings);
+        hideCollectiblesObservable.set(newState);
+        updateLocalStorage();
     };
     const setFiatCurrency = (newFiatCurrency) => {
-        const oldSettings = getSettingsFromStorage();
-        const newSettings = {
-            ...oldSettings,
-            fiatCurrency: newFiatCurrency
-        };
-        localStorage.setItem(LocalStorageKey.Settings, JSON.stringify(newSettings));
-        setSettings(newSettings);
+        fiatCurrencyObservable.set(newFiatCurrency);
+        updateLocalStorage();
+    };
+    const setSelectedWallets = (newSelectedWallets) => {
+        if (newSelectedWallets.length === 0) {
+            selectedWalletsObservable.set(allWallets);
+        }
+        else {
+            selectedWalletsObservable.set(newSelectedWallets);
+        }
+        updateLocalStorage();
     };
     const setSelectedNetworks = (newSelectedNetworks) => {
-        const oldSettings = getSettingsFromStorage();
+        if (newSelectedNetworks.length === 0) {
+            selectedNetworksObservable.set(allNetworks);
+        }
+        else {
+            selectedNetworksObservable.set(newSelectedNetworks);
+            selectedCollectionsObservable.set([]);
+        }
+        updateLocalStorage();
+    };
+    const setSelectedCollections = (newSelectedCollections) => {
+        if (newSelectedCollections.length === 0) {
+            selectedCollectionsObservable.set([]);
+        }
+        else {
+            selectedCollectionsObservable.set(newSelectedCollections);
+        }
+        updateLocalStorage();
+    };
+    const updateLocalStorage = () => {
         const newSettings = {
-            ...oldSettings,
-            selectedNetworks: newSelectedNetworks
+            hideUnlistedTokens: hideUnlistedTokensObservable.get(),
+            hideCollectibles: hideCollectiblesObservable.get(),
+            fiatCurrency: fiatCurrencyObservable.get(),
+            selectedWallets: selectedWalletsObservable.get(),
+            selectedNetworks: selectedNetworksObservable.get(),
+            selectedCollections: selectedCollectionsObservable.get()
         };
+        console.log('settings updated', newSettings);
         localStorage.setItem(LocalStorageKey.Settings, JSON.stringify(newSettings));
-        setSettings(newSettings);
     };
     return {
-        ...settings,
+        hideUnlistedTokens: hideUnlistedTokensObservable.get(),
+        hideCollectibles: hideCollectiblesObservable.get(),
+        fiatCurrency: fiatCurrencyObservable.get(),
+        selectedWallets: selectedWalletsObservable.get(),
+        selectedNetworks: selectedNetworksObservable.get(),
+        allNetworks: allNetworks,
+        selectedCollections: selectedCollectionsObservable.get(),
+        hideUnlistedTokensObservable,
+        hideCollectiblesObservable,
+        fiatCurrencyObservable,
+        selectedWalletsObservable,
+        selectedNetworksObservable,
+        selectedCollectionsObservable,
         setFiatCurrency,
         setHideCollectibles,
         setHideUnlistedTokens,
-        setSelectedNetworks
+        setSelectedWallets,
+        setSelectedNetworks,
+        setSelectedCollections
     };
 };
 //# sourceMappingURL=useSettings.js.map