@0xsequence/wallet-widget 5.0.0-ecosystem-beta → 5.0.0

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 hooks_1 = require("@0xsequence/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_2 = 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_2.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, 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, hooks_1.useGetCoinPrices)(coinBalancesUnordered.map(token => ({
+        chainId: token.chainId,
+        contractAddress: token.contractAddress
+    })));
+    const { data: conversionRate = 1, isPending: isPendingConversionRate } = (0, 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":"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"}

package/dist/cjs/views/Search/components/BalanceItem.d.ts

@@ -0,0 +1,7 @@
+import { TokenBalance } from '@0xsequence/indexer';
+interface BalanceItemProps {
+    balance: TokenBalance;
+}
+export declare const BalanceItem: ({ balance }: BalanceItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BalanceItem.d.ts.map

package/dist/cjs/views/Search/components/BalanceItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BalanceItem.d.ts","sourceRoot":"","sources":["../../../../../src/views/Search/components/BalanceItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAOlD,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAA;CACtB;AAED,eAAO,MAAM,WAAW,GAAI,aAAa,gBAAgB,4CA8DxD,CAAA"}

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":"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"}

package/dist/cjs/views/Search/components/CoinsTab.d.ts

@@ -0,0 +1,16 @@
+import { TokenBalance } from '@0xsequence/indexer';
+import React from 'react';
+import { IndexedData } from '../SearchWalletViewAll';
+interface CoinsTabProps {
+    displayedCoinBalances: IndexedData[];
+    fetchMoreCoinBalances: () => void;
+    fetchMoreSearchCoinBalances: () => void;
+    hasMoreCoins: boolean;
+    hasMoreSearchCoins: boolean;
+    isSearching: boolean;
+    isPending: boolean;
+    coinBalances: TokenBalance[];
+}
+export declare const CoinsTab: React.FC<CoinsTabProps>;
+export {};
+//# sourceMappingURL=CoinsTab.d.ts.map

package/dist/cjs/views/Search/components/CoinsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoinsTab.d.ts","sourceRoot":"","sources":["../../../../../src/views/Search/components/CoinsTab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAIpD,UAAU,aAAa;IACrB,qBAAqB,EAAE,WAAW,EAAE,CAAA;IACpC,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,2BAA2B,EAAE,MAAM,IAAI,CAAA;IACvC,YAAY,EAAE,OAAO,CAAA;IACrB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,YAAY,EAAE,CAAA;CAC7B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqE5C,CAAA"}

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoinsTab = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const react_1 = require("react");
+const BalanceItem_1 = require("./BalanceItem");
+const CoinsTab = ({ displayedCoinBalances, fetchMoreCoinBalances, fetchMoreSearchCoinBalances, hasMoreCoins, hasMoreSearchCoins, isSearching, isPending, coinBalances }) => {
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const endOfPageRefCoins = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!endOfPageRefCoins.current) {
+            return;
+        }
+        const observer = new IntersectionObserver(entries => {
+            const endOfPage = entries[0];
+            if (!endOfPage.isIntersecting) {
+                return;
+            }
+            if (isSearching && hasMoreSearchCoins) {
+                setIsLoading(true);
+                setTimeout(() => {
+                    fetchMoreSearchCoinBalances();
+                    setIsLoading(false);
+                }, 500);
+            }
+            else if (!isSearching && hasMoreCoins) {
+                setIsLoading(true);
+                setTimeout(() => {
+                    fetchMoreCoinBalances();
+                    setIsLoading(false);
+                }, 500);
+            }
+        });
+        observer.observe(endOfPageRefCoins.current);
+        return () => {
+            observer.disconnect();
+        };
+    }, [fetchMoreCoinBalances, fetchMoreSearchCoinBalances, isSearching]);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [isPending && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Array(8)
+                            .fill(null)
+                            .map((_, i) => ((0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { className: "w-full h-8" }, i))) })), !isPending && displayedCoinBalances.length === 0 && (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", children: "No Coins Found" }), !isPending &&
+                        displayedCoinBalances.map((indexItem, index) => {
+                            const balance = coinBalances[indexItem.index];
+                            return (0, jsx_runtime_1.jsx)(BalanceItem_1.BalanceItem, { balance: balance }, index);
+                        }), isLoading && (0, jsx_runtime_1.jsx)(design_system_1.Spinner, { className: "flex self-center mt-3" })] }), (0, jsx_runtime_1.jsx)("div", { ref: endOfPageRefCoins, style: { height: '1px' } })] }));
+};
+exports.CoinsTab = CoinsTab;
+//# sourceMappingURL=CoinsTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoinsTab.js","sourceRoot":"","sources":["../../../../../src/views/Search/components/CoinsTab.tsx"],"names":[],"mappings":";;;;AAAA,6DAAmE;AAEnE,iCAA0D;AAI1D,+CAA2C;AAapC,MAAM,QAAQ,GAA4B,CAAC,EAChD,qBAAqB,EACrB,qBAAqB,EACrB,2BAA2B,EAC3B,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,YAAY,EACb,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAE7D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;YAC/B,OAAM;QACR,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,OAAO,CAAC,EAAE;YAClD,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;YAC5B,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC;gBAC9B,OAAM;YACR,CAAC;YACD,IAAI,WAAW,IAAI,kBAAkB,EAAE,CAAC;gBACtC,YAAY,CAAC,IAAI,CAAC,CAAA;gBAClB,UAAU,CAAC,GAAG,EAAE;oBACd,2BAA2B,EAAE,CAAA;oBAC7B,YAAY,CAAC,KAAK,CAAC,CAAA;gBACrB,CAAC,EAAE,GAAG,CAAC,CAAA;YACT,CAAC;iBAAM,IAAI,CAAC,WAAW,IAAI,YAAY,EAAE,CAAC;gBACxC,YAAY,CAAC,IAAI,CAAC,CAAA;gBAClB,UAAU,CAAC,GAAG,EAAE;oBACd,qBAAqB,EAAE,CAAA;oBACvB,YAAY,CAAC,KAAK,CAAC,CAAA;gBACrB,CAAC,EAAE,GAAG,CAAC,CAAA;YACT,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;QAE3C,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAA;QACvB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,qBAAqB,EAAE,2BAA2B,EAAE,WAAW,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,4CACE,iCAAK,SAAS,EAAC,qBAAqB,aACjC,SAAS,IAAI,CACZ,2DACG,KAAK,CAAC,CAAC,CAAC;6BACN,IAAI,CAAC,IAAI,CAAC;6BACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,uBAAC,wBAAQ,IAAC,SAAS,EAAC,YAAY,IAAM,CAAC,CAAI,CAC5C,CAAC,GACH,CACJ,EACA,CAAC,SAAS,IAAI,qBAAqB,CAAC,MAAM,KAAK,CAAC,IAAI,uBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,+BAAsB,EAC/F,CAAC,SAAS;wBACT,qBAAqB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;4BAC7C,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;4BAC7C,OAAO,uBAAC,yBAAW,IAAa,OAAO,EAAE,OAAO,IAAvB,KAAK,CAAsB,CAAA;wBACtD,CAAC,CAAC,EACH,SAAS,IAAI,uBAAC,uBAAO,IAAC,SAAS,EAAC,uBAAuB,GAAG,IACvD,EACN,gCAAK,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAI,IACrD,CACP,CAAA;AACH,CAAC,CAAA;AArEY,QAAA,QAAQ,YAqEpB"}

package/dist/cjs/views/Search/components/CollectionsTab.d.ts

@@ -0,0 +1,16 @@
+import { TokenBalance } from '@0xsequence/indexer';
+import React from 'react';
+import { IndexedData } from '../SearchWalletViewAll';
+interface CollectionsTabProps {
+    displayedCollectionBalances: IndexedData[];
+    fetchMoreCollectionBalances: () => void;
+    fetchMoreSearchCollectionBalances: () => void;
+    hasMoreCollections: boolean;
+    hasMoreSearchCollections: boolean;
+    isSearching: boolean;
+    isPending: boolean;
+    collectionBalances: TokenBalance[];
+}
+export declare const CollectionsTab: React.FC<CollectionsTabProps>;
+export {};
+//# sourceMappingURL=CollectionsTab.d.ts.map

package/dist/cjs/views/Search/components/CollectionsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionsTab.d.ts","sourceRoot":"","sources":["../../../../../src/views/Search/components/CollectionsTab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAIpD,UAAU,mBAAmB;IAC3B,2BAA2B,EAAE,WAAW,EAAE,CAAA;IAC1C,2BAA2B,EAAE,MAAM,IAAI,CAAA;IACvC,iCAAiC,EAAE,MAAM,IAAI,CAAA;IAC7C,kBAAkB,EAAE,OAAO,CAAA;IAC3B,wBAAwB,EAAE,OAAO,CAAA;IACjC,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,kBAAkB,EAAE,YAAY,EAAE,CAAA;CACnC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoExD,CAAA"}

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectionsTab = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const react_1 = require("react");
+const BalanceItem_1 = require("./BalanceItem");
+const CollectionsTab = ({ displayedCollectionBalances, fetchMoreCollectionBalances, fetchMoreSearchCollectionBalances, hasMoreCollections, hasMoreSearchCollections, isSearching, isPending, collectionBalances }) => {
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const endOfPageRefCollections = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!endOfPageRefCollections.current) {
+            return;
+        }
+        const observer = new IntersectionObserver(entries => {
+            const endOfPage = entries[0];
+            if (!endOfPage.isIntersecting) {
+                return;
+            }
+            if (isSearching && hasMoreSearchCollections) {
+                setIsLoading(true);
+                setTimeout(() => {
+                    fetchMoreSearchCollectionBalances();
+                    setIsLoading(false);
+                }, 500);
+            }
+            else if (!isSearching && hasMoreCollections) {
+                setIsLoading(true);
+                setTimeout(() => {
+                    fetchMoreCollectionBalances();
+                    setIsLoading(false);
+                }, 500);
+            }
+        });
+        observer.observe(endOfPageRefCollections.current);
+        return () => {
+            observer.disconnect();
+        };
+    }, [fetchMoreCollectionBalances, fetchMoreSearchCollectionBalances, isSearching]);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [isPending && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Array(8)
+                            .fill(null)
+                            .map((_, i) => ((0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { className: "w-full h-8" }, i))) })), !isPending && displayedCollectionBalances.length === 0 && (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", children: "No Collectibles Found" }), !isPending &&
+                        displayedCollectionBalances.map((indexItem, index) => {
+                            const balance = collectionBalances[indexItem.index];
+                            return (0, jsx_runtime_1.jsx)(BalanceItem_1.BalanceItem, { balance: balance }, index);
+                        }), isLoading && (0, jsx_runtime_1.jsx)(design_system_1.Spinner, { className: "flex self-center mt-3" })] }), (0, jsx_runtime_1.jsx)("div", { ref: endOfPageRefCollections, style: { height: '1px' } })] }));
+};
+exports.CollectionsTab = CollectionsTab;
+//# sourceMappingURL=CollectionsTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionsTab.js","sourceRoot":"","sources":["../../../../../src/views/Search/components/CollectionsTab.tsx"],"names":[],"mappings":";;;;AAAA,6DAAmE;AAEnE,iCAA0D;AAI1D,+CAA2C;AAapC,MAAM,cAAc,GAAkC,CAAC,EAC5D,2BAA2B,EAC3B,2BAA2B,EAC3B,iCAAiC,EACjC,kBAAkB,EAClB,wBAAwB,EACxB,WAAW,EACX,SAAS,EACT,kBAAkB,EACnB,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,uBAAuB,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAEnE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,uBAAuB,CAAC,OAAO,EAAE,CAAC;YACrC,OAAM;QACR,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,OAAO,CAAC,EAAE;YAClD,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;YAC5B,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC;gBAC9B,OAAM;YACR,CAAC;YACD,IAAI,WAAW,IAAI,wBAAwB,EAAE,CAAC;gBAC5C,YAAY,CAAC,IAAI,CAAC,CAAA;gBAClB,UAAU,CAAC,GAAG,EAAE;oBACd,iCAAiC,EAAE,CAAA;oBACnC,YAAY,CAAC,KAAK,CAAC,CAAA;gBACrB,CAAC,EAAE,GAAG,CAAC,CAAA;YACT,CAAC;iBAAM,IAAI,CAAC,WAAW,IAAI,kBAAkB,EAAE,CAAC;gBAC9C,YAAY,CAAC,IAAI,CAAC,CAAA;gBAClB,UAAU,CAAC,GAAG,EAAE;oBACd,2BAA2B,EAAE,CAAA;oBAC7B,YAAY,CAAC,KAAK,CAAC,CAAA;gBACrB,CAAC,EAAE,GAAG,CAAC,CAAA;YACT,CAAC;QACH,CAAC,CAAC,CAAA;QACF,QAAQ,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAA;QAEjD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAA;QACvB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,2BAA2B,EAAE,iCAAiC,EAAE,WAAW,CAAC,CAAC,CAAA;IAEjF,OAAO,CACL,4CACE,iCAAK,SAAS,EAAC,qBAAqB,aACjC,SAAS,IAAI,CACZ,2DACG,KAAK,CAAC,CAAC,CAAC;6BACN,IAAI,CAAC,IAAI,CAAC;6BACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,uBAAC,wBAAQ,IAAC,SAAS,EAAC,YAAY,IAAM,CAAC,CAAI,CAC5C,CAAC,GACH,CACJ,EACA,CAAC,SAAS,IAAI,2BAA2B,CAAC,MAAM,KAAK,CAAC,IAAI,uBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,sCAA6B,EAC5G,CAAC,SAAS;wBACT,2BAA2B,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;4BACnD,MAAM,OAAO,GAAG,kBAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;4BACnD,OAAO,uBAAC,yBAAW,IAAa,OAAO,EAAE,OAAO,IAAvB,KAAK,CAAsB,CAAA;wBACtD,CAAC,CAAC,EACH,SAAS,IAAI,uBAAC,uBAAO,IAAC,SAAS,EAAC,uBAAuB,GAAG,IACvD,EACN,gCAAK,GAAG,EAAE,uBAAuB,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAI,IAC3D,CACP,CAAA;AACH,CAAC,CAAA;AApEY,QAAA,cAAc,kBAoE1B"}

package/dist/cjs/views/Search/components/WalletLink.d.ts

@@ -0,0 +1,8 @@
+import { Navigation } from '../../../contexts';
+interface WalletLinkProps {
+    toLocation: Navigation;
+    label: string;
+}
+export declare const WalletLink: ({ toLocation, label }: WalletLinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WalletLink.d.ts.map

package/dist/cjs/views/Search/components/WalletLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletLink.d.ts","sourceRoot":"","sources":["../../../../../src/views/Search/components/WalletLink.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAG9C,UAAU,eAAe;IACvB,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,UAAU,GAAI,uBAAuB,eAAe,4CAoBhE,CAAA"}

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("../../../hooks");
+const WalletLink = ({ toLocation, label }) => {
+    const { setNavigation } = (0, hooks_1.useNavigation)();
+    const onClick = () => {
+        setNavigation(toLocation);
+    };
+    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.jsx)(design_system_1.Text, { variant: "normal", color: "muted", fontWeight: "medium", children: label }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-center items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "muted", fontWeight: "medium", children: "View all" }), (0, jsx_runtime_1.jsx)(design_system_1.ChevronRightIcon, { className: "text-muted", size: "sm" })] })] }));
+};
+exports.WalletLink = WalletLink;
+//# sourceMappingURL=WalletLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletLink.js","sourceRoot":"","sources":["../../../../../src/views/Search/components/WalletLink.tsx"],"names":[],"mappings":";;;;AAAA,6DAAkE;AAIlE,0CAA8C;AAOvC,MAAM,UAAU,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK,EAAmB,EAAE,EAAE;IACnE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAA;IAEzC,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,OAAO,CACL,iCAAK,SAAS,EAAC,8EAA8E,EAAC,OAAO,EAAE,OAAO,aAC5G,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,YACrD,KAAK,GACD,EACP,iCAAK,SAAS,EAAC,2CAA2C,aACxD,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,yBAEjD,EACP,uBAAC,gCAAgB,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,GAAG,IACjD,IACF,CACP,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,UAAU,cAoBtB"}

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

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

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+interface SendCoinProps {
+    chainId: number;
+    contractAddress: string;
+}
+export declare const SendCoin: ({ chainId, contractAddress }: SendCoinProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SendCoin.d.ts.map

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

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