@0xsequence/wallet-widget 5.3.6 → 5.3.8

package/dist/esm/utils/formatBalance.d.ts

@@ -1,6 +1,6 @@
 import type { TokenBalance } from '@0xsequence/indexer';
 import { type Chain } from 'viem';
-import type { TokenBalanceWithPrice } from './tokens.js';
+import type { TokenBalanceWithDetails } from './tokens.js';
 interface NativeTokenInfo {
     chainId: number;
     name: string;
@@ -19,7 +19,7 @@ interface TokenInfo {
     displayBalance: string;
     fiatBalance: string;
 }
-export declare const formatTokenInfo: (balance: TokenBalanceWithPrice | undefined, fiatSign: string, chains: readonly [Chain, ...Chain[]]) => TokenInfo;
+export declare const formatTokenInfo: (balance: TokenBalanceWithDetails | undefined, fiatSign: string, chains: readonly [Chain, ...Chain[]]) => TokenInfo;
 export declare const formatFiatBalance: (balance: number, price: number, decimals: number, fiatSign: string) => string;
 export declare const formatTokenUnits: (token: TokenBalance | undefined, chains: readonly [Chain, ...Chain[]]) => string;
 export declare const decimalsToWei: (balance: number, decimals: number) => number;

package/dist/esm/utils/formatBalance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatBalance.d.ts","sourceRoot":"","sources":["../../../src/utils/formatBalance.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAe,KAAK,KAAK,EAAE,MAAM,MAAM,CAAA;AAG9C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAIxD,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,eAAe,GAC1B,SAAS,qBAAqB,GAAG,SAAS,EAC1C,UAAU,MAAM,EAChB,QAAQ,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,KACnC,SA0BF,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,SAAS,MAAM,EAAE,OAAO,MAAM,EAAE,UAAU,MAAM,EAAE,UAAU,MAAM,WAQnG,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,YAAY,GAAG,SAAS,EAAE,QAAQ,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,WAYrG,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,SAAS,MAAM,EAAE,UAAU,MAAM,WAM9D,CAAA"}
+{"version":3,"file":"formatBalance.d.ts","sourceRoot":"","sources":["../../../src/utils/formatBalance.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAe,KAAK,KAAK,EAAE,MAAM,MAAM,CAAA;AAG9C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAI1D,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,eAAe,GAC1B,SAAS,uBAAuB,GAAG,SAAS,EAC5C,UAAU,MAAM,EAChB,QAAQ,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,KACnC,SA2BF,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,SAAS,MAAM,EAAE,OAAO,MAAM,EAAE,UAAU,MAAM,EAAE,UAAU,MAAM,WAQnG,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,YAAY,GAAG,SAAS,EAAE,QAAQ,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,WAYrG,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,SAAS,MAAM,EAAE,UAAU,MAAM,WAM9D,CAAA"}

package/dist/esm/utils/formatBalance.js

@@ -16,6 +16,7 @@ export const formatTokenInfo = (balance, fiatSign, chains) => {
     const bal = formatUnits(BigInt(balance?.balance || 0), decimals || 18);
     const displayBalance = formatDisplay(bal);
     const symbol = isNativeToken ? nativeTokenInfo.symbol : balance?.contractInfo?.symbol;
+    const fiatBalance = (balance?.price?.value || 0) * Number(bal);
     return {
         isNativeToken,
         nativeTokenInfo,
@@ -23,7 +24,7 @@ export const formatTokenInfo = (balance, fiatSign, chains) => {
         name: selectedCoinName,
         symbol: selectedCoinSymbol,
         displayBalance: `${displayBalance} ${symbol}`,
-        fiatBalance: `${fiatSign}${(balance.price.value * Number(bal)).toFixed(2)}`
+        fiatBalance: `${fiatSign}${fiatBalance.toFixed(2)}`
     };
 };
 export const formatFiatBalance = (balance, price, decimals, fiatSign) => {

package/dist/esm/utils/formatBalance.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatBalance.js","sourceRoot":"","sources":["../../../src/utils/formatBalance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAc,MAAM,MAAM,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AA0BlC,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,OAA0C,EAC1C,QAAgB,EAChB,MAAoC,EACzB,EAAE;IACb,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,CAAA;IACtG,CAAC;IAED,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,EAAE,eAAe,IAAI,EAAE,EAAE,WAAW,CAAC,CAAA;IACjF,MAAM,eAAe,GAAG,2BAA2B,CAAC,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,CAAC,CAAA;IAElF,MAAM,gBAAgB,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAA;IACjG,MAAM,gBAAgB,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,IAAI,SAAS,CAAA;IACxG,MAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAA;IAEjG,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,CAAA;IAC3F,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,IAAI,CAAC,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAA;IACtE,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,CAAC,CAAA;IACzC,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAA;IAErF,OAAO;QACL,aAAa;QACb,eAAe;QACf,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,kBAAkB;QAC1B,cAAc,EAAE,GAAG,cAAc,IAAI,MAAM,EAAE;QAC7C,WAAW,EAAE,GAAG,QAAQ,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;KAC5E,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,KAAa,EAAE,QAAgB,EAAE,QAAgB,EAAE,EAAE;IACtG,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,EAAE,CAAA;IACX,CAAC;IAED,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAA;IAEhE,OAAO,GAAG,QAAQ,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;AACzD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA+B,EAAE,MAAoC,EAAE,EAAE;IACxG,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAA;IACX,CAAC;IAED,MAAM,aAAa,GAAG,KAAK,CAAC,YAAY,KAAK,QAAQ,CAAA;IACrD,MAAM,eAAe,GAAG,2BAA2B,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAE1E,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;IAC7E,CAAC;IACD,OAAO,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAA;AACvF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAe,EAAE,QAAgB,EAAE,EAAE;IACjE,MAAM,aAAa,GAAG,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAA;IAEtD,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;IAE3C,OAAO,MAAM,CAAC,aAAa,CAAC,CAAA;AAC9B,CAAC,CAAA"}
+{"version":3,"file":"formatBalance.js","sourceRoot":"","sources":["../../../src/utils/formatBalance.ts"],"names":[],"mappings":"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"}

package/dist/esm/utils/tokens.d.ts

@@ -1,8 +1,9 @@
 import type { Price, TokenPrice } from '@0xsequence/api';
 import type { GetTransactionHistoryReturn, TokenBalance, Transaction } from '@0xsequence/indexer';
 import type { InfiniteData } from '@tanstack/react-query';
-export interface TokenBalanceWithPrice extends TokenBalance {
-    price: Price;
+export interface TokenBalanceWithDetails extends TokenBalance {
+    price?: Price;
+    _type?: 'coin' | 'collectible' | 'collection';
 }
 export declare const getPercentageColor: (value: number) => "positive" | "negative" | "muted";
 export declare const getPercentagePriceChange: (balance: TokenBalance, prices: TokenPrice[]) => number;

package/dist/esm/utils/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/utils/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,KAAK,EAAE,2BAA2B,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGzD,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD,KAAK,EAAE,KAAK,CAAA;CACb;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,sCAQ/C,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,SAAS,YAAY,EAAE,QAAQ,UAAU,EAAE,WAQnF,CAAA;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,YAAY,CAAA;IACrB,MAAM,EAAE,UAAU,EAAE,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,kBAAkB,GAAI,+CAA+C,kBAAkB,KAAG,MAiBtG,CAAA;AAED,UAAU,wBAAwB;IAChC,YAAY,EAAE,YAAY,EAAE,CAAA;IAC5B,WAAW,EAAE,YAAY,EAAE,CAAA;IAC3B,YAAY,EAAE,YAAY,EAAE,CAAA;CAC7B;AAMD,eAAO,MAAM,kBAAkB,GAAI,UAAU,YAAY,EAAE,KAAG,wBAyB7D,CAAA;AAED,eAAO,MAAM,kCAAkC,GAC7C,wBAAwB,YAAY,CAAC,2BAA2B,CAAC,GAAG,SAAS,kBAS9E,CAAA"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/utils/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,KAAK,EAAE,2BAA2B,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGzD,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,YAAY,CAAA;CAC9C;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,sCAQ/C,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,SAAS,YAAY,EAAE,QAAQ,UAAU,EAAE,WAQnF,CAAA;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,YAAY,CAAA;IACrB,MAAM,EAAE,UAAU,EAAE,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,kBAAkB,GAAI,+CAA+C,kBAAkB,KAAG,MAiBtG,CAAA;AAED,UAAU,wBAAwB;IAChC,YAAY,EAAE,YAAY,EAAE,CAAA;IAC5B,WAAW,EAAE,YAAY,EAAE,CAAA;IAC3B,YAAY,EAAE,YAAY,EAAE,CAAA;CAC7B;AAMD,eAAO,MAAM,kBAAkB,GAAI,UAAU,YAAY,EAAE,KAAG,wBAyB7D,CAAA;AAED,eAAO,MAAM,kCAAkC,GAC7C,wBAAwB,YAAY,CAAC,2BAA2B,CAAC,GAAG,SAAS,kBAS9E,CAAA"}

package/dist/esm/utils/tokens.js.map

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

package/dist/esm/views/Buy/index.d.ts

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

package/dist/esm/views/Buy/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Buy/index.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,GAAG,+CAwBf,CAAA"}

package/dist/esm/views/Buy/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TransactionOnRampProvider, useAddFundsModal } from '@0xsequence/checkout';
+import { useWallets } from '@0xsequence/connect';
+import { AddIcon, Text } from '@0xsequence/design-system';
+import { useAccount } from 'wagmi';
+import { WalletSelect } from '../../components/Select/WalletSelect.js';
+export const Buy = () => {
+    const { address } = useAccount();
+    const { setActiveWallet } = useWallets();
+    const { triggerAddFunds } = useAddFundsModal();
+    const onClickWallet = (address) => {
+        setActiveWallet(address);
+    };
+    const onClickAddFunds = () => {
+        triggerAddFunds({ walletAddress: address || '', provider: TransactionOnRampProvider.transak });
+    };
+    return (_jsxs("div", { className: "flex flex-col justify-center items-center px-4 pb-6 gap-4 w-full", children: [_jsx(WalletSelect, { selectedWallet: address || '', onClick: onClickWallet }), _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", children: [_jsx(AddIcon, { color: "white" }), _jsx(Text, { variant: "normal", fontWeight: "bold", color: "primary", onClick: onClickAddFunds, children: "Add Funds to Selected Wallet" })] })] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/views/Buy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/Buy/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAA;AAEtE,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,EAAE;IACtB,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,CAAA;IACxC,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE9C,MAAM,aAAa,GAAG,CAAC,OAAe,EAAE,EAAE;QACxC,eAAe,CAAC,OAAO,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,eAAe,CAAC,EAAE,aAAa,EAAE,OAAO,IAAI,EAAE,EAAE,QAAQ,EAAE,yBAAyB,CAAC,OAAO,EAAE,CAAC,CAAA;IAChG,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,kEAAkE,aAC/E,KAAC,YAAY,IAAC,cAAc,EAAE,OAAO,IAAI,EAAE,EAAE,OAAO,EAAE,aAAa,GAAI,EACvE,eAAK,SAAS,EAAC,8HAA8H,aAC3I,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,GAAG,EACzB,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,eAAe,6CAE1E,IACH,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/views/CoinDetails/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/views/CoinDetails/Skeleton.tsx"],"names":[],"mappings":"AAMA,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,GAAI,yBAAyB,wBAAwB,4CAkCpF,CAAA"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/views/CoinDetails/Skeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,GAAI,yBAAyB,wBAAwB,4CA0CpF,CAAA"}

package/dist/esm/views/CoinDetails/Skeleton.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, SendIcon, Skeleton, Text } from '@0xsequence/design-system';
+import { Button, SendIcon, Skeleton, SwapIcon, Text } from '@0xsequence/design-system';
 import { NetworkBadge } from '../../components/NetworkBadge.js';
 import { TransactionHistorySkeleton } from '../../components/TransactionHistoryList/TransactionHistorySkeleton.js';
-import { HEADER_HEIGHT } from '../../constants/index.js';
 export const CoinDetailsSkeleton = ({ chainId, isReadOnly }) => {
-    return (_jsx("div", { style: { paddingTop: HEADER_HEIGHT }, children: _jsxs("div", { className: "flex flex-col gap-10 pb-5 px-4 pt-0", style: { marginTop: '-20px' }, children: [_jsxs("div", { className: "flex mb-10 gap-2 items-center justify-center flex-col", children: [_jsx(Skeleton, { style: { width: '64px', height: '64px' } }), _jsx(Skeleton, { style: { height: '28px', width: '70px' } }), _jsx(NetworkBadge, { chainId: chainId })] }), _jsxs("div", { children: [_jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), _jsxs("div", { className: "flex flex-row items-end justify-between", children: [_jsx(Skeleton, { style: { width: '150px', height: '36px' } }), _jsx(Skeleton, { style: { width: '33px', height: '17px' } })] })] }), !isReadOnly && (_jsx(Button, { className: "w-full text-primary", variant: "primary", leftIcon: SendIcon, label: "Send", disabled: true, onClick: () => { } })), _jsx("div", { children: _jsx(TransactionHistorySkeleton, {}) })] }) }));
+    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-col gap-10 pb-5 px-4 pt-0", children: [_jsxs("div", { className: "flex mb-10 gap-2 items-center justify-center flex-col", children: [_jsx(Skeleton, { style: { width: '64px', height: '64px' } }), _jsx(Skeleton, { style: { height: '28px', width: '70px' } }), _jsx(NetworkBadge, { chainId: chainId })] }), _jsxs("div", { children: [_jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), _jsxs("div", { className: "flex flex-row items-end justify-between", children: [_jsx(Skeleton, { style: { width: '150px', height: '36px' } }), _jsx(Skeleton, { style: { width: '33px', height: '17px' } })] })] }), !isReadOnly && (_jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { className: "w-full text-primary bg-background-secondary", leftIcon: SendIcon, label: "Send", disabled: true, onClick: () => { } }), _jsx(Button, { className: "w-full text-primary bg-background-secondary", leftIcon: SwapIcon, label: "Swap", disabled: true, onClick: () => { } })] })), _jsx("div", { children: _jsx(TransactionHistorySkeleton, {}) })] }) }));
 };
 //# sourceMappingURL=Skeleton.js.map

package/dist/esm/views/CoinDetails/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/views/CoinDetails/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAE5E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,uEAAuE,CAAA;AAClH,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAOxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAA4B,EAAE,EAAE;IACvF,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,YACvC,eAAK,SAAS,EAAC,qCAAqC,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aAChF,eAAK,SAAS,EAAC,uDAAuD,aACpE,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,EACtD,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,IAC9B,EACN,0BACE,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,wBAEjD,EACP,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACvD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IAClD,IACF,EACL,CAAC,UAAU,IAAI,CACd,KAAC,MAAM,IACL,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GACjB,CACH,EACD,wBACE,KAAC,0BAA0B,KAAG,GAC1B,IACF,GACF,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/views/CoinDetails/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEtF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,uEAAuE,CAAA;AAOlH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAA4B,EAAE,EAAE;IACvF,OAAO,CACL,wBACE,eAAK,SAAS,EAAC,qCAAqC,aAClD,eAAK,SAAS,EAAC,uDAAuD,aACpE,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,EACtD,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,IAC9B,EACN,0BACE,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,wBAEjD,EACP,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACvD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IAClD,IACF,EACL,CAAC,UAAU,IAAI,CACd,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,MAAM,IACL,SAAS,EAAC,6CAA6C,EACvD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GACjB,EACF,KAAC,MAAM,IACL,SAAS,EAAC,6CAA6C,EACvD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GACjB,IACE,CACP,EACD,wBACE,KAAC,0BAA0B,KAAG,GAC1B,IACF,GACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/views/CoinDetails/index.d.ts

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

package/dist/esm/views/CoinDetails/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CoinDetails/index.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,WAAW,GAAI,8CAA8C,gBAAgB,4CAwHzF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CoinDetails/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAA;AAQ3E,eAAO,MAAM,WAAW,GAAI,8CAAmD,SAAS,4CA6HvF,CAAA"}

package/dist/esm/views/CoinDetails/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { compareAddress, formatDisplay, getNativeTokenInfoByChainId, useWallets } from '@0xsequence/connect';
-import { Button, SendIcon, SwapIcon, Text, TokenImage } from '@0xsequence/design-system';
+import { AddIcon, Button, SendIcon, Text, TokenImage } from '@0xsequence/design-system';
 import { useGetCoinPrices, useGetExchangeRate, useGetSingleTokenBalance, useGetTransactionHistory } from '@0xsequence/hooks';
 import { useEffect } from 'react';
 import { formatUnits, zeroAddress } from 'viem';
@@ -8,11 +8,10 @@ import { useConfig } from 'wagmi';
 import { InfiniteScroll } from '../../components/InfiniteScroll.js';
 import { NetworkBadge } from '../../components/NetworkBadge.js';
 import { TransactionHistoryList } from '../../components/TransactionHistoryList/index.js';
-import { HEADER_HEIGHT } from '../../constants/index.js';
 import { useNavigation, useSettings } from '../../hooks/index.js';
 import { computeBalanceFiat, flattenPaginatedTransactionHistory } from '../../utils/index.js';
 import { CoinDetailsSkeleton } from './Skeleton.js';
-export const CoinDetails = ({ contractAddress, chainId, accountAddress }) => {
+export const CoinDetails = ({ contractAddress, chainId, accountAddress = '' }) => {
     const { chains } = useConfig();
     const { setNavigation } = useNavigation();
     const { fiatCurrency } = useSettings();
@@ -67,7 +66,7 @@ export const CoinDetails = ({ contractAddress, chainId, accountAddress }) => {
             }
         });
     };
-    const onClickSwap = () => {
+    const onClickAdd = () => {
         setNavigation({
             location: 'swap-coin',
             params: {
@@ -76,6 +75,6 @@ export const CoinDetails = ({ contractAddress, chainId, accountAddress }) => {
             }
         });
     };
-    return (_jsx("div", { style: { paddingTop: HEADER_HEIGHT }, children: _jsxs("div", { className: "flex flex-col gap-10 pb-5 px-4 pt-0", style: { marginTop: '-20px' }, children: [_jsxs("div", { className: "flex mb-10 gap-2 items-center justify-center flex-col", children: [_jsx(TokenImage, { src: logo, size: "xl" }), _jsx(Text, { variant: "large", color: "primary", fontWeight: "bold", children: name }), _jsx(NetworkBadge, { chainId: chainId })] }), _jsxs("div", { children: [_jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), _jsxs("div", { className: "flex flex-row items-end justify-between", children: [_jsx(Text, { variant: "xlarge", fontWeight: "bold", color: "primary", children: `${balanceDisplayed} ${symbol}` }), _jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${fiatCurrency.sign}${coinBalanceFiat}` })] })] }), !isReadOnly && (_jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { className: "w-full text-primary", variant: "primary", leftIcon: SendIcon, label: "Send", onClick: onClickSend }), _jsx(Button, { className: "w-full text-primary", variant: "primary", leftIcon: SwapIcon, label: "Swap", onClick: onClickSwap })] })), _jsx("div", { children: _jsx(InfiniteScroll, { onLoad: () => fetchNextPage(), hasMore: hasNextPage, children: _jsx(TransactionHistoryList, { transactions: transactionHistory, isLoading: isLoadingTransactionHistory, isFetchingNextPage: isFetchingNextPage }) }) })] }) }));
+    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-col gap-10 pb-5 px-4 pt-0", children: [_jsxs("div", { className: "flex mb-10 gap-2 items-center justify-center flex-col", children: [_jsx(TokenImage, { src: logo, size: "xl" }), _jsx(Text, { variant: "large", color: "primary", fontWeight: "bold", children: name }), _jsx(NetworkBadge, { chainId: chainId })] }), _jsxs("div", { children: [_jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), _jsxs("div", { className: "flex flex-row items-end justify-between", children: [_jsx(Text, { variant: "xlarge", fontWeight: "bold", color: "primary", children: `${balanceDisplayed} ${symbol}` }), _jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${fiatCurrency.sign}${coinBalanceFiat}` })] })] }), !isReadOnly && (_jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { className: "w-full text-primary bg-background-secondary", leftIcon: SendIcon, label: "Send", onClick: onClickSend }), _jsx(Button, { className: "w-full text-primary bg-background-secondary", leftIcon: AddIcon, label: "Add", onClick: onClickAdd })] })), _jsx("div", { children: _jsx(InfiniteScroll, { onLoad: () => fetchNextPage(), hasMore: hasNextPage, children: _jsx(TransactionHistoryList, { transactions: transactionHistory, isLoading: isLoadingTransactionHistory, isFetchingNextPage: isFetchingNextPage }) }) })] }) }));
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/views/CoinDetails/index.js.map

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

package/dist/esm/views/CollectibleDetails/InfoBadge.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export declare const InfoBadge: ({ leftIcon, label, onClick }: {
+    leftIcon?: ReactNode;
+    label: string;
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InfoBadge.d.ts.map

package/dist/esm/views/CollectibleDetails/InfoBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBadge.d.ts","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/InfoBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,SAAS,GAAI,8BAA8B;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,4CAepH,CAAA"}

package/dist/esm/views/CollectibleDetails/InfoBadge.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, Text } from '@0xsequence/design-system';
+export const InfoBadge = ({ leftIcon, label, onClick }) => {
+    return (_jsxs("div", { className: cn('flex flex-row bg-background-secondary h-7 py-1 px-2 gap-1 rounded-lg justify-center items-center w-fit', onClick && 'cursor-pointer hover:opacity-80'), onClick: onClick, children: [leftIcon, _jsx(Text, { variant: "small", color: "muted", children: label })] }));
+};
+//# sourceMappingURL=InfoBadge.js.map

package/dist/esm/views/CollectibleDetails/InfoBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBadge.js","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/InfoBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAGpD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAiE,EAAE,EAAE;IACvH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,OAAO,IAAI,iCAAiC,CAC7C,EACD,OAAO,EAAE,OAAO,aAEf,QAAQ,EACT,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YAChC,KAAK,GACD,IACH,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/views/CollectibleDetails/PropertiesBadge.d.ts

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

package/dist/esm/views/CollectibleDetails/PropertiesBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesBadge.d.ts","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/PropertiesBadge.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,iBAAiB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,4CAgB/E,CAAA"}

package/dist/esm/views/CollectibleDetails/PropertiesBadge.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@0xsequence/design-system';
+export const PropertiesBadge = ({ name, value }) => {
+    return (_jsxs("div", { className: "flex flex-col bg-background-secondary py-2 px-3 gap-1 rounded-xl justify-center items-start w-full", children: [_jsx(Text, { variant: "small", color: "muted", children: "Property" }), _jsxs("div", { className: "flex flex-row justify-between items-center gap-1 w-full", children: [_jsx(Text, { fontWeight: "bold", color: "primary", children: name }), _jsx(Text, { variant: "small", fontWeight: "bold", color: "muted", children: value })] })] }));
+};
+//# sourceMappingURL=PropertiesBadge.js.map

package/dist/esm/views/CollectibleDetails/PropertiesBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesBadge.js","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/PropertiesBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAmC,EAAE,EAAE;IAClF,OAAO,CACL,eAAK,SAAS,EAAC,oGAAoG,aACjH,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,yBAE5B,EACP,eAAK,SAAS,EAAC,yDAAyD,aACtE,KAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,YACpC,IAAI,GACA,EACP,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,YAClD,KAAK,GACD,IACH,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/views/CollectibleDetails/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/Skeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,+BAA+B;IACvC,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,0BAA0B,GAAI,gBAAgB,+BAA+B,4CAwCzF,CAAA"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/Skeleton.tsx"],"names":[],"mappings":"AAEA,UAAU,+BAA+B;IACvC,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,0BAA0B,GAAI,gBAAgB,+BAA+B,4CAiCzF,CAAA"}

package/dist/esm/views/CollectibleDetails/Skeleton.js

@@ -1,10 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, SendIcon, Skeleton, Text } from '@0xsequence/design-system';
-import { TransactionHistorySkeleton } from '../../components/TransactionHistoryList/TransactionHistorySkeleton.js';
-import { HEADER_HEIGHT } from '../../constants/index.js';
+import { ArrowUpIcon, Button, Divider, ExternalLinkIcon, Skeleton } from '@0xsequence/design-system';
 export const CollectibleDetailsSkeleton = ({ isReadOnly }) => {
-    return (_jsx("div", { style: { paddingTop: HEADER_HEIGHT }, children: _jsxs("div", { className: "flex flex-col gap-10 pb-5 px-4 pt-0", style: {
-                marginTop: '-20px'
-            }, children: [_jsxs("div", { className: "flex gap-3 items-center justify-center flex-col", children: [_jsx(Skeleton, { style: { width: '120px', height: '16px' } }), _jsx(Skeleton, { style: { width: '140px', height: '44px' } })] }), _jsx("div", { children: _jsx(Skeleton, { style: { width: '100%', aspectRatio: '1/1' } }) }), _jsxs("div", { children: [_jsxs("div", { children: [_jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), _jsxs("div", { className: "flex flex-row items-end justify-between", children: [_jsx(Skeleton, { style: { width: '44px', height: '36px' } }), _jsx(Skeleton, { style: { width: '34px', height: '17px' } })] })] }), !isReadOnly && (_jsx(Button, { className: "text-primary mt-4 w-full", variant: "primary", leftIcon: SendIcon, label: "Send", onClick: () => { } }))] }), _jsxs("div", { children: [_jsx(Text, { variant: "normal", color: "muted", fontWeight: "medium", children: "This week" }), _jsx(TransactionHistorySkeleton, {})] })] }) }));
+    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-col p-4 gap-4", children: [_jsx(Skeleton, { className: "w-full aspect-square rounded-lg" }), _jsxs("div", { className: "flex flex-row gap-4", children: [_jsx(Button, { className: "text-primary w-full", variant: "glass", leftIcon: ArrowUpIcon, label: "Send", disabled: isReadOnly }), _jsx(Button, { className: "text-primary w-full", variant: "glass", leftIcon: ExternalLinkIcon, label: "Open in..." })] }), _jsx(Skeleton, { className: "w-full h-10" }), _jsx(Skeleton, { className: "w-full h-7" }), _jsx(Divider, { className: "my-0" }), _jsx(Skeleton, { className: "w-full h-7" }), _jsx(Divider, { className: "my-0" }), _jsx(Skeleton, { className: "w-full h-7" }), _jsx(Divider, { className: "my-0" }), _jsx(Skeleton, { className: "w-full h-7" }), _jsx(Divider, { className: "my-0" }), _jsx(Skeleton, { className: "w-full h-14" })] }) }));
 };
 //# sourceMappingURL=Skeleton.js.map

package/dist/esm/views/CollectibleDetails/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAE5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,uEAAuE,CAAA;AAClH,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAMxD,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EAAE,UAAU,EAAmC,EAAE,EAAE;IAC5F,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,YACvC,eACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE;gBACL,SAAS,EAAE,OAAO;aACnB,aAED,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACvD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IACnD,EACN,wBACE,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAI,GACtD,EACN,0BAEE,0BACE,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,wBAEjD,EACP,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IAClD,IACF,EACL,CAAC,UAAU,IAAI,CACd,KAAC,MAAM,IAAC,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CACtH,IACG,EACN,0BACE,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,0BAEjD,EACP,KAAC,0BAA0B,KAAG,IAC1B,IACF,GACF,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAMpG,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EAAE,UAAU,EAAmC,EAAE,EAAE;IAC5F,OAAO,CACL,wBACE,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,QAAQ,IAAC,SAAS,EAAC,iCAAiC,GAAG,EAExD,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,MAAM,IAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,UAAU,GAAI,EACpH,KAAC,MAAM,IAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAC,YAAY,GAAG,IACrG,EAEN,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,EAEpC,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EAEnC,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAE5B,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EAEnC,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAE5B,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EAEnC,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAE5B,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EAEnC,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAE5B,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,IAChC,GACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/views/CollectibleDetails/index.d.ts

@@ -1,8 +1,3 @@
-export interface CollectibleDetailsProps {
-    contractAddress: string;
-    chainId: number;
-    tokenId: string;
-    accountAddress: string;
-}
-export declare const CollectibleDetails: ({ contractAddress, chainId, tokenId, accountAddress }: CollectibleDetailsProps) => import("react/jsx-runtime").JSX.Element;
+import type { TokenInfo } from '../../components/NavigationHeader/index.js';
+export declare const CollectibleDetails: ({ contractAddress, chainId, tokenId, accountAddress }: TokenInfo) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/views/CollectibleDetails/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/index.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,uBAAuB;IACtC,eAAe,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,kBAAkB,GAAI,uDAAuD,uBAAuB,4CA0JhH,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAA;AAQ3E,eAAO,MAAM,kBAAkB,GAAI,uDAAuD,SAAS,4CAyMlG,CAAA"}

package/dist/esm/views/CollectibleDetails/index.js

@@ -1,48 +1,40 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatDisplay, useWallets } from '@0xsequence/connect';
-import { Button, Image, NetworkImage, SendIcon, Text } from '@0xsequence/design-system';
-import { useGetCollectiblePrices, useGetExchangeRate, useGetSingleTokenBalance, useGetTransactionHistory } from '@0xsequence/hooks';
-import { useEffect } from 'react';
-import { formatUnits } from 'viem';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatDisplay, truncateAtIndex } from '@0xsequence/connect';
+import { ArrowUpIcon, Button, Divider, ExternalLinkIcon, GradientAvatar, Image, NetworkImage, Skeleton, Text } from '@0xsequence/design-system';
+import { useGetSingleTokenBalance } from '@0xsequence/hooks';
+import { findSupportedNetwork } from '@0xsequence/network';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { useEffect, useRef, useState } from 'react';
+import { formatUnits, getAddress } from 'viem';
 import { useConfig } from 'wagmi';
-import { CollectibleTileImage } from '../../components/CollectibleTileImage.js';
-import { InfiniteScroll } from '../../components/InfiniteScroll.js';
-import { TransactionHistoryList } from '../../components/TransactionHistoryList/index.js';
-import { HEADER_HEIGHT } from '../../constants/index.js';
+import { TokenTileImage } from '../../components/TokenTileImage.js';
 import { useNavigation, useSettings } from '../../hooks/index.js';
-import { computeBalanceFiat, flattenPaginatedTransactionHistory } from '../../utils/index.js';
+import { InfoBadge } from './InfoBadge.js';
+import { PropertiesBadge } from './PropertiesBadge.js';
 import { CollectibleDetailsSkeleton } from './Skeleton.js';
 export const CollectibleDetails = ({ contractAddress, chainId, tokenId, accountAddress }) => {
     const { chains } = useConfig();
-    const { setActiveWallet } = useWallets();
-    const { fiatCurrency } = useSettings();
     const { setNavigation } = useNavigation();
+    const network = findSupportedNetwork(chainId);
+    const { hideUnlistedTokens } = useSettings();
+    const triggerRef = useRef(null);
+    const [triggerWidth, setTriggerWidth] = useState(0);
+    const [isExternalPopoverOpen, setIsExternalPopoverOpen] = useState(false);
+    const [foundMarketplaceURL, setFoundMarketplaceURL] = useState(null);
     useEffect(() => {
-        setActiveWallet(accountAddress || '');
-    }, [accountAddress]);
+        if (triggerRef.current) {
+            setTriggerWidth(triggerRef.current.offsetWidth);
+        }
+    }, [isExternalPopoverOpen]);
     const isReadOnly = !chains.map(chain => chain.id).includes(chainId);
-    const { data: dataTransactionHistory, isLoading: isLoadingTransactionHistory, fetchNextPage, hasNextPage, isFetchingNextPage } = useGetTransactionHistory({
-        chainId,
-        accountAddresses: [accountAddress || ''],
-        contractAddresses: [contractAddress],
-        tokenId
-    });
-    const transactionHistory = flattenPaginatedTransactionHistory(dataTransactionHistory);
     const { data: tokenBalance, isLoading: isLoadingCollectibleBalance } = useGetSingleTokenBalance({
         chainId,
         contractAddress,
         accountAddress: accountAddress || '',
-        tokenId
+        tokenId,
+        hideUnlistedTokens: hideUnlistedTokens
     });
-    const { data: dataCollectiblePrices, isLoading: isLoadingCollectiblePrices } = useGetCollectiblePrices([
-        {
-            chainId,
-            contractAddress,
-            tokenId
-        }
-    ]);
-    const { data: conversionRate = 1, isLoading: isLoadingConversionRate } = useGetExchangeRate(fiatCurrency.symbol);
-    const isLoading = isLoadingCollectibleBalance || isLoadingCollectiblePrices || isLoadingConversionRate;
+    const isLoading = isLoadingCollectibleBalance;
     if (isLoading) {
         return _jsx(CollectibleDetailsSkeleton, { isReadOnly: isReadOnly });
     }
@@ -52,28 +44,36 @@ export const CollectibleDetails = ({ contractAddress, chainId, tokenId, accountA
             params: {
                 chainId,
                 contractAddress,
-                tokenId
+                tokenId: tokenId || ''
             }
         });
     };
+    const onClickOpenScan = () => {
+        // window.open(`${network?.blockExplorer?.rootUrl}token/${contractAddress}?a=${tokenId}`, '_blank')
+        window.open(`${network?.blockExplorer?.rootUrl}nft/${contractAddress}/${tokenId}`, '_blank');
+    };
+    const onClickOpenMarketplace = () => { };
     const collectionLogo = tokenBalance?.contractInfo?.logoURI;
     const collectionName = tokenBalance?.contractInfo?.name || 'Unknown Collection';
     const decimals = tokenBalance?.tokenMetadata?.decimals || 0;
     const rawBalance = tokenBalance?.balance || '0';
     const balance = formatUnits(BigInt(rawBalance), decimals);
     const formattedBalance = formatDisplay(Number(balance));
-    const valueFiat = tokenBalance
-        ? computeBalanceFiat({
-            balance: tokenBalance,
-            prices: dataCollectiblePrices || [],
-            conversionRate,
-            decimals: decimals
-        })
-        : '0';
-    return (_jsx("div", { style: { paddingTop: HEADER_HEIGHT }, children: _jsxs("div", { className: "flex flex-col gap-10 pb-5 px-4 pt-0", style: {
-                marginTop: '-20px'
-            }, children: [_jsxs("div", { className: "flex gap-3 items-center justify-center flex-col", children: [_jsxs("div", { className: "flex flex-row gap-2 justify-center items-center", children: [collectionLogo && (_jsx(Image, { className: "rounded-full w-8", src: collectionLogo, alt: "collection logo", style: {
-                                        objectFit: 'cover'
-                                    } })), _jsxs("div", { className: "flex gap-1 flex-row justify-center items-center", children: [_jsx(Text, { variant: "small", fontWeight: "bold", color: "primary", children: collectionName }), _jsx(NetworkImage, { chainId: chainId, size: "xs" })] })] }), _jsxs("div", { className: "flex flex-col justify-center items-center", children: [_jsx(Text, { variant: "large", color: "primary", fontWeight: "bold", children: tokenBalance?.tokenMetadata?.name || 'Unknown Collectible' }), _jsx(Text, { variant: "small", color: "muted", fontWeight: "medium", children: `#${tokenId}` })] })] }), _jsx("div", { children: _jsx(CollectibleTileImage, { imageUrl: tokenBalance?.tokenMetadata?.image }) }), _jsxs("div", { children: [_jsxs("div", { children: [_jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), _jsxs("div", { className: "flex flex-row items-end justify-between", children: [_jsx(Text, { variant: "xlarge", fontWeight: "bold", color: "primary", children: formattedBalance }), dataCollectiblePrices && dataCollectiblePrices[0].price?.value && (_jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${fiatCurrency.symbol} ${valueFiat}` }))] })] }), !isReadOnly && (_jsx(Button, { className: "text-primary mt-4 w-full", variant: "primary", leftIcon: SendIcon, label: "Send", onClick: onClickSend }))] }), _jsx("div", { children: _jsx(InfiniteScroll, { onLoad: () => fetchNextPage(), hasMore: hasNextPage, children: _jsx(TransactionHistoryList, { transactions: transactionHistory, isLoading: isLoadingTransactionHistory, isFetchingNextPage: isFetchingNextPage }) }) })] }) }));
+    const onClickCollection = () => {
+        setNavigation({
+            location: 'collection-details',
+            params: {
+                chainId,
+                contractAddress
+            }
+        });
+    };
+    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-col p-4 gap-4", children: [_jsx(TokenTileImage, { src: tokenBalance?.tokenMetadata?.image, symbol: tokenBalance?.tokenMetadata?.name }), _jsxs("div", { className: "flex flex-row gap-4", children: [_jsx(Button, { className: "text-primary w-full bg-background-secondary", variant: "glass", leftIcon: ArrowUpIcon, label: "Send", onClick: onClickSend }), _jsxs(PopoverPrimitive.Root, { open: isExternalPopoverOpen, onOpenChange: setIsExternalPopoverOpen, children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsx(Button, { ref: triggerRef, className: "text-primary w-full bg-background-secondary", variant: "glass", leftIcon: ExternalLinkIcon, label: "Open in..." }) }), isExternalPopoverOpen && (_jsx(PopoverPrimitive.Content, { className: "flex flex-col p-2 gap-2 z-20 rounded-2xl border border-border-normal", style: { background: 'rgb(25, 25, 25)', minWidth: triggerWidth }, asChild: true, side: "bottom", sideOffset: -44, align: "end", children: _jsxs("div", { children: [_jsx("div", { className: "flex flex-row items-center py-2 px-4 gap-2 bg-background-secondary rounded-lg hover:opacity-80 cursor-pointer", onClick: () => {
+                                                    onClickOpenScan();
+                                                }, children: _jsxs(Text, { variant: "normal", fontWeight: "bold", color: "primary", children: ["Open in ", network?.blockExplorer?.name] }) }), foundMarketplaceURL && (_jsx("div", { className: "flex flex-row items-center py-2 px-4 gap-2 bg-background-secondary rounded-lg hover:opacity-80 cursor-pointer", onClick: () => {
+                                                    onClickOpenMarketplace();
+                                                }, children: _jsx(Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Open in Marketplace" }) }))] }) }))] })] }), _jsx(Text, { variant: "xxlarge", color: "primary", fontWeight: "bold", children: tokenBalance?.tokenMetadata?.name || 'Unknown Collectible' }), _jsxs("div", { className: "flex flex-row justify-between items-center", children: [_jsx(Text, { variant: "normal", color: "primary", children: "Network" }), _jsx(InfoBadge, { leftIcon: _jsx(NetworkImage, { chainId: chainId, size: "xs" }), label: chains.find(chain => chain.id === chainId)?.name || 'Unknown Network' })] }), _jsx(Divider, { className: "my-0" }), _jsxs("div", { className: "flex flex-row justify-between items-center", children: [_jsx(Text, { variant: "normal", color: "primary", children: "Collection" }), _jsx(InfoBadge, { leftIcon: collectionLogo ? (_jsx(Image, { src: collectionLogo, alt: "collection logo", className: "rounded-sm w-4" })) : (_jsx(Skeleton, { className: "w-4 h-4 rounded-sm" })), label: collectionName, onClick: () => {
+                                onClickCollection();
+                            } })] }), _jsx(Divider, { className: "my-0" }), _jsxs("div", { className: "flex flex-row justify-between items-center", children: [_jsx(Text, { variant: "normal", color: "primary", children: "Owner" }), _jsx(InfoBadge, { leftIcon: tokenBalance?.accountAddress && _jsx(GradientAvatar, { address: getAddress(tokenBalance?.accountAddress), size: "xs" }), label: truncateAtIndex(tokenBalance?.accountAddress || '', 6) || 'Unknown Owner' })] }), _jsx(Divider, { className: "my-0" }), _jsxs("div", { className: "flex flex-row justify-between items-center", children: [_jsx(Text, { variant: "normal", color: "primary", children: "Balance" }), _jsx(Text, { variant: "normal", color: "primary", children: formattedBalance })] }), _jsx(Divider, { className: "my-0" }), _jsx(Text, { variant: "normal", color: "primary", children: tokenBalance?.tokenMetadata?.description }), tokenBalance?.tokenMetadata?.properties?.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Divider, { className: "my-0" }), _jsx(Text, { variant: "normal", color: "primary", children: "Properties" }), tokenBalance?.tokenMetadata?.properties?.map((property) => (_jsx(PropertiesBadge, { name: property.name, value: property.value })))] }))] }) }));
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/views/CollectibleDetails/index.js.map

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

package/dist/esm/views/CollectionDetails/index.d.ts

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

package/dist/esm/views/CollectionDetails/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CollectionDetails/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAA;AAK3E,eAAO,MAAM,iBAAiB,GAAI,8BAA8B,SAAS,4CA6ExE,CAAA"}

package/dist/esm/views/CollectionDetails/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContractVerificationStatus, useWallets } from '@0xsequence/connect';
+import { Divider, TabsContent, TabsPrimitive, Text } from '@0xsequence/design-system';
+import { useGetTokenBalancesByContract } from '@0xsequence/hooks';
+import { useState } from 'react';
+import { NoResults } from '../../components/NoResults.js';
+import { CollectiblesTab } from '../../components/SearchLists/CollectiblesList/CollectiblesTab.js';
+import { useNavigation, useSettings } from '../../hooks/index.js';
+export const CollectionDetails = ({ contractAddress, chainId }) => {
+    const { setNavigation } = useNavigation();
+    const { wallets } = useWallets();
+    const { hideUnlistedTokens } = useSettings();
+    const [selectedTab, setSelectedTab] = useState('collectibles');
+    const { data: collectibles, isLoading, fetchNextPage, hasNextPage, isFetchingNextPage } = useGetTokenBalancesByContract({
+        chainIds: [chainId],
+        filter: {
+            accountAddresses: wallets.map(wallet => wallet.address),
+            contractAddresses: [contractAddress],
+            contractStatus: hideUnlistedTokens ? ContractVerificationStatus.VERIFIED : ContractVerificationStatus.ALL
+        }
+    });
+    const onClickCollectible = (collectible) => {
+        setNavigation({
+            location: 'collectible-details',
+            params: {
+                contractAddress: collectible.contractAddress,
+                chainId: collectible.chainId,
+                tokenId: collectible.tokenID || '',
+                accountAddress: collectible.accountAddress
+            }
+        });
+    };
+    return (_jsx("div", { children: _jsxs(TabsPrimitive.Root, { className: "w-full", value: selectedTab, onValueChange: value => setSelectedTab(value), children: [_jsxs("div", { className: "flex flex-col w-full relative", children: [_jsxs(TabsPrimitive.TabsList, { className: "px-4", children: [_jsxs(TabsPrimitive.TabsTrigger, { className: "h-10 relative cursor-pointer", value: "collectibles", children: [_jsx(Text, { className: "px-4", variant: "medium", color: selectedTab === 'collectibles' ? 'primary' : 'muted', children: "My Collectibles" }), selectedTab === 'collectibles' && _jsx("div", { className: "absolute bottom-0 w-full h-[2px] bg-white" })] }), _jsxs(TabsPrimitive.TabsTrigger, { className: "h-10 relative cursor-pointer", value: "explore", children: [_jsx(Text, { className: "px-4", variant: "medium", color: selectedTab === 'explore' ? 'primary' : 'muted', children: "Explore" }), selectedTab === 'explore' && _jsx("div", { className: "absolute bottom-0 w-full h-[2px] bg-white" })] })] }), _jsx(Divider, { className: "absolute bottom-0 my-0 w-full" })] }), _jsxs("div", { className: "flex flex-col p-4 pb-2 gap-4", children: [_jsx(TabsContent, { value: "collectibles", children: _jsx(CollectiblesTab, { displayedCollectibleBalances: collectibles?.pages.flatMap(page => page.balances) || [], fetchMoreCollectibleBalances: fetchNextPage, hasMoreCollectibleBalances: hasNextPage, isFetchingMoreCollectibleBalances: isFetchingNextPage, isFetchingInitialBalances: isLoading, onTokenClick: onClickCollectible }) }), _jsx(TabsContent, { value: "explore", children: _jsx(NoResults, { customText: "Coming soon" }) })] })] }) }));
+};
+//# sourceMappingURL=index.js.map