@0xsequence/wallet-widget 5.3.7 → 5.3.9

package/dist/cjs/components/ListCard/ListCardWallet.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListCardWallet = 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_1 = require("react");
+const wagmi_1 = require("wagmi");
+const useSettings_js_1 = require("../../hooks/useSettings.js");
+const useValueRegistry_js_1 = require("../../hooks/useValueRegistry.js");
+const CopyButton_js_1 = require("../CopyButton.js");
+const WalletAccountGradient_js_1 = require("../WalletAccountGradient.js");
+const ListCard_js_1 = require("./ListCard.js");
+const ListCardWallet = ({ wallet, disabled = false, isSelected = false, rightChildren = null, onClick = () => { } }) => {
+    const { fiatCurrency } = (0, useSettings_js_1.useSettings)();
+    const { valueRegistryMap } = (0, useValueRegistry_js_1.useValueRegistry)();
+    const [signInDisplay, setSignInDisplay] = (0, react_1.useState)('');
+    const connections = (0, wagmi_1.useConnections)();
+    const connector = connections.find(c => c.accounts.find(a => a === wallet.address))?.connector;
+    (0, react_1.useEffect)(() => {
+        const fetchSignInDisplay = async () => {
+            const sequenceWaas = (await connector?.sequenceWaas);
+            if (sequenceWaas) {
+                const sequenceWaasAccounts = await sequenceWaas.listAccounts();
+                const waasEmail = sequenceWaasAccounts.accounts.find(account => account.type === 'OIDC')?.email;
+                let backupEmail = '';
+                if (sequenceWaasAccounts.accounts.length > 0) {
+                    backupEmail = sequenceWaasAccounts.accounts[0].email;
+                }
+                setSignInDisplay(waasEmail || backupEmail);
+            }
+            else {
+                setSignInDisplay(connector?.name || '');
+            }
+        };
+        fetchSignInDisplay();
+    }, [connector]);
+    return ((0, jsx_runtime_1.jsxs)(ListCard_js_1.ListCard, { disabled: disabled, type: isSelected ? 'radio' : 'default', onClick: onClick, isSelected: isSelected, rightChildren: rightChildren ? (rightChildren) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-3 items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1 items-center", children: [(0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "muted", variant: "small", children: [fiatCurrency.sign, valueRegistryMap.find(w => w.accountAddress === wallet.address)?.value] }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", variant: "small", children: fiatCurrency.symbol })] }), disabled && (0, jsx_runtime_1.jsx)(CopyButton_js_1.CopyButton, { variant: "text", size: "md", text: wallet.address, onClick: e => e.stopPropagation() })] })), children: [(0, jsx_runtime_1.jsx)(WalletAccountGradient_js_1.WalletAccountGradient, { accountAddresses: [wallet.address] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "flex flex-row gap-1 items-center", nowrap: true, color: "primary", fontWeight: "medium", variant: "normal", children: (0, connect_1.truncateAtIndex)(wallet.address, 13) }), signInDisplay && ((0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", variant: "small", children: signInDisplay }))] })] }));
+};
+exports.ListCardWallet = ListCardWallet;
+//# sourceMappingURL=ListCardWallet.js.map

package/dist/cjs/components/ListCard/ListCardWallet.js.map

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

package/dist/cjs/components/ListCard/index.d.ts

@@ -1,3 +1,4 @@
-export { ListCardNav } from './ListCardNav.js';
-export { ListCardSelect } from './ListCardSelect.js';
+export { ListCard } from './ListCard.js';
+export { ListCardNetwork } from './ListCardNetwork.js';
+export { ListCardWallet } from './ListCardWallet.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/ListCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/cjs/components/ListCard/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListCardSelect = exports.ListCardNav = void 0;
-var ListCardNav_js_1 = require("./ListCardNav.js");
-Object.defineProperty(exports, "ListCardNav", { enumerable: true, get: function () { return ListCardNav_js_1.ListCardNav; } });
-var ListCardSelect_js_1 = require("./ListCardSelect.js");
-Object.defineProperty(exports, "ListCardSelect", { enumerable: true, get: function () { return ListCardSelect_js_1.ListCardSelect; } });
+exports.ListCardWallet = exports.ListCardNetwork = exports.ListCard = void 0;
+var ListCard_js_1 = require("./ListCard.js");
+Object.defineProperty(exports, "ListCard", { enumerable: true, get: function () { return ListCard_js_1.ListCard; } });
+var ListCardNetwork_js_1 = require("./ListCardNetwork.js");
+Object.defineProperty(exports, "ListCardNetwork", { enumerable: true, get: function () { return ListCardNetwork_js_1.ListCardNetwork; } });
+var ListCardWallet_js_1 = require("./ListCardWallet.js");
+Object.defineProperty(exports, "ListCardWallet", { enumerable: true, get: function () { return ListCardWallet_js_1.ListCardWallet; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/ListCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ListCard/index.ts"],"names":[],"mappings":";;;AAAA,mDAA8C;AAArC,6GAAA,WAAW,OAAA;AACpB,yDAAoD;AAA3C,mHAAA,cAAc,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ListCard/index.ts"],"names":[],"mappings":";;;AAAA,6CAAwC;AAA/B,uGAAA,QAAQ,OAAA;AACjB,2DAAsD;AAA7C,qHAAA,eAAe,OAAA;AACxB,yDAAoD;AAA3C,mHAAA,cAAc,OAAA"}

package/dist/cjs/components/MiniButton.d.ts

@@ -0,0 +1,8 @@
+export declare const MiniButton: ({ children, className, style, ref, onClick }: {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    ref?: React.RefObject<HTMLDivElement>;
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MiniButton.d.ts.map

package/dist/cjs/components/MiniButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniButton.d.ts","sourceRoot":"","sources":["../../../src/components/MiniButton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,GAAI,8CAMxB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,4CAcA,CAAA"}

package/dist/cjs/components/MiniButton.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MiniButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const MiniButton = ({ children, className, style, ref, onClick }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, design_system_1.cn)(`flex flex-row justify-between items-center bg-background-secondary hover:opacity-80 cursor-pointer w-fit rounded-full py-2 px-4 gap-2`, className), style: { ...style }, onClick: onClick, children: children }));
+};
+exports.MiniButton = MiniButton;
+//# sourceMappingURL=MiniButton.js.map

package/dist/cjs/components/MiniButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniButton.js","sourceRoot":"","sources":["../../../src/components/MiniButton.tsx"],"names":[],"mappings":";;;;AAAA,6DAA8C;AAEvC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,EACH,OAAO,EAOR,EAAE,EAAE;IACH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,kBAAE,EACX,uIAAuI,EACvI,SAAS,CACV,EACD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,OAAO,EAAE,OAAO,YAEf,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,UAAU,cA0BtB"}

package/dist/cjs/components/NavigationHeader/content/CollectibleHeader.d.ts

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

package/dist/cjs/components/NavigationHeader/content/CollectibleHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectibleHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/CollectibleHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,eAAO,MAAM,iBAAiB,GAAI,uCAAuC,SAAS,+CAwCjF,CAAA"}

package/dist/cjs/components/NavigationHeader/content/CollectibleHeader.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectibleHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const CollectibleHeader = ({ chainId, contractAddress, tokenId }) => {
+    const collectibleMetadata = (0, hooks_1.useGetTokenMetadata)({
+        chainID: chainId.toString(),
+        contractAddress: contractAddress,
+        tokenIDs: [tokenId ?? '']
+    }).data?.[0];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center h-full w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "px-3", children: collectibleMetadata?.image ? ((0, jsx_runtime_1.jsx)(design_system_1.Image, { className: "w-9 h-9 rounded-lg", src: collectibleMetadata?.image, alt: collectibleMetadata?.name, style: {
+                        objectFit: 'cover'
+                    } })) : ((0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { className: "w-9 h-9 rounded-lg" })) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "medium", color: "primary", style: {
+                        display: '-webkit-box',
+                        WebkitLineClamp: 1,
+                        WebkitBoxOrient: 'vertical',
+                        overflow: 'hidden'
+                    }, children: collectibleMetadata?.name }) })] }));
+};
+exports.CollectibleHeader = CollectibleHeader;
+//# sourceMappingURL=CollectibleHeader.js.map

package/dist/cjs/components/NavigationHeader/content/CollectibleHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectibleHeader.js","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/CollectibleHeader.tsx"],"names":[],"mappings":";;;;AAAA,6DAAiE;AACjE,6CAAuD;AAIhD,MAAM,iBAAiB,GAAG,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAa,EAAE,EAAE;IACpF,MAAM,mBAAmB,GAAG,IAAA,2BAAmB,EAAC;QAC9C,OAAO,EAAE,OAAO,CAAC,QAAQ,EAAE;QAC3B,eAAe,EAAE,eAAe;QAChC,QAAQ,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC;KAC1B,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,iCAAK,SAAS,EAAC,0CAA0C,aACvD,gCAAK,SAAS,EAAC,MAAM,YAClB,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC,CAC5B,uBAAC,qBAAK,IACJ,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,mBAAmB,EAAE,KAAK,EAC/B,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAC9B,KAAK,EAAE;wBACL,SAAS,EAAE,OAAO;qBACnB,GACD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,wBAAQ,IAAC,SAAS,EAAC,oBAAoB,GAAG,CAC5C,GACG,EAEN,gCAAK,SAAS,EAAC,eAAe,YAC5B,uBAAC,oBAAI,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,mBAAmB,EAAE,IAAI,GACrB,GACH,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,iBAAiB,qBAwC7B"}

package/dist/cjs/components/NavigationHeader/content/CollectionHeader.d.ts

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

package/dist/cjs/components/NavigationHeader/content/CollectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/CollectionHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,eAAO,MAAM,gBAAgB,GAAI,8BAA8B,SAAS,+CAwCvE,CAAA"}

package/dist/cjs/components/NavigationHeader/content/CollectionHeader.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectionHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const CollectionHeader = ({ contractAddress, chainId }) => {
+    const { data: collectionData } = (0, hooks_1.useGetContractInfo)({
+        chainID: chainId.toString(),
+        contractAddress
+    });
+    console.log(collectionData);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center h-full w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "px-3", children: collectionData?.logoURI ? ((0, jsx_runtime_1.jsx)(design_system_1.Image, { className: "w-9 h-9 rounded-lg", src: collectionData?.logoURI, alt: collectionData?.name, style: {
+                        objectFit: 'cover'
+                    } })) : ((0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { className: "w-9 h-9 rounded-lg" })) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "medium", color: "primary", style: {
+                        display: '-webkit-box',
+                        WebkitLineClamp: 1,
+                        WebkitBoxOrient: 'vertical',
+                        overflow: 'hidden'
+                    }, children: collectionData?.name }) })] }));
+};
+exports.CollectionHeader = CollectionHeader;
+//# sourceMappingURL=CollectionHeader.js.map

package/dist/cjs/components/NavigationHeader/content/CollectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionHeader.js","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/CollectionHeader.tsx"],"names":[],"mappings":";;;;AAAA,6DAAiE;AACjE,6CAAsD;AAI/C,MAAM,gBAAgB,GAAG,CAAC,EAAE,eAAe,EAAE,OAAO,EAAa,EAAE,EAAE;IAC1E,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,IAAA,0BAAkB,EAAC;QAClD,OAAO,EAAE,OAAO,CAAC,QAAQ,EAAE;QAC3B,eAAe;KAChB,CAAC,CAAA;IAEF,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;IAE3B,OAAO,CACL,iCAAK,SAAS,EAAC,0CAA0C,aACvD,gCAAK,SAAS,EAAC,MAAM,YAClB,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,CACzB,uBAAC,qBAAK,IACJ,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,cAAc,EAAE,OAAO,EAC5B,GAAG,EAAE,cAAc,EAAE,IAAI,EACzB,KAAK,EAAE;wBACL,SAAS,EAAE,OAAO;qBACnB,GACD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,wBAAQ,IAAC,SAAS,EAAC,oBAAoB,GAAG,CAC5C,GACG,EACN,gCAAK,SAAS,EAAC,eAAe,YAC5B,uBAAC,oBAAI,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,cAAc,EAAE,IAAI,GAChB,GACH,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,gBAAgB,oBAwC5B"}

package/dist/cjs/components/NavigationHeader/content/HomeHeader.d.ts

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

package/dist/cjs/components/NavigationHeader/content/HomeHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomeHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/HomeHeader.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,UAAU,kDA2LtB,CAAA"}

package/dist/cjs/components/NavigationHeader/content/HomeHeader.js

@@ -0,0 +1,112 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeHeader = 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 PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
+const react_1 = require("motion/react");
+const react_2 = require("react");
+const useNavigation_js_1 = require("../../../hooks/useNavigation.js");
+const useSettings_js_1 = require("../../../hooks/useSettings.js");
+const useValueRegistry_js_1 = require("../../../hooks/useValueRegistry.js");
+const ListCardWallet_js_1 = require("../../ListCard/ListCardWallet.js");
+const SlideupDrawer_js_1 = require("../../Select/SlideupDrawer.js");
+const HomeHeader = () => {
+    const { setOpenConnectModal } = (0, connect_1.useOpenConnectModal)();
+    const { fiatCurrency } = (0, useSettings_js_1.useSettings)();
+    const { totalValue } = (0, useValueRegistry_js_1.useValueRegistry)();
+    const { wallets } = (0, connect_1.useWallets)();
+    const [isWalletViewOpen, setIsWalletViewOpen] = (0, react_2.useState)(false);
+    const [isOperationMenuOpen, setIsOperationMenuOpen] = (0, react_2.useState)(false);
+    const { setNavigation } = (0, useNavigation_js_1.useNavigation)();
+    const onClickWallets = () => {
+        setIsWalletViewOpen(true);
+    };
+    const handleManageWallets = () => {
+        setIsWalletViewOpen(false);
+        setNavigation({
+            location: 'settings-wallets'
+        });
+    };
+    const onClickSend = () => {
+        setIsOperationMenuOpen(false);
+        setNavigation({
+            location: 'send-general'
+        });
+    };
+    const onClickSwap = () => {
+        setIsOperationMenuOpen(false);
+        setNavigation({
+            location: 'swap'
+        });
+    };
+    const onClickReceive = () => {
+        setIsOperationMenuOpen(false);
+        setNavigation({
+            location: 'receive'
+        });
+    };
+    const onClickBuy = () => {
+        setIsOperationMenuOpen(false);
+        setNavigation({
+            location: 'buy'
+        });
+    };
+    const onClickSearch = () => {
+        setIsOperationMenuOpen(false);
+        setNavigation({
+            location: 'search'
+        });
+    };
+    const onClickSettings = () => {
+        setIsOperationMenuOpen(false);
+        setNavigation({
+            location: 'settings'
+        });
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-between h-full w-full", style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-start p-4 gap-3", children: [(0, jsx_runtime_1.jsx)(design_system_1.IconButton, { className: "bg-background-secondary", icon: design_system_1.WalletIcon, size: "sm", onClick: () => onClickWallets() }), (0, jsx_runtime_1.jsxs)(PopoverPrimitive.Root, { open: isOperationMenuOpen, onOpenChange: setIsOperationMenuOpen, children: [(0, jsx_runtime_1.jsx)(PopoverPrimitive.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(design_system_1.IconButton, { className: "bg-background-secondary", icon: design_system_1.SwapIcon, size: "sm" }) }), isOperationMenuOpen && ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Content, { className: "flex flex-col p-2 gap-2 z-30 rounded-xl border border-border-normal", style: { background: 'rgb(25, 25, 25)' }, asChild: true, side: "bottom", sideOffset: 8, alignOffset: -8, align: "start", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center py-2 px-4 gap-2 bg-background-secondary rounded-lg hover:opacity-80 cursor-pointer", onClick: () => {
+                                                onClickSend();
+                                            }, children: [(0, jsx_runtime_1.jsx)(design_system_1.ArrowUpIcon, { color: "white" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Send" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center py-2 px-4 gap-2 bg-background-secondary rounded-lg hover:opacity-80 cursor-pointer", onClick: () => {
+                                                onClickSwap();
+                                            }, children: [(0, jsx_runtime_1.jsx)(design_system_1.SwapIcon, { color: "white" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Swap" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center py-2 px-4 gap-2 bg-background-secondary rounded-lg hover:opacity-80 cursor-pointer", onClick: () => {
+                                                onClickReceive();
+                                            }, children: [(0, jsx_runtime_1.jsx)(design_system_1.ScanIcon, { color: "white" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Receive" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center py-2 px-4 gap-2 bg-background-secondary rounded-lg hover:opacity-80 cursor-pointer", onClick: () => {
+                                                onClickBuy();
+                                            }, children: [(0, jsx_runtime_1.jsx)(design_system_1.AddIcon, { color: "white" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Buy" })] })] }) }))] }), (0, jsx_runtime_1.jsx)(design_system_1.IconButton, { className: "bg-background-secondary", icon: design_system_1.SearchIcon, size: "sm", onClick: () => onClickSearch() }), (0, jsx_runtime_1.jsx)(design_system_1.IconButton, { className: "bg-background-secondary", icon: design_system_1.SettingsIcon, size: "sm", onClick: () => onClickSettings() })] }), (0, jsx_runtime_1.jsx)(design_system_1.Divider, { className: "my-0 w-full", style: { position: 'absolute', bottom: 0 } }), (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: isWalletViewOpen && ((0, jsx_runtime_1.jsx)(SlideupDrawer_js_1.SlideupDrawer, { onClose: () => setIsWalletViewOpen(false), header: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-between items-center w-full", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "medium", color: "primary", children: "Connected Wallets" }), (0, jsx_runtime_1.jsxs)(design_system_1.Text, { variant: "small", color: "muted", children: [fiatCurrency.sign, totalValue, " ", fiatCurrency.symbol] })] }), footer: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row w-full gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center items-center bg-background-secondary rounded-full py-3 px-4 gap-2 w-full hover:opacity-80 cursor-pointer", onClick: () => setOpenConnectModal(true), children: [(0, jsx_runtime_1.jsx)(design_system_1.AddIcon, { color: "white" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Add Wallet" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center items-center bg-background-secondary rounded-full py-3 px-4 gap-2 w-full hover:opacity-80 cursor-pointer", onClick: () => handleManageWallets(), children: [(0, jsx_runtime_1.jsx)(design_system_1.SettingsIcon, { color: "white" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Manage" })] })] }), children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-4", children: wallets.map(wallet => ((0, jsx_runtime_1.jsx)(ListCardWallet_js_1.ListCardWallet, { disabled: true, wallet: wallet }, wallet.address))) }) })) })] }));
+};
+exports.HomeHeader = HomeHeader;
+//# sourceMappingURL=HomeHeader.js.map

package/dist/cjs/components/NavigationHeader/content/HomeHeader.js.map

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

package/dist/cjs/components/NavigationHeader/content/SearchHeader.d.ts

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

package/dist/cjs/components/NavigationHeader/content/SearchHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/SearchHeader.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,kDAOxB,CAAA"}

package/dist/cjs/components/NavigationHeader/content/SearchHeader.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const useNavigationHeader_js_1 = require("../../../hooks/useNavigationHeader.js");
+const SearchHeader = () => {
+    const { search, setSearch } = (0, useNavigationHeader_js_1.useNavigationHeader)();
+    return ((0, jsx_runtime_1.jsx)("div", { className: "grow px-4", children: (0, jsx_runtime_1.jsx)(design_system_1.TextInput, { autoFocus: true, placeholder: "Search", name: 'Search Wallet', value: search, onChange: e => setSearch(e.target.value) }) }));
+};
+exports.SearchHeader = SearchHeader;
+//# sourceMappingURL=SearchHeader.js.map

package/dist/cjs/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,6DAAqD;AAErD,kFAA2E;AAEpE,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4CAAmB,GAAE,CAAA;IACnD,OAAO,CACL,gCAAK,SAAS,EAAC,WAAW,YACxB,uBAAC,yBAAS,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;AAPY,QAAA,YAAY,gBAOxB"}

package/dist/cjs/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/cjs/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/cjs/components/NavigationHeader/content/SettingsHeader.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const SettingsHeader = () => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-center items-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "medium", color: "text100", children: "Settings" }) }));
+};
+exports.SettingsHeader = SettingsHeader;
+//# sourceMappingURL=SettingsHeader.js.map

package/dist/cjs/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,6DAAgD;AAEzC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,CACL,gCAAK,SAAS,EAAC,2CAA2C,YACxD,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,yBAE/B,GACH,CACP,CAAA;AACH,CAAC,CAAA;AARY,QAAA,cAAc,kBAQ1B"}

package/dist/cjs/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.js").JSX.Element;
+//# sourceMappingURL=TokenHeader.d.ts.map

package/dist/cjs/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,+CA+ClF,CAAA"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TokenHeader = 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 viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const TokenHeader = ({ contractAddress, chainId, accountAddress }) => {
+    const { chains } = (0, wagmi_1.useConfig)();
+    const { data: tokenData } = (0, hooks_1.useGetSingleTokenBalance)({
+        chainId,
+        contractAddress,
+        accountAddress: accountAddress ?? ''
+    });
+    const isNativeToken = (0, design_system_1.compareAddress)(contractAddress, viem_1.zeroAddress);
+    const nativeTokenInfo = (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains);
+    const logoURI = isNativeToken ? nativeTokenInfo.logoURI : tokenData?.contractInfo?.logoURI;
+    const name = isNativeToken ? nativeTokenInfo.symbol : tokenData?.contractInfo?.name;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center h-full w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "px-3", children: logoURI ? ((0, jsx_runtime_1.jsx)(design_system_1.Image, { className: "w-9 h-9 rounded-lg", src: logoURI, alt: name, style: {
+                        objectFit: 'cover'
+                    } })) : ((0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { className: "w-9 h-9 rounded-full" })) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "medium", color: "primary", style: {
+                        display: '-webkit-box',
+                        WebkitLineClamp: 1,
+                        WebkitBoxOrient: 'vertical',
+                        overflow: 'hidden'
+                    }, children: name }) })] }));
+};
+exports.TokenHeader = TokenHeader;
+//# sourceMappingURL=TokenHeader.js.map

package/dist/cjs/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,iDAAiE;AACjE,6DAAiF;AACjF,6CAA4D;AAC5D,+BAAkC;AAClC,iCAAiC;AAI1B,MAAM,WAAW,GAAG,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,cAAc,EAAa,EAAE,EAAE;IACrF,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAA;IAC9B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,gCAAwB,EAAC;QACnD,OAAO;QACP,eAAe;QACf,cAAc,EAAE,cAAc,IAAI,EAAE;KACrC,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,eAAe,EAAE,kBAAW,CAAC,CAAA;IAClE,MAAM,eAAe,GAAG,IAAA,qCAA2B,EAAC,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,iCAAK,SAAS,EAAC,0CAA0C,aACvD,gCAAK,SAAS,EAAC,MAAM,YAClB,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,qBAAK,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,uBAAC,wBAAQ,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAC9C,GACG,EAEN,gCAAK,SAAS,EAAC,eAAe,YAC5B,uBAAC,oBAAI,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;AA/CY,QAAA,WAAW,eA+CvB"}

package/dist/cjs/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.js").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.js").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/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,+CA8CrF,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,+CA+BxF,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":";;;;AAAA,6DAA6F;AAE7F,uDAAwD;AACxD,gEAAmE;AACnE,mDAAoD;AAO7C,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,WAAW,EAAyB,EAAE,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,wBAAa,GAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,oCAAoB,GAAE,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,iCACE,SAAS,EAAC,wFAAwF,EAClG,KAAK,EAAE;YACL,MAAM,EAAE,wBAAa;SACtB,aAEA,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,uBAAC,0BAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,+BAAe,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,iCAAO,CACR,EACD,4CACE,uBAAC,oBAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YACpD,aAAa,GACT,EACP,uBAAC,8BAAc,CAAC,KAAK,IAAC,OAAO,kBAC3B,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACnC,WAAW,GACP,GACc,IACnB,EACN,gCACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,gBAAgB,oBA8C5B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":";;;;AAAA,6DAA6E;AAE7E,uDAAwD;AACxD,gEAAmE;AACnE,mDAAoD;AAEpD,yEAAkE;AAClE,uEAAgE;AAChE,2DAAoD;AACpD,+DAAwD;AACxD,mEAA4D;AAC5D,6DAAsD;AAetD,MAAM,gBAAgB,GAAG,CAAC,IAAmC,EAAE,IAAgB,EAAE,KAAc,EAAE,EAAE;IACjG,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,MAAM;YACT,OAAO,uBAAC,0BAAU,KAAG,CAAA;QACvB,KAAK,QAAQ;YACX,OAAO,uBAAC,8BAAY,KAAG,CAAA;QACzB,KAAK,UAAU;YACb,OAAO,uBAAC,kCAAc,KAAG,CAAA;QAC3B,KAAK,OAAO;YACV,OAAO,uBAAC,4BAAW,OAAK,IAAK,GAAI,CAAA,CAAC,iCAAiC;QACrE,KAAK,aAAa;YAChB,OAAO,uBAAC,wCAAiB,OAAK,IAAK,GAAI,CAAA;QACzC,KAAK,YAAY;YACf,OAAO,uBAAC,sCAAgB,OAAK,IAAK,GAAI,CAAA;QACxC,KAAK,SAAS;YACZ,OAAO,CACL,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACnC,KAAK,GACD,CACR,CAAA;IACL,CAAC;AACH,CAAC,CAAA;AAEM,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK,EAAyB,EAAE,EAAE;IAC3F,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,wBAAa,GAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,oCAAoB,GAAE,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,iCAAK,SAAS,EAAC,mDAAmD,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,wBAAa,EAAE,aACnG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,uBAAC,0BAAU,IACT,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,+BAAe,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,iCAAO,CACR,EAEA,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EAEnC,IAAI,KAAK,QAAQ,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CAAC,CAAC,CAAC,iCAAO,IAClF,CACP,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,gBAAgB,oBA+B5B"}

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

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

package/dist/cjs/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,+CA2C5G,CAAA"}

package/dist/cjs/components/NoResults.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoResults = 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_1 = require("react");
+const MiniButton_js_1 = require("../components/MiniButton.js");
+const useSettings_js_1 = require("../hooks/useSettings.js");
+const NoResults = ({ hasInstructions, customText }) => {
+    const { wallets } = (0, connect_1.useWallets)();
+    const { selectedWallets, allNetworks, selectedNetworks, setSelectedWallets, setSelectedNetworks } = (0, useSettings_js_1.useSettings)();
+    const isSettingsChanged = (0, react_1.useMemo)(() => {
+        return selectedWallets.length !== wallets.length || selectedNetworks.length !== allNetworks.length;
+    }, [selectedWallets, wallets, selectedNetworks, allNetworks]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center h-full gap-4", style: { marginTop: '80px', marginBottom: '80px' }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.CoinsIcon, { color: "grey" }), (0, jsx_runtime_1.jsx)(design_system_1.GameIcon, { color: "grey" }), (0, jsx_runtime_1.jsx)(design_system_1.GameSwordIcon, { color: "grey" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "medium", color: "primary", children: customText || 'No results found' }), hasInstructions && ((0, jsx_runtime_1.jsxs)(design_system_1.Text, { className: "text-center", variant: "normal", color: "muted", children: ["Search your wallet for tokens,", (0, jsx_runtime_1.jsx)("br", {}), "collectibles or collections"] })), isSettingsChanged && ((0, jsx_runtime_1.jsx)(MiniButton_js_1.MiniButton, { onClick: () => {
+                            setSelectedWallets([]);
+                            setSelectedNetworks([]);
+                        }, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal-bold", color: "primary", children: "Clear filters" }) }))] })] }));
+};
+exports.NoResults = NoResults;
+//# sourceMappingURL=NoResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoResults.js","sourceRoot":"","sources":["../../../src/components/NoResults.tsx"],"names":[],"mappings":";;;;AAAA,iDAAgD;AAChD,6DAAoF;AACpF,iCAA+B;AAE/B,+DAAwD;AACxD,4DAAqD;AAE9C,MAAM,SAAS,GAAG,CAAC,EAAE,eAAe,EAAE,UAAU,EAAsD,EAAE,EAAE;IAC/G,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,oBAAU,GAAE,CAAA;IAChC,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,GAAG,IAAA,4BAAW,GAAE,CAAA;IAEjH,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC,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,iCAAK,SAAS,EAAC,wDAAwD,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,aACxH,iCAAK,SAAS,EAAC,qBAAqB,aAClC,uBAAC,yBAAS,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,uBAAC,wBAAQ,IAAC,KAAK,EAAC,MAAM,GAAG,EACzB,uBAAC,6BAAa,IAAC,KAAK,EAAC,MAAM,GAAG,IAC1B,EACN,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACnC,UAAU,IAAI,kBAAkB,GAC5B,EAEN,eAAe,IAAI,CAClB,wBAAC,oBAAI,IAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,+CAE1D,gCAAM,mCAED,CACR,EAEA,iBAAiB,IAAI,CACpB,uBAAC,0BAAU,IACT,OAAO,EAAE,GAAG,EAAE;4BACZ,kBAAkB,CAAC,EAAE,CAAC,CAAA;4BACtB,mBAAmB,CAAC,EAAE,CAAC,CAAA;wBACzB,CAAC,YAED,uBAAC,oBAAI,IAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,SAAS,8BAEpC,GACI,CACd,IACG,IACF,CACP,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,SAAS,aA2CrB"}

package/dist/cjs/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.js").JSX.Element;
 export {};

package/dist/cjs/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,+CA4B9E,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,+CA6B9E,CAAA"}