@0xsequence/wallet-widget 0.0.0-20250314205219

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

@@ -0,0 +1,110 @@
+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 { TxnTransferType } from '@0xsequence/indexer';
+import { useGetCoinPrices, useGetExchangeRate } from '@0xsequence/react-hooks';
+import dayjs from 'dayjs';
+import { formatUnits, zeroAddress } from 'viem';
+import { useConfig } from 'wagmi';
+import { useSettings, useNavigation } from '../../hooks';
+export const TransactionHistoryItem = ({ transaction }) => {
+    const { chains } = useConfig();
+    const { fiatCurrency } = useSettings();
+    const { setNavigation } = useNavigation();
+    const onClickTransaction = () => {
+        setNavigation({
+            location: 'transaction-details',
+            params: {
+                transaction
+            }
+        });
+    };
+    const tokenContractAddresses = [];
+    transaction.transfers?.forEach(transfer => {
+        const tokenContractAddress = transfer.contractAddress;
+        if (!tokenContractAddresses.includes(tokenContractAddress)) {
+            tokenContractAddresses.push(tokenContractAddress);
+        }
+    });
+    const { data: coinPrices = [], isPending: isPendingCoinPrices } = useGetCoinPrices(tokenContractAddresses.map(contractAddress => ({
+        contractAddress,
+        chainId: transaction.chainId
+    })));
+    const { data: conversionRate = 1, isPending: isPendingConversionRate } = useGetExchangeRate(fiatCurrency.symbol);
+    const isPending = isPendingCoinPrices || isPendingConversionRate;
+    const { transfers } = transaction;
+    const getTransactionIconByType = (transferType) => {
+        switch (transferType) {
+            case TxnTransferType.SEND:
+                return (_jsx(ArrowRightIcon, { style: {
+                        transform: 'rotate(270deg)',
+                        width: '16px'
+                    } }));
+            case TxnTransferType.RECEIVE:
+                return (_jsx(ArrowRightIcon, { style: {
+                        transform: 'rotate(90deg)',
+                        width: '16px'
+                    } }));
+            case TxnTransferType.UNKNOWN:
+            default:
+                return _jsx(TransactionIcon, { style: { width: '14px' } });
+        }
+    };
+    const getTansactionLabelByType = (transferType) => {
+        switch (transferType) {
+            case TxnTransferType.SEND:
+                return 'Sent';
+            case TxnTransferType.RECEIVE:
+                return 'Received';
+            case TxnTransferType.UNKNOWN:
+            default:
+                return 'Transacted';
+        }
+    };
+    const getTransferAmountLabel = (amount, symbol, transferType) => {
+        let sign = '';
+        if (transferType === TxnTransferType.SEND) {
+            sign = '-';
+        }
+        else if (transferType === TxnTransferType.RECEIVE) {
+            sign = '+';
+        }
+        let textColor = 'muted';
+        if (transferType === TxnTransferType.SEND) {
+            textColor = 'negative';
+        }
+        else if (transferType === TxnTransferType.RECEIVE) {
+            textColor = 'positive';
+        }
+        return _jsx(Text, { variant: "normal", fontWeight: "bold", color: textColor, children: `${sign}${amount} ${symbol}` });
+    };
+    const getTransfer = ({ transfer, isFirstItem }) => {
+        const { amounts } = transfer;
+        const date = dayjs(transaction.timestamp).format('MMM DD, YYYY');
+        return (_jsxs("div", { className: "flex gap-2 w-full flex-col justify-between", children: [_jsxs("div", { className: "flex flex-row justify-between", children: [_jsxs("div", { className: "flex text-muted gap-1 flex-row justify-center items-center", children: [getTransactionIconByType(transfer.transferType), _jsx(Text, { variant: "normal", fontWeight: "medium", color: "primary", children: getTansactionLabelByType(transfer.transferType) }), _jsx(NetworkImage, { chainId: transaction.chainId, size: "xs" })] }), isFirstItem && (_jsx("div", { children: _jsx(Text, { variant: "normal", fontWeight: "medium", color: "muted", children: date }) }))] }), amounts.map((amount, index) => {
+                    const nativeTokenInfo = getNativeTokenInfoByChainId(transaction.chainId, chains);
+                    const isNativeToken = compareAddress(transfer.contractAddress, zeroAddress);
+                    const isCollectible = transfer.contractInfo?.type === 'ERC721' || transfer.contractInfo?.type === 'ERC1155';
+                    let decimals;
+                    const tokenId = transfer.tokenIds?.[index];
+                    if (isCollectible && tokenId) {
+                        decimals = transfer.tokenMetadata?.[tokenId]?.decimals || 0;
+                    }
+                    else {
+                        decimals = isNativeToken ? nativeTokenInfo.decimals : transfer.contractInfo?.decimals;
+                    }
+                    const amountValue = formatUnits(BigInt(amount), decimals || 18);
+                    const symbol = isNativeToken ? nativeTokenInfo.symbol : 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(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 (_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) => {
+            return (_jsx("div", { className: "w-full", children: getTransfer({
+                    transfer,
+                    isFirstItem: position === 0
+                }) }, `${transaction.txnHash}-${position}`));
+        }) }));
+};
+//# sourceMappingURL=TransactionHistoryItem.js.map

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

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

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from '@0xsequence/design-system';
+export const TransactionHistorySkeleton = () => {
+    const getTransactionItem = () => {
+        return (_jsxs("div", { className: "flex flex-col gap-2 w-full justify-between", children: [_jsxs("div", { className: "flex flex-row justify-between", children: [_jsx(Skeleton, { style: { width: '65px', height: '20px' } }), _jsx(Skeleton, { style: { width: '75px', height: '17px' } })] }), _jsxs("div", { className: "flex flex-row justify-between", children: [_jsx(Skeleton, { style: { width: '120px', height: '20px' } }), _jsx(Skeleton, { style: { width: '35px', height: '17px' } })] })] }));
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(Skeleton, { style: { width: '70px', height: '17px' } }), _jsx("div", { className: "flex flex-col gap-2", children: Array(8)
+                    .fill(null)
+                    .map((_, index) => {
+                    return (_jsx("div", { className: "flex rounded-xl p-4 gap-2 items-center justify-center flex-col bg-background-secondary", children: getTransactionItem() }, index));
+                }) })] }));
+};
+//# sourceMappingURL=TransactionHistorySkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionHistorySkeleton.js","sourceRoot":"","sources":["../../../../src/components/TransactionHistoryList/TransactionHistorySkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAGpD,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,OAAO,CACL,eAAK,SAAS,EAAC,4CAA4C,aACzD,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IAClD,EACN,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACvD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IAClD,IACF,CACP,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACtD,cAAK,SAAS,EAAC,qBAAqB,YACjC,KAAK,CAAC,CAAC,CAAC;qBACN,IAAI,CAAC,IAAI,CAAC;qBACV,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;oBAChB,OAAO,CACL,cAAK,SAAS,EAAC,wFAAwF,YACpG,kBAAkB,EAAE,IADsF,KAAK,CAE5G,CACP,CAAA;gBACH,CAAC,CAAC,GACA,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 }) => {
+    const transactionPeriods = [
+        {
+            id: 'today',
+            label: 'Today'
+        },
+        {
+            id: 'yesterday',
+            label: 'Yesterday'
+        },
+        {
+            id: 'week',
+            label: 'This Week'
+        },
+        {
+            id: 'month',
+            label: 'This Month'
+        },
+        {
+            id: 'year',
+            label: 'This Year'
+        },
+        {
+            id: 'past',
+            label: 'Past'
+        }
+    ];
+    const transactionsByTime = useMemo(() => {
+        const todayThreshold = new Date(new Date().setHours(0, 0, 0, 0)).getTime();
+        const yesterdayThreshold = new Date(new Date().setDate(new Date(todayThreshold).getDate() - 1)).getTime();
+        const currentDate = new Date(new Date().setHours(0, 0, 0, 0));
+        const firstDayOfWeek = new Date(currentDate.setDate(currentDate.getDate() - currentDate.getDay()));
+        const firstDayOfMonth = new Date(currentDate.setDate(1));
+        const firstDayOfYear = new Date(currentDate.setMonth(0, 1));
+        const weekThreshold = firstDayOfWeek.getTime();
+        const monthThreshold = firstDayOfMonth.getTime();
+        const yearThreshold = firstDayOfYear.getTime();
+        const transactionsByTime = {
+            today: [],
+            yesterday: [],
+            week: [],
+            month: [],
+            year: [],
+            past: []
+        };
+        transactions.forEach(transaction => {
+            const transactionTime = new Date(transaction.timestamp).getTime();
+            if (transactionTime >= todayThreshold) {
+                transactionsByTime.today.push(transaction);
+            }
+            else if (transactionTime >= yesterdayThreshold) {
+                transactionsByTime.yesterday.push(transaction);
+            }
+            else if (transactionTime >= weekThreshold) {
+                transactionsByTime.week.push(transaction);
+            }
+            else if (transactionTime >= monthThreshold) {
+                transactionsByTime.month.push(transaction);
+            }
+            else if (transactionTime >= yearThreshold) {
+                transactionsByTime.year.push(transaction);
+            }
+            else {
+                transactionsByTime.past.push(transaction);
+            }
+        });
+        return transactionsByTime;
+    }, [transactions]);
+    if (isPending) {
+        return (_jsx("div", { className: "flex flex-col gap-2", children: _jsx(TransactionHistorySkeleton, {}) }));
+    }
+    const TimeLabel = ({ label }) => {
+        return (_jsx("div", { children: _jsx(Text, { variant: "normal", color: "muted", fontWeight: "medium", children: label }) }));
+    };
+    const TransactionsList = ({ transactions }) => {
+        return (_jsx("div", { className: "flex flex-col gap-2", children: transactions.map((transaction, index) => {
+                return (_jsx("div", { className: "flex flex-col gap-2", children: _jsx(TransactionHistoryItem, { transaction: transaction }) }, `${transaction.txnHash}-${index}`));
+            }) }));
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-5", children: [transactionPeriods.map(period => {
+                const txs = transactionsByTime[period.id];
+                if (txs.length === 0) {
+                    return null;
+                }
+                return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(TimeLabel, { label: period.label }), _jsx(TransactionsList, { transactions: txs })] }, period.id));
+            }), transactions.length === 0 && (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(TimeLabel, { label: 'History' }), _jsx(Text, { color: "primary", children: "No Recent Transaction History Found" })] })), isFetchingNextPage && (_jsx("div", { className: "flex m-4 items-center justify-center", children: _jsx(Spinner, {}) }))] }));
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,12 @@
+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 { useAccount } from 'wagmi';
+export const AccountInformation = forwardRef(({ onClickAccount }, ref) => {
+    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" })] }) }) }));
+});
+//# sourceMappingURL=AccountInformation.js.map

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

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

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

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAddress, useTheme } from '@0xsequence/connect';
+import { Button, IconButton, CloseIcon, GradientAvatar, Text, QrCodeIcon, SettingsIcon, SignoutIcon, TransactionIcon } from '@0xsequence/design-system';
+import { forwardRef } from 'react';
+import { useDisconnect, useAccount } from 'wagmi';
+import { useNavigation } from '../../../hooks';
+import { useOpenWalletModal } from '../../../hooks/useOpenWalletModal';
+import { CopyButton } from '../../CopyButton';
+export const WalletDropdownContent = forwardRef(({ setOpenWalletDropdown }, ref) => {
+    const { setNavigation } = useNavigation();
+    const { setOpenWalletModal } = useOpenWalletModal();
+    const { address } = useAccount();
+    const { disconnect } = useDisconnect();
+    const { theme } = useTheme();
+    const onClickReceive = () => {
+        setOpenWalletDropdown(false);
+        setNavigation({
+            location: 'receive'
+        });
+    };
+    const onClickHistory = () => {
+        setOpenWalletDropdown(false);
+        setNavigation({
+            location: 'history'
+        });
+    };
+    const onClickSettings = () => {
+        setOpenWalletDropdown(false);
+        setNavigation({
+            location: 'settings'
+        });
+    };
+    const onClickSignout = () => {
+        setOpenWalletModal(false);
+        setOpenWalletDropdown(false);
+        disconnect();
+    };
+    const getDropdownBackgroundColor = () => {
+        switch (theme) {
+            case 'dark':
+                return 'rgba(38, 38, 38, 0.85)';
+            case 'light':
+                return 'rgba(217, 217, 217, 0.85)';
+            default:
+                return 'transparent';
+        }
+    };
+    return (_jsxs("div", { className: "relative pointer-events-auto backdrop-blur-md p-3 z-30 top-4 left-4 rounded-xl", ref: ref, style: {
+            width: 'calc(100vw - 30px)',
+            maxWidth: '370px',
+            background: getDropdownBackgroundColor()
+        }, children: [_jsxs("div", { className: "flex flex-row justify-between items-start", children: [_jsxs("div", { className: "flex flex-row justify-center items-center gap-3 ml-2 text-primary", children: [_jsx(GradientAvatar, { size: "md", address: address || '' }), _jsx(Text, { variant: "large", fontWeight: "bold", color: "primary", children: formatAddress(address || '') }), _jsx(CopyButton, { className: "ml-[-16px]", buttonVariant: "icon", size: "md", text: address || '' })] }), _jsx(IconButton, { className: "bg-button-glass", onClick: () => setOpenWalletDropdown(false), size: "xs", icon: CloseIcon })] }), _jsxs("div", { className: "flex gap-2 mt-3 flex-col", children: [_jsx(Button, { className: "w-full rounded-xl", variant: "glass", leftIcon: QrCodeIcon, label: "Receive", onClick: onClickReceive }), _jsx(Button, { className: "w-full rounded-xl", leftIcon: TransactionIcon, label: "History", onClick: onClickHistory }), _jsx(Button, { className: "w-full rounded-xl", leftIcon: SettingsIcon, label: "Settings", onClick: onClickSettings }), _jsx(Button, { className: "w-full rounded-xl", label: "Sign Out", leftIcon: SignoutIcon, onClick: onClickSignout })] })] }));
+});
+//# sourceMappingURL=WalletDropdownContent.js.map

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

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

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

@@ -0,0 +1,50 @@
+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 { 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);
+    };
+    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 }) })) })] }) }));
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/constants/abi.js

@@ -0,0 +1,89 @@
+export const ERC_1155_ABI = [
+    {
+        inputs: [
+            {
+                internalType: 'address',
+                name: '_from',
+                type: 'address'
+            },
+            {
+                internalType: 'address',
+                name: '_to',
+                type: 'address'
+            },
+            {
+                internalType: 'uint256[]',
+                name: '_ids',
+                type: 'uint256[]'
+            },
+            {
+                internalType: 'uint256[]',
+                name: '_amounts',
+                type: 'uint256[]'
+            },
+            {
+                internalType: 'bytes',
+                name: '_data',
+                type: 'bytes'
+            }
+        ],
+        name: 'safeBatchTransferFrom',
+        outputs: [],
+        stateMutability: 'nonpayable',
+        type: 'function'
+    }
+];
+export const ERC_20_ABI = [
+    {
+        constant: false,
+        inputs: [
+            {
+                internalType: 'address',
+                name: 'recipient',
+                type: 'address'
+            },
+            {
+                internalType: 'uint256',
+                name: 'amount',
+                type: 'uint256'
+            }
+        ],
+        name: 'transfer',
+        outputs: [
+            {
+                internalType: 'bool',
+                name: '',
+                type: 'bool'
+            }
+        ],
+        payable: false,
+        stateMutability: 'nonpayable',
+        type: 'function'
+    }
+];
+export const ERC_721_ABI = [
+    {
+        inputs: [
+            {
+                internalType: 'address',
+                name: 'from',
+                type: 'address'
+            },
+            {
+                internalType: 'address',
+                name: 'to',
+                type: 'address'
+            },
+            {
+                internalType: 'uint256',
+                name: 'tokenId',
+                type: 'uint256'
+            }
+        ],
+        name: 'safeTransferFrom',
+        outputs: [],
+        stateMutability: 'nonpayable',
+        type: 'function'
+    }
+];
+//# sourceMappingURL=abi.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"abi.js","sourceRoot":"","sources":["../../../src/constants/abi.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B;QACE,MAAM,EAAE;YACN;gBACE,YAAY,EAAE,SAAS;gBACvB,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,SAAS;aAChB;YACD;gBACE,YAAY,EAAE,SAAS;gBACvB,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,SAAS;aAChB;YACD;gBACE,YAAY,EAAE,WAAW;gBACzB,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,WAAW;aAClB;YACD;gBACE,YAAY,EAAE,WAAW;gBACzB,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,WAAW;aAClB;YACD;gBACE,YAAY,EAAE,OAAO;gBACrB,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,OAAO;aACd;SACF;QACD,IAAI,EAAE,uBAAuB;QAC7B,OAAO,EAAE,EAAE;QACX,eAAe,EAAE,YAAY;QAC7B,IAAI,EAAE,UAAU;KACjB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB;QACE,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE;YACN;gBACE,YAAY,EAAE,SAAS;gBACvB,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,SAAS;aAChB;YACD;gBACE,YAAY,EAAE,SAAS;gBACvB,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,SAAS;aAChB;SACF;QACD,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE;YACP;gBACE,YAAY,EAAE,MAAM;gBACpB,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,MAAM;aACb;SACF;QACD,OAAO,EAAE,KAAK;QACd,eAAe,EAAE,YAAY;QAC7B,IAAI,EAAE,UAAU;KACjB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB;QACE,MAAM,EAAE;YACN;gBACE,YAAY,EAAE,SAAS;gBACvB,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,SAAS;aAChB;YACD;gBACE,YAAY,EAAE,SAAS;gBACvB,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,SAAS;aAChB;YACD;gBACE,YAAY,EAAE,SAAS;gBACvB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;aAChB;SACF;QACD,IAAI,EAAE,kBAAkB;QACxB,OAAO,EAAE,EAAE;QACX,eAAe,EAAE,YAAY;QAC7B,IAAI,EAAE,UAAU;KACjB;CACF,CAAA"}

package/dist/esm/constants/currency.js

@@ -0,0 +1,26 @@
+export const supportedFiatCurrencies = [
+    { symbol: 'USD', sign: '$', name: { message: 'US Dollar' }, decimals: 2 },
+    { symbol: 'CAD', sign: '$', name: { message: 'Canadian Dollar' }, decimals: 2 },
+    { symbol: 'GBP', sign: '£', name: { message: 'British Pound Sterling' }, decimals: 2 },
+    { symbol: 'EUR', sign: '€', name: { message: 'Euro' }, decimals: 2 },
+    { symbol: 'CNY', sign: '¥', name: { message: 'Chinese Yuan' }, decimals: 2 },
+    { symbol: 'JPY', sign: '¥', name: { message: 'Japanese Yen' }, decimals: 2 },
+    { symbol: 'KRW', sign: '₩', name: { message: 'South Korean Won' }, decimals: 2 },
+    { symbol: 'SGD', sign: '$', name: { message: 'Singapore Dollar' }, decimals: 2 },
+    { symbol: 'CHF', sign: 'CHF ', name: { message: 'Swiss Franc' }, decimals: 2 },
+    { symbol: 'AUD', sign: '$', name: { message: 'Australian Dollar' }, decimals: 2 },
+    { symbol: 'NZD', sign: '$', name: { message: 'New Zealand Dollar' }, decimals: 2 },
+    { symbol: 'SEK', sign: 'kr ', name: { message: 'Swedish Krona' }, decimals: 2 },
+    { symbol: 'NOK', sign: 'kr ', name: { message: 'Norwegian Krone' }, decimals: 2 },
+    { symbol: 'MXN', sign: '$', name: { message: 'Mexican Peso' }, decimals: 2 },
+    { symbol: 'INR', sign: '₹', name: { message: 'Indian Rupee' }, decimals: 2 },
+    { symbol: 'ZAR', sign: 'R ', name: { message: 'South African Rand' }, decimals: 2 },
+    { symbol: 'TRY', sign: '₺', name: { message: 'Turkish Lira' }, decimals: 2 },
+    { symbol: 'BRL', sign: 'R$', name: { message: 'Brazilian Real' }, decimals: 2 },
+    { symbol: 'DKK', sign: 'kr ', name: { message: 'Danish Krone' }, decimals: 2 },
+    { symbol: 'PLN', sign: 'zł ', name: { message: 'Polish Zloty' }, decimals: 2 },
+    { symbol: 'THB', sign: '฿', name: { message: 'Thai Baht' }, decimals: 2 },
+    { symbol: 'IDR', sign: 'Rp', name: { message: 'Indonesian Rupiah' }, decimals: 2 }
+];
+export const defaultFiatCurrency = supportedFiatCurrencies[0];
+//# sourceMappingURL=currency.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"currency.js","sourceRoot":"","sources":["../../../src/constants/currency.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,uBAAuB,GAAmB;IACrD,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IACzE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC/E,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IACtF,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IACpE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC5E,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC5E,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAChF,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAChF,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC9E,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IACjF,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAClF,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC/E,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IACjF,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC5E,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC5E,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IACnF,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC5E,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC/E,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC9E,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC9E,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IACzE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;CACnF,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAA"}

package/dist/esm/constants/index.js

@@ -0,0 +1,4 @@
+export * from './abi';
+export * from './currency';
+export * from './sizing';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA"}

package/dist/esm/constants/sizing.js

@@ -0,0 +1,2 @@
+export const HEADER_HEIGHT = '54px';
+//# sourceMappingURL=sizing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizing.js","sourceRoot":"","sources":["../../../src/constants/sizing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAA"}

package/dist/esm/contexts/Navigation.js

@@ -0,0 +1,4 @@
+'use client';
+import { createGenericContext } from './genericContext';
+export const [useNavigationContext, NavigationContextProvider] = createGenericContext();
+//# sourceMappingURL=Navigation.js.map

package/dist/esm/contexts/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/contexts/Navigation.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAIZ,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AA+HvD,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE,yBAAyB,CAAC,GAAG,oBAAoB,EAAqB,CAAA"}

package/dist/esm/contexts/WalletModal.js

@@ -0,0 +1,4 @@
+'use client';
+import { createGenericContext } from './genericContext';
+export const [useWalletModalContext, WalletModalContextProvider] = createGenericContext();
+//# sourceMappingURL=WalletModal.js.map

package/dist/esm/contexts/WalletModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletModal.js","sourceRoot":"","sources":["../../../src/contexts/WalletModal.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAYvD,MAAM,CAAC,MAAM,CAAC,qBAAqB,EAAE,0BAA0B,CAAC,GAAG,oBAAoB,EAAsB,CAAA"}

package/dist/esm/contexts/genericContext.js

@@ -0,0 +1,16 @@
+import { createContext, useContext } from 'react';
+// https://medium.com/@rivoltafilippo/typing-react-context-to-avoid-an-undefined-default-value-2c7c5a7d5947
+export const createGenericContext = () => {
+    // Create a context with a generic parameter or undefined
+    const genericContext = createContext(undefined);
+    // Check if the value provided to the context is defined or throw an error
+    const useGenericContext = () => {
+        const contextIsDefined = useContext(genericContext);
+        if (!contextIsDefined) {
+            throw new Error('useGenericContext must be used within a Provider');
+        }
+        return contextIsDefined;
+    };
+    return [useGenericContext, genericContext.Provider];
+};
+//# sourceMappingURL=genericContext.js.map

package/dist/esm/contexts/genericContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"genericContext.js","sourceRoot":"","sources":["../../../src/contexts/genericContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjD,2GAA2G;AAE3G,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAM,EAAE;IAC1C,yDAAyD;IACzD,MAAM,cAAc,GAAG,aAAa,CAAgB,SAAS,CAAC,CAAA;IAE9D,0EAA0E;IAC1E,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,MAAM,gBAAgB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;QACnD,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAA;QACrE,CAAC;QACD,OAAO,gBAAgB,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,QAAQ,CAAU,CAAA;AAC9D,CAAC,CAAA"}

package/dist/esm/contexts/index.js

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

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

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

package/dist/esm/hooks/index.js

@@ -0,0 +1,4 @@
+export * from './useOpenWalletModal';
+export * from './useNavigation';
+export * from './useSettings';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA"}

package/dist/esm/hooks/useNavigation.js

@@ -0,0 +1,19 @@
+import { useNavigationContext } from '../contexts/Navigation';
+export const useNavigation = () => {
+    const { setHistory, history } = useNavigationContext();
+    const setNavigation = (navigation) => {
+        // Scroll to top of page when navigating to a new page
+        const childElement = document.getElementById('sequence-kit-wallet-content');
+        const parentElement = childElement?.parentElement;
+        parentElement?.scrollTo(0, 0);
+        const newHistory = navigation.location === 'home' ? [] : [...history, navigation];
+        setHistory(newHistory);
+    };
+    const goBack = () => {
+        const newHistory = [...history];
+        newHistory.pop();
+        setHistory(newHistory);
+    };
+    return { setNavigation, history, setHistory, goBack };
+};
+//# sourceMappingURL=useNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigation.js","sourceRoot":"","sources":["../../../src/hooks/useNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAuB,MAAM,wBAAwB,CAAA;AASlF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAkB,EAAE;IAC/C,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEtD,MAAM,aAAa,GAAG,CAAC,UAAsB,EAAE,EAAE;QAC/C,sDAAsD;QACtD,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,6BAA6B,CAAC,CAAA;QAC3E,MAAM,aAAa,GAAG,YAAY,EAAE,aAAa,CAAA;QACjD,aAAa,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAE7B,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,UAAU,CAAC,CAAA;QACjF,UAAU,CAAC,UAAU,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,UAAU,GAAG,CAAC,GAAG,OAAO,CAAC,CAAA;QAC/B,UAAU,CAAC,GAAG,EAAE,CAAA;QAChB,UAAU,CAAC,UAAU,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;AACvD,CAAC,CAAA"}