@0xsequence/wallet-widget 0.0.0-20250314205219

package/dist/esm/hooks/useOpenWalletModal.js

@@ -0,0 +1,6 @@
+import { useWalletModalContext } from '../contexts/WalletModal';
+export const useOpenWalletModal = () => {
+    const { setOpenWalletModal, openWalletModalState } = useWalletModalContext();
+    return { setOpenWalletModal, openWalletModalState };
+};
+//# sourceMappingURL=useOpenWalletModal.js.map

package/dist/esm/hooks/useOpenWalletModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenWalletModal.js","sourceRoot":"","sources":["../../../src/hooks/useOpenWalletModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,GAAG,qBAAqB,EAAE,CAAA;IAE5E,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAA;AACrD,CAAC,CAAA"}

package/dist/esm/hooks/useScrollbarWidth.js

@@ -0,0 +1,9 @@
+import { useEffect, useState } from 'react';
+export const useScrollbarWidth = () => {
+    const [scrollbarWidth, setScrollbarWidth] = useState('0px');
+    useEffect(() => {
+        setScrollbarWidth(navigator.userAgent.match(/chrome|chromium|crios/i) ? '13px' : '0px');
+    }, []);
+    return scrollbarWidth;
+};
+//# sourceMappingURL=useScrollbarWidth.js.map

package/dist/esm/hooks/useScrollbarWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollbarWidth.js","sourceRoot":"","sources":["../../../src/hooks/useScrollbarWidth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAS,KAAK,CAAC,CAAA;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;IACzF,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,cAAc,CAAA;AACvB,CAAC,CAAA"}

package/dist/esm/hooks/useSettings.js

@@ -0,0 +1,96 @@
+import { LocalStorageKey, useWalletSettings } from '@0xsequence/connect';
+import { useState } from 'react';
+import { useConfig } from 'wagmi';
+import { defaultFiatCurrency } from '../constants';
+export const useSettings = () => {
+    const { readOnlyNetworks, displayedAssets } = useWalletSettings();
+    const { chains } = useConfig();
+    const allChains = [
+        ...new Set([...chains.map(chain => chain.id), ...(readOnlyNetworks || []), ...displayedAssets.map(asset => asset.chainId)])
+    ];
+    const getSettingsFromStorage = () => {
+        let hideUnlistedTokens = true;
+        let hideCollectibles = false;
+        let fiatCurrency = defaultFiatCurrency;
+        let selectedNetworks = allChains;
+        try {
+            const settingsStorage = localStorage.getItem(LocalStorageKey.Settings);
+            const settings = JSON.parse(settingsStorage || '{}');
+            if (settings?.hideUnlistedTokens !== undefined) {
+                hideUnlistedTokens = settings?.hideUnlistedTokens;
+            }
+            if (settings?.hideCollectibles !== undefined) {
+                hideCollectibles = settings?.hideCollectibles;
+            }
+            if (settings?.fiatCurrency !== undefined) {
+                fiatCurrency = settings?.fiatCurrency;
+            }
+            if (settings?.selectedNetworks !== undefined) {
+                let areSelectedNetworksValid = true;
+                settings.selectedNetworks.forEach((chainId) => {
+                    if (allChains.find(chain => chain === chainId) === undefined) {
+                        areSelectedNetworksValid = false;
+                    }
+                });
+                if (areSelectedNetworksValid) {
+                    selectedNetworks = settings?.selectedNetworks;
+                }
+            }
+        }
+        catch (e) {
+            console.error(e, 'Failed to fetch settings');
+        }
+        return {
+            hideUnlistedTokens,
+            hideCollectibles,
+            fiatCurrency,
+            selectedNetworks
+        };
+    };
+    const defaultSettings = getSettingsFromStorage();
+    const [settings, setSettings] = useState(defaultSettings);
+    const setHideUnlistedTokens = (newState) => {
+        const oldSettings = getSettingsFromStorage();
+        const newSettings = {
+            ...oldSettings,
+            hideUnlistedTokens: newState
+        };
+        localStorage.setItem(LocalStorageKey.Settings, JSON.stringify(newSettings));
+        setSettings(newSettings);
+    };
+    const setHideCollectibles = (newState) => {
+        const oldSettings = getSettingsFromStorage();
+        const newSettings = {
+            ...oldSettings,
+            hideCollectibles: newState
+        };
+        localStorage.setItem(LocalStorageKey.Settings, JSON.stringify(newSettings));
+        setSettings(newSettings);
+    };
+    const setFiatCurrency = (newFiatCurrency) => {
+        const oldSettings = getSettingsFromStorage();
+        const newSettings = {
+            ...oldSettings,
+            fiatCurrency: newFiatCurrency
+        };
+        localStorage.setItem(LocalStorageKey.Settings, JSON.stringify(newSettings));
+        setSettings(newSettings);
+    };
+    const setSelectedNetworks = (newSelectedNetworks) => {
+        const oldSettings = getSettingsFromStorage();
+        const newSettings = {
+            ...oldSettings,
+            selectedNetworks: newSelectedNetworks
+        };
+        localStorage.setItem(LocalStorageKey.Settings, JSON.stringify(newSettings));
+        setSettings(newSettings);
+    };
+    return {
+        ...settings,
+        setFiatCurrency,
+        setHideCollectibles,
+        setHideUnlistedTokens,
+        setSelectedNetworks
+    };
+};
+//# sourceMappingURL=useSettings.js.map

package/dist/esm/hooks/useSettings.js.map

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

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+// Provider
+export { SequenceWalletProvider } from './components/SequenceWalletProvider';
+// Hooks
+export { useOpenWalletModal } from './hooks/useOpenWalletModal';
+export { useNavigation as useWalletNavigation } from './hooks/useNavigation';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAE5E,QAAQ;AACR,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/esm/utils/helpers.js

@@ -0,0 +1,41 @@
+export const limitDecimals = (value, decimals) => {
+    const splitValue = value.split('.');
+    if (splitValue.length === 1) {
+        return value;
+    }
+    return `${splitValue[0]}.${splitValue[1].slice(0, decimals)}`;
+};
+export const isEthAddress = (value) => {
+    const ethAddressRegEx = /0x[a-fA-F0-9]{40}/;
+    const isEthAddress = ethAddressRegEx.test(value);
+    return isEthAddress;
+};
+// Gets n random elements at unique keys from collection up to the size of collection.
+export const sampleSize = (collection, n) => {
+    const random = seededRandom(1);
+    const length = collection.length;
+    if (!length || n < 1) {
+        return [];
+    }
+    // Limit n to the size of the collection
+    n = n > length ? length : n;
+    const sampled = new Array(n);
+    const indexes = new Set();
+    // Find n unique indexes
+    while (indexes.size < n) {
+        indexes.add(Math.floor(random() * length));
+    }
+    for (const [idx, value] of Array.from(indexes).entries()) {
+        sampled[idx] = collection[value];
+    }
+    return sampled;
+};
+export const isTruthy = (value) => Boolean(value);
+// Deterministic random function
+export const seededRandom = (seed) => {
+    return () => {
+        const x = Math.sin(seed++) * 10000;
+        return x - Math.floor(x);
+    };
+};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/utils/helpers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,QAAgB,EAAE,EAAE;IAC/D,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACnC,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,KAAK,CAAA;IACd,CAAC;IACD,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAA;AAC/D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;IAC5C,MAAM,eAAe,GAAG,mBAAmB,CAAA;IAC3C,MAAM,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAEhD,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AAED,sFAAsF;AACtF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAI,UAAe,EAAE,CAAS,EAAO,EAAE;IAC/D,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,CAAA;IAC9B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAA;IAEhC,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QACrB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,wCAAwC;IACxC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAE3B,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAA;IAC5B,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAA;IAEjC,wBAAwB;IACxB,OAAO,OAAO,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;QACxB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAA;IAC5C,CAAC;IAED,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;QACzD,OAAO,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAI,KAA2B,EAAc,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;AAEtF,gCAAgC;AAChC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE;IAC3C,OAAO,GAAG,EAAE;QACV,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAA;QAClC,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;IAC1B,CAAC,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/utils/index.js

@@ -0,0 +1,3 @@
+export * from './helpers';
+export * from './tokens';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}

package/dist/esm/utils/tokens.js

@@ -0,0 +1,70 @@
+import { compareAddress } from '@0xsequence/connect';
+import { formatUnits, zeroAddress } from 'viem';
+export const getPercentageColor = (value) => {
+    if (value > 0) {
+        return 'positive';
+    }
+    else if (value < 0) {
+        return 'negative';
+    }
+    else {
+        return 'muted';
+    }
+};
+export const getPercentagePriceChange = (balance, prices) => {
+    const priceForToken = prices.find(p => compareAddress(p.token.contractAddress, balance.contractAddress));
+    if (!priceForToken) {
+        return 0;
+    }
+    const price24HourChange = priceForToken?.price24hChange?.value || 0;
+    return price24HourChange;
+};
+export const computeBalanceFiat = ({ balance, prices, decimals, conversionRate }) => {
+    let totalUsd = 0;
+    const priceForToken = prices.find(p => compareAddress(p.token.contractAddress, balance.contractAddress));
+    if (!priceForToken) {
+        return '0.00';
+    }
+    const priceFiat = priceForToken.price?.value || 0;
+    const valueFormatted = formatUnits(BigInt(balance.balance), decimals);
+    const usdValue = parseFloat(valueFormatted) * priceFiat;
+    totalUsd += usdValue;
+    const fiatValue = totalUsd * conversionRate;
+    return `${fiatValue.toFixed(2)}`;
+};
+const compareTokenBalanceIds = (a, b) => {
+    return (a.tokenID || '').localeCompare(b.tokenID || '');
+};
+export const sortBalancesByType = (balances) => {
+    const nativeTokens = [];
+    const erc20Tokens = [];
+    const collectibles = [];
+    balances.forEach(balance => {
+        // Note: contractType for the native token should be "UNKNOWN"
+        if (balance.contractAddress === zeroAddress) {
+            nativeTokens.push(balance);
+        }
+        else if (balance.contractType === 'ERC20') {
+            erc20Tokens.push(balance);
+        }
+        else if (balance.contractType === 'ERC721' || balance.contractType === 'ERC1155') {
+            collectibles.push(balance);
+        }
+    });
+    const sortedNativeTokens = nativeTokens.sort(compareTokenBalanceIds);
+    const sortedErc20Tokens = erc20Tokens.sort(compareTokenBalanceIds);
+    const sortedCollectibles = collectibles.sort(compareTokenBalanceIds);
+    return {
+        nativeTokens: sortedNativeTokens,
+        erc20Tokens: sortedErc20Tokens,
+        collectibles: sortedCollectibles
+    };
+};
+export const flattenPaginatedTransactionHistory = (transactionHistoryData) => {
+    const transactionHistory = [];
+    transactionHistoryData?.pages.forEach(page => {
+        transactionHistory.push(...page.transactions);
+    });
+    return transactionHistory;
+};
+//# sourceMappingURL=tokens.js.map

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, SendIcon, Skeleton, Text } from '@0xsequence/design-system';
+import { NetworkBadge } from '../../components/NetworkBadge';
+import { TransactionHistorySkeleton } from '../../components/TransactionHistoryList/TransactionHistorySkeleton';
+import { HEADER_HEIGHT } from '../../constants';
+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, {}) })] }) }));
+};
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +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,+BAA+B,CAAA;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oEAAoE,CAAA;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAO/C,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"}

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

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { compareAddress, formatDisplay, getNativeTokenInfoByChainId, ContractVerificationStatus } from '@0xsequence/connect';
+import { Button, SendIcon, SwapIcon, Text, TokenImage } from '@0xsequence/design-system';
+import { useGetTokenBalancesSummary, useGetCoinPrices, useGetExchangeRate, useGetTransactionHistory } from '@0xsequence/react-hooks';
+import { formatUnits, zeroAddress } from 'viem';
+import { useAccount, useConfig } from 'wagmi';
+import { InfiniteScroll } from '../../components/InfiniteScroll';
+import { NetworkBadge } from '../../components/NetworkBadge';
+import { TransactionHistoryList } from '../../components/TransactionHistoryList';
+import { HEADER_HEIGHT } from '../../constants';
+import { useSettings, useNavigation } from '../../hooks';
+import { computeBalanceFiat, flattenPaginatedTransactionHistory } from '../../utils';
+import { CoinDetailsSkeleton } from './Skeleton';
+export const CoinDetails = ({ contractAddress, chainId }) => {
+    const { chains } = useConfig();
+    const { setNavigation } = useNavigation();
+    const { fiatCurrency, hideUnlistedTokens } = useSettings();
+    const { address: accountAddress } = useAccount();
+    const isReadOnly = !chains.map(chain => chain.id).includes(chainId);
+    const { data: dataTransactionHistory, isPending: isPendingTransactionHistory, fetchNextPage, hasNextPage, isFetchingNextPage } = useGetTransactionHistory({
+        chainId,
+        accountAddress: accountAddress || '',
+        contractAddress
+    });
+    const transactionHistory = flattenPaginatedTransactionHistory(dataTransactionHistory);
+    const { data: tokenBalance, isPending: isPendingCoinBalance } = useGetTokenBalancesSummary({
+        chainIds: [chainId],
+        filter: {
+            accountAddresses: [accountAddress || ''],
+            contractWhitelist: [contractAddress],
+            contractStatus: hideUnlistedTokens ? ContractVerificationStatus.VERIFIED : ContractVerificationStatus.ALL,
+            omitNativeBalances: false
+        }
+    });
+    const dataCoinBalance = tokenBalance && tokenBalance.length > 0
+        ? compareAddress(contractAddress, zeroAddress)
+            ? tokenBalance?.[0]
+            : tokenBalance?.[1]
+        : undefined;
+    const { data: dataCoinPrices, isPending: isPendingCoinPrices } = useGetCoinPrices([
+        {
+            chainId,
+            contractAddress
+        }
+    ]);
+    const { data: conversionRate = 1, isPending: isPendingConversionRate } = useGetExchangeRate(fiatCurrency.symbol);
+    const isPending = isPendingCoinBalance || isPendingCoinPrices || isPendingConversionRate;
+    if (isPending) {
+        return _jsx(CoinDetailsSkeleton, { chainId: chainId, isReadOnly: isReadOnly });
+    }
+    const isNativeToken = compareAddress(contractAddress, zeroAddress);
+    const logo = isNativeToken ? getNativeTokenInfoByChainId(chainId, chains).logoURI : dataCoinBalance?.contractInfo?.logoURI;
+    const symbol = isNativeToken ? getNativeTokenInfoByChainId(chainId, chains).symbol : dataCoinBalance?.contractInfo?.symbol;
+    const name = isNativeToken ? getNativeTokenInfoByChainId(chainId, chains).name : dataCoinBalance?.contractInfo?.name;
+    const decimals = isNativeToken ? getNativeTokenInfoByChainId(chainId, chains).decimals : dataCoinBalance?.contractInfo?.decimals;
+    const formattedBalance = formatUnits(BigInt(dataCoinBalance?.balance || '0'), decimals || 18);
+    const balanceDisplayed = formatDisplay(formattedBalance);
+    const coinBalanceFiat = dataCoinBalance
+        ? computeBalanceFiat({
+            balance: dataCoinBalance,
+            prices: dataCoinPrices || [],
+            conversionRate,
+            decimals: decimals || 0
+        })
+        : '0';
+    const onClickSend = () => {
+        setNavigation({
+            location: 'send-coin',
+            params: {
+                chainId,
+                contractAddress
+            }
+        });
+    };
+    const onClickSwap = () => {
+        setNavigation({
+            location: 'swap-coin',
+            params: {
+                chainId,
+                contractAddress
+            }
+        });
+    };
+    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: "Buy", onClick: onClickSwap })] })), _jsx("div", { children: _jsx(InfiniteScroll, { onLoad: () => fetchNextPage(), hasMore: hasNextPage, children: _jsx(TransactionHistoryList, { transactions: transactionHistory, isPending: isPendingTransactionHistory, isFetchingNextPage: isFetchingNextPage }) }) })] }) }));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/CoinDetails/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAA;AAC5H,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACxF,OAAO,EACL,0BAA0B,EAC1B,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACzB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,kCAAkC,EAAE,MAAM,aAAa,CAAA;AAEpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAOhD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,eAAe,EAAE,OAAO,EAAoB,EAAE,EAAE;IAC5E,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,MAAM,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAA;IACzC,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAA;IAC1D,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAA;IAEhD,MAAM,UAAU,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEnE,MAAM,EACJ,IAAI,EAAE,sBAAsB,EAC5B,SAAS,EAAE,2BAA2B,EACtC,aAAa,EACb,WAAW,EACX,kBAAkB,EACnB,GAAG,wBAAwB,CAAC;QAC3B,OAAO;QACP,cAAc,EAAE,cAAc,IAAI,EAAE;QACpC,eAAe;KAChB,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,kCAAkC,CAAC,sBAAsB,CAAC,CAAA;IAErF,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,oBAAoB,EAAE,GAAG,0BAA0B,CAAC;QACzF,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,MAAM,EAAE;YACN,gBAAgB,EAAE,CAAC,cAAc,IAAI,EAAE,CAAC;YACxC,iBAAiB,EAAE,CAAC,eAAe,CAAC;YACpC,cAAc,EAAE,kBAAkB,CAAC,CAAC,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,GAAG;YACzG,kBAAkB,EAAE,KAAK;SAC1B;KACF,CAAC,CAAA;IAEF,MAAM,eAAe,GACnB,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC;QACrC,CAAC,CAAC,cAAc,CAAC,eAAe,EAAE,WAAW,CAAC;YAC5C,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;YACnB,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;QACrB,CAAC,CAAC,SAAS,CAAA;IAEf,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,CAAC;QAChF;YACE,OAAO;YACP,eAAe;SAChB;KACF,CAAC,CAAA;IAEF,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,GAAG,kBAAkB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;IAEhH,MAAM,SAAS,GAAG,oBAAoB,IAAI,mBAAmB,IAAI,uBAAuB,CAAA;IAExF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,GAAI,CAAA;IAC1E,CAAC;IAED,MAAM,aAAa,GAAG,cAAc,CAAC,eAAe,EAAE,WAAW,CAAC,CAAA;IAClE,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,2BAA2B,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,EAAE,YAAY,EAAE,OAAO,CAAA;IAC1H,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,2BAA2B,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,EAAE,YAAY,EAAE,MAAM,CAAA;IAC1H,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,2BAA2B,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,EAAE,YAAY,EAAE,IAAI,CAAA;IACpH,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,2BAA2B,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,EAAE,YAAY,EAAE,QAAQ,CAAA;IAChI,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAAC,eAAe,EAAE,OAAO,IAAI,GAAG,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAA;IAC7F,MAAM,gBAAgB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAA;IAExD,MAAM,eAAe,GAAG,eAAe;QACrC,CAAC,CAAC,kBAAkB,CAAC;YACjB,OAAO,EAAE,eAAe;YACxB,MAAM,EAAE,cAAc,IAAI,EAAE;YAC5B,cAAc;YACd,QAAQ,EAAE,QAAQ,IAAI,CAAC;SACxB,CAAC;QACJ,CAAC,CAAC,GAAG,CAAA;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC;YACZ,QAAQ,EAAE,WAAW;YACrB,MAAM,EAAE;gBACN,OAAO;gBACP,eAAe;aAChB;SACF,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC;YACZ,QAAQ,EAAE,WAAW;YACrB,MAAM,EAAE;gBACN,OAAO;gBACP,eAAe;aAChB;SACF,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,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,UAAU,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,EACnC,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,MAAM,YACpD,IAAI,GACA,EACP,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,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,YAAE,GAAG,gBAAgB,IAAI,MAAM,EAAE,GAAQ,EACjG,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,YAAE,GAAG,YAAY,CAAC,IAAI,GAAG,eAAe,EAAE,GAAQ,IACtG,IACF,EACL,CAAC,UAAU,IAAI,CACd,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,MAAM,IAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,WAAW,GAAI,EACnH,KAAC,MAAM,IAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,KAAK,EAAC,OAAO,EAAE,WAAW,GAAI,IAC9G,CACP,EACD,wBACE,KAAC,cAAc,IAAC,MAAM,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,WAAW,YACjE,KAAC,sBAAsB,IACrB,YAAY,EAAE,kBAAkB,EAChC,SAAS,EAAE,2BAA2B,EACtC,kBAAkB,EAAE,kBAAkB,GACtC,GACa,GACb,IACF,GACF,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,10 @@
+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';
+import { HEADER_HEIGHT } from '../../constants';
+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, {})] })] }) }));
+};
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +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,oEAAoE,CAAA;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAM/C,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"}

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

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatDisplay, ContractVerificationStatus } from '@0xsequence/connect';
+import { Button, Image, NetworkImage, SendIcon, Text } from '@0xsequence/design-system';
+import { useGetTokenBalancesDetails, useGetTransactionHistory, useGetCollectiblePrices, useGetExchangeRate } from '@0xsequence/react-hooks';
+import { formatUnits } from 'viem';
+import { useAccount, useConfig } from 'wagmi';
+import { CollectibleTileImage } from '../../components/CollectibleTileImage';
+import { InfiniteScroll } from '../../components/InfiniteScroll';
+import { TransactionHistoryList } from '../../components/TransactionHistoryList';
+import { HEADER_HEIGHT } from '../../constants';
+import { useSettings, useNavigation } from '../../hooks';
+import { computeBalanceFiat, flattenPaginatedTransactionHistory } from '../../utils';
+import { CollectibleDetailsSkeleton } from './Skeleton';
+export const CollectibleDetails = ({ contractAddress, chainId, tokenId }) => {
+    const { chains } = useConfig();
+    const { address: accountAddress } = useAccount();
+    const { fiatCurrency } = useSettings();
+    const { setNavigation } = useNavigation();
+    const isReadOnly = !chains.map(chain => chain.id).includes(chainId);
+    const { data: dataTransactionHistory, isPending: isPendingTransactionHistory, fetchNextPage, hasNextPage, isFetchingNextPage } = useGetTransactionHistory({
+        chainId,
+        accountAddress: accountAddress || '',
+        contractAddress,
+        tokenId
+    });
+    const transactionHistory = flattenPaginatedTransactionHistory(dataTransactionHistory);
+    const { data: dataTokens, isPending: isPendingCollectibleBalance } = useGetTokenBalancesDetails({
+        filter: {
+            accountAddresses: accountAddress ? [accountAddress] : [],
+            contractStatus: ContractVerificationStatus.ALL,
+            contractWhitelist: [contractAddress],
+            omitNativeBalances: true
+        },
+        chainIds: [chainId]
+    });
+    const dataCollectibleBalance = dataTokens && dataTokens.length > 0 ? dataTokens.find(token => token.tokenID === tokenId) : undefined;
+    const { data: dataCollectiblePrices, isPending: isPendingCollectiblePrices } = useGetCollectiblePrices([
+        {
+            chainId,
+            contractAddress,
+            tokenId
+        }
+    ]);
+    const { data: conversionRate = 1, isPending: isPendingConversionRate } = useGetExchangeRate(fiatCurrency.symbol);
+    const isPending = isPendingCollectibleBalance || isPendingCollectiblePrices || isPendingConversionRate;
+    if (isPending) {
+        return _jsx(CollectibleDetailsSkeleton, { isReadOnly: isReadOnly });
+    }
+    const onClickSend = () => {
+        setNavigation({
+            location: 'send-collectible',
+            params: {
+                chainId,
+                contractAddress,
+                tokenId
+            }
+        });
+    };
+    const collectionLogo = dataCollectibleBalance?.contractInfo?.logoURI;
+    const collectionName = dataCollectibleBalance?.contractInfo?.name || 'Unknown Collection';
+    const decimals = dataCollectibleBalance?.tokenMetadata?.decimals || 0;
+    const rawBalance = dataCollectibleBalance?.balance || '0';
+    const balance = formatUnits(BigInt(rawBalance), decimals);
+    const formattedBalance = formatDisplay(Number(balance));
+    const valueFiat = dataCollectibleBalance
+        ? computeBalanceFiat({
+            balance: dataCollectibleBalance,
+            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: dataCollectibleBalance?.tokenMetadata?.name || 'Unknown Collectible' }), _jsx(Text, { variant: "small", color: "muted", fontWeight: "medium", children: `#${tokenId}` })] })] }), _jsx("div", { children: _jsx(CollectibleTileImage, { imageUrl: dataCollectibleBalance?.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, isPending: isPendingTransactionHistory, isFetchingNextPage: isFetchingNextPage }) }) })] }) }));
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from '@0xsequence/design-system';
+import { NetworkBadge } from '../../components/NetworkBadge';
+export const CollectionDetailsSkeleton = ({ chainId }) => {
+    return (_jsxs("div", { className: "flex px-4 pb-5 pt-3 mt-8 flex-col items-center justify-center gap-10", children: [_jsxs("div", { className: "flex flex-col gap-2 justify-center items-center", children: [_jsx(Skeleton, { style: { width: '32px', height: '32px' } }), _jsx(Skeleton, { style: { width: '100px', height: '24px' } }), _jsx(NetworkBadge, { chainId: chainId }), _jsx(Skeleton, { style: { width: '142px', height: '17px' } })] }), _jsxs("div", { className: "w-full", children: [_jsx(Skeleton, { style: { width: '168px', height: '20px' } }), _jsx("div", { className: "w-full mt-3 grid gap-2", style: {
+                            gridTemplateColumns: `calc(50% - 4px) calc(50% - 4px)`
+                        }, children: Array(8)
+                            .fill(null)
+                            .map((_, i) => (_jsx(Skeleton, { className: "w-full aspect-square" }, i))) })] })] }));
+};
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/views/CollectionDetails/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAM5D,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EAAE,OAAO,EAAkC,EAAE,EAAE;IACvF,OAAO,CACL,eAAK,SAAS,EAAC,sEAAsE,aACnF,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACvD,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,EAClC,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IACnD,EACN,eAAK,SAAS,EAAC,QAAQ,aACrB,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACvD,cACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE;4BACL,mBAAmB,EAAE,iCAAiC;yBACvD,YAEA,KAAK,CAAC,CAAC,CAAC;6BACN,IAAI,CAAC,IAAI,CAAC;6BACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,IAAM,CAAC,CAAI,CACtD,CAAC,GACA,IACF,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatDisplay, ContractVerificationStatus } from '@0xsequence/connect';
+import { Image, Text, TokenImage } from '@0xsequence/design-system';
+import { useGetTokenBalancesDetails } from '@0xsequence/react-hooks';
+import { formatUnits } from 'viem';
+import { useAccount } from 'wagmi';
+import { NetworkBadge } from '../../components/NetworkBadge';
+import { useNavigation } from '../../hooks';
+import { CollectionDetailsSkeleton } from './Skeleton';
+export const CollectionDetails = ({ chainId, contractAddress }) => {
+    const { setNavigation } = useNavigation();
+    const { address: accountAddress } = useAccount();
+    const { data: collectionBalanceData, isPending: isPendingCollectionBalance } = useGetTokenBalancesDetails({
+        chainIds: [chainId],
+        filter: {
+            accountAddresses: accountAddress ? [accountAddress] : [],
+            contractStatus: ContractVerificationStatus.ALL,
+            contractWhitelist: [contractAddress],
+            omitNativeBalances: true
+        }
+    });
+    const contractInfo = collectionBalanceData?.[0]?.contractInfo;
+    const collectionLogoURI = contractInfo?.logoURI;
+    if (isPendingCollectionBalance) {
+        return _jsx(CollectionDetailsSkeleton, { chainId: chainId });
+    }
+    const onClickItem = (balance) => {
+        setNavigation({
+            location: 'collectible-details',
+            params: {
+                contractAddress: balance.contractAddress,
+                chainId: balance.chainId,
+                tokenId: balance.tokenID || ''
+            }
+        });
+    };
+    return (_jsxs("div", { className: "flex px-4 pb-5 pt-3 mt-8 flex-col items-center justify-center gap-10", children: [_jsxs("div", { className: "flex flex-col gap-2 justify-center items-center", children: [_jsx(TokenImage, { src: collectionLogoURI, size: "lg" }), _jsx(Text, { variant: "large", fontWeight: "bold", color: "primary", children: contractInfo?.name || 'Unknown' }), _jsx(NetworkBadge, { chainId: chainId }), _jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${collectionBalanceData?.length || 0} Unique Collectibles` })] }), _jsxs("div", { className: "w-full", children: [_jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `Owned (${collectionBalanceData?.length || 0})` }), _jsx("div", { className: "w-full mt-3 grid gap-2", style: {
+                            gridTemplateColumns: `calc(50% - 4px) calc(50% - 4px)`
+                        }, children: collectionBalanceData?.map((balance, index) => {
+                            const unformattedBalance = balance.balance;
+                            const decimals = balance?.tokenMetadata?.decimals || 0;
+                            const formattedBalance = formatDisplay(formatUnits(BigInt(unformattedBalance), decimals));
+                            return (_jsxs("div", { className: "select-none cursor-pointer", onClick: () => onClickItem(balance), children: [_jsx("div", { className: "flex bg-background-secondary aspect-square w-full rounded-xl justify-center items-center mb-2", children: _jsx(Image, { className: "rounded-lg", style: { height: '100%' }, src: balance.tokenMetadata?.image }) }), _jsx("div", { children: _jsx(Text, { variant: "normal", fontWeight: "bold", color: "primary", children: `${balance.tokenMetadata?.name}` }) }), _jsx("div", { children: _jsxs(Text, { className: "mt-1", variant: "normal", fontWeight: "medium", color: "muted", children: [formattedBalance, " Owned"] }) })] }, index));
+                        }) })] })] }));
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/views/History.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useGetTransactionHistorySummary } from '@0xsequence/react-hooks';
+import { useAccount } from 'wagmi';
+import { TransactionHistoryList } from '../components/TransactionHistoryList';
+import { useSettings } from '../hooks';
+export const History = () => {
+    const { selectedNetworks } = useSettings();
+    const { address: accountAddress } = useAccount();
+    const { data: transactionHistory = [], isPending: isPendingTransactionHistory } = useGetTransactionHistorySummary({
+        accountAddress: accountAddress || '',
+        chainIds: selectedNetworks
+    });
+    return (_jsx("div", { children: _jsx("div", { className: "px-4 pb-5 pt-3", children: _jsx(TransactionHistoryList, { transactions: transactionHistory, isPending: isPendingTransactionHistory, isFetchingNextPage: false }) }) }));
+};
+//# sourceMappingURL=History.js.map

package/dist/esm/views/History.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"History.js","sourceRoot":"","sources":["../../../src/views/History.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAA;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,gBAAgB,EAAE,GAAG,WAAW,EAAE,CAAA;IAC1C,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAA;IAEhD,MAAM,EAAE,IAAI,EAAE,kBAAkB,GAAG,EAAE,EAAE,SAAS,EAAE,2BAA2B,EAAE,GAAG,+BAA+B,CAAC;QAChH,cAAc,EAAE,cAAc,IAAI,EAAE;QACpC,QAAQ,EAAE,gBAAgB;KAC3B,CAAC,CAAA;IAEF,OAAO,CACL,wBACE,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,sBAAsB,IACrB,YAAY,EAAE,kBAAkB,EAChC,SAAS,EAAE,2BAA2B,EACtC,kBAAkB,EAAE,KAAK,GACzB,GACE,GACF,CACP,CAAA;AACH,CAAC,CAAA"}