@0xsequence/wallet-widget 5.3.6 → 5.3.8

package/dist/esm/components/NavigationHeader/content/SearchHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchHeader.js","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/SearchHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAE3E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACnD,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,SAAS,IAAC,SAAS,QAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,GACxH,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/NavigationHeader/content/SettingsHeader.d.ts

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

package/dist/esm/components/NavigationHeader/content/SettingsHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/SettingsHeader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,+CAQ1B,CAAA"}

package/dist/esm/components/NavigationHeader/content/SettingsHeader.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '@0xsequence/design-system';
+export const SettingsHeader = () => {
+    return (_jsx("div", { className: "flex flex-col justify-center items-center", children: _jsx(Text, { variant: "medium", color: "text100", children: "Settings" }) }));
+};
+//# sourceMappingURL=SettingsHeader.js.map

package/dist/esm/components/NavigationHeader/content/SettingsHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsHeader.js","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/SettingsHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,CACL,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,yBAE/B,GACH,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/NavigationHeader/content/TokenHeader.d.ts

@@ -0,0 +1,3 @@
+import type { TokenInfo } from '../index.js';
+export declare const TokenHeader: ({ contractAddress, chainId, accountAddress }: TokenInfo) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TokenHeader.d.ts.map

package/dist/esm/components/NavigationHeader/content/TokenHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/TokenHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,eAAO,MAAM,WAAW,GAAI,8CAA8C,SAAS,4CA+ClF,CAAA"}

package/dist/esm/components/NavigationHeader/content/TokenHeader.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getNativeTokenInfoByChainId } from '@0xsequence/connect';
+import { compareAddress, Image, Skeleton, Text } from '@0xsequence/design-system';
+import { useGetSingleTokenBalance } from '@0xsequence/hooks';
+import { zeroAddress } from 'viem';
+import { useConfig } from 'wagmi';
+export const TokenHeader = ({ contractAddress, chainId, accountAddress }) => {
+    const { chains } = useConfig();
+    const { data: tokenData } = useGetSingleTokenBalance({
+        chainId,
+        contractAddress,
+        accountAddress: accountAddress ?? ''
+    });
+    const isNativeToken = compareAddress(contractAddress, zeroAddress);
+    const nativeTokenInfo = getNativeTokenInfoByChainId(chainId, chains);
+    const logoURI = isNativeToken ? nativeTokenInfo.logoURI : tokenData?.contractInfo?.logoURI;
+    const name = isNativeToken ? nativeTokenInfo.symbol : tokenData?.contractInfo?.name;
+    return (_jsxs("div", { className: "flex flex-row items-center h-full w-full", children: [_jsx("div", { className: "px-3", children: logoURI ? (_jsx(Image, { className: "w-9 h-9 rounded-lg", src: logoURI, alt: name, style: {
+                        objectFit: 'cover'
+                    } })) : (_jsx(Skeleton, { className: "w-9 h-9 rounded-full" })) }), _jsx("div", { className: "flex flex-col", children: _jsx(Text, { variant: "medium", color: "primary", style: {
+                        display: '-webkit-box',
+                        WebkitLineClamp: 1,
+                        WebkitBoxOrient: 'vertical',
+                        overflow: 'hidden'
+                    }, children: name }) })] }));
+};
+//# sourceMappingURL=TokenHeader.js.map

package/dist/esm/components/NavigationHeader/content/TokenHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenHeader.js","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/TokenHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,cAAc,EAAa,EAAE,EAAE;IACrF,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC;QACnD,OAAO;QACP,eAAe;QACf,cAAc,EAAE,cAAc,IAAI,EAAE;KACrC,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,cAAc,CAAC,eAAe,EAAE,WAAW,CAAC,CAAA;IAClE,MAAM,eAAe,GAAG,2BAA2B,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAEpE,MAAM,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,YAAY,EAAE,OAAO,CAAA;IAC1F,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,YAAY,EAAE,IAAI,CAAA;IAEnF,OAAO,CACL,eAAK,SAAS,EAAC,0CAA0C,aACvD,cAAK,SAAS,EAAC,MAAM,YAClB,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,KAAK,IACJ,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,IAAI,EACT,KAAK,EAAE;wBACL,SAAS,EAAE,OAAO;qBACnB,GACD,CACH,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAC9C,GACG,EAEN,cAAK,SAAS,EAAC,eAAe,YAC5B,KAAC,IAAI,IACH,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,SAAS,EACf,KAAK,EAAE;wBACL,OAAO,EAAE,aAAa;wBACtB,eAAe,EAAE,CAAC;wBAClB,eAAe,EAAE,UAAU;wBAC3B,QAAQ,EAAE,QAAQ;qBACnB,YAEA,IAAI,GACA,GACH,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/NavigationHeader/index.d.ts

@@ -1,7 +1,14 @@
 interface NavigationHeaderProps {
-    primaryText?: string;
-    secondaryText?: string;
+    type?: 'home' | 'search' | 'settings' | 'token' | 'collectible' | 'collection' | 'default';
+    info?: TokenInfo;
+    label?: string;
 }
-export declare const NavigationHeader: ({ secondaryText, primaryText }: NavigationHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export interface TokenInfo {
+    chainId: number;
+    contractAddress: string;
+    tokenId?: string;
+    accountAddress?: string;
+}
+export declare const NavigationHeader: ({ type, info, label }: NavigationHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/NavigationHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":"AAMA,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,gBAAgB,GAAI,gCAAgC,qBAAqB,4CA8CrF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":"AAaA,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,GAAG,YAAY,GAAG,SAAS,CAAA;IAC1F,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAyBD,eAAO,MAAM,gBAAgB,GAAI,uBAAmC,qBAAqB,4CA+BxF,CAAA"}

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

@@ -1,9 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeftIcon, IconButton, ModalPrimitive, Text } from '@0xsequence/design-system';
+import { ChevronLeftIcon, IconButton, Text } from '@0xsequence/design-system';
 import { HEADER_HEIGHT } from '../../constants/index.js';
 import { useNavigationContext } from '../../contexts/Navigation.js';
 import { useNavigation } from '../../hooks/index.js';
-export const NavigationHeader = ({ secondaryText, primaryText }) => {
+import { CollectibleHeader } from './content/CollectibleHeader.js';
+import { CollectionHeader } from './content/CollectionHeader.js';
+import { HomeHeader } from './content/HomeHeader.js';
+import { SearchHeader } from './content/SearchHeader.js';
+import { SettingsHeader } from './content/SettingsHeader.js';
+import { TokenHeader } from './content/TokenHeader.js';
+const getHeaderContent = (type, info, label) => {
+    switch (type) {
+        case 'home':
+            return _jsx(HomeHeader, {});
+        case 'search':
+            return _jsx(SearchHeader, {});
+        case 'settings':
+            return _jsx(SettingsHeader, {});
+        case 'token':
+            return _jsx(TokenHeader, { ...info }); // TODO: add imgSrc and imgLabel?
+        case 'collectible':
+            return _jsx(CollectibleHeader, { ...info });
+        case 'collection':
+            return _jsx(CollectionHeader, { ...info });
+        case 'default':
+            return (_jsx(Text, { variant: "medium", color: "primary", children: label }));
+    }
+};
+export const NavigationHeader = ({ type = 'default', info, label }) => {
     const { goBack, history } = useNavigation();
     const { isBackButtonEnabled } = useNavigationContext();
     const onClickBack = () => {
@@ -12,10 +36,6 @@ export const NavigationHeader = ({ secondaryText, primaryText }) => {
         }
         goBack();
     };
-    return (_jsxs("div", { className: "flex flex-row justify-between items-center fixed bg-background-primary w-full p-4 z-20", style: {
-            height: HEADER_HEIGHT
-        }, children: [history.length > 0 ? (_jsx(IconButton, { onClick: onClickBack, icon: ChevronLeftIcon, size: "xs", disabled: !isBackButtonEnabled, style: { opacity: isBackButtonEnabled ? 1 : 0.5 } })) : (_jsx("div", {})), _jsxs("div", { children: [_jsx(Text, { fontWeight: "medium", variant: "small", color: "muted", children: secondaryText }), _jsx(ModalPrimitive.Title, { asChild: true, children: _jsx(Text, { variant: "medium", color: "primary", children: primaryText }) })] }), _jsx("div", { style: {
-                    width: '28px'
-                } })] }));
+    return (_jsxs("div", { className: "flex flex-row justify-between items-center w-full", style: { minHeight: HEADER_HEIGHT }, children: [history.length > 0 ? (_jsx(IconButton, { className: "bg-background-secondary", onClick: onClickBack, icon: ChevronLeftIcon, size: "sm", disabled: !isBackButtonEnabled, style: { opacity: isBackButtonEnabled ? 1 : 0.5, marginLeft: '16px' } })) : (_jsx("div", {})), getHeaderContent(type, info, label), type !== 'search' && history.length > 0 ? _jsx("div", { style: { width: '52px' } }) : _jsx("div", {})] }));
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAE7F,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAOpD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,WAAW,EAAyB,EAAE,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEtD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAM;QACR,CAAC;QACD,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAC,wFAAwF,EAClG,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;SACtB,aAEA,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,CAAC,mBAAmB,EAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GACjD,CACH,CAAC,CAAC,CAAC,CACF,eAAO,CACR,EACD,0BACE,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YACpD,aAAa,GACT,EACP,KAAC,cAAc,CAAC,KAAK,IAAC,OAAO,kBAC3B,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACnC,WAAW,GACP,GACc,IACnB,EACN,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAetD,MAAM,gBAAgB,GAAG,CAAC,IAAmC,EAAE,IAAgB,EAAE,KAAc,EAAE,EAAE;IACjG,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,MAAM;YACT,OAAO,KAAC,UAAU,KAAG,CAAA;QACvB,KAAK,QAAQ;YACX,OAAO,KAAC,YAAY,KAAG,CAAA;QACzB,KAAK,UAAU;YACb,OAAO,KAAC,cAAc,KAAG,CAAA;QAC3B,KAAK,OAAO;YACV,OAAO,KAAC,WAAW,OAAK,IAAK,GAAI,CAAA,CAAC,iCAAiC;QACrE,KAAK,aAAa;YAChB,OAAO,KAAC,iBAAiB,OAAK,IAAK,GAAI,CAAA;QACzC,KAAK,YAAY;YACf,OAAO,KAAC,gBAAgB,OAAK,IAAK,GAAI,CAAA;QACxC,KAAK,SAAS;YACZ,OAAO,CACL,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACnC,KAAK,GACD,CACR,CAAA;IACL,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK,EAAyB,EAAE,EAAE;IAC3F,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEtD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAM;QACR,CAAC;QACD,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,mDAAmD,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,aACnG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,IACT,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,CAAC,mBAAmB,EAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,GACrE,CACH,CAAC,CAAC,CAAC,CACF,eAAO,CACR,EAEA,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EAEnC,IAAI,KAAK,QAAQ,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CAAC,CAAC,CAAC,eAAO,IAClF,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,5 @@
+export declare const NoResults: ({ hasInstructions, customText }: {
+    hasInstructions?: boolean;
+    customText?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NoResults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoResults.d.ts","sourceRoot":"","sources":["../../../src/components/NoResults.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,GAAI,iCAAiC;IAAE,eAAe,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,4CA2C5G,CAAA"}

package/dist/esm/components/NoResults.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useWallets } from '@0xsequence/connect';
+import { CoinsIcon, GameIcon, GameSwordIcon, Text } from '@0xsequence/design-system';
+import { useMemo } from 'react';
+import { MiniButton } from '../components/MiniButton.js';
+import { useSettings } from '../hooks/useSettings.js';
+export const NoResults = ({ hasInstructions, customText }) => {
+    const { wallets } = useWallets();
+    const { selectedWallets, allNetworks, selectedNetworks, setSelectedWallets, setSelectedNetworks } = useSettings();
+    const isSettingsChanged = useMemo(() => {
+        return selectedWallets.length !== wallets.length || selectedNetworks.length !== allNetworks.length;
+    }, [selectedWallets, wallets, selectedNetworks, allNetworks]);
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-4", style: { marginTop: '80px', marginBottom: '80px' }, children: [_jsxs("div", { className: "flex flex-row gap-2", children: [_jsx(CoinsIcon, { color: "grey" }), _jsx(GameIcon, { color: "grey" }), _jsx(GameSwordIcon, { color: "grey" })] }), _jsxs("div", { className: "flex flex-col items-center justify-center gap-2", children: [_jsx(Text, { variant: "medium", color: "primary", children: customText || 'No results found' }), hasInstructions && (_jsxs(Text, { className: "text-center", variant: "normal", color: "muted", children: ["Search your wallet for tokens,", _jsx("br", {}), "collectibles or collections"] })), isSettingsChanged && (_jsx(MiniButton, { onClick: () => {
+                            setSelectedWallets([]);
+                            setSelectedNetworks([]);
+                        }, children: _jsx(Text, { variant: "normal-bold", color: "primary", children: "Clear filters" }) }))] })] }));
+};
+//# sourceMappingURL=NoResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoResults.js","sourceRoot":"","sources":["../../../src/components/NoResults.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,eAAe,EAAE,UAAU,EAAsD,EAAE,EAAE;IAC/G,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,GAAG,WAAW,EAAE,CAAA;IAEjH,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,eAAe,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,IAAI,gBAAgB,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM,CAAA;IACpG,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAA;IAE7D,OAAO,CACL,eAAK,SAAS,EAAC,wDAAwD,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,aACxH,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,SAAS,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,GAAG,EACzB,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,GAAG,IAC1B,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACnC,UAAU,IAAI,kBAAkB,GAC5B,EAEN,eAAe,IAAI,CAClB,MAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,+CAE1D,cAAM,mCAED,CACR,EAEA,iBAAiB,IAAI,CACpB,KAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE;4BACZ,kBAAkB,CAAC,EAAE,CAAC,CAAA;4BACtB,mBAAmB,CAAC,EAAE,CAAC,CAAA;wBACzB,CAAC,YAED,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,SAAS,8BAEpC,GACI,CACd,IACG,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SearchLists/CollectiblesList/CollectibleTile.d.ts

@@ -1,7 +1,7 @@
-import type { TokenBalanceWithPrice } from '../../../utils/index.js';
+import type { TokenBalanceWithDetails } from '../../../utils/index.js';
 interface CollectibleTileProps {
-    balance: TokenBalanceWithPrice;
-    onTokenClick: (token: TokenBalanceWithPrice) => void;
+    balance: TokenBalanceWithDetails;
+    onTokenClick: (token: TokenBalanceWithDetails) => void;
 }
 export declare const CollectibleTile: ({ balance, onTokenClick }: CollectibleTileProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/SearchLists/CollectiblesList/CollectibleTile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectibleTile.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectibleTile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAMpE,UAAU,oBAAoB;IAC5B,OAAO,EAAE,qBAAqB,CAAA;IAC9B,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;CACrD;AAED,eAAO,MAAM,eAAe,GAAI,2BAA2B,oBAAoB,4CA4B9E,CAAA"}
+{"version":3,"file":"CollectibleTile.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectibleTile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAMtE,UAAU,oBAAoB;IAC5B,OAAO,EAAE,uBAAuB,CAAA;IAChC,YAAY,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAA;CACvD;AAED,eAAO,MAAM,eAAe,GAAI,2BAA2B,oBAAoB,4CA6B9E,CAAA"}

package/dist/esm/components/SearchLists/CollectiblesList/CollectibleTile.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { NetworkImage } from '@0xsequence/design-system';
 import { useGetTokenMetadata } from '@0xsequence/hooks';
-import { CollectibleTileImage } from '../../CollectibleTileImage.js';
+import { TokenTileImage } from '../../TokenTileImage.js';
 const NETWORK_IMAGE_SIZE = '15%';
 const NETWORK_IMAGE_OFFSET = '2%';
 export const CollectibleTile = ({ balance, onTokenClick }) => {
@@ -14,7 +14,8 @@ export const CollectibleTile = ({ balance, onTokenClick }) => {
         tokenIDs: [balance.tokenID || '']
     });
     const imageUrl = tokenMetadata?.[0]?.image;
-    return (_jsxs("div", { className: "select-none cursor-pointer aspect-square relative", onClick: onClick, children: [_jsx(CollectibleTileImage, { imageUrl: imageUrl }), _jsx(NetworkImage, { chainId: balance.chainId, className: `absolute z-1`, style: {
+    const symbol = tokenMetadata?.[0]?.name;
+    return (_jsxs("div", { className: "select-none cursor-pointer relative", onClick: onClick, children: [_jsx(TokenTileImage, { src: imageUrl, symbol: symbol }), _jsx(NetworkImage, { chainId: balance.chainId, className: `absolute z-1`, style: {
                     width: NETWORK_IMAGE_SIZE,
                     height: NETWORK_IMAGE_SIZE,
                     right: NETWORK_IMAGE_OFFSET,

package/dist/esm/components/SearchLists/CollectiblesList/CollectibleTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectibleTile.js","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectibleTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAGvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAEpE,MAAM,kBAAkB,GAAG,KAAK,CAAA;AAChC,MAAM,oBAAoB,GAAG,IAAI,CAAA;AAOjC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAwB,EAAE,EAAE;IACjF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,mBAAmB,CAAC;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,CACL,eAAK,SAAS,EAAC,mDAAmD,EAAC,OAAO,EAAE,OAAO,aACjF,KAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAC5C,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE;oBACL,KAAK,EAAE,kBAAkB;oBACzB,MAAM,EAAE,kBAAkB;oBAC1B,KAAK,EAAE,oBAAoB;oBAC3B,MAAM,EAAE,oBAAoB;iBAC7B,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CollectibleTile.js","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectibleTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAGvD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,MAAM,kBAAkB,GAAG,KAAK,CAAA;AAChC,MAAM,oBAAoB,GAAG,IAAI,CAAA;AAOjC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAwB,EAAE,EAAE;IACjF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,mBAAmB,CAAC;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;IAC1C,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAA;IAEvC,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,EAAC,OAAO,EAAE,OAAO,aACnE,KAAC,cAAc,IAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,EACjD,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE;oBACL,KAAK,EAAE,kBAAkB;oBACzB,MAAM,EAAE,kBAAkB;oBAC1B,KAAK,EAAE,oBAAoB;oBAC3B,MAAM,EAAE,oBAAoB;iBAC7B,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SearchLists/CollectiblesList/CollectiblesTab.d.ts

@@ -1,13 +1,12 @@
 import type { FC } from 'react';
-import type { TokenBalanceWithPrice } from '../../../utils/index.js';
+import type { TokenBalanceWithDetails } from '../../../utils/index.js';
 interface CollectiblesTabProps {
-    displayedCollectibleBalances: TokenBalanceWithPrice[] | undefined;
+    displayedCollectibleBalances: TokenBalanceWithDetails[] | undefined;
     fetchMoreCollectibleBalances: () => Promise<any>;
     hasMoreCollectibleBalances: boolean;
     isFetchingMoreCollectibleBalances: boolean;
     isFetchingInitialBalances: boolean;
-    onTokenClick: (token: TokenBalanceWithPrice) => void;
-    gridColumns?: number;
+    onTokenClick: (token: TokenBalanceWithDetails) => void;
 }
 export declare const CollectiblesTab: FC<CollectiblesTabProps>;
 export {};

package/dist/esm/components/SearchLists/CollectiblesList/CollectiblesTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectiblesTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectiblesTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAKpE,UAAU,oBAAoB;IAC5B,4BAA4B,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAA;IACjE,4BAA4B,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;IAChD,0BAA0B,EAAE,OAAO,CAAA;IACnC,iCAAiC,EAAE,OAAO,CAAA;IAC1C,yBAAyB,EAAE,OAAO,CAAA;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAsCpD,CAAA"}
+{"version":3,"file":"CollectiblesTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectiblesTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAMtE,UAAU,oBAAoB;IAC5B,4BAA4B,EAAE,uBAAuB,EAAE,GAAG,SAAS,CAAA;IACnE,4BAA4B,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;IAChD,0BAA0B,EAAE,OAAO,CAAA;IACnC,iCAAiC,EAAE,OAAO,CAAA;IAC1C,yBAAyB,EAAE,OAAO,CAAA;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAA;CACvD;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA2BpD,CAAA"}

package/dist/esm/components/SearchLists/CollectiblesList/CollectiblesTab.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton, Spinner, Text } from '@0xsequence/design-system';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton, Spinner } from '@0xsequence/design-system';
 import { InfiniteScroll } from '../../InfiniteScroll.js';
+import { NoResults } from '../../NoResults.js';
 import { CollectibleTile } from './CollectibleTile.js';
-export const CollectiblesTab = ({ displayedCollectibleBalances, fetchMoreCollectibleBalances, hasMoreCollectibleBalances, isFetchingMoreCollectibleBalances, isFetchingInitialBalances, onTokenClick, gridColumns }) => {
-    return (_jsxs("div", { children: [_jsx("div", { className: "grid gap-2", style: { gridTemplateColumns: `repeat(${gridColumns}, 1fr)`, width: '100%' }, children: isFetchingInitialBalances ? (_jsx(_Fragment, { children: Array(6)
-                        .fill(null)
-                        .map((_, i) => (_jsx(Skeleton, { className: "w-full", style: { height: '180px' } }, i))) })) : (_jsx(_Fragment, { children: displayedCollectibleBalances && displayedCollectibleBalances.length > 0 && (_jsx(InfiniteScroll, { onLoad: () => fetchMoreCollectibleBalances(), hasMore: hasMoreCollectibleBalances, children: displayedCollectibleBalances?.map((balance, index) => {
-                            return _jsx(CollectibleTile, { balance: balance, onTokenClick: onTokenClick }, index);
-                        }) })) })) }), (!displayedCollectibleBalances || displayedCollectibleBalances.length === 0) && !isFetchingMoreCollectibleBalances && (_jsx(Text, { color: "primary", children: "No Collectibles Found" })), isFetchingMoreCollectibleBalances && _jsx(Spinner, { className: "flex justify-self-center mt-3" })] }));
+export const CollectiblesTab = ({ displayedCollectibleBalances, fetchMoreCollectibleBalances, hasMoreCollectibleBalances, isFetchingMoreCollectibleBalances, isFetchingInitialBalances, onTokenClick }) => {
+    const hasBalances = displayedCollectibleBalances && displayedCollectibleBalances.length > 0;
+    return (_jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "grid gap-2", style: { gridTemplateColumns: `repeat(3, 1fr)`, width: '100%' }, children: isFetchingInitialBalances
+                    ? Array.from({ length: 6 }).map((_, i) => _jsx(Skeleton, { className: "w-full aspect-square rounded-lg" }, i))
+                    : hasBalances && (_jsx(InfiniteScroll, { onLoad: fetchMoreCollectibleBalances, hasMore: hasMoreCollectibleBalances, children: displayedCollectibleBalances.map((balance, index) => (_jsx(CollectibleTile, { balance: balance, onTokenClick: onTokenClick }, index))) })) }), !isFetchingInitialBalances && !hasBalances && !isFetchingMoreCollectibleBalances && _jsx(NoResults, { hasInstructions: true }), isFetchingMoreCollectibleBalances && _jsx(Spinner, { className: "flex justify-self-center mt-3" })] }));
 };
 //# sourceMappingURL=CollectiblesTab.js.map

package/dist/esm/components/SearchLists/CollectiblesList/CollectiblesTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectiblesTab.js","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectiblesTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAInE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAYtD,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACxD,4BAA4B,EAC5B,4BAA4B,EAC5B,0BAA0B,EAC1B,iCAAiC,EACjC,yBAAyB,EACzB,YAAY,EACZ,WAAW,EACZ,EAAE,EAAE;IACH,OAAO,CACL,0BACE,cAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,WAAW,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,YACrG,yBAAyB,CAAC,CAAC,CAAC,CAC3B,4BACG,KAAK,CAAC,CAAC,CAAC;yBACN,IAAI,CAAC,IAAI,CAAC;yBACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,EAAS,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IAA7B,CAAC,CAAgC,CACpE,CAAC,GACH,CACJ,CAAC,CAAC,CAAC,CACF,4BACG,4BAA4B,IAAI,4BAA4B,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1E,KAAC,cAAc,IAAC,MAAM,EAAE,GAAG,EAAE,CAAC,4BAA4B,EAAE,EAAE,OAAO,EAAE,0BAA0B,YAC9F,4BAA4B,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;4BACpD,OAAO,KAAC,eAAe,IAAa,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,IAAnD,KAAK,CAAkD,CAAA;wBACtF,CAAC,CAAC,GACa,CAClB,GACA,CACJ,GACG,EACL,CAAC,CAAC,4BAA4B,IAAI,4BAA4B,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,iCAAiC,IAAI,CACrH,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,sCAA6B,CACnD,EACA,iCAAiC,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,GAAG,IACvF,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CollectiblesTab.js","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectiblesTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAI7D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAWtD,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACxD,4BAA4B,EAC5B,4BAA4B,EAC5B,0BAA0B,EAC1B,iCAAiC,EACjC,yBAAyB,EACzB,YAAY,EACb,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,4BAA4B,IAAI,4BAA4B,CAAC,MAAM,GAAG,CAAC,CAAA;IAE3F,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,YACxF,yBAAyB;oBACxB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAC,QAAQ,IAAC,SAAS,EAAC,iCAAiC,IAAM,CAAC,CAAI,CAAC;oBAC3G,CAAC,CAAC,WAAW,IAAI,CACb,KAAC,cAAc,IAAC,MAAM,EAAE,4BAA4B,EAAE,OAAO,EAAE,0BAA0B,YACtF,4BAA6B,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACrD,KAAC,eAAe,IAAa,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,IAAnD,KAAK,CAAkD,CAC9E,CAAC,GACa,CAClB,GACD,EACL,CAAC,yBAAyB,IAAI,CAAC,WAAW,IAAI,CAAC,iCAAiC,IAAI,KAAC,SAAS,IAAC,eAAe,SAAG,EACjH,iCAAiC,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,GAAG,IACvF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SearchLists/CollectionsList/CollectionTile.d.ts

@@ -0,0 +1,8 @@
+import type { ContractInfo } from '@0xsequence/indexer';
+interface CollectionTileProps {
+    balance: ContractInfo;
+    onTokenClick: (token: ContractInfo) => void;
+}
+export declare const CollectionTile: ({ balance, onTokenClick }: CollectionTileProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CollectionTile.d.ts.map

package/dist/esm/components/SearchLists/CollectionsList/CollectionTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionTile.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectionsList/CollectionTile.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAOvD,UAAU,mBAAmB;IAC3B,OAAO,EAAE,YAAY,CAAA;IACrB,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;CAC5C;AAED,eAAO,MAAM,cAAc,GAAI,2BAA2B,mBAAmB,4CAuB5E,CAAA"}

package/dist/esm/components/SearchLists/CollectionsList/CollectionTile.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NetworkImage } from '@0xsequence/design-system';
+import { TokenTileImage } from '../../TokenTileImage.js';
+const NETWORK_IMAGE_SIZE = '15%';
+const NETWORK_IMAGE_OFFSET = '2%';
+export const CollectionTile = ({ balance, onTokenClick }) => {
+    const onClick = () => {
+        onTokenClick(balance);
+    };
+    const imageUrl = balance.logoURI;
+    const symbol = balance.name;
+    return (_jsxs("div", { className: "select-none cursor-pointer aspect-square relative", onClick: onClick, children: [_jsx(TokenTileImage, { src: imageUrl, symbol: symbol }), _jsx(NetworkImage, { chainId: balance.chainId, className: `absolute z-1`, style: {
+                    width: NETWORK_IMAGE_SIZE,
+                    height: NETWORK_IMAGE_SIZE,
+                    right: NETWORK_IMAGE_OFFSET,
+                    bottom: NETWORK_IMAGE_OFFSET
+                } })] }));
+};
+//# sourceMappingURL=CollectionTile.js.map

package/dist/esm/components/SearchLists/CollectionsList/CollectionTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionTile.js","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectionsList/CollectionTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAGxD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,MAAM,kBAAkB,GAAG,KAAK,CAAA;AAChC,MAAM,oBAAoB,GAAG,IAAI,CAAA;AAOjC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAuB,EAAE,EAAE;IAC/E,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAA;IAChC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAA;IAE3B,OAAO,CACL,eAAK,SAAS,EAAC,mDAAmD,EAAC,OAAO,EAAE,OAAO,aACjF,KAAC,cAAc,IAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,EACjD,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE;oBACL,KAAK,EAAE,kBAAkB;oBACzB,MAAM,EAAE,kBAAkB;oBAC1B,KAAK,EAAE,oBAAoB;oBAC3B,MAAM,EAAE,oBAAoB;iBAC7B,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SearchLists/CollectionsList/CollectionsTab.d.ts

@@ -0,0 +1,13 @@
+import type { ContractInfo } from '@0xsequence/indexer';
+import type { FC } from 'react';
+interface CollectionsTabProps {
+    displayedCollectibleBalances: ContractInfo[] | undefined;
+    fetchMoreCollectibleBalances: () => Promise<any>;
+    hasMoreCollectibleBalances: boolean;
+    isFetchingMoreCollectibleBalances: boolean;
+    isFetchingInitialBalances: boolean;
+    onTokenClick: (token: ContractInfo) => void;
+}
+export declare const CollectionsTab: FC<CollectionsTabProps>;
+export {};
+//# sourceMappingURL=CollectionsTab.d.ts.map

package/dist/esm/components/SearchLists/CollectionsList/CollectionsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionsTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectionsList/CollectionsTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAO/B,UAAU,mBAAmB;IAC3B,4BAA4B,EAAE,YAAY,EAAE,GAAG,SAAS,CAAA;IACxD,4BAA4B,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;IAChD,0BAA0B,EAAE,OAAO,CAAA;IACnC,iCAAiC,EAAE,OAAO,CAAA;IAC1C,yBAAyB,EAAE,OAAO,CAAA;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;CAC5C;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA2BlD,CAAA"}

package/dist/esm/components/SearchLists/CollectionsList/CollectionsTab.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton, Spinner } from '@0xsequence/design-system';
+import { InfiniteScroll } from '../../InfiniteScroll.js';
+import { NoResults } from '../../NoResults.js';
+import { CollectionTile } from './CollectionTile.js';
+export const CollectionsTab = ({ displayedCollectibleBalances, fetchMoreCollectibleBalances, hasMoreCollectibleBalances, isFetchingMoreCollectibleBalances, isFetchingInitialBalances, onTokenClick }) => {
+    const hasBalances = displayedCollectibleBalances && displayedCollectibleBalances.length > 0;
+    return (_jsxs("div", { children: [_jsx("div", { className: "grid gap-2", style: { gridTemplateColumns: `repeat(3, 1fr)`, width: '100%' }, children: isFetchingInitialBalances
+                    ? Array.from({ length: 6 }).map((_, i) => _jsx(Skeleton, { className: "w-full aspect-square rounded-lg" }, i))
+                    : hasBalances && (_jsx(InfiniteScroll, { onLoad: fetchMoreCollectibleBalances, hasMore: hasMoreCollectibleBalances, children: displayedCollectibleBalances.map((balance, index) => (_jsx(CollectionTile, { balance: balance, onTokenClick: onTokenClick }, index))) })) }), !isFetchingInitialBalances && !hasBalances && !isFetchingMoreCollectibleBalances && _jsx(NoResults, {}), isFetchingMoreCollectibleBalances && _jsx(Spinner, { className: "flex justify-self-center mt-3" })] }));
+};
+//# sourceMappingURL=CollectionsTab.js.map

package/dist/esm/components/SearchLists/CollectionsList/CollectionsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionsTab.js","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectionsList/CollectionsTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAI7D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAWpD,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,4BAA4B,EAC5B,4BAA4B,EAC5B,0BAA0B,EAC1B,iCAAiC,EACjC,yBAAyB,EACzB,YAAY,EACb,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,4BAA4B,IAAI,4BAA4B,CAAC,MAAM,GAAG,CAAC,CAAA;IAE3F,OAAO,CACL,0BACE,cAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,YACxF,yBAAyB;oBACxB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAC,QAAQ,IAAC,SAAS,EAAC,iCAAiC,IAAM,CAAC,CAAI,CAAC;oBAC3G,CAAC,CAAC,WAAW,IAAI,CACb,KAAC,cAAc,IAAC,MAAM,EAAE,4BAA4B,EAAE,OAAO,EAAE,0BAA0B,YACtF,4BAA6B,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACrD,KAAC,cAAc,IAAa,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,IAAnD,KAAK,CAAkD,CAC7E,CAAC,GACa,CAClB,GACD,EACL,CAAC,yBAAyB,IAAI,CAAC,WAAW,IAAI,CAAC,iCAAiC,IAAI,KAAC,SAAS,KAAG,EACjG,iCAAiC,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,GAAG,IACvF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SearchLists/GeneralList.d.ts

@@ -0,0 +1,4 @@
+export declare const GeneralList: ({ variant }: {
+    variant?: "default" | "send" | "swap";
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GeneralList.d.ts.map

package/dist/esm/components/SearchLists/GeneralList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralList.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchLists/GeneralList.tsx"],"names":[],"mappings":"AAyBA,eAAO,MAAM,WAAW,GAAI,aAAyB;IAAE,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;CAAE,4CAugB7F,CAAA"}