@0xsequence/wallet-widget 5.1.1 → 5.2.1

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

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

package/dist/esm/components/SearchLists/TokenList/CoinRow.d.ts

@@ -0,0 +1,9 @@
+import { TokenBalanceWithPrice } from '../../../utils/tokens';
+interface BalanceItemProps {
+    balance: TokenBalanceWithPrice;
+    includeUserAddress?: boolean;
+    onTokenClick: (token: TokenBalanceWithPrice) => void;
+}
+export declare const CoinRow: ({ balance, onTokenClick, includeUserAddress }: BalanceItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CoinRow.d.ts.map

package/dist/esm/components/SearchLists/TokenList/CoinRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoinRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchLists/TokenList/CoinRow.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAI7D,UAAU,gBAAgB;IACxB,OAAO,EAAE,qBAAqB,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;CACrD;AAED,eAAO,MAAM,OAAO,GAAI,+CAAuD,gBAAgB,4CA+C9F,CAAA"}

package/dist/esm/components/SearchLists/TokenList/CoinRow.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAddress } from '@0xsequence/connect';
+import { Text, GradientAvatar } from '@0xsequence/design-system';
+import { getAddress } from 'viem';
+import { useChains } from 'wagmi';
+import { useSettings } from '../../../hooks';
+import { formatTokenInfo } from '../../../utils/formatBalance';
+import { TokenImageCustom } from '../../Filter/TokenImageCustom';
+import { ListCardNav } from '../../ListCard/ListCardNav';
+export const CoinRow = ({ balance, onTokenClick, includeUserAddress = false }) => {
+    const { fiatCurrency } = useSettings();
+    const chains = useChains();
+    const { logo, name, symbol, displayBalance, fiatBalance } = formatTokenInfo(balance, fiatCurrency.sign, chains);
+    const userAddress = getAddress(balance.accountAddress);
+    const onClick = () => {
+        onTokenClick(balance);
+    };
+    return (_jsx(ListCardNav, { type: "custom", onClick: onClick, style: { height: '68px' }, children: _jsxs("div", { className: "flex flex-row justify-between items-center w-full gap-2", children: [_jsx(TokenImageCustom, { src: logo, symbol: symbol, chainId: balance.chainId }), _jsx("div", { className: "flex flex-row gap-2 items-center", style: { flex: '1 1 0', width: 0 }, children: _jsxs("div", { className: "flex flex-col w-full", children: [_jsx("div", { className: "flex flex-row w-full", children: _jsx(Text, { className: "overflow-hidden", variant: "normal", color: "primary", ellipsis: true, children: name }) }), includeUserAddress && (_jsxs("div", { className: "flex flex-row gap-1 items-center", children: [_jsx(GradientAvatar, { address: userAddress, size: "xs" }), _jsx(Text, { className: "overflow-hidden", variant: "small", color: "muted", ellipsis: true, children: formatAddress(userAddress) })] }))] }) }), _jsx("div", { className: "flex flex-row justify-end items-center", style: { flex: '1 1 0', width: 0 }, children: _jsxs("div", { className: "flex flex-col items-end w-full", children: [_jsx("div", { className: "flex flex-row justify-end w-full", children: _jsx(Text, { className: "overflow-hidden", variant: "small", color: "primary", ellipsis: true, children: displayBalance }) }), _jsx(Text, { variant: "small", color: "muted", children: fiatBalance })] }) })] }) }));
+};
+//# sourceMappingURL=CoinRow.js.map

package/dist/esm/components/SearchLists/TokenList/CoinRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoinRow.js","sourceRoot":"","sources":["../../../../../src/components/SearchLists/TokenList/CoinRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAQxD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,kBAAkB,GAAG,KAAK,EAAoB,EAAE,EAAE;IACjG,MAAM,EAAE,YAAY,EAAE,GAAG,WAAW,EAAE,CAAA;IACtC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAE/G,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,cAAc,CAAC,CAAA;IAEtD,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YACpE,eAAK,SAAS,EAAC,yDAAyD,aACtE,KAAC,gBAAgB,IAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,GAAI,EACzE,cAAK,SAAS,EAAC,kCAAkC,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,YAClF,eAAK,SAAS,EAAC,sBAAsB,aACnC,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,kBACxE,IAAI,GACA,GACH,EACL,kBAAkB,IAAI,CACrB,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,cAAc,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,IAAI,GAAG,EAClD,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,kBACrE,aAAa,CAAC,WAAW,CAAC,GACtB,IACH,CACP,IACG,GACF,EACN,cAAK,SAAS,EAAC,wCAAwC,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,YACxF,eAAK,SAAS,EAAC,gCAAgC,aAC7C,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,kBACvE,cAAc,GACV,GACH,EACN,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YAChC,WAAW,GACP,IACH,GACF,IACF,GACM,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SearchLists/TokenList/CoinsTab.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TokenBalanceWithPrice } from '../../../utils/tokens';
+interface CoinsTabProps {
+    displayedCoinBalances: TokenBalanceWithPrice[] | undefined;
+    fetchMoreCoinBalances: () => Promise<any>;
+    hasMoreCoinBalances: boolean;
+    isFetchingMoreCoinBalances: boolean;
+    isFetchingInitialBalances: boolean;
+    onTokenClick: (token: TokenBalanceWithPrice) => void;
+    includeUserAddress?: boolean;
+}
+export declare const CoinsTab: React.FC<CoinsTabProps>;
+export {};
+//# sourceMappingURL=CoinsTab.d.ts.map

package/dist/esm/components/SearchLists/TokenList/CoinsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoinsTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchLists/TokenList/CoinsTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAK7D,UAAU,aAAa;IACrB,qBAAqB,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAA;IAC1D,qBAAqB,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;IACzC,mBAAmB,EAAE,OAAO,CAAA;IAC5B,0BAA0B,EAAE,OAAO,CAAA;IACnC,yBAAyB,EAAE,OAAO,CAAA;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuC5C,CAAA"}

package/dist/esm/components/SearchLists/TokenList/CoinsTab.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Spinner, Skeleton, Text } from '@0xsequence/design-system';
+import { InfiniteScroll } from '../../InfiniteScroll';
+import { CoinRow } from './CoinRow';
+export const CoinsTab = ({ displayedCoinBalances, fetchMoreCoinBalances, hasMoreCoinBalances, isFetchingMoreCoinBalances, isFetchingInitialBalances, onTokenClick, includeUserAddress = false }) => {
+    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-col items-center gap-2", children: [isFetchingInitialBalances ? (_jsx(_Fragment, { children: Array(7)
+                        .fill(null)
+                        .map((_, i) => (_jsx(Skeleton, { className: "w-full", style: { height: '60px' } }, i))) })) : (_jsx(_Fragment, { children: (!displayedCoinBalances || displayedCoinBalances.length === 0) && !isFetchingMoreCoinBalances ? (_jsx(Text, { color: "primary", children: "No Coins Found" })) : (_jsx(InfiniteScroll, { onLoad: () => fetchMoreCoinBalances(), hasMore: hasMoreCoinBalances, children: displayedCoinBalances?.map((balance, index) => {
+                            return (_jsx(CoinRow, { balance: balance, onTokenClick: onTokenClick, includeUserAddress: includeUserAddress }, index));
+                        }) })) })), isFetchingMoreCoinBalances && _jsx(Spinner, { className: "flex self-center mt-3" })] }) }));
+};
+//# sourceMappingURL=CoinsTab.js.map

package/dist/esm/components/SearchLists/TokenList/CoinsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoinsTab.js","sourceRoot":"","sources":["../../../../../src/components/SearchLists/TokenList/CoinsTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAInE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAYnC,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,0BAA0B,EAC1B,yBAAyB,EACzB,YAAY,EACZ,kBAAkB,GAAG,KAAK,EAC3B,EAAE,EAAE;IACH,OAAO,CACL,wBACE,eAAK,SAAS,EAAC,kCAAkC,aAC9C,yBAAyB,CAAC,CAAC,CAAC,CAC3B,4BACG,KAAK,CAAC,CAAC,CAAC;yBACN,IAAI,CAAC,IAAI,CAAC;yBACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,EAAS,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAA5B,CAAC,CAA+B,CACnE,CAAC,GACH,CACJ,CAAC,CAAC,CAAC,CACF,4BACG,CAAC,CAAC,qBAAqB,IAAI,qBAAqB,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAC/F,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,+BAAsB,CAC5C,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IAAC,MAAM,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,EAAE,OAAO,EAAE,mBAAmB,YAChF,qBAAqB,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;4BAC7C,OAAO,CACL,KAAC,OAAO,IAAa,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,IAA3F,KAAK,CAA0F,CAC9G,CAAA;wBACH,CAAC,CAAC,GACa,CAClB,GACA,CACJ,EACA,0BAA0B,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,uBAAuB,GAAG,IACxE,GACF,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,10 @@
+import { TokenBalance } from '@0xsequence/indexer';
+import { TokenBalanceWithPrice } from '../../utils';
+export declare const TokenList: ({ tokenBalancesData, isLoadingFirstPage, onTokenClick, includeUserAddress, enableFilters }: {
+    tokenBalancesData: TokenBalance[];
+    isLoadingFirstPage: boolean;
+    onTokenClick: (token: TokenBalanceWithPrice) => void;
+    enableFilters?: boolean;
+    includeUserAddress?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TokenList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokenList.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchLists/TokenList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAOlD,OAAO,EAAsB,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAKvE,eAAO,MAAM,SAAS,GAAI,4FAMvB;IACD,iBAAiB,EAAE,YAAY,EAAE,CAAA;IACjC,kBAAkB,EAAE,OAAO,CAAA;IAC3B,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACpD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,4CAiIA,CAAA"}

package/dist/esm/components/SearchLists/TokenList.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { compareAddress, getNativeTokenInfoByChainId } from '@0xsequence/connect';
+import { SearchIcon, TextInput } from '@0xsequence/design-system';
+import { useGetCoinPrices, useGetExchangeRate } from '@0xsequence/hooks';
+import { ethers } from 'ethers';
+import Fuse from 'fuse.js';
+import { useState, useMemo } from 'react';
+import { useConfig } from 'wagmi';
+import { useSettings, useGetMoreBalances } from '../../hooks';
+import { computeBalanceFiat } from '../../utils';
+import { FilterButton } from '../Filter/FilterButton';
+import { CoinsTab } from './TokenList/CoinsTab';
+export const TokenList = ({ tokenBalancesData, isLoadingFirstPage, onTokenClick, includeUserAddress = false, enableFilters = true }) => {
+    const pageSize = 10;
+    const { chains } = useConfig();
+    const { fiatCurrency } = useSettings();
+    const [search, setSearch] = useState('');
+    const coinBalancesUnordered = tokenBalancesData?.filter(b => b.contractType === 'ERC20' || compareAddress(b.contractAddress, ethers.ZeroAddress)) || [];
+    const { data: coinPrices = [], isLoading: isLoadingCoinPrices } = useGetCoinPrices(coinBalancesUnordered.map(token => ({
+        chainId: token.chainId,
+        contractAddress: token.contractAddress
+    })));
+    const { data: conversionRate = 1, isLoading: isLoadingConversionRate } = useGetExchangeRate(fiatCurrency.symbol);
+    const coinBalances = coinBalancesUnordered.sort((a, b) => {
+        const fiatA = computeBalanceFiat({
+            balance: a,
+            prices: coinPrices,
+            conversionRate,
+            decimals: a.contractInfo?.decimals || 18
+        });
+        const fiatB = computeBalanceFiat({
+            balance: b,
+            prices: coinPrices,
+            conversionRate,
+            decimals: b.contractInfo?.decimals || 18
+        });
+        return Number(fiatB) - Number(fiatA);
+    });
+    const coinBalancesWithPrices = coinBalances.map(balance => {
+        const matchingPrice = coinPrices.find(price => {
+            const isSameChainAndAddress = price.token.chainId === balance.chainId && price.token.contractAddress === balance.contractAddress;
+            const isTokenIdMatch = price.token.tokenId === balance.tokenID || !(balance.contractType === 'ERC721' || balance.contractType === 'ERC1155');
+            return isSameChainAndAddress && isTokenIdMatch;
+        });
+        const priceValue = (matchingPrice?.price?.value || 0) * conversionRate;
+        const priceCurrency = fiatCurrency.symbol;
+        return {
+            ...balance,
+            price: { value: priceValue, currency: priceCurrency }
+        };
+    });
+    const isLoading = isLoadingFirstPage || isLoadingCoinPrices || isLoadingConversionRate;
+    const fuseOptions = {
+        threshold: 0.1,
+        ignoreLocation: true,
+        keys: [
+            {
+                name: 'name',
+                getFn: (token) => {
+                    if (compareAddress(token.contractAddress, ethers.ZeroAddress)) {
+                        const nativeTokenInfo = getNativeTokenInfoByChainId(token.chainId, chains);
+                        return nativeTokenInfo.name;
+                    }
+                    return token.contractInfo?.name || 'Unknown';
+                }
+            }
+        ]
+    };
+    const fuse = useMemo(() => {
+        return new Fuse(coinBalancesWithPrices, fuseOptions);
+    }, [coinBalancesWithPrices]);
+    const searchResults = useMemo(() => {
+        if (!search.trimStart()) {
+            return [];
+        }
+        return fuse.search(search).map(result => result.item);
+    }, [search, fuse]);
+    const { data: infiniteBalances, fetchNextPage: fetchMoreBalances, hasNextPage: hasMoreBalances, isFetching: isFetchingMoreBalances } = useGetMoreBalances(coinBalancesWithPrices, pageSize, { enabled: search.trim() === '' });
+    const { data: infiniteSearchBalances, fetchNextPage: fetchMoreSearchBalances, hasNextPage: hasMoreSearchBalances, isFetching: isFetchingMoreSearchBalances } = useGetMoreBalances(searchResults, pageSize, { enabled: search.trim() !== '' });
+    return (_jsxs("div", { className: "flex flex-col gap-4 items-center justify-center", children: [_jsxs("div", { className: "flex flex-row justify-between items-center w-full gap-2", children: [_jsx("div", { className: "grow", children: _jsx(TextInput, { autoFocus: true, name: "search wallet", leftIcon: SearchIcon, value: search, onChange: ev => setSearch(ev.target.value), placeholder: "Search your wallet", "data-1p-ignore": true }) }), enableFilters && _jsx(FilterButton, { label: "Token Filters", type: "tokens" })] }), _jsx("div", { className: "w-full", children: _jsx(CoinsTab, { displayedCoinBalances: search ? infiniteSearchBalances?.pages.flat() : infiniteBalances?.pages.flat(), fetchMoreCoinBalances: search ? fetchMoreSearchBalances : fetchMoreBalances, hasMoreCoinBalances: search ? hasMoreSearchBalances : hasMoreBalances, isFetchingMoreCoinBalances: search ? isFetchingMoreSearchBalances : isFetchingMoreBalances, isFetchingInitialBalances: isLoading, onTokenClick: onTokenClick, includeUserAddress: includeUserAddress }) })] }));
+};
+//# sourceMappingURL=TokenList.js.map

package/dist/esm/components/SearchLists/TokenList.js.map

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

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

@@ -0,0 +1,3 @@
+export * from './TokenList';
+export * from './CollectiblesList';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchLists/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SearchLists/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA"}

package/dist/esm/components/Select/NetworkSelect.d.ts

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

package/dist/esm/components/Select/NetworkSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/NetworkSelect.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa,+CA+CzB,CAAA"}

package/dist/esm/components/Select/NetworkSelect.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cardVariants, ChevronUpDownIcon, cn, NetworkImage, Text } from '@0xsequence/design-system';
+import { useState } from 'react';
+import { useChainId, useChains, useSwitchChain } from 'wagmi';
+import { NetworkRow } from '../Filter/NetworkRow';
+import { SlideupDrawer } from './SlideupDrawer';
+const NETWORK_SELECT_HEIGHT = '70px';
+export const NetworkSelect = () => {
+    const chains = useChains();
+    const chainId = useChainId();
+    const { switchChain } = useSwitchChain();
+    const [isOpen, setIsOpen] = useState(false);
+    return (_jsxs("div", { className: cn(cardVariants({ clickable: true }), 'flex justify-between items-center border-1 border-solid rounded-xl px-4 py-3 gap-2 select-none'), style: { height: NETWORK_SELECT_HEIGHT }, onClick: () => setIsOpen(true), children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Text, { variant: "small", fontWeight: "bold", color: "muted", children: "Network" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(NetworkImage, { chainId: chainId, size: "sm" }), _jsx(Text, { variant: "normal", fontWeight: "bold", color: "primary", children: chains.find(chain => chain.id === chainId)?.name || chainId })] })] }), _jsx(ChevronUpDownIcon, { className: "text-muted" }), isOpen && (_jsx(SlideupDrawer, { label: "Network", onClose: () => setIsOpen(false), children: _jsx("div", { className: "flex flex-col gap-2", style: { overflowY: 'auto' }, children: chains.map(chain => (_jsx(NetworkRow, { chainId: chain.id, isSelected: chain.id === chainId, onClick: () => {
+                            switchChain({ chainId: chain.id });
+                            setIsOpen(false);
+                        } }, chain.id))) }) }))] }));
+};
+//# sourceMappingURL=NetworkSelect.js.map

package/dist/esm/components/Select/NetworkSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/NetworkSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AACnG,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,qBAAqB,GAAG,MAAM,CAAA;AAEpC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAA;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACjC,gGAAgG,CACjG,EACD,KAAK,EAAE,EAAE,MAAM,EAAE,qBAAqB,EAAE,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,aAE9B,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,wBAE9C,EACP,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,GAAG,EAC5C,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,YACrD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,IAAI,IAAI,OAAO,GACvD,IACH,IACF,EAEN,KAAC,iBAAiB,IAAC,SAAS,EAAC,YAAY,GAAG,EAC3C,MAAM,IAAI,CACT,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,YAC5D,cAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAC9D,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACnB,KAAC,UAAU,IAET,OAAO,EAAE,KAAK,CAAC,EAAE,EACjB,UAAU,EAAE,KAAK,CAAC,EAAE,KAAK,OAAO,EAChC,OAAO,EAAE,GAAG,EAAE;4BACZ,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;4BAClC,SAAS,CAAC,KAAK,CAAC,CAAA;wBAClB,CAAC,IANI,KAAK,CAAC,EAAE,CAOb,CACH,CAAC,GACE,GACQ,CACjB,IACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Select/SelectWalletRow.d.ts

@@ -0,0 +1,8 @@
+import { ConnectedWallet } from '@0xsequence/connect';
+export declare const SelectWalletRow: ({ wallet, isSelected, onClick, onClose }: {
+    wallet: ConnectedWallet;
+    isSelected?: boolean;
+    onClick: (address: string) => void;
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectWalletRow.d.ts.map

package/dist/esm/components/Select/SelectWalletRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectWalletRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/SelectWalletRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAQpE,eAAO,MAAM,eAAe,GAAI,0CAK7B;IACD,MAAM,EAAE,eAAe,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,4CA+BA,CAAA"}

package/dist/esm/components/Select/SelectWalletRow.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAddress } from '@0xsequence/connect';
+import { Text } from '@0xsequence/design-system';
+import { useSettings, useFiatWalletsMap } from '../../hooks';
+import { CopyButton } from '../CopyButton';
+import { ListCardSelect } from '../ListCard/ListCardSelect';
+import { WalletAccountGradient } from '../WalletAccountGradient';
+export const SelectWalletRow = ({ wallet, isSelected = false, onClick, onClose }) => {
+    const { fiatCurrency } = useSettings();
+    const { fiatWalletsMap } = useFiatWalletsMap();
+    function onSelectWallet() {
+        onClick(wallet.address);
+        onClose();
+    }
+    const fiatValue = fiatWalletsMap.find(w => w.accountAddress === wallet.address)?.fiatValue;
+    return (_jsxs(ListCardSelect, { rightChildren: _jsxs(Text, { color: "muted", fontWeight: "medium", variant: "normal", children: [fiatCurrency.sign, fiatValue] }), onClick: onSelectWallet, isSelected: wallet.isActive || isSelected, children: [_jsx(WalletAccountGradient, { accountAddress: wallet.address, size: 'small' }), _jsx("div", { className: "flex flex-col", children: _jsxs(Text, { className: "flex flex-row gap-1 items-center", nowrap: true, color: "primary", fontWeight: "medium", variant: "normal", children: [formatAddress(wallet.address), _jsx(CopyButton, { text: wallet.address, buttonVariant: "icon", onClick: e => e.stopPropagation() })] }) })] }));
+};
+//# sourceMappingURL=SelectWalletRow.js.map

package/dist/esm/components/Select/SelectWalletRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectWalletRow.js","sourceRoot":"","sources":["../../../../src/components/Select/SelectWalletRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAmB,MAAM,qBAAqB,CAAA;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,OAAO,EAMR,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,WAAW,EAAE,CAAA;IACtC,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAE9C,SAAS,cAAc;QACrB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACvB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,MAAM,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,KAAK,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;IAE1F,OAAO,CACL,MAAC,cAAc,IACb,aAAa,EACX,MAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,aACrD,YAAY,CAAC,IAAI,EACjB,SAAS,IACL,EAET,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,MAAM,CAAC,QAAQ,IAAI,UAAU,aAEzC,KAAC,qBAAqB,IAAC,cAAc,EAAE,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,GAAI,EACxE,cAAK,SAAS,EAAC,eAAe,YAC5B,MAAC,IAAI,IAAC,SAAS,EAAC,kCAAkC,EAAC,MAAM,QAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,aAC3G,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,EAC9B,KAAC,UAAU,IAAC,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE,aAAa,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,GAAI,IACvF,GACH,IACS,CAClB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Select/SlideupDrawer.d.ts

@@ -0,0 +1,10 @@
+export declare const SlideupDrawer: ({ label, children, buttonLabel, dragHandleWidth, onClose, handleButtonPress, onBackPress }: {
+    label: string;
+    children: React.ReactNode;
+    buttonLabel?: string;
+    dragHandleWidth?: number;
+    onClose: () => void;
+    handleButtonPress?: () => void;
+    onBackPress?: () => void;
+}) => import("react").ReactPortal | null;
+//# sourceMappingURL=SlideupDrawer.d.ts.map

package/dist/esm/components/Select/SlideupDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideupDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/SlideupDrawer.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,aAAa,GAAI,4FAQ3B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CACzB,uCAiHA,CAAA"}

package/dist/esm/components/Select/SlideupDrawer.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cardVariants, cn, Divider, Text, ChevronLeftIcon, Button } from '@0xsequence/design-system';
+import { motion } from 'motion/react';
+import { useContext, useEffect, useState } from 'react';
+import ReactDOM from 'react-dom';
+import { WALLET_WIDTH } from '../../constants';
+import { WalletContentRefContext } from '../../contexts/WalletContentRef';
+export const SlideupDrawer = ({ label, children, buttonLabel, dragHandleWidth = 64, onClose, handleButtonPress, onBackPress }) => {
+    const [walletContentHeight, setWalletContentHeight] = useState(0);
+    const walletContentRef = useContext(WalletContentRefContext);
+    useEffect(() => {
+        const rect = walletContentRef?.current?.getBoundingClientRect();
+        if (rect) {
+            setWalletContentHeight(rect.height);
+        }
+    }, [walletContentRef]);
+    if (!walletContentRef.current) {
+        return null;
+    }
+    return ReactDOM.createPortal(_jsxs(_Fragment, { children: [_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 0.6 }, exit: { opacity: 0 }, transition: { duration: 0.2 }, style: {
+                    position: 'fixed',
+                    top: 0,
+                    left: 0,
+                    width: '100%',
+                    height: '100%',
+                    backgroundColor: 'rgba(38, 38, 38, 1)',
+                    zIndex: 30
+                }, onClick: e => {
+                    e.stopPropagation();
+                    onClose();
+                } }, "modal-background"), _jsx(motion.div, { initial: { y: '100%', opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: '100%', opacity: 0 }, transition: { duration: 0.2, ease: 'easeOut' }, drag: "y", dragConstraints: { top: 0, bottom: 0 }, onDragEnd: (event, info) => {
+                    if (info.offset.y > 100) {
+                        onClose();
+                    }
+                }, style: {
+                    maxWidth: WALLET_WIDTH,
+                    position: 'fixed',
+                    bottom: 0,
+                    left: 0,
+                    width: '100%',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    zIndex: 30
+                }, onClick: e => e.stopPropagation(), children: _jsxs("div", { className: "bg-background-primary p-0 rounded-xl", style: { flex: 1 }, children: [_jsxs("div", { className: `flex flex-row rounded-none p-4 ${onBackPress ? 'justify-between' : 'justify-center'}`, children: [onBackPress && (_jsx(Button, { variant: "text", className: "pt-2", onClick: onBackPress, children: _jsx(ChevronLeftIcon, { color: "white" }) })), _jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "flex justify-center items-center rounded-none p-0", children: _jsx("div", { className: "rounded-full", style: { width: dragHandleWidth, height: '4px', backgroundColor: 'white', cursor: 'grab' } }) }), _jsx("div", { className: "flex flex-col items-center w-full rounded-none pt-2", children: _jsx(Text, { color: "primary", fontWeight: "bold", variant: "medium", style: { display: 'flex', justifyContent: 'center' }, children: label }) })] }), onBackPress && _jsx("div", { style: { width: '20px' } })] }), _jsx("div", { className: "rounded-none bg-background-primary px-4 pb-4", style: { height: 'auto', maxHeight: `calc(${walletContentHeight}px / 2)`, overflowY: 'auto' }, children: children }), buttonLabel && (_jsxs(_Fragment, { children: [_jsx(Divider, { className: "my-0" }), _jsx("div", { className: "rounded-none m-4", children: _jsx("div", { className: cn(cardVariants({ clickable: true }), 'flex justify-center items-center bg-gradient-primary rounded-full gap-2 p-3'), onClick: handleButtonPress, children: _jsx(Text, { color: "primary", fontWeight: "bold", variant: "normal", children: buttonLabel }) }) })] }))] }) }, "modal-content")] }), walletContentRef.current);
+};
+//# sourceMappingURL=SlideupDrawer.js.map

package/dist/esm/components/Select/SlideupDrawer.js.map

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

package/dist/esm/components/Select/WalletSelect.d.ts

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

package/dist/esm/components/Select/WalletSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WalletSelect.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,GAAI,6BAA6B;IAAE,cAAc,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,4CA2CvH,CAAA"}

package/dist/esm/components/Select/WalletSelect.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useWallets } from '@0xsequence/connect';
+import { ChevronUpDownIcon, Text } from '@0xsequence/design-system';
+import { useState } from 'react';
+import { SelectWalletRow } from './SelectWalletRow';
+import { SlideupDrawer } from './SlideupDrawer';
+const WALLET_SELECT_HEIGHT = '60px';
+export const WalletSelect = ({ selectedWallet, onClick }) => {
+    const { wallets } = useWallets();
+    const [isOpen, setIsOpen] = useState(false);
+    const activeWallet = wallets.find(wallet => wallet.isActive);
+    const allButActiveWallet = wallets.filter(wallet => wallet.address !== activeWallet?.address);
+    const handleClick = (address) => {
+        onClick(address);
+        setIsOpen(false);
+    };
+    return (_jsxs("div", { className: "flex bg-background-secondary justify-between items-center hover:opacity-80 cursor-pointer rounded-xl px-4 py-3 gap-2 select-none", style: { height: WALLET_SELECT_HEIGHT }, onClick: () => setIsOpen(true), children: [_jsx("div", { className: "flex flex-col gap-2", children: _jsx(Text, { variant: "small", fontWeight: "bold", color: "muted", children: "Select Connected Wallet" }) }), _jsx(ChevronUpDownIcon, { className: "text-muted" }), isOpen && (_jsx(SlideupDrawer, { label: "Wallets", onClose: () => setIsOpen(false), children: _jsx("div", { className: "flex flex-col gap-2", style: { overflowY: 'auto' }, children: allButActiveWallet.map(wallet => (_jsx(SelectWalletRow, { wallet: wallet, isSelected: wallet.address === selectedWallet, onClick: handleClick, onClose: () => setIsOpen(false) }, wallet.address))) }) }))] }));
+};
+//# sourceMappingURL=WalletSelect.js.map

package/dist/esm/components/Select/WalletSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/WalletSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,oBAAoB,GAAG,MAAM,CAAA;AAEnC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,EAAkE,EAAE,EAAE;IAC1H,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IAE5D,MAAM,kBAAkB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,KAAK,YAAY,EAAE,OAAO,CAAC,CAAA;IAE7F,MAAM,WAAW,GAAG,CAAC,OAAe,EAAE,EAAE;QACtC,OAAO,CAAC,OAAO,CAAC,CAAA;QAChB,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAC,kIAAkI,EAC5I,KAAK,EAAE,EAAE,MAAM,EAAE,oBAAoB,EAAE,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,aAE9B,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,wCAE9C,GACH,EAEN,KAAC,iBAAiB,IAAC,SAAS,EAAC,YAAY,GAAG,EAC3C,MAAM,IAAI,CACT,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,YAC5D,cAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAC9D,kBAAkB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAChC,KAAC,eAAe,IAEd,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,CAAC,OAAO,KAAK,cAAc,EAC7C,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,IAJ1B,MAAM,CAAC,OAAO,CAKnB,CACH,CAAC,GACE,GACQ,CACjB,IACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare const FiatWalletsMapProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FiatWalletsMapProvider.d.ts.map

package/dist/esm/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiatWalletsMapProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,SAAS,EAAa,MAAM,OAAO,CAAA;AAQtD,eAAO,MAAM,sBAAsB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CA6D3E,CAAA"}

package/dist/esm/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { compareAddress, useWallets } from '@0xsequence/connect';
+import { useGetExchangeRate, useGetCoinPrices } from '@0xsequence/hooks';
+import { useState, useEffect } from 'react';
+import { zeroAddress, getAddress } from 'viem';
+import { FiatWalletsMapContextProvider } from '../../../contexts';
+import { useGetAllTokensDetails, useSettings } from '../../../hooks';
+import { computeBalanceFiat } from '../../../utils';
+// Define the provider component
+export const FiatWalletsMapProvider = ({ children }) => {
+    const { wallets } = useWallets();
+    const { selectedNetworks, hideUnlistedTokens, fiatCurrency } = useSettings();
+    const [fiatWalletsMap, setFiatWalletsMap] = useState([]);
+    const { data: tokenBalancesData, isLoading: isTokenBalancesLoading } = useGetAllTokensDetails({
+        accountAddresses: wallets.map(wallet => wallet.address),
+        chainIds: selectedNetworks,
+        hideUnlistedTokens
+    });
+    const coinBalancesUnordered = tokenBalancesData?.filter(b => b.contractType === 'ERC20' || compareAddress(b.contractAddress, zeroAddress)) || [];
+    const { data: coinPrices = [], isLoading: isCoinPricesLoading } = useGetCoinPrices(coinBalancesUnordered.map(token => ({
+        chainId: token.chainId,
+        contractAddress: token.contractAddress
+    })));
+    const { data: conversionRate, isLoading: isConversionRateLoading } = useGetExchangeRate(fiatCurrency.symbol);
+    useEffect(() => {
+        if (!isTokenBalancesLoading &&
+            !isCoinPricesLoading &&
+            !isConversionRateLoading &&
+            coinBalancesUnordered.length > 0 &&
+            coinPrices.length > 0 &&
+            conversionRate) {
+            const newFiatWalletsMap = wallets.map(wallet => {
+                const walletBalances = coinBalancesUnordered.filter(b => getAddress(b.accountAddress) === getAddress(wallet.address));
+                const walletFiatValue = walletBalances.reduce((acc, coin) => {
+                    return (acc +
+                        Number(computeBalanceFiat({
+                            balance: coin,
+                            prices: coinPrices,
+                            conversionRate,
+                            decimals: coin.contractInfo?.decimals || 18
+                        })));
+                }, 0);
+                return {
+                    accountAddress: wallet.address,
+                    fiatValue: walletFiatValue.toFixed(2)
+                };
+            });
+            if (JSON.stringify(newFiatWalletsMap) !== JSON.stringify(fiatWalletsMap)) {
+                setFiatWalletsMap(newFiatWalletsMap);
+            }
+        }
+    }, [coinBalancesUnordered, coinPrices, conversionRate]);
+    return _jsx(FiatWalletsMapContextProvider, { value: { fiatWalletsMap, setFiatWalletsMap }, children: children });
+};
+//# sourceMappingURL=FiatWalletsMapProvider.js.map

package/dist/esm/components/SequenceWalletProvider/ProviderComponents/FiatWalletsMapProvider.js.map

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

package/dist/esm/components/SequenceWalletProvider/ProviderComponents/SwapProvider.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare const SwapProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwapProvider.d.ts.map

package/dist/esm/components/SequenceWalletProvider/ProviderComponents/SwapProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/SequenceWalletProvider/ProviderComponents/SwapProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAQtD,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAyPjE,CAAA"}