@0xsequence/wallet-widget 5.1.1 → 5.2.1

package/dist/esm/components/SequenceWalletProvider/utils/index.js

@@ -1,42 +1,55 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CoinDetails, CollectibleDetails, CollectionDetails, Home, Receive, SendCoin, SendCollectible, History, SearchWallet, SearchWalletViewAll, SettingsMenu, SettingsCurrency, SettingsNetwork, SettingsGeneral, TransactionDetails, SwapCoin, SwapList } from '../../../views';
+import { CoinDetails, CollectibleDetails, Home, Receive, SendCoin, SendCollectible, History, TransactionDetails, SwapCoin, SwapList, SendGeneral, SearchTokens, SearchCollectibles, SettingsWallets, SettingsApps, SettingsCurrency, SettingsMenu, SettingsNetworks, SettingsPreferences, SettingsProfiles, 
+// QrScan,
+Swap } from '../../../views';
 import { NavigationHeader } from '../../NavigationHeader';
 import { WalletHeader } from '../../WalletHeader';
 export const getContent = (navigation) => {
     const { location } = navigation;
     switch (location) {
+        case 'send-general':
+            return _jsx(SendGeneral, {});
         case 'send-coin':
             return _jsx(SendCoin, { chainId: navigation.params.chainId, contractAddress: navigation.params.contractAddress });
         case 'send-collectible':
             return (_jsx(SendCollectible, { chainId: navigation.params.chainId, contractAddress: navigation.params.contractAddress, tokenId: navigation.params.tokenId }));
+        case 'swap':
+            return _jsx(Swap, {});
         case 'receive':
             return _jsx(Receive, {});
         case 'history':
             return _jsx(History, {});
-        case 'search':
-            return _jsx(SearchWallet, {});
-        case 'search-view-all':
-            return _jsx(SearchWalletViewAll, { defaultTab: navigation.params.defaultTab });
+        case 'search-tokens':
+            return _jsx(SearchTokens, {});
+        case 'search-collectibles':
+            return _jsx(SearchCollectibles, {});
         case 'settings':
             return _jsx(SettingsMenu, {});
-        case 'settings-general':
-            return _jsx(SettingsGeneral, {});
+        case 'settings-wallets':
+            return _jsx(SettingsWallets, {});
+        case 'settings-networks':
+            return _jsx(SettingsNetworks, {});
         case 'settings-currency':
             return _jsx(SettingsCurrency, {});
-        case 'settings-networks':
-            return _jsx(SettingsNetwork, {});
+        case 'settings-profiles':
+            return _jsx(SettingsProfiles, {});
+        case 'settings-preferences':
+            return _jsx(SettingsPreferences, {});
+        case 'settings-apps':
+            return _jsx(SettingsApps, {});
+        // case 'connect-dapp':
+        //   return <QrScan />
         case 'coin-details':
-            return _jsx(CoinDetails, { contractAddress: navigation.params.contractAddress, chainId: navigation.params.chainId });
+            return (_jsx(CoinDetails, { contractAddress: navigation.params.contractAddress, chainId: navigation.params.chainId, accountAddress: navigation.params.accountAddress }));
         case 'collectible-details':
-            return (_jsx(CollectibleDetails, { contractAddress: navigation.params.contractAddress, chainId: navigation.params.chainId, tokenId: navigation.params.tokenId }));
-        case 'collection-details':
-            return _jsx(CollectionDetails, { contractAddress: navigation.params.contractAddress, chainId: navigation.params.chainId });
+            return (_jsx(CollectibleDetails, { contractAddress: navigation.params.contractAddress, chainId: navigation.params.chainId, tokenId: navigation.params.tokenId, accountAddress: navigation.params.accountAddress }));
         case 'transaction-details':
             return _jsx(TransactionDetails, { transaction: navigation.params.transaction });
         case 'swap-coin':
             return _jsx(SwapCoin, { contractAddress: navigation.params.contractAddress, chainId: navigation.params.chainId });
         case 'swap-coin-list':
             return (_jsx(SwapList, { contractAddress: navigation.params.contractAddress, chainId: navigation.params.chainId, amount: navigation.params.amount }));
+        case 'home':
         default:
             return _jsx(Home, {});
     }
@@ -44,36 +57,47 @@ export const getContent = (navigation) => {
 export const getHeader = (navigation) => {
     const { location } = navigation;
     switch (location) {
-        case 'search':
-            return _jsx(NavigationHeader, { primaryText: "Search wallet" });
-        case 'search-view-all':
-            return _jsx(NavigationHeader, { secondaryText: "Search wallet / ", primaryText: "View all" });
+        case 'search-tokens':
+            return _jsx(NavigationHeader, { primaryText: "Tokens" });
+        case 'search-collectibles':
+            return _jsx(NavigationHeader, { primaryText: "Collectibles" });
         case 'settings':
-            return _jsx(NavigationHeader, { secondaryText: "Wallet / ", primaryText: "Settings" });
-        case 'settings-general':
-            return _jsx(NavigationHeader, { secondaryText: "Wallet / Settings / ", primaryText: "General" });
-        case 'settings-currency':
-            return _jsx(NavigationHeader, { secondaryText: "Wallet / Settings / ", primaryText: "Currency" });
+            return _jsx(NavigationHeader, { primaryText: "Settings" });
+        case 'settings-wallets':
+            return _jsx(NavigationHeader, { primaryText: "Wallets" });
         case 'settings-networks':
-            return _jsx(NavigationHeader, { secondaryText: "Wallet / Settings / ", primaryText: "Networks" });
-        case 'receive':
-            return _jsx(NavigationHeader, { secondaryText: "Wallet / ", primaryText: "Receive" });
+            return _jsx(NavigationHeader, { primaryText: "Networks" });
+        case 'settings-currency':
+            return _jsx(NavigationHeader, { primaryText: "Currency" });
+        case 'settings-profiles':
+            return _jsx(NavigationHeader, { primaryText: "Profiles" });
+        case 'settings-preferences':
+            return _jsx(NavigationHeader, { primaryText: "Preferences" });
+        case 'settings-apps':
+            return _jsx(NavigationHeader, { primaryText: "Apps" });
+        case 'connect-dapp':
+            return _jsx(NavigationHeader, { primaryText: "Connect an App" });
         case 'history':
-            return _jsx(NavigationHeader, { secondaryText: "Wallet / ", primaryText: "History" });
+            return _jsx(NavigationHeader, { primaryText: "Transaction History" });
         case 'coin-details':
             return _jsx(WalletHeader, {});
         case 'collectible-details':
             return _jsx(WalletHeader, {});
         case 'transaction-details':
             return _jsx(NavigationHeader, { secondaryText: "", primaryText: "" });
-        case 'send-collectible':
+        case 'send-general':
+            return _jsx(WalletHeader, { primaryText: "Send", enableAccountSelector: true });
         case 'send-coin':
-            return _jsx(NavigationHeader, { secondaryText: "Wallet / ", primaryText: "Send" });
+            return _jsx(WalletHeader, { primaryText: "Send Coin" });
+        case 'send-collectible':
+            return _jsx(WalletHeader, { primaryText: "Send Collectible" });
+        case 'swap':
+            return _jsx(WalletHeader, { primaryText: "Swap", enableAccountSelector: true });
         case 'swap-coin':
         case 'swap-coin-list':
             return _jsx(NavigationHeader, { secondaryText: "Wallet / ", primaryText: "Buy" });
-        default:
-            return _jsx(WalletHeader, {});
+        case 'receive':
+            return _jsx(WalletHeader, { primaryText: "Receive", enableAccountSelector: true });
     }
 };
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/TransactionConfirmation.d.ts

@@ -14,11 +14,12 @@ interface TransactionConfirmationProps {
         options: FeeOption[];
         chainId: number;
     };
+    disabled?: boolean;
     onSelectFeeOption?: (feeTokenAddress: string | null) => void;
     isLoading?: boolean;
     onConfirm: () => void;
     onCancel: () => void;
 }
-export declare const TransactionConfirmation: ({ name, symbol, imageUrl, amount, toAddress, showSquareImage, fiatValue, chainId, balance, decimals, feeOptions, onSelectFeeOption, isLoading, onConfirm, onCancel }: TransactionConfirmationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TransactionConfirmation: ({ name, symbol, imageUrl, amount, toAddress, showSquareImage, fiatValue, chainId, balance, decimals, feeOptions, onSelectFeeOption, isLoading, disabled, onConfirm, onCancel }: TransactionConfirmationProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TransactionConfirmation.d.ts.map

package/dist/esm/components/TransactionConfirmation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionConfirmation.d.ts","sourceRoot":"","sources":["../../../src/components/TransactionConfirmation.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAA;AAGlE,UAAU,4BAA4B;IAEpC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE;QACX,OAAO,EAAE,SAAS,EAAE,CAAA;QACpB,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,iBAAiB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;IAGnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AA6CD,eAAO,MAAM,uBAAuB,GAAI,sKAgBrC,4BAA4B,4CAyF9B,CAAA"}
+{"version":3,"file":"TransactionConfirmation.d.ts","sourceRoot":"","sources":["../../../src/components/TransactionConfirmation.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAA;AAGlE,UAAU,4BAA4B;IAEpC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE;QACX,OAAO,EAAE,SAAS,EAAE,CAAA;QACpB,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;IAGnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AA6CD,eAAO,MAAM,uBAAuB,GAAI,gLAiBrC,4BAA4B,4CA2F9B,CAAA"}

package/dist/esm/components/TransactionConfirmation.js

@@ -45,7 +45,7 @@ const useFeeOptionBalances = (feeOptions, chainId) => {
         staleTime: 10000
     });
 };
-export const TransactionConfirmation = ({ name, symbol, imageUrl, amount, toAddress, showSquareImage, fiatValue, chainId, balance, decimals, feeOptions, onSelectFeeOption, isLoading, onConfirm, onCancel }) => {
+export const TransactionConfirmation = ({ name, symbol, imageUrl, amount, toAddress, showSquareImage, fiatValue, chainId, balance, decimals, feeOptions, onSelectFeeOption, isLoading, disabled, onConfirm, onCancel }) => {
     const [selectedFeeOptionAddress, setSelectedFeeOptionAddress] = useState();
     const { data: feeOptionBalances = [] } = useFeeOptionBalances(feeOptions, chainId);
     const handleFeeOptionSelect = (address) => {
@@ -55,7 +55,9 @@ export const TransactionConfirmation = ({ name, symbol, imageUrl, amount, toAddr
     // If feeOptions exist and have options, a selection is required
     // If feeOptions don't exist or have no options, no selection is required
     const isFeeSelectionRequired = Boolean(feeOptions?.options?.length);
-    const isConfirmDisabled = isFeeSelectionRequired && !selectedFeeOptionAddress;
-    return (_jsx("div", { className: "flex w-full h-full items-center justify-center bg-background-primary", children: _jsxs("div", { className: "flex gap-2 flex-col bg-background-primary w-full", children: [_jsxs("div", { className: "flex bg-background-secondary rounded-xl p-4 pb-3 gap-2 flex-col", children: [_jsx(SendItemInfo, { imageUrl: imageUrl, showSquareImage: showSquareImage, name: name, symbol: symbol, chainId: chainId, balance: balance, decimals: decimals }), _jsxs("div", { className: "flex mt-2 gap-1 flex-col", children: [_jsx(Text, { variant: "small", color: "muted", children: "Amount" }), _jsxs("div", { className: "flex flex-row items-center gap-2", children: [_jsxs(Text, { variant: "normal", color: "primary", children: [amount, " ", symbol] }), fiatValue && (_jsxs(Text, { variant: "small", color: "muted", children: ["~$", fiatValue] }))] })] }), _jsxs("div", { className: "flex mt-2 gap-1 flex-col", children: [_jsx(Text, { variant: "small", color: "muted", children: "To" }), _jsx(Card, { className: "flex w-full flex-row items-center", style: { height: '52px' }, children: _jsxs("div", { className: "flex flex-row justify-center items-center gap-2", children: [_jsx(GradientAvatar, { size: "sm", address: toAddress }), _jsx(Text, { color: "primary", variant: "normal", children: `0x${truncateAtMiddle(toAddress.substring(2), 10)}` })] }) })] }), isFeeSelectionRequired && feeOptions?.options && (_jsx(FeeOptionSelector, { txnFeeOptions: feeOptions.options, feeOptionBalances: feeOptionBalances, selectedFeeOptionAddress: selectedFeeOptionAddress, setSelectedFeeOptionAddress: handleFeeOptionSelect }))] }), _jsx("div", { className: "flex mt-3 gap-2", children: isLoading ? (_jsx("div", { className: "flex w-full items-center justify-center", style: { height: '52px' }, children: _jsx(Spinner, {}) })) : (_jsxs(_Fragment, { children: [_jsx(Button, { className: "w-full", variant: "primary", size: "lg", onClick: onConfirm, label: "Confirm", rightIcon: ChevronRightIcon, disabled: isConfirmDisabled }), _jsx(Button, { className: "w-full", variant: "glass", size: "lg", onClick: onCancel, label: "Cancel" })] })) })] }) }));
+    const isConfirmDisabled = (isFeeSelectionRequired && !selectedFeeOptionAddress) || disabled;
+    return (_jsx("div", { className: "flex w-full h-full items-center justify-center bg-background-primary", children: _jsxs("div", { className: "flex gap-2 flex-col bg-background-primary w-full", children: [_jsxs("div", { className: "flex bg-background-secondary rounded-xl p-4 pb-3 gap-2 flex-col", children: [_jsx(SendItemInfo, { imageUrl: imageUrl, showSquareImage: showSquareImage, name: name, symbol: symbol, chainId: chainId, balance: balance, decimals: decimals }), _jsxs("div", { className: "flex mt-2 gap-1 flex-col", children: [_jsx(Text, { variant: "small", color: "muted", children: "Amount" }), _jsxs("div", { className: "flex flex-row items-center gap-2", children: [_jsxs(Text, { variant: "normal", color: "primary", children: [amount, " ", symbol] }), fiatValue && (_jsxs(Text, { variant: "small", color: "muted", children: ["~$", fiatValue] }))] })] }), _jsxs("div", { className: "flex mt-2 gap-1 flex-col", children: [_jsx(Text, { variant: "small", color: "muted", children: "To" }), _jsx(Card, { className: "flex w-full flex-row items-center", style: { height: '52px' }, children: _jsxs("div", { className: "flex flex-row justify-center items-center gap-2", children: [_jsx(GradientAvatar, { size: "sm", address: toAddress }), _jsx(Text, { color: "primary", variant: "normal", children: `0x${truncateAtMiddle(toAddress.substring(2), 10)}` })] }) })] }), isFeeSelectionRequired && feeOptions?.options && (_jsx(FeeOptionSelector, { txnFeeOptions: feeOptions.options, feeOptionBalances: feeOptionBalances, selectedFeeOptionAddress: selectedFeeOptionAddress, setSelectedFeeOptionAddress: handleFeeOptionSelect }))] }), _jsx("div", { className: "flex mt-3 gap-2", children: isLoading ? (_jsx("div", { className: "flex w-full items-center justify-center", style: { height: '52px' }, children: _jsx(Spinner, {}) })) : (_jsxs(_Fragment, { children: [_jsx(Button, { className: "w-full", variant: "glass", size: "lg", onClick: onCancel, label: "Cancel" }), _jsx(Button, { className: "w-full", variant: "primary", size: "lg", onClick: () => {
+                                    onConfirm();
+                                }, label: "Confirm", rightIcon: ChevronRightIcon, disabled: isConfirmDisabled })] })) })] }) }));
 };
 //# sourceMappingURL=TransactionConfirmation.js.map

package/dist/esm/components/TransactionConfirmation.js.map

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

package/dist/esm/components/TransactionHistoryList/TransactionHistoryItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionHistoryItem.d.ts","sourceRoot":"","sources":["../../../../src/components/TransactionHistoryList/TransactionHistoryItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAgC,MAAM,qBAAqB,CAAA;AAQ/E,UAAU,2BAA2B;IACnC,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,eAAO,MAAM,sBAAsB,GAAI,iBAAiB,2BAA2B,4CA6KlF,CAAA"}
+{"version":3,"file":"TransactionHistoryItem.d.ts","sourceRoot":"","sources":["../../../../src/components/TransactionHistoryList/TransactionHistoryItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAgC,MAAM,qBAAqB,CAAA;AAO/E,UAAU,2BAA2B;IACnC,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,eAAO,MAAM,sBAAsB,GAAI,iBAAiB,2BAA2B,4CAyLlF,CAAA"}

package/dist/esm/components/TransactionHistoryList/TransactionHistoryItem.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { compareAddress, formatDisplay, getNativeTokenInfoByChainId } from '@0xsequence/connect';
-import { ArrowRightIcon, Text, Image, TransactionIcon, Skeleton, NetworkImage } from '@0xsequence/design-system';
+import { ArrowRightIcon, Text, TransactionIcon, Skeleton, NetworkImage, TokenImage } from '@0xsequence/design-system';
 import { useGetCoinPrices, useGetExchangeRate } from '@0xsequence/hooks';
 import { TxnTransferType } from '@0xsequence/indexer';
 import dayjs from 'dayjs';
@@ -26,12 +26,12 @@ export const TransactionHistoryItem = ({ transaction }) => {
             tokenContractAddresses.push(tokenContractAddress);
         }
     });
-    const { data: coinPrices = [], isPending: isPendingCoinPrices } = useGetCoinPrices(tokenContractAddresses.map(contractAddress => ({
+    const { data: coinPrices = [], isLoading: isLoadingCoinPrices } = useGetCoinPrices(tokenContractAddresses.map(contractAddress => ({
         contractAddress,
         chainId: transaction.chainId
     })));
-    const { data: conversionRate = 1, isPending: isPendingConversionRate } = useGetExchangeRate(fiatCurrency.symbol);
-    const isPending = isPendingCoinPrices || isPendingConversionRate;
+    const { data: conversionRate = 1, isLoading: isLoadingConversionRate } = useGetExchangeRate(fiatCurrency.symbol);
+    const isLoading = isLoadingCoinPrices || isLoadingConversionRate;
     const { transfers } = transaction;
     const getTransactionIconByType = (transferType) => {
         switch (transferType) {
@@ -76,7 +76,7 @@ export const TransactionHistoryItem = ({ transaction }) => {
         else if (transferType === TxnTransferType.RECEIVE) {
             textColor = 'positive';
         }
-        return _jsx(Text, { variant: "normal", fontWeight: "bold", color: textColor, children: `${sign}${amount} ${symbol}` });
+        return (_jsx(Text, { className: "overflow-hidden", variant: "normal", fontWeight: "bold", color: textColor, ellipsis: true, children: `${sign}${amount} ${symbol}` }));
     };
     const getTransfer = ({ transfer, isFirstItem }) => {
         const { amounts } = transfer;
@@ -94,10 +94,14 @@ export const TransactionHistoryItem = ({ transaction }) => {
                         decimals = isNativeToken ? nativeTokenInfo.decimals : transfer.contractInfo?.decimals;
                     }
                     const amountValue = formatUnits(BigInt(amount), decimals || 18);
-                    const symbol = isNativeToken ? nativeTokenInfo.symbol : transfer.contractInfo?.symbol || '';
+                    const symbol = isNativeToken
+                        ? nativeTokenInfo.symbol
+                        : isCollectible
+                            ? transfer.contractInfo?.name || ''
+                            : transfer.contractInfo?.symbol || '';
                     const tokenLogoUri = isNativeToken ? nativeTokenInfo.logoURI : transfer.contractInfo?.logoURI;
                     const fiatConversionRate = coinPrices.find((coinPrice) => compareAddress(coinPrice.token.contractAddress, transfer.contractAddress))?.price?.value;
-                    return (_jsxs("div", { className: "flex flex-row justify-between", children: [_jsxs("div", { className: "flex flex-row gap-2 justify-center items-center", children: [tokenLogoUri && _jsx(Image, { className: "w-5", src: tokenLogoUri, alt: "token logo" }), getTransferAmountLabel(decimals === 0 ? amount : formatDisplay(amountValue), symbol, transfer.transferType)] }), isPending && _jsx(Skeleton, { style: { width: '35px', height: '20px' } }), fiatConversionRate && (_jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${fiatCurrency.sign}${(Number(amountValue) * fiatConversionRate * conversionRate).toFixed(2)}` }))] }, index));
+                    return (_jsxs("div", { className: "flex flex-row justify-between", children: [_jsxs("div", { className: "flex flex-row gap-2 justify-start items-center w-full", children: [(tokenLogoUri || symbol) && _jsx(TokenImage, { src: tokenLogoUri, symbol: symbol, size: "sm" }), getTransferAmountLabel(decimals === 0 ? amount : formatDisplay(amountValue), symbol, transfer.transferType)] }), isLoading && _jsx(Skeleton, { style: { width: '35px', height: '20px' } }), fiatConversionRate && (_jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${fiatCurrency.sign}${(Number(amountValue) * fiatConversionRate * conversionRate).toFixed(2)}` }))] }, index));
                 })] }));
     };
     return (_jsx("div", { className: "flex bg-background-secondary rounded-xl p-4 gap-2 items-center justify-center flex-col select-none cursor-pointer", onClick: () => onClickTransaction(), children: transfers?.map((transfer, position) => {

package/dist/esm/components/TransactionHistoryList/TransactionHistoryItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionHistoryItem.js","sourceRoot":"","sources":["../../../../src/components/TransactionHistoryList/TransactionHistoryItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TransactionHistoryItem.js","sourceRoot":"","sources":["../../../../src/components/TransactionHistoryList/TransactionHistoryItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAA;AAChG,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACrH,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAA4B,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAMxD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,WAAW,EAA+B,EAAE,EAAE;IACrF,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,MAAM,EAAE,YAAY,EAAE,GAAG,WAAW,EAAE,CAAA;IACtC,MAAM,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAA;IAEzC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC;YACZ,QAAQ,EAAE,qBAAqB;YAC/B,MAAM,EAAE;gBACN,WAAW;aACZ;SACF,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,sBAAsB,GAAa,EAAE,CAAA;IAE3C,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE;QACxC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,eAAe,CAAA;QACrD,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC;YAC3D,sBAAsB,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA;QACnD,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,CAChF,sBAAsB,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QAC7C,eAAe;QACf,OAAO,EAAE,WAAW,CAAC,OAAO;KAC7B,CAAC,CAAC,CACJ,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,GAAG,kBAAkB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;IAEhH,MAAM,SAAS,GAAG,mBAAmB,IAAI,uBAAuB,CAAA;IAEhE,MAAM,EAAE,SAAS,EAAE,GAAG,WAAW,CAAA;IAEjC,MAAM,wBAAwB,GAAG,CAAC,YAA6B,EAAE,EAAE;QACjE,QAAQ,YAAY,EAAE,CAAC;YACrB,KAAK,eAAe,CAAC,IAAI;gBACvB,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE;wBACL,SAAS,EAAE,gBAAgB;wBAC3B,KAAK,EAAE,MAAM;qBACd,GACD,CACH,CAAA;YACH,KAAK,eAAe,CAAC,OAAO;gBAC1B,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE;wBACL,SAAS,EAAE,eAAe;wBAC1B,KAAK,EAAE,MAAM;qBACd,GACD,CACH,CAAA;YACH,KAAK,eAAe,CAAC,OAAO,CAAC;YAC7B;gBACE,OAAO,KAAC,eAAe,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CAAA;QACxD,CAAC;IACH,CAAC,CAAA;IAED,MAAM,wBAAwB,GAAG,CAAC,YAA6B,EAAE,EAAE;QACjE,QAAQ,YAAY,EAAE,CAAC;YACrB,KAAK,eAAe,CAAC,IAAI;gBACvB,OAAO,MAAM,CAAA;YACf,KAAK,eAAe,CAAC,OAAO;gBAC1B,OAAO,UAAU,CAAA;YACnB,KAAK,eAAe,CAAC,OAAO,CAAC;YAC7B;gBACE,OAAO,YAAY,CAAA;QACvB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,sBAAsB,GAAG,CAAC,MAAc,EAAE,MAAc,EAAE,YAA6B,EAAE,EAAE;QAC/F,IAAI,IAAI,GAAG,EAAE,CAAA;QACb,IAAI,YAAY,KAAK,eAAe,CAAC,IAAI,EAAE,CAAC;YAC1C,IAAI,GAAG,GAAG,CAAA;QACZ,CAAC;aAAM,IAAI,YAAY,KAAK,eAAe,CAAC,OAAO,EAAE,CAAC;YACpD,IAAI,GAAG,GAAG,CAAA;QACZ,CAAC;QAED,IAAI,SAAS,GAAsC,OAAO,CAAA;QAC1D,IAAI,YAAY,KAAK,eAAe,CAAC,IAAI,EAAE,CAAC;YAC1C,SAAS,GAAG,UAAU,CAAA;QACxB,CAAC;aAAM,IAAI,YAAY,KAAK,eAAe,CAAC,OAAO,EAAE,CAAC;YACpD,SAAS,GAAG,UAAU,CAAA;QACxB,CAAC;QAED,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAC,QAAQ,EAChB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAE,SAAS,EAChB,QAAQ,kBACR,GAAG,IAAI,GAAG,MAAM,IAAI,MAAM,EAAE,GAAQ,CACvC,CAAA;IACH,CAAC,CAAA;IAOD,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAe,EAAE,EAAE;QAC7D,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAA;QAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;QAChE,OAAO,CACL,eAAK,SAAS,EAAC,4CAA4C,aACzD,eAAK,SAAS,EAAC,+BAA+B,aAC5C,eAAK,SAAS,EAAC,4DAA4D,aACxE,wBAAwB,CAAC,QAAQ,CAAC,YAAY,CAAC,EAChD,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACvD,wBAAwB,CAAC,QAAQ,CAAC,YAAY,CAAC,GAC3C,EACP,KAAC,YAAY,IAAC,OAAO,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,EAAC,IAAI,GAAG,IACpD,EACL,WAAW,IAAI,CACd,wBACE,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,YACrD,IAAI,GACA,GACH,CACP,IACG,EACL,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBAC7B,MAAM,eAAe,GAAG,2BAA2B,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;oBAChF,MAAM,aAAa,GAAG,cAAc,CAAC,QAAQ,CAAC,eAAe,EAAE,WAAW,CAAC,CAAA;oBAC3E,MAAM,aAAa,GAAG,QAAQ,CAAC,YAAY,EAAE,IAAI,KAAK,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,IAAI,KAAK,SAAS,CAAA;oBAC3G,IAAI,QAAQ,CAAA;oBACZ,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;oBAC1C,IAAI,aAAa,IAAI,OAAO,EAAE,CAAC;wBAC7B,QAAQ,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAA;oBAC7D,CAAC;yBAAM,CAAC;wBACN,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAA;oBACvF,CAAC;oBACD,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAA;oBAC/D,MAAM,MAAM,GAAG,aAAa;wBAC1B,CAAC,CAAC,eAAe,CAAC,MAAM;wBACxB,CAAC,CAAC,aAAa;4BACb,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,IAAI,IAAI,EAAE;4BACnC,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,EAAE,CAAA;oBACzC,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;oBAE7F,MAAM,kBAAkB,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,SAAqB,EAAE,EAAE,CACnE,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,eAAe,EAAE,QAAQ,CAAC,eAAe,CAAC,CAC1E,EAAE,KAAK,EAAE,KAAK,CAAA;oBAEf,OAAO,CACL,eAAK,SAAS,EAAC,+BAA+B,aAC5C,eAAK,SAAS,EAAC,uDAAuD,aACnE,CAAC,YAAY,IAAI,MAAM,CAAC,IAAI,KAAC,UAAU,IAAC,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,IAAI,GAAG,EACvF,sBAAsB,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,IACxG,EACL,SAAS,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACnE,kBAAkB,IAAI,CACrB,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,YACrD,GAAG,YAAY,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,kBAAkB,GAAG,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAC3F,CACR,KAViD,KAAK,CAWnD,CACP,CAAA;gBACH,CAAC,CAAC,IACE,CACP,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,cACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,YAElC,SAAS,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE;YACrC,OAAO,CACL,cAAK,SAAS,EAAC,QAAQ,YACpB,WAAW,CAAC;oBACX,QAAQ;oBACR,WAAW,EAAE,QAAQ,KAAK,CAAC;iBAC5B,CAAC,IAJyB,GAAG,WAAW,CAAC,OAAO,IAAI,QAAQ,EAAE,CAK3D,CACP,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,9 +1,9 @@
 import { Transaction } from '@0xsequence/indexer';
 interface TransactionHistoryListProps {
     transactions: Transaction[];
-    isPending: boolean;
+    isLoading: boolean;
     isFetchingNextPage: boolean;
 }
-export declare const TransactionHistoryList: ({ transactions, isPending, isFetchingNextPage }: TransactionHistoryListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TransactionHistoryList: ({ transactions, isLoading, isFetchingNextPage }: TransactionHistoryListProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -3,7 +3,7 @@ import { Spinner, Text } from '@0xsequence/design-system';
 import { useMemo } from 'react';
 import { TransactionHistoryItem } from './TransactionHistoryItem';
 import { TransactionHistorySkeleton } from './TransactionHistorySkeleton';
-export const TransactionHistoryList = ({ transactions, isPending, isFetchingNextPage }) => {
+export const TransactionHistoryList = ({ transactions, isLoading, isFetchingNextPage }) => {
     const transactionPeriods = [
         {
             id: 'today',
@@ -71,7 +71,7 @@ export const TransactionHistoryList = ({ transactions, isPending, isFetchingNext
         });
         return transactionsByTime;
     }, [transactions]);
-    if (isPending) {
+    if (isLoading) {
         return (_jsx("div", { className: "flex flex-col gap-2", children: _jsx(TransactionHistorySkeleton, {}) }));
     }
     const TimeLabel = ({ label }) => {

package/dist/esm/components/WalletAccountGradient.d.ts

@@ -0,0 +1,5 @@
+export declare const WalletAccountGradient: ({ accountAddress, size }: {
+    accountAddress: string;
+    size?: "small" | "large";
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WalletAccountGradient.d.ts.map

package/dist/esm/components/WalletAccountGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletAccountGradient.d.ts","sourceRoot":"","sources":["../../../src/components/WalletAccountGradient.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB,GAAI,0BAGnC;IACD,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CACzB,4CA6BA,CAAA"}

package/dist/esm/components/WalletAccountGradient.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useWallets } from '@0xsequence/connect';
+import { GradientAvatar } from '@0xsequence/design-system';
+import { getConnectorLogo } from './ConnectorLogos/getConnectorLogos';
+export const WalletAccountGradient = ({ accountAddress, size = 'large' }) => {
+    const { wallets } = useWallets();
+    const remSize = size === 'small' ? 8 : 16;
+    const LoginIcon = getConnectorLogo(wallets.find(wallet => wallet.address === accountAddress)?.signInMethod || '');
+    return (_jsx("div", { className: "flex relative", children: _jsxs("div", { className: "relative inline-block", children: [_jsx(GradientAvatar, { className: `w-${remSize} h-${remSize}`, size: "xl", address: accountAddress || '' }), _jsx("div", { style: {
+                        position: 'absolute',
+                        bottom: `-${remSize / 4}px`,
+                        right: `-${remSize / 4}px`,
+                        border: `${remSize / 8}px solid black`,
+                        backgroundColor: 'lightgrey',
+                        borderRadius: '50%',
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        padding: `${remSize / 4}px`
+                    }, children: _jsx("div", { style: { width: remSize, height: remSize }, children: LoginIcon }) })] }) }));
+};
+//# sourceMappingURL=WalletAccountGradient.js.map

package/dist/esm/components/WalletAccountGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletAccountGradient.js","sourceRoot":"","sources":["../../../src/components/WalletAccountGradient.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AAErE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,cAAc,EACd,IAAI,GAAG,OAAO,EAIf,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEzC,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,KAAK,cAAc,CAAC,EAAE,YAAY,IAAI,EAAE,CAAC,CAAA;IAEjH,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,YAC5B,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,cAAc,IAAC,SAAS,EAAE,KAAK,OAAO,MAAM,OAAO,EAAE,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,cAAc,IAAI,EAAE,GAAI,EACnG,cACE,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,MAAM,EAAE,IAAI,OAAO,GAAG,CAAC,IAAI;wBAC3B,KAAK,EAAE,IAAI,OAAO,GAAG,CAAC,IAAI;wBAC1B,MAAM,EAAE,GAAG,OAAO,GAAG,CAAC,gBAAgB;wBACtC,eAAe,EAAE,WAAW;wBAC5B,YAAY,EAAE,KAAK;wBACnB,OAAO,EAAE,MAAM;wBACf,cAAc,EAAE,QAAQ;wBACxB,UAAU,EAAE,QAAQ;wBACpB,OAAO,EAAE,GAAG,OAAO,GAAG,CAAC,IAAI;qBAC5B,YAED,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,YAAG,SAAS,GAAO,GAC9D,IACF,GACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/WalletHeader/components/AccountInformation.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 interface AccountInformationProps {
-    onClickAccount: () => void;
+    onClickAccount?: () => void;
 }
-export declare const AccountInformation: React.ForwardRefExoticComponent<AccountInformationProps & React.RefAttributes<unknown>>;
+export declare const AccountInformation: ({ onClickAccount }: AccountInformationProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AccountInformation.d.ts.map

package/dist/esm/components/WalletHeader/components/AccountInformation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountInformation.d.ts","sourceRoot":"","sources":["../../../../../src/components/WalletHeader/components/AccountInformation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,UAAU,uBAAuB;IAC/B,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED,eAAO,MAAM,kBAAkB,yFAqB7B,CAAA"}
+{"version":3,"file":"AccountInformation.d.ts","sourceRoot":"","sources":["../../../../../src/components/WalletHeader/components/AccountInformation.tsx"],"names":[],"mappings":"AAIA,UAAU,uBAAuB;IAC/B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B;AAED,eAAO,MAAM,kBAAkB,GAAI,oBAAoB,uBAAuB,4CAgB7E,CAAA"}

package/dist/esm/components/WalletHeader/components/AccountInformation.js

@@ -1,12 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { formatAddress } from '@0xsequence/connect';
-import { Text, GradientAvatar, ChevronDownIcon } from '@0xsequence/design-system';
-import { forwardRef } from 'react';
+import { Text, GradientAvatar, ChevronUpDownIcon, Card } from '@0xsequence/design-system';
 import { useAccount } from 'wagmi';
-export const AccountInformation = forwardRef(({ onClickAccount }, ref) => {
+export const AccountInformation = ({ onClickAccount }) => {
     const { address } = useAccount();
-    return (_jsx("div", { className: "flex gap-2 items-center", children: _jsx("div", { className: "flex w-full flex-col items-center justify-center", children: _jsxs("div", { className: "flex gap-2 items-center justify-center relative select-none cursor-pointer", onClick: onClickAccount, 
-                // @ts-ignore-next-line
-                ref: ref, children: [_jsx(GradientAvatar, { size: "sm", address: address || '' }), _jsx(Text, { color: "primary", fontWeight: "medium", variant: "normal", children: formatAddress(address || '') }), _jsx(ChevronDownIcon, { className: "text-primary" })] }) }) }));
-});
+    return (_jsxs(Card, { className: `flex gap-1 items-center justify-center select-none rounded-full py-1 px-3 ${onClickAccount ? 'cursor-pointer' : ''}`, style: { width: 'fit-content' }, onClick: onClickAccount, children: [_jsx(GradientAvatar, { size: "sm", address: address || '' }), _jsx(Text, { color: "primary", fontWeight: "medium", variant: "normal", children: formatAddress(address || '') }), onClickAccount && _jsx(ChevronUpDownIcon, { className: "text-primary" })] }));
+};
 //# sourceMappingURL=AccountInformation.js.map

package/dist/esm/components/WalletHeader/components/AccountInformation.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountInformation.js","sourceRoot":"","sources":["../../../../../src/components/WalletHeader/components/AccountInformation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AACjF,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAMlC,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC,CAAC,EAAE,cAAc,EAA2B,EAAE,GAAG,EAAE,EAAE;IAChG,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAEhC,OAAO,CACL,cAAK,SAAS,EAAC,yBAAyB,YACtC,cAAK,SAAS,EAAC,kDAAkD,YAC/D,eACE,SAAS,EAAC,4EAA4E,EACtF,OAAO,EAAE,cAAc;gBACvB,uBAAuB;gBACvB,GAAG,EAAE,GAAG,aAER,KAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,IAAI,EAAE,GAAI,EACpD,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,YACvD,aAAa,CAAC,OAAO,IAAI,EAAE,CAAC,GACxB,EACP,KAAC,eAAe,IAAC,SAAS,EAAC,cAAc,GAAG,IACxC,GACF,GACF,CACP,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"AccountInformation.js","sourceRoot":"","sources":["../../../../../src/components/WalletHeader/components/AccountInformation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAMlC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,cAAc,EAA2B,EAAE,EAAE;IAChF,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAEhC,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,6EAA6E,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,EAChI,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAC/B,OAAO,EAAE,cAAc,aAEvB,KAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,IAAI,EAAE,GAAI,EACpD,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,YACvD,aAAa,CAAC,OAAO,IAAI,EAAE,CAAC,GACxB,EACN,cAAc,IAAI,KAAC,iBAAiB,IAAC,SAAS,EAAC,cAAc,GAAG,IAC5D,CACR,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,2 +1,5 @@
-export declare const WalletHeader: () => import("react/jsx-runtime").JSX.Element;
+export declare const WalletHeader: ({ primaryText, enableAccountSelector }: {
+    primaryText?: string;
+    enableAccountSelector?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletHeader/index.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,YAAY,+CAwExB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletHeader/index.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,YAAY,GAAI,wCAG1B;IACD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,4CA6DA,CAAA"}

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

@@ -1,50 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeftIcon, IconButton, SearchIcon } from '@0xsequence/design-system';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { AnimatePresence, motion } from 'motion/react';
-import { useState, useRef, useEffect } from 'react';
-import { HEADER_HEIGHT } from '../../constants';
-import { useNavigation, useOpenWalletModal } from '../../hooks';
+import { useOpenConnectModal, useWallets } from '@0xsequence/connect';
+import { ChevronLeftIcon, IconButton, Text } from '@0xsequence/design-system';
+import { AnimatePresence } from 'motion/react';
+import { useState } from 'react';
+import { HEADER_HEIGHT, HEADER_HEIGHT_WITH_LABEL } from '../../constants';
+import { useNavigation } from '../../hooks';
+import { SelectWalletRow } from '../Select/SelectWalletRow';
+import { SlideupDrawer } from '../Select/SlideupDrawer';
 import { AccountInformation } from './components/AccountInformation';
-import { WalletDropdownContent } from './components/WalletDropdownContent';
-export const WalletHeader = () => {
-    const { openWalletModalState } = useOpenWalletModal();
-    const [openWalletDropdown, setOpenWalletDropdown] = useState(false);
-    const { goBack, history, setNavigation } = useNavigation();
-    const hasDropdownOpened = useRef(false);
-    useEffect(() => {
-        if (!openWalletModalState) {
-            setOpenWalletDropdown(false);
-        }
-    }, [openWalletModalState]);
-    // Close dropdown when navigating to a new page
-    useEffect(() => {
-        if (openWalletDropdown) {
-            if (!hasDropdownOpened.current) {
-                hasDropdownOpened.current = true;
-            }
-            else {
-                setOpenWalletDropdown(false);
-            }
-        }
-        else {
-            hasDropdownOpened.current = false;
-        }
-    }, [history.length, openWalletDropdown]);
-    const onClickAccount = () => {
-        setOpenWalletDropdown(true);
+export const WalletHeader = ({ primaryText, enableAccountSelector = false }) => {
+    const { wallets, setActiveWallet } = useWallets();
+    const { setOpenConnectModal } = useOpenConnectModal();
+    const { goBack } = useNavigation();
+    const [accountSelectorModalOpen, setAccountSelectorModalOpen] = useState(false);
+    const onClickSelector = () => {
+        setAccountSelectorModalOpen(true);
+    };
+    const handleAddNewWallet = () => {
+        setAccountSelectorModalOpen(false);
+        setOpenConnectModal(true);
     };
     const onClickBack = () => {
         goBack();
     };
-    const onClickSearch = () => {
-        setNavigation({
-            location: 'search'
-        });
-    };
-    return (_jsx(motion.div, { children: _jsxs(PopoverPrimitive.Root, { open: openWalletDropdown, children: [_jsx(PopoverPrimitive.Anchor, {}), _jsxs("div", { className: "flex bg-background-primary z-20 fixed flex-row items-center justify-between w-full px-4", style: {
-                        height: HEADER_HEIGHT,
-                        paddingTop: '6px'
-                    }, children: [history.length > 0 ? (_jsx(IconButton, { onClick: onClickBack, icon: ChevronLeftIcon, size: "xs" })) : (_jsx(IconButton, { onClick: onClickSearch, icon: SearchIcon, size: "xs" })), _jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsx(AccountInformation, { onClickAccount: onClickAccount }) }), _jsx("div", { style: { width: '44px' } })] }), _jsx(AnimatePresence, { children: openWalletDropdown && (_jsx(PopoverPrimitive.Content, { asChild: true, side: "bottom", align: "start", children: _jsx(WalletDropdownContent, { setOpenWalletDropdown: setOpenWalletDropdown }) })) })] }) }));
+    return (_jsxs("div", { className: "flex flex-col justify-between items-center fixed bg-background-primary w-full p-4 z-20", style: {
+            height: primaryText ? HEADER_HEIGHT_WITH_LABEL : HEADER_HEIGHT
+        }, children: [_jsxs("div", { className: "flex flex-row justify-between items-center w-full", children: [_jsx(IconButton, { onClick: onClickBack, icon: ChevronLeftIcon, size: "xs" }), _jsx(AccountInformation, { onClickAccount: enableAccountSelector ? onClickSelector : undefined }), _jsx("div", { style: { width: '28px' } })] }), primaryText && (_jsx(Text, { variant: "medium", color: "primary", children: primaryText })), _jsx(AnimatePresence, { children: accountSelectorModalOpen && (_jsx(SlideupDrawer, { onClose: () => setAccountSelectorModalOpen(false), label: "Select main wallet", buttonLabel: "+ Add new wallet", handleButtonPress: handleAddNewWallet, dragHandleWidth: 28, children: _jsx("div", { className: "flex flex-col gap-2 bg-background-primary", children: wallets.map((wallet, index) => (_jsx(SelectWalletRow, { wallet: wallet, onClose: () => setAccountSelectorModalOpen(false), onClick: setActiveWallet }, index))) }) })) })] }));
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletHeader/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletHeader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAEpE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,WAAW,EACX,qBAAqB,GAAG,KAAK,EAI9B,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,CAAA;IACjD,MAAM,EAAE,mBAAmB,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACrD,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAExF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,2BAA2B,CAAC,IAAI,CAAC,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,2BAA2B,CAAC,KAAK,CAAC,CAAA;QAClC,mBAAmB,CAAC,IAAI,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAC,wFAAwF,EAClG,KAAK,EAAE;YACL,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,aAAa;SAC/D,aAED,eAAK,SAAS,EAAC,mDAAmD,aAChE,KAAC,UAAU,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAC,IAAI,GAAG,EACrE,KAAC,kBAAkB,IAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,GAAI,EAC3F,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,IAC7B,EACL,WAAW,IAAI,CACd,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACnC,WAAW,GACP,CACR,EACD,KAAC,eAAe,cACb,wBAAwB,IAAI,CAC3B,KAAC,aAAa,IACZ,OAAO,EAAE,GAAG,EAAE,CAAC,2BAA2B,CAAC,KAAK,CAAC,EACjD,KAAK,EAAC,oBAAoB,EAC1B,WAAW,EAAC,kBAAkB,EAC9B,iBAAiB,EAAE,kBAAkB,EACrC,eAAe,EAAE,EAAE,YAEnB,cAAK,SAAS,EAAC,2CAA2C,YACvD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,eAAe,IAEd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,2BAA2B,CAAC,KAAK,CAAC,EACjD,OAAO,EAAE,eAAe,IAHnB,KAAK,CAIV,CACH,CAAC,GACE,GACQ,CACjB,GACe,IACd,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/constants/sizing.d.ts

@@ -1,2 +1,5 @@
-export declare const HEADER_HEIGHT = "54px";
+export declare const HEADER_HEIGHT = "60px";
+export declare const HEADER_HEIGHT_WITH_LABEL = "100px";
+export declare const WALLET_WIDTH = "460px";
+export declare const WALLET_HEIGHT = "min(800px, 90vh)";
 //# sourceMappingURL=sizing.d.ts.map

package/dist/esm/constants/sizing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../src/constants/sizing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,SAAS,CAAA"}
+{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../src/constants/sizing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,SAAS,CAAA;AACnC,eAAO,MAAM,wBAAwB,UAAU,CAAA;AAC/C,eAAO,MAAM,YAAY,UAAU,CAAA;AACnC,eAAO,MAAM,aAAa,qBAAqB,CAAA"}

package/dist/esm/constants/sizing.js

@@ -1,2 +1,5 @@
-export const HEADER_HEIGHT = '54px';
+export const HEADER_HEIGHT = '60px';
+export const HEADER_HEIGHT_WITH_LABEL = '100px';
+export const WALLET_WIDTH = '460px';
+export const WALLET_HEIGHT = 'min(800px, 90vh)';
 //# sourceMappingURL=sizing.js.map

package/dist/esm/constants/sizing.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizing.js","sourceRoot":"","sources":["../../../src/constants/sizing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAA"}
+{"version":3,"file":"sizing.js","sourceRoot":"","sources":["../../../src/constants/sizing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAA;AACnC,MAAM,CAAC,MAAM,wBAAwB,GAAG,OAAO,CAAA;AAC/C,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAA;AACnC,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAA"}