@0xsequence/wallet-widget 5.1.1 → 5.2.1

package/dist/cjs/views/Home/index.js

@@ -2,9 +2,190 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Home = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const AssetSummary_1 = require("./components/AssetSummary");
+const checkout_1 = require("@0xsequence/checkout");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const ethers_1 = require("ethers");
+const micro_observables_1 = require("micro-observables");
+const react_1 = require("motion/react");
+const react_2 = require("react");
+const wagmi_1 = require("wagmi");
+const CopyButton_1 = require("../../components/CopyButton");
+const WalletsFilter_1 = require("../../components/Filter/WalletsFilter");
+const StackedIconTag_1 = require("../../components/IconWrappers/StackedIconTag");
+const ListCardNav_1 = require("../../components/ListCard/ListCardNav");
+const ListCardNavTable_1 = require("../../components/ListCardTable/ListCardNavTable");
+const SelectWalletRow_1 = require("../../components/Select/SelectWalletRow");
+const SlideupDrawer_1 = require("../../components/Select/SlideupDrawer");
+const WalletAccountGradient_1 = require("../../components/WalletAccountGradient");
+const hooks_2 = require("../../hooks");
+const utils_1 = require("../../utils");
+const OperationButtonTemplate_1 = require("./OperationButtonTemplate");
 const Home = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex px-4 pb-5 gap-4 flex-col", children: (0, jsx_runtime_1.jsx)(AssetSummary_1.AssetSummary, {}) }));
+    const { setNavigation } = (0, hooks_2.useNavigation)();
+    const { selectedWalletsObservable, selectedNetworks, hideUnlistedTokens, fiatCurrency, selectedCollections } = (0, hooks_2.useSettings)();
+    const { fiatWalletsMap } = (0, hooks_2.useFiatWalletsMap)();
+    const { connector } = (0, wagmi_1.useAccount)();
+    const selectedWallets = (0, micro_observables_1.useObservable)(selectedWalletsObservable);
+    const { chains } = (0, wagmi_1.useConfig)();
+    const { address: accountAddress } = (0, wagmi_1.useAccount)();
+    const { wallets, setActiveWallet } = (0, connect_1.useWallets)();
+    const { setOpenConnectModal } = (0, connect_1.useOpenConnectModal)();
+    const { triggerAddFunds } = (0, checkout_1.useAddFundsModal)();
+    const [accountSelectorModalOpen, setAccountSelectorModalOpen] = (0, react_2.useState)(false);
+    const [walletFilterOpen, setWalletFilterOpen] = (0, react_2.useState)(false);
+    const [signInDisplay, setSignInDisplay] = (0, react_2.useState)('');
+    (0, react_2.useEffect)(() => {
+        const fetchSignInDisplay = async () => {
+            const sequenceWaas = (await connector?.sequenceWaas);
+            if (sequenceWaas) {
+                const sequenceWaasAccounts = await sequenceWaas.listAccounts();
+                const waasEmail = sequenceWaasAccounts.accounts.find(account => account.type === 'OIDC')?.email;
+                let backupEmail = '';
+                if (sequenceWaasAccounts.accounts.length > 0) {
+                    backupEmail = sequenceWaasAccounts.accounts[0].email;
+                }
+                setSignInDisplay(waasEmail || backupEmail);
+            }
+            else {
+                setSignInDisplay(connector?.name || '');
+            }
+        };
+        fetchSignInDisplay();
+    }, [connector]);
+    const { data: tokenBalancesData, isLoading: isLoadingTokenBalances } = (0, hooks_2.useGetAllTokensDetails)({
+        accountAddresses: [accountAddress || ''],
+        chainIds: selectedNetworks,
+        contractWhitelist: selectedCollections.map(collection => collection.contractAddress),
+        hideUnlistedTokens
+    });
+    const coinBalancesUnordered = tokenBalancesData?.filter(b => b.contractType === 'ERC20' || (0, connect_1.compareAddress)(b.contractAddress, ethers_1.ethers.ZeroAddress)) || [];
+    const isSingleCollectionSelected = selectedCollections.length === 1;
+    const collectibleBalancesUnordered = tokenBalancesData?.filter(token => {
+        if (token.contractType !== 'ERC721' && token.contractType !== 'ERC1155') {
+            return false;
+        }
+        if (isSingleCollectionSelected) {
+            return token.chainId === selectedCollections[0].chainId;
+        }
+        return true;
+    }) || [];
+    const { data: coinPrices = [], isLoading: isLoadingCoinPrices } = (0, hooks_1.useGetCoinPrices)(coinBalancesUnordered.map(token => ({
+        chainId: token.chainId,
+        contractAddress: token.contractAddress
+    })));
+    const { data: conversionRate, isLoading: isLoadingConversionRate } = (0, hooks_1.useGetExchangeRate)(fiatCurrency.symbol);
+    const isLoading = isLoadingTokenBalances || isLoadingCoinPrices || isLoadingConversionRate;
+    const totalFiatValue = fiatWalletsMap
+        .reduce((acc, wallet) => {
+        if (selectedWallets.some(selectedWallet => selectedWallet.address === wallet.accountAddress)) {
+            const walletFiatValue = Number(wallet.fiatValue);
+            return acc + walletFiatValue;
+        }
+        return acc;
+    }, 0)
+        .toFixed(2);
+    const coinBalances = coinBalancesUnordered.sort((a, b) => {
+        const isHigherFiat = Number((0, utils_1.computeBalanceFiat)({
+            balance: b,
+            prices: coinPrices,
+            conversionRate: conversionRate || 1,
+            decimals: b.contractInfo?.decimals || 18
+        })) -
+            Number((0, utils_1.computeBalanceFiat)({
+                balance: a,
+                prices: coinPrices,
+                conversionRate: conversionRate || 1,
+                decimals: a.contractInfo?.decimals || 18
+            }));
+        return isHigherFiat;
+    });
+    const collectibleBalances = collectibleBalancesUnordered.sort((a, b) => {
+        return Number(b.balance) - Number(a.balance);
+    });
+    const coinBalancesIconSet = new Set();
+    const coinBalancesIcons = (0, react_2.useMemo)(() => coinBalances
+        .map(coin => {
+        const isNativeToken = (0, connect_1.compareAddress)(coin.contractAddress, ethers_1.ethers.ZeroAddress);
+        const nativeTokenInfo = (0, connect_1.getNativeTokenInfoByChainId)(coin.chainId, chains);
+        const logoURI = isNativeToken ? nativeTokenInfo.logoURI : coin.contractInfo?.logoURI;
+        const tokenName = isNativeToken ? nativeTokenInfo.name : coin.contractInfo?.name;
+        if (coinBalancesIconSet.has(tokenName) || !logoURI) {
+            return;
+        }
+        coinBalancesIconSet.add(tokenName);
+        if (coinBalancesIconSet.size <= 3) {
+            return logoURI;
+        }
+    })
+        .filter(Boolean), [coinBalances, selectedWallets, selectedNetworks, hideUnlistedTokens, selectedCollections]);
+    const collectibleBalancesIconSet = new Set();
+    const collectibleBalancesIcons = (0, react_2.useMemo)(() => collectibleBalances
+        .map(collectible => {
+        const logoURI = collectible.tokenMetadata?.image;
+        if (collectibleBalancesIconSet.has(logoURI) || !logoURI) {
+            return;
+        }
+        collectibleBalancesIconSet.add(logoURI);
+        if (collectibleBalancesIconSet.size <= 3) {
+            return logoURI;
+        }
+    })
+        .filter(Boolean), [collectibleBalances, selectedWallets, selectedNetworks, hideUnlistedTokens, selectedCollections]);
+    const onClickAccountSelector = () => {
+        setAccountSelectorModalOpen(true);
+    };
+    const handleAddNewWallet = () => {
+        setAccountSelectorModalOpen(false);
+        setOpenConnectModal(true);
+    };
+    const onClickSend = () => {
+        setNavigation({
+            location: 'send-general'
+        });
+    };
+    const onClickSwap = () => {
+        setNavigation({
+            location: 'swap'
+        });
+    };
+    const onClickReceive = () => {
+        setNavigation({
+            location: 'receive'
+        });
+    };
+    const onClickAddFunds = () => {
+        triggerAddFunds({ walletAddress: accountAddress || '' });
+    };
+    const onClickWalletSelector = () => {
+        setWalletFilterOpen(true);
+    };
+    const onClickTokens = () => {
+        setNavigation({
+            location: 'search-tokens'
+        });
+    };
+    const onClickCollectibles = () => {
+        setNavigation({
+            location: 'search-collectibles'
+        });
+    };
+    const onClickTransactions = () => {
+        setNavigation({
+            location: 'history'
+        });
+    };
+    const onClickSettings = () => {
+        setNavigation({
+            location: 'settings'
+        });
+    };
+    const homeNavTableItems = [
+        (0, jsx_runtime_1.jsx)(ListCardNav_1.ListCardNav, { onClick: onClickTokens, rightChildren: coinBalances.length > 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1 items-center", children: [(0, jsx_runtime_1.jsxs)(design_system_1.Text, { className: "flex flex-row items-center", color: "muted", fontWeight: "medium", variant: "normal", children: [fiatCurrency.sign, isLoading ? (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { className: "w-4 h-4" }) : `${totalFiatValue}`] }), (0, jsx_runtime_1.jsx)(StackedIconTag_1.StackedIconTag, { iconList: coinBalancesIcons, onClick: onClickWalletSelector, label: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", fontWeight: "medium", variant: "normal", children: coinBalances.length }) })] })) : ((0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", fontWeight: "medium", variant: "normal", nowrap: true, children: "No Tokens" })), shape: "square", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "Tokens" }) }),
+        (0, jsx_runtime_1.jsx)(ListCardNav_1.ListCardNav, { onClick: onClickCollectibles, rightChildren: collectibleBalances.length > 0 ? ((0, jsx_runtime_1.jsx)(StackedIconTag_1.StackedIconTag, { iconList: collectibleBalancesIcons, onClick: onClickWalletSelector, label: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", fontWeight: "medium", variant: "normal", children: collectibleBalances.length }), shape: "square" })) : ((0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", fontWeight: "medium", variant: "normal", nowrap: true, children: "No Collectibles" })), shape: "square", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "Collectibles" }) })
+    ];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(WalletAccountGradient_1.WalletAccountGradient, { accountAddress: accountAddress || '' }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1 items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: (0, connect_1.formatAddress)(accountAddress || '') }), (0, jsx_runtime_1.jsx)(CopyButton_1.CopyButton, { text: accountAddress || '', buttonVariant: "icon" })] }), signInDisplay && ((0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", fontWeight: "medium", variant: "small", children: signInDisplay }))] }), (0, jsx_runtime_1.jsx)(design_system_1.Button, { variant: "text", onClick: onClickAccountSelector, children: (0, jsx_runtime_1.jsx)(design_system_1.ChevronUpDownIcon, { color: "white" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2 w-full mt-3", children: [(0, jsx_runtime_1.jsx)(OperationButtonTemplate_1.OperationButtonTemplate, { label: "Send", onClick: onClickSend, icon: design_system_1.ArrowUpIcon }), (0, jsx_runtime_1.jsx)(OperationButtonTemplate_1.OperationButtonTemplate, { label: "Swap", onClick: onClickSwap, icon: design_system_1.SwapIcon }), (0, jsx_runtime_1.jsx)(OperationButtonTemplate_1.OperationButtonTemplate, { label: "Receive", onClick: onClickReceive, icon: design_system_1.ScanIcon }), (0, jsx_runtime_1.jsx)(OperationButtonTemplate_1.OperationButtonTemplate, { label: "Buy", onClick: onClickAddFunds, icon: design_system_1.AddIcon })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [(0, jsx_runtime_1.jsx)(ListCardNavTable_1.ListCardNavTable, { navItems: homeNavTableItems, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "bold", variant: "normal", children: "Items" }), (0, jsx_runtime_1.jsx)(StackedIconTag_1.StackedIconTag, { iconList: selectedWallets.map(wallet => wallet.address), label: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center", style: { gap: '3px' }, children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", variant: "normal", fontWeight: "medium", children: `${selectedWallets.length} Wallet${selectedWallets.length === 1 ? '' : 's'}` }), (0, jsx_runtime_1.jsx)(design_system_1.EllipsisIcon, { color: "white" })] }), isAccount: true, enabled: true, onClick: onClickWalletSelector })] }) }), (0, jsx_runtime_1.jsx)(ListCardNav_1.ListCardNav, { onClick: onClickTransactions, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "Transactions" }) }), (0, jsx_runtime_1.jsx)(ListCardNav_1.ListCardNav, { onClick: onClickSettings, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "Settings" }) })] }), (0, jsx_runtime_1.jsxs)(react_1.AnimatePresence, { children: [accountSelectorModalOpen && ((0, jsx_runtime_1.jsx)(SlideupDrawer_1.SlideupDrawer, { onClose: () => setAccountSelectorModalOpen(false), label: "Select main wallet", buttonLabel: "+ Add new wallet", handleButtonPress: handleAddNewWallet, dragHandleWidth: 74, children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2 bg-background-primary", children: wallets.map((wallet, index) => ((0, jsx_runtime_1.jsx)(SelectWalletRow_1.SelectWalletRow, { wallet: wallet, onClose: () => setAccountSelectorModalOpen(false), onClick: setActiveWallet }, index))) }) })), walletFilterOpen && ((0, jsx_runtime_1.jsx)(SlideupDrawer_1.SlideupDrawer, { onClose: () => setWalletFilterOpen(false), label: "Select active wallet", children: (0, jsx_runtime_1.jsx)(WalletsFilter_1.WalletsFilter, {}) }))] })] }));
 };
 exports.Home = Home;
 //# sourceMappingURL=index.js.map

package/dist/cjs/views/Home/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/Home/index.tsx"],"names":[],"mappings":";;;;AAEA,4DAAwD;AAEjD,MAAM,IAAI,GAAG,GAAG,EAAE;IACvB,OAAO,CACL,gCAAK,SAAS,EAAC,+BAA+B,YAC5C,uBAAC,2BAAY,KAAG,GACZ,CACP,CAAA;AACH,CAAC,CAAA;AANY,QAAA,IAAI,QAMhB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/Home/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/views/Receive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Receive.d.ts","sourceRoot":"","sources":["../../../src/views/Receive.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,OAAO,+CAyEnB,CAAA"}
+{"version":3,"file":"Receive.d.ts","sourceRoot":"","sources":["../../../src/views/Receive.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,OAAO,+CA0EnB,CAAA"}

package/dist/cjs/views/Receive.js

@@ -8,12 +8,14 @@ const qrcode_react_1 = require("qrcode.react");
 const react_1 = require("react");
 const react_copy_to_clipboard_1 = require("react-copy-to-clipboard");
 const wagmi_1 = require("wagmi");
+const NetworkSelect_1 = require("../components/Select/NetworkSelect");
 const constants_1 = require("../constants");
+const isVowel = (char) => ['a', 'e', 'i', 'o', 'u'].includes(char.toLowerCase());
 const Receive = () => {
     const { address, chain } = (0, wagmi_1.useAccount)();
-    const { chains } = (0, wagmi_1.useConfig)();
     const [isCopied, setCopied] = (0, react_1.useState)(false);
-    const nativeTokenInfo = (0, connect_1.getNativeTokenInfoByChainId)(chain?.id || 1, chains);
+    const networkInfo = (0, connect_1.getNetwork)(chain?.id || 1);
+    const networkName = networkInfo.title || networkInfo.name;
     (0, react_1.useEffect)(() => {
         if (isCopied) {
             setTimeout(() => {
@@ -29,14 +31,14 @@ const Receive = () => {
             window.open(`https://twitter.com/intent/tweet?text=Here%20is%20my%20address%20${address}`);
         }
     };
-    return ((0, jsx_runtime_1.jsx)("div", { style: { paddingTop: constants_1.HEADER_HEIGHT }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex p-5 pt-3 flex-col justify-center items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex mt-1 w-fit bg-white rounded-xl items-center justify-center p-4", children: (0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeCanvas, { value: address || '', size: 200, bgColor: "white", fgColor: "black", "data-id": "receiveQR" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "text-center leading-[inherit]", variant: "medium", color: "primary", style: { fontWeight: '700' }, children: "My Wallet" }), (0, jsx_runtime_1.jsx)(design_system_1.Image, { className: "w-5", src: nativeTokenInfo.logoURI, alt: "icon" })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2", style: { maxWidth: '180px', textAlign: 'center' }, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "text-center", color: "muted", style: {
+    return ((0, jsx_runtime_1.jsx)("div", { style: { paddingTop: constants_1.HEADER_HEIGHT_WITH_LABEL }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center items-center px-4 pb-6 gap-4", children: [(0, jsx_runtime_1.jsx)(NetworkSelect_1.NetworkSelect, {}), (0, jsx_runtime_1.jsx)("div", { className: "flex mt-1 w-fit bg-white rounded-xl items-center justify-center p-4", children: (0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeCanvas, { value: address || '', size: 200, bgColor: "white", fgColor: "black", "data-id": "receiveQR" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "text-center leading-[inherit]", variant: "medium", color: "primary", style: { fontWeight: '700' }, children: "My Wallet" }), (0, jsx_runtime_1.jsx)(design_system_1.Image, { className: "w-5 rounded-xs", src: networkInfo.logoURI, alt: "icon" })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2", style: { maxWidth: '180px', textAlign: 'center' }, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "text-center", color: "muted", style: {
                                     fontSize: '14px',
                                     maxWidth: '180px',
                                     overflowWrap: 'anywhere'
                                 }, children: address }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3", children: [(0, jsx_runtime_1.jsx)(react_copy_to_clipboard_1.CopyToClipboard, { text: address || '', children: (0, jsx_runtime_1.jsx)(design_system_1.Button, { onClick: onClickCopy, leftIcon: design_system_1.CopyIcon, label: isCopied ? 'Copied!' : 'Copy' }) }), (0, jsx_runtime_1.jsx)(design_system_1.Button, { onClick: onClickShare, leftIcon: design_system_1.ShareIcon, label: "Share" })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center", style: { maxWidth: '260px', textAlign: 'center' }, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", variant: "small", style: {
                             maxWidth: '260px',
                             overflowWrap: 'anywhere'
-                        }, children: `This is a ${nativeTokenInfo.name} address. Please only send assets on the ${nativeTokenInfo.name} network.` }) })] }) }));
+                        }, children: `This is a${isVowel(networkName[0]) ? 'n' : ''} ${networkName} address. Please only send assets on the ${networkName} network.` }) })] }) }));
 };
 exports.Receive = Receive;
 //# sourceMappingURL=Receive.js.map

package/dist/cjs/views/Receive.js.map

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

package/dist/cjs/views/Search/SearchCollectibles.d.ts

@@ -0,0 +1,2 @@
+export declare const SearchCollectibles: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchCollectibles.d.ts.map

package/dist/cjs/views/Search/SearchCollectibles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchCollectibles.d.ts","sourceRoot":"","sources":["../../../../src/views/Search/SearchCollectibles.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,+CA+C9B,CAAA"}

package/dist/cjs/views/Search/SearchCollectibles.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchCollectibles = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const micro_observables_1 = require("micro-observables");
+const CollectiblesList_1 = require("../../components/SearchLists/CollectiblesList");
+const hooks_1 = require("../../hooks");
+const SearchCollectibles = () => {
+    const { selectedWalletsObservable, selectedNetworksObservable, selectedCollectionsObservable, hideUnlistedTokens } = (0, hooks_1.useSettings)();
+    const { setNavigation } = (0, hooks_1.useNavigation)();
+    const selectedWallets = (0, micro_observables_1.useObservable)(selectedWalletsObservable);
+    const selectedNetworks = (0, micro_observables_1.useObservable)(selectedNetworksObservable);
+    const selectedCollections = (0, micro_observables_1.useObservable)(selectedCollectionsObservable);
+    const { data: tokenBalancesData = [], isLoading } = (0, hooks_1.useGetAllTokensDetails)({
+        accountAddresses: selectedWallets.map(wallet => wallet.address),
+        chainIds: selectedNetworks,
+        contractWhitelist: selectedCollections.map(collection => collection.contractAddress),
+        hideUnlistedTokens
+    });
+    const isSingleCollectionSelected = selectedCollections.length === 1;
+    const collectibleBalancesFiltered = tokenBalancesData.filter(token => {
+        if (isSingleCollectionSelected) {
+            return token.chainId === selectedCollections[0].chainId;
+        }
+        return true;
+    });
+    const onHandleCollectibleClick = (balance) => {
+        setNavigation({
+            location: 'collectible-details',
+            params: {
+                contractAddress: balance.contractAddress,
+                chainId: balance.chainId,
+                tokenId: balance.tokenID || '',
+                accountAddress: balance.accountAddress
+            }
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "p-4 pt-2 w-full", children: (0, jsx_runtime_1.jsx)(CollectiblesList_1.CollectiblesList, { tokenBalancesData: collectibleBalancesFiltered, isLoadingFirstPage: isLoading, onTokenClick: onHandleCollectibleClick, enableFilters: true }) }));
+};
+exports.SearchCollectibles = SearchCollectibles;
+//# sourceMappingURL=SearchCollectibles.js.map

package/dist/cjs/views/Search/SearchCollectibles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchCollectibles.js","sourceRoot":"","sources":["../../../../src/views/Search/SearchCollectibles.tsx"],"names":[],"mappings":";;;;AAAA,yDAAiD;AAEjD,oFAAgF;AAChF,uCAAgF;AAGzE,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,kBAAkB,EAAE,GAChH,IAAA,mBAAW,GAAE,CAAA;IACf,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAA;IAEzC,MAAM,eAAe,GAAG,IAAA,iCAAa,EAAC,yBAAyB,CAAC,CAAA;IAChE,MAAM,gBAAgB,GAAG,IAAA,iCAAa,EAAC,0BAA0B,CAAC,CAAA;IAClE,MAAM,mBAAmB,GAAG,IAAA,iCAAa,EAAC,6BAA6B,CAAC,CAAA;IAExE,MAAM,EAAE,IAAI,EAAE,iBAAiB,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAA,8BAAsB,EAAC;QACzE,gBAAgB,EAAE,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;QAC/D,QAAQ,EAAE,gBAAgB;QAC1B,iBAAiB,EAAE,mBAAmB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC;QACpF,kBAAkB;KACnB,CAAC,CAAA;IAEF,MAAM,0BAA0B,GAAG,mBAAmB,CAAC,MAAM,KAAK,CAAC,CAAA;IAEnE,MAAM,2BAA2B,GAAG,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;QACnE,IAAI,0BAA0B,EAAE,CAAC;YAC/B,OAAO,KAAK,CAAC,OAAO,KAAK,mBAAmB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;QACzD,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;IAEF,MAAM,wBAAwB,GAAG,CAAC,OAA8B,EAAE,EAAE;QAClE,aAAa,CAAC;YACZ,QAAQ,EAAE,qBAAqB;YAC/B,MAAM,EAAE;gBACN,eAAe,EAAE,OAAO,CAAC,eAAe;gBACxC,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,EAAE;gBAC9B,cAAc,EAAE,OAAO,CAAC,cAAc;aACvC;SACF,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,gCAAK,SAAS,EAAC,iBAAiB,YAC9B,uBAAC,mCAAgB,IACf,iBAAiB,EAAE,2BAA2B,EAC9C,kBAAkB,EAAE,SAAS,EAC7B,YAAY,EAAE,wBAAwB,EACtC,aAAa,EAAE,IAAI,GACnB,GACE,CACP,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,kBAAkB,sBA+C9B"}

package/dist/cjs/views/Search/SearchTokens.d.ts

@@ -0,0 +1,2 @@
+export declare const SearchTokens: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchTokens.d.ts.map

package/dist/cjs/views/Search/SearchTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchTokens.d.ts","sourceRoot":"","sources":["../../../../src/views/Search/SearchTokens.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY,+CAkCxB,CAAA"}

package/dist/cjs/views/Search/SearchTokens.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchTokens = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const micro_observables_1 = require("micro-observables");
+const SearchLists_1 = require("../../components/SearchLists");
+const hooks_1 = require("../../hooks");
+const hooks_2 = require("../../hooks");
+const SearchTokens = () => {
+    const { setNavigation } = (0, hooks_1.useNavigation)();
+    const { selectedWalletsObservable, selectedNetworksObservable, hideUnlistedTokens } = (0, hooks_1.useSettings)();
+    const selectedWallets = (0, micro_observables_1.useObservable)(selectedWalletsObservable);
+    const selectedNetworks = (0, micro_observables_1.useObservable)(selectedNetworksObservable);
+    const { data: tokenBalancesData, isLoading } = (0, hooks_2.useGetAllTokensDetails)({
+        accountAddresses: selectedWallets.map(wallet => wallet.address),
+        chainIds: selectedNetworks,
+        hideUnlistedTokens
+    });
+    const handleTokenClick = (balance) => {
+        setNavigation({
+            location: 'coin-details',
+            params: {
+                contractAddress: balance.contractAddress,
+                chainId: balance.chainId,
+                accountAddress: balance.accountAddress
+            }
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "p-4 pt-2 w-full", children: (0, jsx_runtime_1.jsx)(SearchLists_1.TokenList, { tokenBalancesData: tokenBalancesData, isLoadingFirstPage: isLoading, onTokenClick: handleTokenClick, includeUserAddress: true }) }));
+};
+exports.SearchTokens = SearchTokens;
+//# sourceMappingURL=SearchTokens.js.map

package/dist/cjs/views/Search/SearchTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchTokens.js","sourceRoot":"","sources":["../../../../src/views/Search/SearchTokens.tsx"],"names":[],"mappings":";;;;AAAA,yDAAiD;AAEjD,8DAAwD;AACxD,uCAAwD;AACxD,uCAAoD;AAG7C,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAA;IACzC,MAAM,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IAEnG,MAAM,eAAe,GAAG,IAAA,iCAAa,EAAC,yBAAyB,CAAC,CAAA;IAChE,MAAM,gBAAgB,GAAG,IAAA,iCAAa,EAAC,0BAA0B,CAAC,CAAA;IAElE,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,IAAA,8BAAsB,EAAC;QACpE,gBAAgB,EAAE,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;QAC/D,QAAQ,EAAE,gBAAgB;QAC1B,kBAAkB;KACnB,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,CAAC,OAA8B,EAAE,EAAE;QAC1D,aAAa,CAAC;YACZ,QAAQ,EAAE,cAAc;YACxB,MAAM,EAAE;gBACN,eAAe,EAAE,OAAO,CAAC,eAAe;gBACxC,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,cAAc,EAAE,OAAO,CAAC,cAAc;aACvC;SACF,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,gCAAK,SAAS,EAAC,iBAAiB,YAC9B,uBAAC,uBAAS,IACR,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,SAAS,EAC7B,YAAY,EAAE,gBAAgB,EAC9B,kBAAkB,SAClB,GACE,CACP,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,YAAY,gBAkCxB"}

package/dist/cjs/views/Search/index.d.ts

@@ -1,3 +1,3 @@
-export * from './SearchWallet';
-export * from './SearchWalletViewAll';
+export * from './SearchTokens';
+export * from './SearchCollectibles';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/views/Search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Search/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Search/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA"}

package/dist/cjs/views/Search/index.js

@@ -14,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SearchWallet"), exports);
-__exportStar(require("./SearchWalletViewAll"), exports);
+__exportStar(require("./SearchTokens"), exports);
+__exportStar(require("./SearchCollectibles"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/views/Search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/Search/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B;AAC9B,wDAAqC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/Search/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B;AAC9B,uDAAoC"}

package/dist/cjs/views/Send/SendCoin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendCoin.d.ts","sourceRoot":"","sources":["../../../../src/views/Send/SendCoin.tsx"],"names":[],"mappings":"AA6CA,UAAU,aAAa;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,QAAQ,GAAI,8BAA8B,aAAa,mDAsYnE,CAAA"}