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

package/dist/cjs/utils/tokens.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flattenPaginatedTransactionHistory = exports.sortBalancesByType = exports.computeBalanceFiat = exports.getPercentagePriceChange = exports.getPercentageColor = void 0;
+const connect_1 = require("@0xsequence/connect");
+const viem_1 = require("viem");
+const getPercentageColor = (value) => {
+    if (value > 0) {
+        return 'positive';
+    }
+    else if (value < 0) {
+        return 'negative';
+    }
+    else {
+        return 'muted';
+    }
+};
+exports.getPercentageColor = getPercentageColor;
+const getPercentagePriceChange = (balance, prices) => {
+    const priceForToken = prices.find(p => (0, connect_1.compareAddress)(p.token.contractAddress, balance.contractAddress));
+    if (!priceForToken) {
+        return 0;
+    }
+    const price24HourChange = priceForToken?.price24hChange?.value || 0;
+    return price24HourChange;
+};
+exports.getPercentagePriceChange = getPercentagePriceChange;
+const computeBalanceFiat = ({ balance, prices, decimals, conversionRate }) => {
+    let totalUsd = 0;
+    const priceForToken = prices.find(p => (0, connect_1.compareAddress)(p.token.contractAddress, balance.contractAddress));
+    if (!priceForToken) {
+        return '0.00';
+    }
+    const priceFiat = priceForToken.price?.value || 0;
+    const valueFormatted = (0, viem_1.formatUnits)(BigInt(balance.balance), decimals);
+    const usdValue = parseFloat(valueFormatted) * priceFiat;
+    totalUsd += usdValue;
+    const fiatValue = totalUsd * conversionRate;
+    return `${fiatValue.toFixed(2)}`;
+};
+exports.computeBalanceFiat = computeBalanceFiat;
+const compareTokenBalanceIds = (a, b) => {
+    return (a.tokenID || '').localeCompare(b.tokenID || '');
+};
+const sortBalancesByType = (balances) => {
+    const nativeTokens = [];
+    const erc20Tokens = [];
+    const collectibles = [];
+    balances.forEach(balance => {
+        // Note: contractType for the native token should be "UNKNOWN"
+        if (balance.contractAddress === viem_1.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
+    };
+};
+exports.sortBalancesByType = sortBalancesByType;
+const flattenPaginatedTransactionHistory = (transactionHistoryData) => {
+    const transactionHistory = [];
+    transactionHistoryData?.pages.forEach(page => {
+        transactionHistory.push(...page.transactions);
+    });
+    return transactionHistory;
+};
+exports.flattenPaginatedTransactionHistory = flattenPaginatedTransactionHistory;
+//# sourceMappingURL=tokens.js.map

package/dist/cjs/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/cjs/views/CoinDetails/Skeleton.d.ts

@@ -0,0 +1,7 @@
+interface CoinDetailsSkeletonProps {
+    chainId: number;
+    isReadOnly: boolean;
+}
+export declare const CoinDetailsSkeleton: ({ chainId, isReadOnly }: CoinDetailsSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoinDetailsSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const NetworkBadge_1 = require("../../components/NetworkBadge");
+const TransactionHistorySkeleton_1 = require("../../components/TransactionHistoryList/TransactionHistorySkeleton");
+const constants_1 = require("../../constants");
+const CoinDetailsSkeleton = ({ chainId, isReadOnly }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: { paddingTop: constants_1.HEADER_HEIGHT }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-10 pb-5 px-4 pt-0", style: { marginTop: '-20px' }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex mb-10 gap-2 items-center justify-center flex-col", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '64px', height: '64px' } }), (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { height: '28px', width: '70px' } }), (0, jsx_runtime_1.jsx)(NetworkBadge_1.NetworkBadge, { chainId: chainId })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-end justify-between", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '150px', height: '36px' } }), (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '33px', height: '17px' } })] })] }), !isReadOnly && ((0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full text-primary", variant: "primary", leftIcon: design_system_1.SendIcon, label: "Send", disabled: true, onClick: () => { } })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(TransactionHistorySkeleton_1.TransactionHistorySkeleton, {}) })] }) }));
+};
+exports.CoinDetailsSkeleton = CoinDetailsSkeleton;
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/views/CoinDetails/Skeleton.tsx"],"names":[],"mappings":";;;;AAAA,6DAA4E;AAE5E,gEAA4D;AAC5D,mHAA+G;AAC/G,+CAA+C;AAOxC,MAAM,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAA4B,EAAE,EAAE;IACvF,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,yBAAa,EAAE,YACvC,iCAAK,SAAS,EAAC,qCAAqC,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aAChF,iCAAK,SAAS,EAAC,uDAAuD,aACpE,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACtD,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,EACtD,uBAAC,2BAAY,IAAC,OAAO,EAAE,OAAO,GAAI,IAC9B,EACN,4CACE,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,wBAEjD,EACP,iCAAK,SAAS,EAAC,yCAAyC,aACtD,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACvD,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IAClD,IACF,EACL,CAAC,UAAU,IAAI,CACd,uBAAC,sBAAM,IACL,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,wBAAQ,EAClB,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GACjB,CACH,EACD,0CACE,uBAAC,uDAA0B,KAAG,GAC1B,IACF,GACF,CACP,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,mBAAmB,uBAkC/B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CoinDetails/index.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,WAAW,GAAI,8BAA8B,gBAAgB,4CA+HzE,CAAA"}

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

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoinDetails = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const InfiniteScroll_1 = require("../../components/InfiniteScroll");
+const NetworkBadge_1 = require("../../components/NetworkBadge");
+const TransactionHistoryList_1 = require("../../components/TransactionHistoryList");
+const constants_1 = require("../../constants");
+const hooks_2 = require("../../hooks");
+const utils_1 = require("../../utils");
+const Skeleton_1 = require("./Skeleton");
+const CoinDetails = ({ contractAddress, chainId }) => {
+    const { chains } = (0, wagmi_1.useConfig)();
+    const { setNavigation } = (0, hooks_2.useNavigation)();
+    const { fiatCurrency, hideUnlistedTokens } = (0, hooks_2.useSettings)();
+    const { address: accountAddress } = (0, wagmi_1.useAccount)();
+    const isReadOnly = !chains.map(chain => chain.id).includes(chainId);
+    const { data: dataTransactionHistory, isPending: isPendingTransactionHistory, fetchNextPage, hasNextPage, isFetchingNextPage } = (0, hooks_1.useGetTransactionHistory)({
+        chainId,
+        accountAddress: accountAddress || '',
+        contractAddress
+    });
+    const transactionHistory = (0, utils_1.flattenPaginatedTransactionHistory)(dataTransactionHistory);
+    const { data: tokenBalance, isPending: isPendingCoinBalance } = (0, hooks_1.useGetTokenBalancesSummary)({
+        chainIds: [chainId],
+        filter: {
+            accountAddresses: [accountAddress || ''],
+            contractWhitelist: [contractAddress],
+            contractStatus: hideUnlistedTokens ? connect_1.ContractVerificationStatus.VERIFIED : connect_1.ContractVerificationStatus.ALL,
+            omitNativeBalances: false
+        }
+    });
+    const dataCoinBalance = tokenBalance && tokenBalance.length > 0
+        ? (0, connect_1.compareAddress)(contractAddress, viem_1.zeroAddress)
+            ? tokenBalance?.[0]
+            : tokenBalance?.[1]
+        : undefined;
+    const { data: dataCoinPrices, isPending: isPendingCoinPrices } = (0, hooks_1.useGetCoinPrices)([
+        {
+            chainId,
+            contractAddress
+        }
+    ]);
+    const { data: conversionRate = 1, isPending: isPendingConversionRate } = (0, hooks_1.useGetExchangeRate)(fiatCurrency.symbol);
+    const isPending = isPendingCoinBalance || isPendingCoinPrices || isPendingConversionRate;
+    if (isPending) {
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.CoinDetailsSkeleton, { chainId: chainId, isReadOnly: isReadOnly });
+    }
+    const isNativeToken = (0, connect_1.compareAddress)(contractAddress, viem_1.zeroAddress);
+    const logo = isNativeToken ? (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains).logoURI : dataCoinBalance?.contractInfo?.logoURI;
+    const symbol = isNativeToken ? (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains).symbol : dataCoinBalance?.contractInfo?.symbol;
+    const name = isNativeToken ? (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains).name : dataCoinBalance?.contractInfo?.name;
+    const decimals = isNativeToken ? (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains).decimals : dataCoinBalance?.contractInfo?.decimals;
+    const formattedBalance = (0, viem_1.formatUnits)(BigInt(dataCoinBalance?.balance || '0'), decimals || 18);
+    const balanceDisplayed = (0, connect_1.formatDisplay)(formattedBalance);
+    const coinBalanceFiat = dataCoinBalance
+        ? (0, utils_1.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 ((0, jsx_runtime_1.jsx)("div", { style: { paddingTop: constants_1.HEADER_HEIGHT }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-10 pb-5 px-4 pt-0", style: { marginTop: '-20px' }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex mb-10 gap-2 items-center justify-center flex-col", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: logo, size: "xl" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "large", color: "primary", fontWeight: "bold", children: name }), (0, jsx_runtime_1.jsx)(NetworkBadge_1.NetworkBadge, { chainId: chainId })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-end justify-between", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xlarge", fontWeight: "bold", color: "primary", children: `${balanceDisplayed} ${symbol}` }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${fiatCurrency.sign}${coinBalanceFiat}` })] })] }), !isReadOnly && ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full text-primary", variant: "primary", leftIcon: design_system_1.SendIcon, label: "Send", onClick: onClickSend }), (0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full text-primary", variant: "primary", leftIcon: design_system_1.SwapIcon, label: "Buy", onClick: onClickSwap })] })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(InfiniteScroll_1.InfiniteScroll, { onLoad: () => fetchNextPage(), hasMore: hasNextPage, children: (0, jsx_runtime_1.jsx)(TransactionHistoryList_1.TransactionHistoryList, { transactions: transactionHistory, isPending: isPendingTransactionHistory, isFetchingNextPage: isFetchingNextPage }) }) })] }) }));
+};
+exports.CoinDetails = CoinDetails;
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/views/CollectibleDetails/Skeleton.d.ts

@@ -0,0 +1,6 @@
+interface CollectibleDetailsSkeletonProps {
+    isReadOnly: boolean;
+}
+export declare const CollectibleDetailsSkeleton: ({ isReadOnly }: CollectibleDetailsSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectibleDetailsSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const TransactionHistorySkeleton_1 = require("../../components/TransactionHistoryList/TransactionHistorySkeleton");
+const constants_1 = require("../../constants");
+const CollectibleDetailsSkeleton = ({ isReadOnly }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: { paddingTop: constants_1.HEADER_HEIGHT }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-10 pb-5 px-4 pt-0", style: {
+                marginTop: '-20px'
+            }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center justify-center flex-col", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '120px', height: '16px' } }), (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '140px', height: '44px' } })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '100%', aspectRatio: '1/1' } }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-end justify-between", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '44px', height: '36px' } }), (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '34px', height: '17px' } })] })] }), !isReadOnly && ((0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "text-primary mt-4 w-full", variant: "primary", leftIcon: design_system_1.SendIcon, label: "Send", onClick: () => { } }))] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "muted", fontWeight: "medium", children: "This week" }), (0, jsx_runtime_1.jsx)(TransactionHistorySkeleton_1.TransactionHistorySkeleton, {})] })] }) }));
+};
+exports.CollectibleDetailsSkeleton = CollectibleDetailsSkeleton;
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/Skeleton.tsx"],"names":[],"mappings":";;;;AAAA,6DAA4E;AAE5E,mHAA+G;AAC/G,+CAA+C;AAMxC,MAAM,0BAA0B,GAAG,CAAC,EAAE,UAAU,EAAmC,EAAE,EAAE;IAC5F,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,yBAAa,EAAE,YACvC,iCACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE;gBACL,SAAS,EAAE,OAAO;aACnB,aAED,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACvD,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IACnD,EACN,0CACE,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAI,GACtD,EACN,4CAEE,4CACE,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,wBAEjD,EACP,iCAAK,SAAS,EAAC,yCAAyC,aACtD,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACtD,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IAClD,IACF,EACL,CAAC,UAAU,IAAI,CACd,uBAAC,sBAAM,IAAC,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,wBAAQ,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CACtH,IACG,EACN,4CACE,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,0BAEjD,EACP,uBAAC,uDAA0B,KAAG,IAC1B,IACF,GACF,CACP,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,0BAA0B,8BAwCtC"}

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

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

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

@@ -0,0 +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;CAChB;AAED,eAAO,MAAM,kBAAkB,GAAI,uCAAuC,uBAAuB,4CA6JhG,CAAA"}

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

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectibleDetails = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const CollectibleTileImage_1 = require("../../components/CollectibleTileImage");
+const InfiniteScroll_1 = require("../../components/InfiniteScroll");
+const TransactionHistoryList_1 = require("../../components/TransactionHistoryList");
+const constants_1 = require("../../constants");
+const hooks_2 = require("../../hooks");
+const utils_1 = require("../../utils");
+const Skeleton_1 = require("./Skeleton");
+const CollectibleDetails = ({ contractAddress, chainId, tokenId }) => {
+    const { chains } = (0, wagmi_1.useConfig)();
+    const { address: accountAddress } = (0, wagmi_1.useAccount)();
+    const { fiatCurrency } = (0, hooks_2.useSettings)();
+    const { setNavigation } = (0, hooks_2.useNavigation)();
+    const isReadOnly = !chains.map(chain => chain.id).includes(chainId);
+    const { data: dataTransactionHistory, isPending: isPendingTransactionHistory, fetchNextPage, hasNextPage, isFetchingNextPage } = (0, hooks_1.useGetTransactionHistory)({
+        chainId,
+        accountAddress: accountAddress || '',
+        contractAddress,
+        tokenId
+    });
+    const transactionHistory = (0, utils_1.flattenPaginatedTransactionHistory)(dataTransactionHistory);
+    const { data: dataTokens, isPending: isPendingCollectibleBalance } = (0, hooks_1.useGetTokenBalancesDetails)({
+        filter: {
+            accountAddresses: accountAddress ? [accountAddress] : [],
+            contractStatus: connect_1.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 } = (0, hooks_1.useGetCollectiblePrices)([
+        {
+            chainId,
+            contractAddress,
+            tokenId
+        }
+    ]);
+    const { data: conversionRate = 1, isPending: isPendingConversionRate } = (0, hooks_1.useGetExchangeRate)(fiatCurrency.symbol);
+    const isPending = isPendingCollectibleBalance || isPendingCollectiblePrices || isPendingConversionRate;
+    if (isPending) {
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.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 = (0, viem_1.formatUnits)(BigInt(rawBalance), decimals);
+    const formattedBalance = (0, connect_1.formatDisplay)(Number(balance));
+    const valueFiat = dataCollectibleBalance
+        ? (0, utils_1.computeBalanceFiat)({
+            balance: dataCollectibleBalance,
+            prices: dataCollectiblePrices || [],
+            conversionRate,
+            decimals: decimals
+        })
+        : '0';
+    return ((0, jsx_runtime_1.jsx)("div", { style: { paddingTop: constants_1.HEADER_HEIGHT }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-10 pb-5 px-4 pt-0", style: {
+                marginTop: '-20px'
+            }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center justify-center flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2 justify-center items-center", children: [collectionLogo && ((0, jsx_runtime_1.jsx)(design_system_1.Image, { className: "rounded-full w-8", src: collectionLogo, alt: "collection logo", style: {
+                                        objectFit: 'cover'
+                                    } })), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-row justify-center items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", fontWeight: "bold", color: "primary", children: collectionName }), (0, jsx_runtime_1.jsx)(design_system_1.NetworkImage, { chainId: chainId, size: "xs" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "large", color: "primary", fontWeight: "bold", children: dataCollectibleBalance?.tokenMetadata?.name || 'Unknown Collectible' }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "muted", fontWeight: "medium", children: `#${tokenId}` })] })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(CollectibleTileImage_1.CollectibleTileImage, { imageUrl: dataCollectibleBalance?.tokenMetadata?.image }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-end justify-between", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xlarge", fontWeight: "bold", color: "primary", children: formattedBalance }), dataCollectiblePrices && dataCollectiblePrices[0].price?.value && ((0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${fiatCurrency.symbol} ${valueFiat}` }))] })] }), !isReadOnly && ((0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "text-primary mt-4 w-full", variant: "primary", leftIcon: design_system_1.SendIcon, label: "Send", onClick: onClickSend }))] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(InfiniteScroll_1.InfiniteScroll, { onLoad: () => fetchNextPage(), hasMore: hasNextPage, children: (0, jsx_runtime_1.jsx)(TransactionHistoryList_1.TransactionHistoryList, { transactions: transactionHistory, isPending: isPendingTransactionHistory, isFetchingNextPage: isFetchingNextPage }) }) })] }) }));
+};
+exports.CollectibleDetails = CollectibleDetails;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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/cjs/views/CollectionDetails/Skeleton.d.ts

@@ -0,0 +1,6 @@
+interface CollectionDetailsSkeletonProps {
+    chainId: number;
+}
+export declare const CollectionDetailsSkeleton: ({ chainId }: CollectionDetailsSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/cjs/views/CollectionDetails/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/views/CollectionDetails/Skeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,8BAA8B;IACtC,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,yBAAyB,GAAI,aAAa,8BAA8B,4CA0BpF,CAAA"}

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectionDetailsSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const NetworkBadge_1 = require("../../components/NetworkBadge");
+const CollectionDetailsSkeleton = ({ chainId }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex px-4 pb-5 pt-3 mt-8 flex-col items-center justify-center gap-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 justify-center items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '32px', height: '32px' } }), (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '100px', height: '24px' } }), (0, jsx_runtime_1.jsx)(NetworkBadge_1.NetworkBadge, { chainId: chainId }), (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '142px', height: '17px' } })] }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '168px', height: '20px' } }), (0, jsx_runtime_1.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) => ((0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { className: "w-full aspect-square" }, i))) })] })] }));
+};
+exports.CollectionDetailsSkeleton = CollectionDetailsSkeleton;
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/views/CollectionDetails/Skeleton.tsx"],"names":[],"mappings":";;;;AAAA,6DAAoD;AAGpD,gEAA4D;AAMrD,MAAM,yBAAyB,GAAG,CAAC,EAAE,OAAO,EAAkC,EAAE,EAAE;IACvF,OAAO,CACL,iCAAK,SAAS,EAAC,sEAAsE,aACnF,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACtD,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACvD,uBAAC,2BAAY,IAAC,OAAO,EAAE,OAAO,GAAI,EAClC,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IACnD,EACN,iCAAK,SAAS,EAAC,QAAQ,aACrB,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACvD,gCACE,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,uBAAC,wBAAQ,IAAC,SAAS,EAAC,sBAAsB,IAAM,CAAC,CAAI,CACtD,CAAC,GACA,IACF,IACF,CACP,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,yBAAyB,6BA0BrC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CollectionDetails/index.tsx"],"names":[],"mappings":"AAYA,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,iBAAiB,GAAI,8BAA8B,sBAAsB,4CAgFrF,CAAA"}

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

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

package/dist/cjs/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/cjs/views/History.d.ts

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

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

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

package/dist/cjs/views/History.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.History = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("@0xsequence/hooks");
+const wagmi_1 = require("wagmi");
+const TransactionHistoryList_1 = require("../components/TransactionHistoryList");
+const hooks_2 = require("../hooks");
+const History = () => {
+    const { selectedNetworks } = (0, hooks_2.useSettings)();
+    const { address: accountAddress } = (0, wagmi_1.useAccount)();
+    const { data: transactionHistory = [], isPending: isPendingTransactionHistory } = (0, hooks_1.useGetTransactionHistorySummary)({
+        accountAddress: accountAddress || '',
+        chainIds: selectedNetworks
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { className: "px-4 pb-5 pt-3", children: (0, jsx_runtime_1.jsx)(TransactionHistoryList_1.TransactionHistoryList, { transactions: transactionHistory, isPending: isPendingTransactionHistory, isFetchingNextPage: false }) }) }));
+};
+exports.History = History;
+//# sourceMappingURL=History.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"History.js","sourceRoot":"","sources":["../../../src/views/History.tsx"],"names":[],"mappings":";;;;AAAA,6CAAmE;AAEnE,iCAAkC;AAElC,iFAA6E;AAC7E,oCAAsC;AAE/B,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IAC1C,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAA;IAEhD,MAAM,EAAE,IAAI,EAAE,kBAAkB,GAAG,EAAE,EAAE,SAAS,EAAE,2BAA2B,EAAE,GAAG,IAAA,uCAA+B,EAAC;QAChH,cAAc,EAAE,cAAc,IAAI,EAAE;QACpC,QAAQ,EAAE,gBAAgB;KAC3B,CAAC,CAAA;IAEF,OAAO,CACL,0CACE,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,uBAAC,+CAAsB,IACrB,YAAY,EAAE,kBAAkB,EAChC,SAAS,EAAE,2BAA2B,EACtC,kBAAkB,EAAE,KAAK,GACzB,GACE,GACF,CACP,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,OAAO,WAoBnB"}

package/dist/cjs/views/Home/components/AssetSummary/CoinTile/CoinTileContent.d.ts

@@ -0,0 +1,12 @@
+interface CoinTileContentProps {
+    logoUrl?: string;
+    tokenName: string;
+    balance: string;
+    balanceFiat: string;
+    priceChangePercentage: number;
+    symbol: string;
+    chainId: number;
+}
+export declare const CoinTileContent: ({ logoUrl, tokenName, balance, balanceFiat, priceChangePercentage, symbol, chainId }: CoinTileContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CoinTileContent.d.ts.map

package/dist/cjs/views/Home/components/AssetSummary/CoinTile/CoinTileContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoinTileContent.d.ts","sourceRoot":"","sources":["../../../../../../../src/views/Home/components/AssetSummary/CoinTile/CoinTileContent.tsx"],"names":[],"mappings":"AAMA,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,eAAe,GAAI,sFAQ7B,oBAAoB,4CAmCtB,CAAA"}

package/dist/cjs/views/Home/components/AssetSummary/CoinTile/CoinTileContent.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoinTileContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("../../../../../hooks");
+const utils_1 = require("../../../../../utils");
+const CoinTileContent = ({ logoUrl, tokenName, balance, balanceFiat, priceChangePercentage, symbol, chainId }) => {
+    const { fiatCurrency } = (0, hooks_1.useSettings)();
+    const priceChangeSymbol = priceChangePercentage > 0 ? '+' : '';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex bg-background-secondary w-full h-full rounded-xl p-4 flex-col justify-center items-start gap-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-1", children: (0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: logoUrl, symbol: symbol, size: "lg" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1 justify-start items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "whitespace-nowrap", fontWeight: "bold", color: "primary", style: { maxWidth: '130px', textOverflow: 'ellipsis', overflow: 'hidden' }, children: tokenName }), (0, jsx_runtime_1.jsx)(design_system_1.NetworkImage, { chainId: chainId, size: "xs" })] }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", ellipsis: true, nowrap: true, block: true, style: { maxWidth: '150px' }, children: `${balance} ${symbol}` })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "bold", color: "primary", children: `${fiatCurrency.sign}${balanceFiat}` }) }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: (0, utils_1.getPercentageColor)(priceChangePercentage), children: `${priceChangeSymbol}${priceChangePercentage.toFixed(2)}%` })] })] }));
+};
+exports.CoinTileContent = CoinTileContent;
+//# sourceMappingURL=CoinTileContent.js.map

package/dist/cjs/views/Home/components/AssetSummary/CoinTile/CoinTileContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoinTileContent.js","sourceRoot":"","sources":["../../../../../../../src/views/Home/components/AssetSummary/CoinTile/CoinTileContent.tsx"],"names":[],"mappings":";;;;AAAA,6DAA0E;AAG1E,gDAAkD;AAClD,gDAAyD;AAYlD,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,MAAM,EACN,OAAO,EACc,EAAE,EAAE;IACzB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IACtC,MAAM,iBAAiB,GAAG,qBAAqB,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAE9D,OAAO,CACL,iCAAK,SAAS,EAAC,qGAAqG,aAClH,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,0BAAU,IAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,IAAI,GAAG,GAClD,EACN,iCAAK,SAAS,EAAC,MAAM,aACnB,iCAAK,SAAS,EAAC,gDAAgD,aAC7D,uBAAC,oBAAI,IACH,SAAS,EAAC,mBAAmB,EAC7B,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAEzE,SAAS,GACL,EACP,uBAAC,4BAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,GAAG,IACxC,EACN,uBAAC,oBAAI,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,QAAC,MAAM,QAAC,KAAK,QAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YACnE,GAAG,OAAO,IAAI,MAAM,EAAE,GAClB,IACH,EACN,4CACE,0CACE,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,YAAE,GAAG,YAAY,CAAC,IAAI,GAAG,WAAW,EAAE,GAAQ,GAClG,EACN,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAA,0BAAkB,EAAC,qBAAqB,CAAC,YACpE,GAAG,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GACtD,IACH,IACF,CACP,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,eAAe,mBA2C3B"}

package/dist/cjs/views/Home/components/AssetSummary/CoinTile/index.d.ts

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

package/dist/cjs/views/Home/components/AssetSummary/CoinTile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/views/Home/components/AssetSummary/CoinTile/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AASlD,UAAU,aAAa;IACrB,OAAO,EAAE,YAAY,CAAA;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,aAAa,aAAa,4CA6ElD,CAAA"}