@0xsequence/wallet-widget 0.0.0-20250314205219

package/dist/cjs/views/Home/components/AssetSummary/CollectibleTile/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectibleTile = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_hooks_1 = require("@0xsequence/react-hooks");
+const CollectibleTileImage_1 = require("../../../../../components/CollectibleTileImage");
+const CollectibleTile = ({ balance }) => {
+    const { data: tokenMetadata } = (0, react_hooks_1.useGetTokenMetadata)({
+        chainID: String(balance.chainId),
+        contractAddress: balance.contractAddress,
+        tokenIDs: [balance.tokenID || '']
+    });
+    const imageUrl = tokenMetadata?.[0]?.image;
+    return (0, jsx_runtime_1.jsx)(CollectibleTileImage_1.CollectibleTileImage, { imageUrl: imageUrl });
+};
+exports.CollectibleTile = CollectibleTile;
+//# sourceMappingURL=index.js.map

package/dist/cjs/views/Home/components/AssetSummary/CollectibleTile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/views/Home/components/AssetSummary/CollectibleTile/index.tsx"],"names":[],"mappings":";;;;AACA,yDAA6D;AAE7D,yFAAqF;AAM9E,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;IACnE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAA,iCAAmB,EAAC;QAClD,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;QAChC,eAAe,EAAE,OAAO,CAAC,eAAe;QACxC,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;KAClC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAA;IAE1C,OAAO,uBAAC,2CAAoB,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAA;AACrD,CAAC,CAAA;AAVY,QAAA,eAAe,mBAU3B"}

package/dist/cjs/views/Home/components/AssetSummary/SkeletonTiles.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonTiles = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const SkeletonTiles = () => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "grid gap-2", style: {
+            gridTemplateColumns: `calc(50% - 4px) calc(50% - 4px)`
+        }, children: Array(12)
+            .fill(null)
+            .map((_, i) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { className: "h-full w-full aspect-square" }) }, i))) }));
+};
+exports.SkeletonTiles = SkeletonTiles;
+//# sourceMappingURL=SkeletonTiles.js.map

package/dist/cjs/views/Home/components/AssetSummary/SkeletonTiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonTiles.js","sourceRoot":"","sources":["../../../../../../src/views/Home/components/AssetSummary/SkeletonTiles.tsx"],"names":[],"mappings":";;;;AAAA,6DAAoD;AAG7C,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,OAAO,CACL,gCACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE;YACL,mBAAmB,EAAE,iCAAiC;SACvD,YAEA,KAAK,CAAC,EAAE,CAAC;aACP,IAAI,CAAC,IAAI,CAAC;aACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,0CACE,uBAAC,wBAAQ,IAAC,SAAS,EAAC,6BAA6B,GAAG,IAD5C,CAAC,CAEL,CACP,CAAC,GACA,CACP,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,aAAa,iBAiBzB"}

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

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssetSummary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const indexer_1 = require("@0xsequence/indexer");
+const react_hooks_1 = require("@0xsequence/react-hooks");
+const react_1 = require("react");
+const wagmi_1 = require("wagmi");
+const hooks_1 = require("../../../../hooks");
+const CoinTile_1 = require("./CoinTile");
+const CollectibleTile_1 = require("./CollectibleTile");
+const SkeletonTiles_1 = require("./SkeletonTiles");
+const AssetSummary = () => {
+    const { address } = (0, wagmi_1.useAccount)();
+    const { setNavigation } = (0, hooks_1.useNavigation)();
+    const { displayedAssets } = (0, connect_1.useWalletSettings)();
+    const { hideUnlistedTokens, hideCollectibles, selectedNetworks } = (0, hooks_1.useSettings)();
+    const pageSize = 10;
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [displayedTokens, setDisplayedTokens] = (0, react_1.useState)([]);
+    const [hasMoreTokens, setHasMoreTokens] = (0, react_1.useState)(false);
+    const endOfPageRef = (0, react_1.useRef)(null);
+    const fetchMoreTokens = () => {
+        if (displayedTokens.length >= balances.length) {
+            setHasMoreTokens(false);
+            return;
+        }
+        setDisplayedTokens(balances.slice(0, displayedTokens.length + pageSize));
+    };
+    (0, react_1.useEffect)(() => {
+        if (!endOfPageRef.current) {
+            return;
+        }
+        const observer = new IntersectionObserver(entries => {
+            const endOfPage = entries[0];
+            if (endOfPage.isIntersecting && hasMoreTokens) {
+                setIsLoading(true);
+                setTimeout(() => {
+                    fetchMoreTokens();
+                    setIsLoading(false);
+                }, 500);
+            }
+        });
+        observer.observe(endOfPageRef.current);
+        return () => {
+            observer.disconnect();
+        };
+    }, [hasMoreTokens, fetchMoreTokens]);
+    const { data: balances = [], isPending: isPendingBalances } = (0, react_hooks_1.useGetTokenBalancesDetails)({
+        filter: {
+            accountAddresses: [address || ''],
+            contractWhitelist: displayedAssets.map(asset => asset.contractAddress),
+            contractStatus: hideUnlistedTokens ? indexer_1.ContractVerificationStatus.VERIFIED : indexer_1.ContractVerificationStatus.ALL,
+            omitNativeBalances: false
+        },
+        chainIds: selectedNetworks
+    }, { hideCollectibles });
+    (0, react_1.useEffect)(() => {
+        if (!isPendingBalances && balances.length > 0) {
+            setDisplayedTokens(balances.slice(0, pageSize));
+            setHasMoreTokens(balances.length > pageSize);
+        }
+        // only runs once after balances are fetched
+    }, [balances, isPendingBalances]);
+    if (isPendingBalances) {
+        return (0, jsx_runtime_1.jsx)(SkeletonTiles_1.SkeletonTiles, {});
+    }
+    const onClickItem = (balance) => {
+        if (balance.contractType === 'ERC1155' || balance.contractType === 'ERC721') {
+            setNavigation({
+                location: 'collectible-details',
+                params: {
+                    contractAddress: balance.contractAddress,
+                    chainId: balance.chainId,
+                    tokenId: balance.tokenID || ''
+                }
+            });
+        }
+        else {
+            setNavigation({
+                location: 'coin-details',
+                params: {
+                    contractAddress: balance.contractAddress,
+                    chainId: balance.chainId
+                }
+            });
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "grid gap-2", style: {
+                    gridTemplateColumns: `calc(50% - 4px) calc(50% - 4px)`
+                }, children: displayedTokens.map((balance, index) => {
+                    return ((0, jsx_runtime_1.jsx)("div", { className: "select-none cursor-pointer aspect-square", onClick: () => onClickItem(balance), children: balance.contractType === 'ERC1155' || balance.contractType === 'ERC721' ? ((0, jsx_runtime_1.jsx)(CollectibleTile_1.CollectibleTile, { balance: balance })) : ((0, jsx_runtime_1.jsx)(CoinTile_1.CoinTile, { balance: balance })) }, index));
+                }) }), isLoading && (0, jsx_runtime_1.jsx)(design_system_1.Spinner, { className: "flex justify-self-center mt-3" }), (0, jsx_runtime_1.jsx)("div", { ref: endOfPageRef, style: { height: '1px' } })] }));
+};
+exports.AssetSummary = AssetSummary;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+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 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, {}) }));
+};
+exports.Home = Home;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/dist/cjs/views/Receive.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Receive = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+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 constants_1 = require("../constants");
+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);
+    (0, react_1.useEffect)(() => {
+        if (isCopied) {
+            setTimeout(() => {
+                setCopied(false);
+            }, 4000);
+        }
+    }, [isCopied]);
+    const onClickCopy = () => {
+        setCopied(true);
+    };
+    const onClickShare = () => {
+        if (typeof window !== 'undefined') {
+            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: {
+                                    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.` }) })] }) }));
+};
+exports.Receive = Receive;
+//# sourceMappingURL=Receive.js.map

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

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

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

@@ -0,0 +1,112 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchWallet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const react_hooks_1 = require("@0xsequence/react-hooks");
+const fuse_js_1 = __importDefault(require("fuse.js"));
+const react_1 = require("react");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
+const BalanceItem_1 = require("./components/BalanceItem");
+const WalletLink_1 = require("./components/WalletLink");
+const SearchWallet = () => {
+    const { chains } = (0, wagmi_1.useConfig)();
+    const { fiatCurrency, hideUnlistedTokens, selectedNetworks } = (0, hooks_1.useSettings)();
+    const [search, setSearch] = (0, react_1.useState)('');
+    const { address: accountAddress } = (0, wagmi_1.useAccount)();
+    const { data: tokenBalancesData, isPending: isPendingTokenBalances } = (0, react_hooks_1.useGetTokenBalancesSummary)({
+        chainIds: selectedNetworks,
+        filter: {
+            accountAddresses: accountAddress ? [accountAddress] : [],
+            contractStatus: hideUnlistedTokens ? connect_1.ContractVerificationStatus.VERIFIED : connect_1.ContractVerificationStatus.ALL,
+            omitNativeBalances: false
+        }
+    });
+    const coinBalancesUnordered = tokenBalancesData?.filter(b => b.contractType === 'ERC20' || (0, connect_1.compareAddress)(b.contractAddress, viem_1.zeroAddress)) || [];
+    const { data: coinPrices = [], isPending: isPendingCoinPrices } = (0, react_hooks_1.useGetCoinPrices)(coinBalancesUnordered.map(token => ({
+        chainId: token.chainId,
+        contractAddress: token.contractAddress
+    })));
+    const { data: conversionRate = 1, isPending: isPendingConversionRate } = (0, react_hooks_1.useGetExchangeRate)(fiatCurrency.symbol);
+    const coinBalances = coinBalancesUnordered.sort((a, b) => {
+        const isHigherFiat = Number((0, utils_1.computeBalanceFiat)({
+            balance: b,
+            prices: coinPrices,
+            conversionRate,
+            decimals: b.contractInfo?.decimals || 18
+        })) -
+            Number((0, utils_1.computeBalanceFiat)({
+                balance: a,
+                prices: coinPrices,
+                conversionRate,
+                decimals: a.contractInfo?.decimals || 18
+            }));
+        return isHigherFiat;
+    });
+    const collectionBalancesUnordered = tokenBalancesData?.filter(b => b.contractType === 'ERC721' || b.contractType === 'ERC1155') || [];
+    const collectionBalances = collectionBalancesUnordered.sort((a, b) => {
+        return Number(b.balance) - Number(a.balance);
+    });
+    const isPending = isPendingTokenBalances || isPendingCoinPrices || isPendingConversionRate;
+    const indexedCollectionBalances = collectionBalances.map((balance, index) => {
+        return {
+            index,
+            name: balance.contractInfo?.name || 'Unknown'
+        };
+    });
+    const indexedCoinBalances = coinBalances.map((balance, index) => {
+        if ((0, connect_1.compareAddress)(balance.contractAddress, viem_1.zeroAddress)) {
+            const nativeTokenInfo = (0, connect_1.getNativeTokenInfoByChainId)(balance.chainId, chains);
+            return {
+                index,
+                name: nativeTokenInfo.name
+            };
+        }
+        else {
+            return {
+                index,
+                name: balance.contractInfo?.name || 'Unknown'
+            };
+        }
+    });
+    const coinBalancesAmount = coinBalances.length;
+    const collectionBalancesAmount = collectionBalances.length;
+    const fuzzySearchCoinBalances = new fuse_js_1.default(indexedCoinBalances, {
+        keys: ['name']
+    });
+    const fuzzySearchCollections = new fuse_js_1.default(indexedCollectionBalances, {
+        keys: ['name']
+    });
+    const foundCoinBalances = (search === '' ? indexedCoinBalances : fuzzySearchCoinBalances.search(search).map(result => result.item)).slice(0, 5);
+    const foundCollectionBalances = (search === '' ? indexedCollectionBalances : fuzzySearchCollections.search(search).map(result => result.item)).slice(0, 5);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex px-4 pb-5 pt-3 flex-col gap-10 items-center justify-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-full", children: (0, jsx_runtime_1.jsx)(design_system_1.TextInput, { autoFocus: true, name: "search wallet", leftIcon: design_system_1.SearchIcon, value: search, onChange: ev => setSearch(ev.target.value), placeholder: "Search your wallet", "data-1p-ignore": true }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center justify-center gap-5", children: [(0, jsx_runtime_1.jsx)(WalletLink_1.WalletLink, { toLocation: {
+                            location: 'search-view-all',
+                            params: {
+                                defaultTab: 'coins'
+                            }
+                        }, label: `Coins (${coinBalancesAmount})` }), isPending ? (Array(5)
+                        .fill(null)
+                        .map((_, i) => (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { className: "w-full h-8" }, i))) : foundCoinBalances.length === 0 ? ((0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", children: "No coins found" })) : (foundCoinBalances.map((indexItem, index) => {
+                        const balance = coinBalances[indexItem.index];
+                        return (0, jsx_runtime_1.jsx)(BalanceItem_1.BalanceItem, { balance: balance }, index);
+                    }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center justify-center gap-5", children: [(0, jsx_runtime_1.jsx)(WalletLink_1.WalletLink, { toLocation: {
+                            location: 'search-view-all',
+                            params: {
+                                defaultTab: 'collections'
+                            }
+                        }, label: `Collections (${collectionBalancesAmount})` }), isPending ? (Array(5)
+                        .fill(null)
+                        .map((_, i) => (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { className: "w-full h-8" }, i))) : foundCollectionBalances.length === 0 ? ((0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", children: "No collections found" })) : (foundCollectionBalances.map((indexedItem, index) => {
+                        const balance = collectionBalances[indexedItem.index];
+                        return (0, jsx_runtime_1.jsx)(BalanceItem_1.BalanceItem, { balance: balance }, index);
+                    }))] })] }));
+};
+exports.SearchWallet = SearchWallet;
+//# sourceMappingURL=SearchWallet.js.map

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

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

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

@@ -0,0 +1,169 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchWalletViewAll = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const react_hooks_1 = require("@0xsequence/react-hooks");
+const fuse_js_1 = __importDefault(require("fuse.js"));
+const react_1 = require("react");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
+const CoinsTab_1 = require("./components/CoinsTab");
+const CollectionsTab_1 = require("./components/CollectionsTab");
+const SearchWalletViewAll = ({ defaultTab }) => {
+    const { chains } = (0, wagmi_1.useConfig)();
+    const { fiatCurrency, hideUnlistedTokens, selectedNetworks } = (0, hooks_1.useSettings)();
+    const [search, setSearch] = (0, react_1.useState)('');
+    const [selectedTab, setSelectedTab] = (0, react_1.useState)(defaultTab);
+    const pageSize = 20;
+    const [displayedCoinBalances, setDisplayedCoinBalances] = (0, react_1.useState)([]);
+    const [displayedCollectionBalances, setDisplayedCollectionBalances] = (0, react_1.useState)([]);
+    const [displayedSearchCoinBalances, setDisplayedSearchCoinBalances] = (0, react_1.useState)([]);
+    const [displayedSearchCollectionBalances, setDisplayedSearchCollectionBalances] = (0, react_1.useState)([]);
+    const [initCoinsFlag, setInitCoinsFlag] = (0, react_1.useState)(false);
+    const [initCollectionsFlag, setInitCollectionsFlag] = (0, react_1.useState)(false);
+    const [hasMoreCoins, sethasMoreCoins] = (0, react_1.useState)(false);
+    const [hasMoreCollections, sethasMoreCollections] = (0, react_1.useState)(false);
+    const [hasMoreSearchCoins, sethasMoreSearchCoins] = (0, react_1.useState)(false);
+    const [hasMoreSearchCollections, sethasMoreSearchCollections] = (0, react_1.useState)(false);
+    const { address: accountAddress } = (0, wagmi_1.useAccount)();
+    const { data: tokenBalancesData, isPending: isPendingTokenBalances } = (0, react_hooks_1.useGetTokenBalancesSummary)({
+        chainIds: selectedNetworks,
+        filter: {
+            accountAddresses: accountAddress ? [accountAddress] : [],
+            contractStatus: hideUnlistedTokens ? connect_1.ContractVerificationStatus.VERIFIED : connect_1.ContractVerificationStatus.ALL,
+            omitNativeBalances: false
+        }
+    });
+    const coinBalancesUnordered = tokenBalancesData?.filter(b => b.contractType === 'ERC20' || (0, connect_1.compareAddress)(b.contractAddress, viem_1.zeroAddress)) || [];
+    const { data: coinPrices = [], isPending: isPendingCoinPrices } = (0, react_hooks_1.useGetCoinPrices)(coinBalancesUnordered.map(token => ({
+        chainId: token.chainId,
+        contractAddress: token.contractAddress
+    })));
+    const { data: conversionRate = 1, isPending: isPendingConversionRate } = (0, react_hooks_1.useGetExchangeRate)(fiatCurrency.symbol);
+    const coinBalances = coinBalancesUnordered.sort((a, b) => {
+        const fiatA = (0, utils_1.computeBalanceFiat)({
+            balance: a,
+            prices: coinPrices,
+            conversionRate,
+            decimals: a.contractInfo?.decimals || 18
+        });
+        const fiatB = (0, utils_1.computeBalanceFiat)({
+            balance: b,
+            prices: coinPrices,
+            conversionRate,
+            decimals: b.contractInfo?.decimals || 18
+        });
+        return Number(fiatB) - Number(fiatA);
+    });
+    const collectionBalancesUnordered = tokenBalancesData?.filter(b => b.contractType === 'ERC721' || b.contractType === 'ERC1155') || [];
+    const collectionBalances = collectionBalancesUnordered.sort((a, b) => {
+        return Number(b.balance) - Number(a.balance);
+    });
+    const coinBalancesAmount = coinBalances.length;
+    const collectionBalancesAmount = collectionBalances.length;
+    const isPending = isPendingTokenBalances || isPendingCoinPrices || isPendingConversionRate;
+    const indexedCoinBalances = coinBalances.map((balance, index) => {
+        if ((0, connect_1.compareAddress)(balance.contractAddress, viem_1.zeroAddress)) {
+            const nativeTokenInfo = (0, connect_1.getNativeTokenInfoByChainId)(balance.chainId, chains);
+            return {
+                index,
+                name: nativeTokenInfo.name
+            };
+        }
+        else {
+            return {
+                index,
+                name: balance.contractInfo?.name || 'Unknown'
+            };
+        }
+    });
+    const indexedCollectionBalances = collectionBalances.map((balance, index) => ({
+        index,
+        name: balance.contractInfo?.name || 'Unknown'
+    }));
+    (0, react_1.useEffect)(() => {
+        if (!initCoinsFlag && indexedCoinBalances.length > 0) {
+            setDisplayedCoinBalances(indexedCoinBalances.slice(0, pageSize));
+            sethasMoreCoins(indexedCoinBalances.length > pageSize);
+            setInitCoinsFlag(true);
+        }
+    }, [initCoinsFlag]);
+    (0, react_1.useEffect)(() => {
+        if (!initCollectionsFlag && indexedCollectionBalances.length > 0) {
+            setDisplayedCollectionBalances(indexedCollectionBalances.slice(0, pageSize));
+            sethasMoreCollections(indexedCollectionBalances.length > pageSize);
+            setInitCollectionsFlag(true);
+        }
+    }, [initCollectionsFlag]);
+    (0, react_1.useEffect)(() => {
+        if (search !== '') {
+            setDisplayedSearchCoinBalances(fuzzySearchCoinBalances
+                .search(search)
+                .map(result => result.item)
+                .slice(0, pageSize));
+            sethasMoreSearchCoins(fuzzySearchCoinBalances.search(search).length > pageSize);
+        }
+    }, [search]);
+    (0, react_1.useEffect)(() => {
+        if (search !== '') {
+            setDisplayedSearchCollectionBalances(fuzzySearchCollections
+                .search(search)
+                .map(result => result.item)
+                .slice(0, pageSize));
+            sethasMoreSearchCollections(fuzzySearchCollections.search(search).length > pageSize);
+        }
+    }, [search]);
+    const fetchMoreCoinBalances = () => {
+        if (displayedCoinBalances.length >= indexedCoinBalances.length) {
+            sethasMoreCoins(false);
+            return;
+        }
+        setDisplayedCoinBalances(indexedCoinBalances.slice(0, displayedCoinBalances.length + pageSize));
+    };
+    const fetchMoreCollectionBalances = () => {
+        if (displayedCollectionBalances.length >= indexedCollectionBalances.length) {
+            sethasMoreCollections(false);
+            return;
+        }
+        setDisplayedCollectionBalances(indexedCollectionBalances.slice(0, displayedCollectionBalances.length + pageSize));
+    };
+    const fetchMoreSearchCoinBalances = () => {
+        if (displayedSearchCoinBalances.length >= fuzzySearchCoinBalances.search(search).length) {
+            sethasMoreSearchCoins(false);
+            return;
+        }
+        setDisplayedSearchCoinBalances(fuzzySearchCoinBalances
+            .search(search)
+            .map(result => result.item)
+            .slice(0, displayedSearchCoinBalances.length + pageSize));
+    };
+    const fetchMoreSearchCollectionBalances = () => {
+        if (displayedSearchCollectionBalances.length >= fuzzySearchCollections.search(search).length) {
+            sethasMoreSearchCollections(false);
+            return;
+        }
+        setDisplayedSearchCollectionBalances(fuzzySearchCollections
+            .search(search)
+            .map(result => result.item)
+            .slice(0, displayedSearchCollectionBalances.length + pageSize));
+    };
+    const fuzzySearchCoinBalances = new fuse_js_1.default(indexedCoinBalances, {
+        keys: ['name']
+    });
+    const fuzzySearchCollections = new fuse_js_1.default(indexedCollectionBalances, {
+        keys: ['name']
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex px-4 pb-5 pt-3 flex-col gap-5 items-center justify-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-full", children: (0, jsx_runtime_1.jsx)(design_system_1.TextInput, { autoFocus: true, name: "search wallet", leftIcon: design_system_1.SearchIcon, value: search, onChange: ev => setSearch(ev.target.value), placeholder: "Search your wallet", "data-1p-ignore": true }) }), (0, jsx_runtime_1.jsx)("div", { className: "w-full", children: (0, jsx_runtime_1.jsxs)(design_system_1.TabsRoot, { value: selectedTab, onValueChange: value => setSelectedTab(value), children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-5", children: [!isPending && ((0, jsx_runtime_1.jsx)(design_system_1.TabsHeader, { value: selectedTab, tabs: [
+                                        { label: `Coins (${coinBalancesAmount})`, value: 'coins' },
+                                        { label: `Collections (${collectionBalancesAmount})`, value: 'collections' }
+                                    ] })), isPending && (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '360px', height: '48px' } })] }), (0, jsx_runtime_1.jsx)(design_system_1.TabsContent, { value: "collections", children: (0, jsx_runtime_1.jsx)(CollectionsTab_1.CollectionsTab, { displayedCollectionBalances: search ? displayedSearchCollectionBalances : displayedCollectionBalances, fetchMoreCollectionBalances: fetchMoreCollectionBalances, fetchMoreSearchCollectionBalances: fetchMoreSearchCollectionBalances, hasMoreCollections: hasMoreCollections, hasMoreSearchCollections: hasMoreSearchCollections, isSearching: search !== '', isPending: isPending, collectionBalances: collectionBalances }) }), (0, jsx_runtime_1.jsx)(design_system_1.TabsContent, { value: "coins", children: (0, jsx_runtime_1.jsx)(CoinsTab_1.CoinsTab, { displayedCoinBalances: search ? displayedSearchCoinBalances : displayedCoinBalances, fetchMoreCoinBalances: fetchMoreCoinBalances, fetchMoreSearchCoinBalances: fetchMoreSearchCoinBalances, hasMoreCoins: hasMoreCoins, hasMoreSearchCoins: hasMoreSearchCoins, isSearching: search !== '', isPending: isPending, coinBalances: coinBalances }) })] }) })] }));
+};
+exports.SearchWalletViewAll = SearchWalletViewAll;
+//# sourceMappingURL=SearchWalletViewAll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchWalletViewAll.js","sourceRoot":"","sources":["../../../../src/views/Search/SearchWalletViewAll.tsx"],"names":[],"mappings":";;;;;;;AAAA,iDAA6G;AAC7G,6DAA8G;AAC9G,yDAA0G;AAC1G,sDAA0B;AAC1B,iCAA2C;AAC3C,+BAAkC;AAClC,iCAA6C;AAE7C,uCAAyC;AACzC,uCAAgD;AAEhD,oDAAgD;AAChD,gEAA4D;AAWrD,MAAM,mBAAmB,GAAG,CAAC,EAAE,UAAU,EAA4B,EAAE,EAAE;IAC9E,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAA;IAC9B,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IAC5E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IACxC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAA;IAE1D,MAAM,QAAQ,GAAG,EAAE,CAAA;IACnB,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,EAAE,CAAC,CAAA;IACrF,MAAM,CAAC,2BAA2B,EAAE,8BAA8B,CAAC,GAAG,IAAA,gBAAQ,EAAgB,EAAE,CAAC,CAAA;IAEjG,MAAM,CAAC,2BAA2B,EAAE,8BAA8B,CAAC,GAAG,IAAA,gBAAQ,EAAgB,EAAE,CAAC,CAAA;IACjG,MAAM,CAAC,iCAAiC,EAAE,oCAAoC,CAAC,GAAG,IAAA,gBAAQ,EAAgB,EAAE,CAAC,CAAA;IAE7G,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACzD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAErE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEnE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnE,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE/E,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAA;IAEhD,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAE,sBAAsB,EAAE,GAAG,IAAA,wCAA0B,EAAC;QAChG,QAAQ,EAAE,gBAAgB;QAC1B,MAAM,EAAE;YACN,gBAAgB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE;YACxD,cAAc,EAAE,kBAAkB,CAAC,CAAC,CAAC,oCAA0B,CAAC,QAAQ,CAAC,CAAC,CAAC,oCAA0B,CAAC,GAAG;YACzG,kBAAkB,EAAE,KAAK;SAC1B;KACF,CAAC,CAAA;IAEF,MAAM,qBAAqB,GACzB,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,KAAK,OAAO,IAAI,IAAA,wBAAc,EAAC,CAAC,CAAC,eAAe,EAAE,kBAAW,CAAC,CAAC,IAAI,EAAE,CAAA;IAEpH,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,GAAG,IAAA,8BAAgB,EAChF,qBAAqB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAClC,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,eAAe,EAAE,KAAK,CAAC,eAAe;KACvC,CAAC,CAAC,CACJ,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,GAAG,IAAA,gCAAkB,EAAC,YAAY,CAAC,MAAM,CAAC,CAAA;IAEhH,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACvD,MAAM,KAAK,GAAG,IAAA,0BAAkB,EAAC;YAC/B,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,UAAU;YAClB,cAAc;YACd,QAAQ,EAAE,CAAC,CAAC,YAAY,EAAE,QAAQ,IAAI,EAAE;SACzC,CAAC,CAAA;QACF,MAAM,KAAK,GAAG,IAAA,0BAAkB,EAAC;YAC/B,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,UAAU;YAClB,cAAc;YACd,QAAQ,EAAE,CAAC,CAAC,YAAY,EAAE,QAAQ,IAAI,EAAE;SACzC,CAAC,CAAA;QACF,OAAO,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,MAAM,2BAA2B,GAC/B,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,KAAK,QAAQ,IAAI,CAAC,CAAC,YAAY,KAAK,SAAS,CAAC,IAAI,EAAE,CAAA;IAEnG,MAAM,kBAAkB,GAAG,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACnE,OAAO,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C,CAAC,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAA;IAC9C,MAAM,wBAAwB,GAAG,kBAAkB,CAAC,MAAM,CAAA;IAE1D,MAAM,SAAS,GAAG,sBAAsB,IAAI,mBAAmB,IAAI,uBAAuB,CAAA;IAE1F,MAAM,mBAAmB,GAAkB,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QAC7E,IAAI,IAAA,wBAAc,EAAC,OAAO,CAAC,eAAe,EAAE,kBAAW,CAAC,EAAE,CAAC;YACzD,MAAM,eAAe,GAAG,IAAA,qCAA2B,EAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;YAE5E,OAAO;gBACL,KAAK;gBACL,IAAI,EAAE,eAAe,CAAC,IAAI;aAC3B,CAAA;QACH,CAAC;aAAM,CAAC;YACN,OAAO;gBACL,KAAK;gBACL,IAAI,EAAE,OAAO,CAAC,YAAY,EAAE,IAAI,IAAI,SAAS;aAC9C,CAAA;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,yBAAyB,GAAkB,kBAAkB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAC3F,KAAK;QACL,IAAI,EAAE,OAAO,CAAC,YAAY,EAAE,IAAI,IAAI,SAAS;KAC9C,CAAC,CAAC,CAAA;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrD,wBAAwB,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YAChE,eAAe,CAAC,mBAAmB,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAA;YACtD,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,mBAAmB,IAAI,yBAAyB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjE,8BAA8B,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YAC5E,qBAAqB,CAAC,yBAAyB,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAA;YAClE,sBAAsB,CAAC,IAAI,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,KAAK,EAAE,EAAE,CAAC;YAClB,8BAA8B,CAC5B,uBAAuB;iBACpB,MAAM,CAAC,MAAM,CAAC;iBACd,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;iBAC1B,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CACtB,CAAA;YACD,qBAAqB,CAAC,uBAAuB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAA;QACjF,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,KAAK,EAAE,EAAE,CAAC;YAClB,oCAAoC,CAClC,sBAAsB;iBACnB,MAAM,CAAC,MAAM,CAAC;iBACd,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;iBAC1B,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CACtB,CAAA;YACD,2BAA2B,CAAC,sBAAsB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAA;QACtF,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,IAAI,qBAAqB,CAAC,MAAM,IAAI,mBAAmB,CAAC,MAAM,EAAE,CAAC;YAC/D,eAAe,CAAC,KAAK,CAAC,CAAA;YACtB,OAAM;QACR,CAAC;QACD,wBAAwB,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAAE,qBAAqB,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAA;IACjG,CAAC,CAAA;IAED,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,IAAI,2BAA2B,CAAC,MAAM,IAAI,yBAAyB,CAAC,MAAM,EAAE,CAAC;YAC3E,qBAAqB,CAAC,KAAK,CAAC,CAAA;YAC5B,OAAM;QACR,CAAC;QACD,8BAA8B,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,EAAE,2BAA2B,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAA;IACnH,CAAC,CAAA;IAED,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,IAAI,2BAA2B,CAAC,MAAM,IAAI,uBAAuB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC;YACxF,qBAAqB,CAAC,KAAK,CAAC,CAAA;YAC5B,OAAM;QACR,CAAC;QACD,8BAA8B,CAC5B,uBAAuB;aACpB,MAAM,CAAC,MAAM,CAAC;aACd,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;aAC1B,KAAK,CAAC,CAAC,EAAE,2BAA2B,CAAC,MAAM,GAAG,QAAQ,CAAC,CAC3D,CAAA;IACH,CAAC,CAAA;IAED,MAAM,iCAAiC,GAAG,GAAG,EAAE;QAC7C,IAAI,iCAAiC,CAAC,MAAM,IAAI,sBAAsB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC;YAC7F,2BAA2B,CAAC,KAAK,CAAC,CAAA;YAClC,OAAM;QACR,CAAC;QACD,oCAAoC,CAClC,sBAAsB;aACnB,MAAM,CAAC,MAAM,CAAC;aACd,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;aAC1B,KAAK,CAAC,CAAC,EAAE,iCAAiC,CAAC,MAAM,GAAG,QAAQ,CAAC,CACjE,CAAA;IACH,CAAC,CAAA;IAED,MAAM,uBAAuB,GAAG,IAAI,iBAAI,CAAC,mBAAmB,EAAE;QAC5D,IAAI,EAAE,CAAC,MAAM,CAAC;KACf,CAAC,CAAA;IAEF,MAAM,sBAAsB,GAAG,IAAI,iBAAI,CAAC,yBAAyB,EAAE;QACjE,IAAI,EAAE,CAAC,MAAM,CAAC;KACf,CAAC,CAAA;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,gEAAgE,aAC7E,gCAAK,SAAS,EAAC,QAAQ,YACrB,uBAAC,yBAAS,IACR,SAAS,QACT,IAAI,EAAC,eAAe,EACpB,QAAQ,EAAE,0BAAU,EACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,WAAW,EAAC,oBAAoB,2BAEhC,GACE,EACN,gCAAK,SAAS,EAAC,QAAQ,YACrB,wBAAC,wBAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,KAAgC,CAAC,aACpG,iCAAK,SAAS,EAAC,MAAM,aAClB,CAAC,SAAS,IAAI,CACb,uBAAC,0BAAU,IACT,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE;wCACJ,EAAE,KAAK,EAAE,UAAU,kBAAkB,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE;wCAC1D,EAAE,KAAK,EAAE,gBAAgB,wBAAwB,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE;qCAC7E,GACD,CACH,EACA,SAAS,IAAI,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IACjE,EAEN,uBAAC,2BAAW,IAAC,KAAK,EAAC,aAAa,YAC9B,uBAAC,+BAAc,IACb,2BAA2B,EAAE,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,2BAA2B,EACrG,2BAA2B,EAAE,2BAA2B,EACxD,iCAAiC,EAAE,iCAAiC,EACpE,kBAAkB,EAAE,kBAAkB,EACtC,wBAAwB,EAAE,wBAAwB,EAClD,WAAW,EAAE,MAAM,KAAK,EAAE,EAC1B,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,GACtC,GACU,EAEd,uBAAC,2BAAW,IAAC,KAAK,EAAC,OAAO,YACxB,uBAAC,mBAAQ,IACP,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,qBAAqB,EACnF,qBAAqB,EAAE,qBAAqB,EAC5C,2BAA2B,EAAE,2BAA2B,EACxD,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,MAAM,KAAK,EAAE,EAC1B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,GAC1B,GACU,IACL,GACP,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAjPY,QAAA,mBAAmB,uBAiP/B"}

package/dist/cjs/views/Search/components/BalanceItem.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BalanceItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const hooks_1 = require("../../../hooks");
+const BalanceItem = ({ balance }) => {
+    const { chains } = (0, wagmi_1.useConfig)();
+    const { setNavigation } = (0, hooks_1.useNavigation)();
+    const isNativeToken = (0, connect_1.compareAddress)(balance.contractAddress, viem_1.zeroAddress);
+    const nativeTokenInfo = (0, connect_1.getNativeTokenInfoByChainId)(balance.chainId, chains);
+    const logoURI = isNativeToken ? nativeTokenInfo.logoURI : balance?.contractInfo?.logoURI;
+    const tokenName = isNativeToken ? nativeTokenInfo.name : balance?.contractInfo?.name || 'Unknown';
+    const symbol = isNativeToken ? nativeTokenInfo.symbol : balance?.contractInfo?.symbol;
+    const getQuantity = () => {
+        if (balance.contractType === 'ERC721' || balance.contractType === 'ERC1155') {
+            return balance.uniqueCollectibles;
+        }
+        const decimals = isNativeToken ? nativeTokenInfo.decimals : balance?.contractInfo?.decimals;
+        const bal = (0, viem_1.formatUnits)(BigInt(balance.balance), decimals || 0);
+        const displayBalance = (0, connect_1.formatDisplay)(bal);
+        const symbol = isNativeToken ? nativeTokenInfo.symbol : balance?.contractInfo?.symbol;
+        return `${displayBalance} ${symbol}`;
+    };
+    const onClick = () => {
+        const isCollection = balance.contractType === 'ERC721' || balance.contractType === 'ERC1155';
+        if (isCollection) {
+            setNavigation({
+                location: 'collection-details',
+                params: {
+                    contractAddress: balance.contractAddress,
+                    chainId: balance.chainId
+                }
+            });
+        }
+        else {
+            setNavigation({
+                location: 'coin-details',
+                params: {
+                    contractAddress: balance.contractAddress,
+                    chainId: balance.chainId
+                }
+            });
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-row justify-between items-center select-none cursor-pointer", onClick: onClick, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 flex-row items-center justify-center min-w-0", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: logoURI, symbol: symbol, size: "md", withNetwork: balance.chainId }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "overflow-hidden whitespace-nowrap", variant: "normal", color: "primary", fontWeight: "bold", ellipsis: true, children: tokenName })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-center gap-1 max-w-1/2", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "text-right whitespace-nowrap", variant: "normal", color: "muted", fontWeight: "bold", ellipsis: true, children: getQuantity() }), (0, jsx_runtime_1.jsx)(design_system_1.ChevronRightIcon, { className: "text-muted" })] })] }, balance.contractAddress));
+};
+exports.BalanceItem = BalanceItem;
+//# sourceMappingURL=BalanceItem.js.map

package/dist/cjs/views/Search/components/BalanceItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BalanceItem.js","sourceRoot":"","sources":["../../../../../src/views/Search/components/BalanceItem.tsx"],"names":[],"mappings":";;;;AAAA,iDAAgG;AAChG,6DAA8E;AAG9E,+BAA+C;AAC/C,iCAAiC;AAEjC,0CAA8C;AAMvC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE;IAC3D,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAA;IAC9B,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAA;IACzC,MAAM,aAAa,GAAG,IAAA,wBAAc,EAAC,OAAO,CAAC,eAAe,EAAE,kBAAW,CAAC,CAAA;IAC1E,MAAM,eAAe,GAAG,IAAA,qCAA2B,EAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC5E,MAAM,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAA;IACxF,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,IAAI,SAAS,CAAA;IACjG,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAA;IAErF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,CAAC,YAAY,KAAK,QAAQ,IAAI,OAAO,CAAC,YAAY,KAAK,SAAS,EAAE,CAAC;YAC5E,OAAO,OAAO,CAAC,kBAAkB,CAAA;QACnC,CAAC;QACD,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,CAAA;QAC3F,MAAM,GAAG,GAAG,IAAA,kBAAW,EAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA;QAC/D,MAAM,cAAc,GAAG,IAAA,uBAAa,EAAC,GAAG,CAAC,CAAA;QACzC,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAA;QAErF,OAAO,GAAG,cAAc,IAAI,MAAM,EAAE,CAAA;IACtC,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,KAAK,QAAQ,IAAI,OAAO,CAAC,YAAY,KAAK,SAAS,CAAA;QAC5F,IAAI,YAAY,EAAE,CAAC;YACjB,aAAa,CAAC;gBACZ,QAAQ,EAAE,oBAAoB;gBAC9B,MAAM,EAAE;oBACN,eAAe,EAAE,OAAO,CAAC,eAAe;oBACxC,OAAO,EAAE,OAAO,CAAC,OAAO;iBACzB;aACF,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,aAAa,CAAC;gBACZ,QAAQ,EAAE,cAAc;gBACxB,MAAM,EAAE;oBACN,eAAe,EAAE,OAAO,CAAC,eAAe;oBACxC,OAAO,EAAE,OAAO,CAAC,OAAO;iBACzB;aACF,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,iCACE,SAAS,EAAC,8EAA8E,EAExF,OAAO,EAAE,OAAO,aAEhB,iCAAK,SAAS,EAAC,yDAAyD,aACtE,uBAAC,0BAAU,IAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,IAAI,EAAC,WAAW,EAAE,OAAO,CAAC,OAAO,GAAI,EACpF,uBAAC,oBAAI,IAAC,SAAS,EAAC,mCAAmC,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,kBAC5G,SAAS,GACL,IACH,EACN,iCAAK,SAAS,EAAC,2DAA2D,aACxE,uBAAC,oBAAI,IAAC,SAAS,EAAC,8BAA8B,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,kBACrG,WAAW,EAAE,GACT,EACP,uBAAC,gCAAgB,IAAC,SAAS,EAAC,YAAY,GAAG,IACvC,KAdD,OAAO,CAAC,eAAe,CAexB,CACP,CAAA;AACH,CAAC,CAAA;AA9DY,QAAA,WAAW,eA8DvB"}