@0xsequence/wallet-widget 5.3.6 → 5.3.8

package/dist/esm/components/Filter/FilterOptions.js

@@ -0,0 +1,55 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useWallets } from '@0xsequence/connect';
+import { ChevronDownIcon, Text } from '@0xsequence/design-system';
+import { useObservable } from 'micro-observables';
+import { AnimatePresence } from 'motion/react';
+import { useState } from 'react';
+import { useSettings } from '../../hooks/index.js';
+import { MiniButton } from '../MiniButton.js';
+import { SlideupDrawer } from '../Select/SlideupDrawer.js';
+import { CollectionsFilter } from './CollectionsFilter.js';
+import { NetworksFilter } from './NetworksFilter.js';
+import { WalletsFilter } from './WalletsFilter.js';
+const FilterHeader = ({ allSelectedText, fewSelectedText, fewSelectedCount, clearCondition, onClickClear }) => {
+    return (_jsxs("div", { className: "flex flex-row justify-between items-center w-full", children: [clearCondition ? (_jsxs("div", { style: { whiteSpace: 'nowrap' }, children: [_jsxs(Text, { variant: "medium", color: "primary", children: [fewSelectedText, ' '] }), _jsxs(Text, { variant: "medium", color: "muted", children: ["(", fewSelectedCount, ")"] })] })) : (_jsx(Text, { variant: "medium", color: "primary", children: allSelectedText })), clearCondition && (_jsx("div", { className: "flex justify-center items-center bg-background-secondary rounded-full py-1 px-3 gap-2 w-fit hover:opacity-80 cursor-pointer", onClick: () => {
+                    onClickClear();
+                }, children: _jsx(Text, { variant: "small", fontWeight: "bold", color: "primary", children: "Clear" }) }))] }));
+};
+export const FilterOptions = ({ filterType }) => {
+    const { wallets } = useWallets();
+    const { allNetworks, selectedWalletsObservable, selectedNetworksObservable, showCollectionsObservable, setSelectedWallets, setSelectedNetworks } = useSettings();
+    const [openType, setOpenType] = useState('closed');
+    const selectedNetworks = useObservable(selectedNetworksObservable);
+    const selectedWallets = useObservable(selectedWalletsObservable);
+    const showCollections = useObservable(showCollectionsObservable);
+    const filterLabel = () => {
+        if (filterType === 'networks') {
+            if (selectedNetworks.length === allNetworks.length) {
+                return (_jsx(Text, { className: "truncate", variant: "small-bold", color: "primary", nowrap: true, children: "All networks" }));
+            }
+            return (_jsxs("div", { className: "flex flex-row gap-1", children: [_jsx(Text, { variant: "small-bold", color: "primary", children: "Networks" }), _jsx(Text, { variant: "small-bold", color: "muted", children: `(${selectedNetworks.length})` })] }));
+        }
+        else if (filterType === 'wallets') {
+            return (_jsxs("div", { className: "flex flex-row gap-1", children: [_jsx(Text, { variant: "small-bold", color: "primary", children: "Wallets" }), selectedWallets.length !== wallets.length && (_jsx(Text, { variant: "small-bold", color: "muted", children: `(${selectedWallets.length})` }))] }));
+        }
+        else if (filterType === 'collections') {
+            if (showCollections) {
+                return (_jsx(Text, { variant: "small-bold", color: "primary", children: "Collections" }));
+            }
+            return (_jsx(Text, { variant: "small-bold", color: "primary", children: "Items" }));
+        }
+    };
+    const setOpen = () => {
+        if (openType === 'closed') {
+            setOpenType(filterType);
+        }
+    };
+    return (_jsxs("div", { onClick: () => setOpen(), children: [_jsxs(MiniButton, { className: "h-8", children: [filterLabel(), _jsx(ChevronDownIcon, { color: "white", size: "sm" })] }), _jsxs(AnimatePresence, { children: [openType === 'networks' && (_jsx(SlideupDrawer, { header: _jsx(FilterHeader, { allSelectedText: "All Networks", fewSelectedText: "Networks", fewSelectedCount: selectedNetworks.length, clearCondition: selectedNetworks.length !== allNetworks.length, onClickClear: () => {
+                                setSelectedNetworks([]);
+                                setOpenType('closed');
+                            } }), onClose: () => setOpenType('closed'), children: _jsx(NetworksFilter, {}) })), openType === 'wallets' && (_jsx(SlideupDrawer, { header: _jsx(FilterHeader, { allSelectedText: "All Wallets", fewSelectedText: "Wallets", fewSelectedCount: selectedWallets.length, clearCondition: selectedWallets.length !== wallets.length, onClickClear: () => {
+                                setSelectedWallets([]);
+                                setOpenType('closed');
+                            } }), onClose: () => setOpenType('closed'), children: _jsx(WalletsFilter, { onClose: () => setOpenType('closed') }) })), openType === 'collections' && (_jsx(SlideupDrawer, { header: _jsx(Text, { variant: "medium", color: "primary", children: "Collectibles" }), onClose: () => setOpenType('closed'), children: _jsx(CollectionsFilter, { onClose: () => setOpenType('closed') }) }))] })] }));
+};
+//# sourceMappingURL=FilterOptions.js.map

package/dist/esm/components/Filter/FilterOptions.js.map

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

package/dist/esm/components/Filter/NetworksFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworksFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/NetworksFilter.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,+CA8B1B,CAAA"}
+{"version":3,"file":"NetworksFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/NetworksFilter.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,+CA4B1B,CAAA"}

package/dist/esm/components/Filter/NetworksFilter.js

@@ -1,15 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from '@0xsequence/design-system';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useObservable } from 'micro-observables';
 import { useSettings } from '../../hooks/index.js';
-import { MediaIconWrapper } from '../IconWrappers/index.js';
-import { ListCardSelect } from '../ListCard/ListCardSelect.js';
-import { NetworkImageCustom } from './NetworkImageCustom.js';
-import { NetworkRow } from './NetworkRow.js';
+import { ListCardNetwork } from '../ListCard/ListCardNetwork.js';
 export const NetworksFilter = () => {
     const { selectedNetworksObservable, setSelectedNetworks, allNetworks } = useSettings();
     const selectedNetworks = useObservable(selectedNetworksObservable);
-    // NetworksFilter is using an observable since its used in settings detached from FilterMenu
-    return (_jsxs("div", { className: "flex flex-col bg-background-primary gap-3", children: [allNetworks.length > 1 && (_jsxs(ListCardSelect, { isSelected: selectedNetworks.length > 1, onClick: () => setSelectedNetworks([]), children: [_jsx(MediaIconWrapper, { iconList: allNetworks.map(network => (_jsx(NetworkImageCustom, { chainId: network, style: { width: '32px', height: '32px' } }))), size: "sm" }), _jsx(Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "All" })] }, "all")), allNetworks.map(chainId => (_jsx(NetworkRow, { chainId: chainId, isSelected: selectedNetworks.length === 1 && selectedNetworks.includes(chainId), onClick: () => setSelectedNetworks([chainId]) }, chainId)))] }));
+    const onClickNetwork = (chainId) => {
+        if (selectedNetworks.length === allNetworks.length) {
+            setSelectedNetworks([chainId]);
+        }
+        else {
+            if (selectedNetworks.includes(chainId)) {
+                setSelectedNetworks(selectedNetworks.filter(n => n !== chainId));
+            }
+            else {
+                setSelectedNetworks([...selectedNetworks, chainId]);
+            }
+        }
+    };
+    return (_jsx("div", { className: "flex flex-col bg-background-primary gap-3", children: allNetworks.map(chainId => (_jsx(ListCardNetwork, { chainId: chainId, isSelected: selectedNetworks.length !== allNetworks.length && selectedNetworks.includes(chainId), onClick: () => onClickNetwork(chainId) }, chainId))) }));
 };
 //# sourceMappingURL=NetworksFilter.js.map

package/dist/esm/components/Filter/NetworksFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworksFilter.js","sourceRoot":"","sources":["../../../../src/components/Filter/NetworksFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAAA;IACtF,MAAM,gBAAgB,GAAG,aAAa,CAAC,0BAA0B,CAAC,CAAA;IAClE,4FAA4F;IAE5F,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,aACvD,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,MAAC,cAAc,IAAW,UAAU,EAAE,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC,aACvG,KAAC,gBAAgB,IACf,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACnC,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CACnF,CAAC,EACF,IAAI,EAAC,IAAI,GACT,EACF,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,oBAEnD,KATW,KAAK,CAUR,CAClB,EACA,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC1B,KAAC,UAAU,IAET,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,EAC/E,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,IAHxC,OAAO,CAIZ,CACH,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NetworksFilter.js","sourceRoot":"","sources":["../../../../src/components/Filter/NetworksFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAAA;IACtF,MAAM,gBAAgB,GAAG,aAAa,CAAC,0BAA0B,CAAC,CAAA;IAElE,MAAM,cAAc,GAAG,CAAC,OAAe,EAAE,EAAE;QACzC,IAAI,gBAAgB,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM,EAAE,CAAC;YACnD,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;QAChC,CAAC;aAAM,CAAC;YACN,IAAI,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACvC,mBAAmB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAA;YAClE,CAAC;iBAAM,CAAC;gBACN,mBAAmB,CAAC,CAAC,GAAG,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAA;YACrD,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,cAAK,SAAS,EAAC,2CAA2C,YACvD,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC1B,KAAC,eAAe,IAEd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,gBAAgB,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM,IAAI,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,EAChG,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,IAHjC,OAAO,CAIZ,CACH,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Filter/WalletsFilter.d.ts

@@ -1,2 +1,4 @@
-export declare const WalletsFilter: () => import("react/jsx-runtime").JSX.Element;
+export declare const WalletsFilter: ({ onClose }: {
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WalletsFilter.d.ts.map

package/dist/esm/components/Filter/WalletsFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WalletsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/WalletsFilter.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa,+CAmDzB,CAAA"}
+{"version":3,"file":"WalletsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/WalletsFilter.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,4CA2BjE,CAAA"}

package/dist/esm/components/Filter/WalletsFilter.js

@@ -1,18 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatAddress, useWallets } from '@0xsequence/connect';
-import { Text } from '@0xsequence/design-system';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useWallets } from '@0xsequence/connect';
+import { useObservable } from 'micro-observables';
 import { useSettings } from '../../hooks/index.js';
-import { useFiatWalletsMap } from '../../hooks/useFiatWalletsMap.js';
-import { CopyButton } from '../CopyButton.js';
-import { MediaIconWrapper } from '../IconWrappers/index.js';
-import { ListCardSelect } from '../ListCard/ListCardSelect.js';
-import { WalletAccountGradient } from '../WalletAccountGradient.js';
-export const WalletsFilter = () => {
-    const { selectedWalletsObservable, setSelectedWallets, fiatCurrency } = useSettings();
-    const { fiatWalletsMap } = useFiatWalletsMap();
+import { ListCardWallet } from '../ListCard/ListCardWallet.js';
+export const WalletsFilter = ({ onClose }) => {
+    const { selectedWalletsObservable, setSelectedWallets } = useSettings();
     const { wallets } = useWallets();
-    const totalFiatValue = fiatWalletsMap.reduce((acc, wallet) => acc + Number(wallet.fiatValue), 0).toFixed(2);
-    return (_jsxs("div", { className: "flex flex-col bg-background-primary gap-3", children: [wallets.length > 1 && (_jsxs(ListCardSelect, { isSelected: selectedWalletsObservable.get().length > 1, rightChildren: _jsxs(Text, { color: "muted", fontWeight: "medium", variant: "normal", children: [fiatCurrency.sign, totalFiatValue] }), onClick: () => setSelectedWallets([]), children: [_jsx(MediaIconWrapper, { iconList: wallets.map(wallet => wallet.address), size: "sm", isAccount: true }), _jsx(Text, { color: "primary", fontWeight: "medium", variant: "normal", children: "All" })] }, "all")), wallets.map(wallet => (_jsxs(ListCardSelect, { isSelected: selectedWalletsObservable.get().length === 1 &&
-                    selectedWalletsObservable.get().find(w => w.address === wallet.address) !== undefined, rightChildren: _jsxs(Text, { color: "muted", fontWeight: "medium", variant: "normal", children: [fiatCurrency.sign, fiatWalletsMap.find(w => w.accountAddress === wallet.address)?.fiatValue] }), onClick: () => setSelectedWallets([wallet]), children: [_jsx(WalletAccountGradient, { accountAddress: wallet.address, size: 'small' }), _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() })] })] }, wallet.address)))] }));
+    const selectedWallets = useObservable(selectedWalletsObservable);
+    const onWalletClick = (wallet) => {
+        if (wallet) {
+            setSelectedWallets([wallet]);
+        }
+        else {
+            setSelectedWallets([]);
+        }
+        onClose();
+    };
+    return (_jsx("div", { className: "flex flex-col bg-background-primary gap-3", children: wallets.map(wallet => (_jsx(ListCardWallet, { isSelected: selectedWallets.length === 1 && selectedWallets.some(w => w.address === wallet.address), wallet: wallet, onClick: () => onWalletClick(wallet) }, wallet.address))) }));
 };
 //# sourceMappingURL=WalletsFilter.js.map

package/dist/esm/components/Filter/WalletsFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletsFilter.js","sourceRoot":"","sources":["../../../../src/components/Filter/WalletsFilter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WalletsFilter.js","sourceRoot":"","sources":["../../../../src/components/Filter/WalletsFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,qBAAqB,CAAA;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAE9D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAA2B,EAAE,EAAE;IACpE,MAAM,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAA;IACvE,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAEhC,MAAM,eAAe,GAAG,aAAa,CAAC,yBAAyB,CAAC,CAAA;IAEhE,MAAM,aAAa,GAAG,CAAC,MAAwB,EAAE,EAAE;QACjD,IAAI,MAAM,EAAE,CAAC;YACX,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;QAC9B,CAAC;aAAM,CAAC;YACN,kBAAkB,CAAC,EAAE,CAAC,CAAA;QACxB,CAAC;QACD,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IAED,OAAO,CACL,cAAK,SAAS,EAAC,2CAA2C,YACvD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,KAAC,cAAc,IACb,UAAU,EAAE,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,OAAO,CAAC,EAEnG,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,IAF/B,MAAM,CAAC,OAAO,CAGnB,CACH,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/InfiniteScroll.js

@@ -35,6 +35,6 @@ export const InfiniteScroll = (props) => {
         setPageNumber(pageNumber => pageNumber + 1);
         setIsFetching(false);
     };
-    return (_jsxs(_Fragment, { children: [children, _jsx("div", { ref: bottomRef })] }));
+    return (_jsxs(_Fragment, { children: [children, _jsx("span", { ref: bottomRef })] }));
 };
 //# sourceMappingURL=InfiniteScroll.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InfiniteScroll.js","sourceRoot":"","sources":["../../../src/components/InfiniteScroll.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAA0C,MAAM,OAAO,CAAA;AAE3G,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,GAA8B,EAAE,OAAkC,EAAE,EAAE;IAC5G,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmC,IAAI,CAAC,CAAA;IAC1E,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAA;IAEnG,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QAC/B,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;gBAChB,QAAQ,CAAC,UAAU,EAAE,CAAA;YACvB,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3B,OAAO,KAAK,EAAE,cAAc,IAAI,KAAK,CAAA;AACvC,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA6C,EAAE,EAAE;IAC9E,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;IAEhE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,QAAQ,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;YACvC,UAAU,EAAE,CAAA;QACd,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,MAAM,MAAM,CAAC,UAAU,CAAC,CAAA;QAExB,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QAC3C,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,8BACG,QAAQ,EACT,cAAK,GAAG,EAAE,SAAS,GAAI,IACtB,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"InfiniteScroll.js","sourceRoot":"","sources":["../../../src/components/InfiniteScroll.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAA0C,MAAM,OAAO,CAAA;AAE3G,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,GAA8B,EAAE,OAAkC,EAAE,EAAE;IAC5G,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmC,IAAI,CAAC,CAAA;IAC1E,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAA;IAEnG,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QAC/B,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;gBAChB,QAAQ,CAAC,UAAU,EAAE,CAAA;YACvB,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE3B,OAAO,KAAK,EAAE,cAAc,IAAI,KAAK,CAAA;AACvC,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA6C,EAAE,EAAE;IAC9E,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;IAEhE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,QAAQ,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;YACvC,UAAU,EAAE,CAAA;QACd,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,MAAM,MAAM,CAAC,UAAU,CAAC,CAAA;QAExB,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QAC3C,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,8BACG,QAAQ,EACT,eAAM,GAAG,EAAE,SAAS,GAAI,IACvB,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ListCard/{ListCardSelect.d.ts → ListCard.d.ts}

@@ -1,11 +1,11 @@
-export declare const ListCardSelect: ({ children, rightChildren, shape, style, type, isSelected, disabled, onClick }: {
+export declare const ListCard: ({ children, rightChildren, shape, style, type, isSelected, disabled, onClick }: {
     children: React.ReactNode;
     rightChildren?: React.ReactNode;
     shape?: "rounded" | "square";
     style?: React.CSSProperties;
-    type?: "radio" | "custom";
+    type?: "default" | "chevron" | "radio";
     isSelected?: boolean;
     disabled?: boolean;
     onClick?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ListCardSelect.d.ts.map
+//# sourceMappingURL=ListCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCard.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,GAAI,gFAStB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,4CA0BA,CAAA"}

package/dist/esm/components/ListCard/ListCard.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRightIcon, cn } from '@0xsequence/design-system';
+import { RadioSelector } from './RadioSelector.js';
+export const ListCard = ({ children, rightChildren, shape = 'rounded', style, type = 'default', isSelected = false, disabled = false, onClick }) => {
+    return (_jsxs("div", { className: cn('flex flex-row justify-between items-center bg-background-secondary w-full p-4 gap-2', !disabled && 'cursor-pointer hover:opacity-80', shape === 'rounded' ? 'rounded-lg' : 'rounded-none', isSelected && 'border-2 border-violet-600'), style: { height: '68px', ...style }, onClick: disabled ? undefined : onClick, children: [_jsx("div", { className: "flex flex-row gap-2 items-center w-full", children: children }), (rightChildren || type === 'chevron' || type === 'radio') && (_jsxs("div", { className: "flex flex-row gap-3 items-center", children: [rightChildren, type === 'chevron' ? (_jsx(ChevronRightIcon, { color: "white", size: "md" })) : type === 'radio' ? (_jsx(RadioSelector, { isSelected: isSelected })) : null] }))] }));
+};
+//# sourceMappingURL=ListCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListCard.js","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAA;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,aAAa,EACb,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,OAAO,EAUR,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,CAAC,QAAQ,IAAI,iCAAiC,EAC9C,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EACnD,UAAU,IAAI,4BAA4B,CAC3C,EACD,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EACnC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,aAEvC,cAAK,SAAS,EAAC,yCAAyC,YAAE,QAAQ,GAAO,EAExE,CAAC,aAAa,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,OAAO,CAAC,IAAI,CAC5D,eAAK,SAAS,EAAC,kCAAkC,aAC9C,aAAa,EACb,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,KAAC,gBAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,GAAG,CAC7C,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACrB,KAAC,aAAa,IAAC,UAAU,EAAE,UAAU,GAAI,CAC1C,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,IACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ListCard/ListCardNetwork.d.ts

@@ -0,0 +1,6 @@
+export declare const ListCardNetwork: ({ chainId, isSelected, onClick }: {
+    chainId: number;
+    isSelected?: boolean;
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListCardNetwork.d.ts.map

package/dist/esm/components/ListCard/ListCardNetwork.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardNetwork.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCardNetwork.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe,GAAI,kCAI7B;IACD,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,4CAcA,CAAA"}

package/dist/esm/components/ListCard/ListCardNetwork.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getNetwork } from '@0xsequence/connect';
+import { Text } from '@0xsequence/design-system';
+import { NetworkImageCustom } from '../Filter/NetworkImageCustom.js';
+import { ListCard } from './ListCard.js';
+export const ListCardNetwork = ({ chainId, isSelected = false, onClick = () => { } }) => {
+    const network = getNetwork(chainId);
+    const title = network.title;
+    return (_jsx(ListCard, { type: isSelected ? 'radio' : 'default', onClick: onClick, isSelected: isSelected, children: _jsxs("div", { className: "flex gap-2 justify-center items-center", children: [_jsx(NetworkImageCustom, { chainId: chainId, style: { width: '32px', height: '32px' } }), _jsx(Text, { color: "primary", variant: "normal", fontWeight: "bold", children: title })] }) }));
+};
+//# sourceMappingURL=ListCardNetwork.js.map

package/dist/esm/components/ListCard/ListCardNetwork.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardNetwork.js","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCardNetwork.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAKnB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACnC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAA;IAE3B,OAAO,CACL,KAAC,QAAQ,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,YACxF,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EAClF,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,YACrD,KAAK,GACD,IACH,GACG,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ListCard/ListCardWallet.d.ts

@@ -0,0 +1,9 @@
+import type { ConnectedWallet } from '@0xsequence/connect';
+export declare const ListCardWallet: ({ wallet, disabled, isSelected, rightChildren, onClick }: {
+    wallet: ConnectedWallet;
+    disabled?: boolean;
+    isSelected?: boolean;
+    rightChildren?: React.ReactNode;
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListCardWallet.d.ts.map

package/dist/esm/components/ListCard/ListCardWallet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardWallet.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/ListCardWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAa1D,eAAO,MAAM,cAAc,GAAI,0DAM5B;IACD,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,4CAoEA,CAAA"}

package/dist/esm/components/ListCard/ListCardWallet.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { truncateAtIndex } from '@0xsequence/connect';
+import { Text } from '@0xsequence/design-system';
+import { useEffect, useState } from 'react';
+import { useConnections } from 'wagmi';
+import { useSettings } from '../../hooks/useSettings.js';
+import { useValueRegistry } from '../../hooks/useValueRegistry.js';
+import { CopyButton } from '../CopyButton.js';
+import { WalletAccountGradient } from '../WalletAccountGradient.js';
+import { ListCard } from './ListCard.js';
+export const ListCardWallet = ({ wallet, disabled = false, isSelected = false, rightChildren = null, onClick = () => { } }) => {
+    const { fiatCurrency } = useSettings();
+    const { valueRegistryMap } = useValueRegistry();
+    const [signInDisplay, setSignInDisplay] = useState('');
+    const connections = useConnections();
+    const connector = connections.find(c => c.accounts.find(a => a === wallet.address))?.connector;
+    useEffect(() => {
+        const fetchSignInDisplay = async () => {
+            const sequenceWaas = (await connector?.sequenceWaas);
+            if (sequenceWaas) {
+                const sequenceWaasAccounts = await sequenceWaas.listAccounts();
+                const waasEmail = sequenceWaasAccounts.accounts.find(account => account.type === 'OIDC')?.email;
+                let backupEmail = '';
+                if (sequenceWaasAccounts.accounts.length > 0) {
+                    backupEmail = sequenceWaasAccounts.accounts[0].email;
+                }
+                setSignInDisplay(waasEmail || backupEmail);
+            }
+            else {
+                setSignInDisplay(connector?.name || '');
+            }
+        };
+        fetchSignInDisplay();
+    }, [connector]);
+    return (_jsxs(ListCard, { disabled: disabled, type: isSelected ? 'radio' : 'default', onClick: onClick, isSelected: isSelected, rightChildren: rightChildren ? (rightChildren) : (_jsxs("div", { className: "flex flex-row gap-3 items-center", children: [_jsxs("div", { className: "flex flex-row gap-1 items-center", children: [_jsxs(Text, { color: "muted", variant: "small", children: [fiatCurrency.sign, valueRegistryMap.find(w => w.accountAddress === wallet.address)?.value] }), _jsx(Text, { color: "muted", variant: "small", children: fiatCurrency.symbol })] }), disabled && _jsx(CopyButton, { variant: "text", size: "md", text: wallet.address, onClick: e => e.stopPropagation() })] })), children: [_jsx(WalletAccountGradient, { accountAddresses: [wallet.address] }), _jsxs("div", { className: "flex flex-col", children: [_jsx(Text, { className: "flex flex-row gap-1 items-center", nowrap: true, color: "primary", fontWeight: "medium", variant: "normal", children: truncateAtIndex(wallet.address, 13) }), signInDisplay && (_jsx(Text, { color: "muted", variant: "small", children: signInDisplay }))] })] }));
+};
+//# sourceMappingURL=ListCardWallet.js.map

package/dist/esm/components/ListCard/ListCardWallet.js.map

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

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

@@ -1,3 +1,4 @@
-export { ListCardNav } from './ListCardNav.js';
-export { ListCardSelect } from './ListCardSelect.js';
+export { ListCard } from './ListCard.js';
+export { ListCardNetwork } from './ListCardNetwork.js';
+export { ListCardWallet } from './ListCardWallet.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA"}

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

@@ -1,3 +1,4 @@
-export { ListCardNav } from './ListCardNav.js';
-export { ListCardSelect } from './ListCardSelect.js';
+export { ListCard } from './ListCard.js';
+export { ListCardNetwork } from './ListCardNetwork.js';
+export { ListCardWallet } from './ListCardWallet.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ListCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ListCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA"}

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

@@ -0,0 +1,8 @@
+export declare const MiniButton: ({ children, className, style, ref, onClick }: {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    ref?: React.RefObject<HTMLDivElement>;
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MiniButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MiniButton.d.ts","sourceRoot":"","sources":["../../../src/components/MiniButton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,GAAI,8CAMxB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,4CAcA,CAAA"}

package/dist/esm/components/MiniButton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@0xsequence/design-system';
+export const MiniButton = ({ children, className, style, ref, onClick }) => {
+    return (_jsx("div", { ref: ref, className: cn(`flex flex-row justify-between items-center bg-background-secondary hover:opacity-80 cursor-pointer w-fit rounded-full py-2 px-4 gap-2`, className), style: { ...style }, onClick: onClick, children: children }));
+};
+//# sourceMappingURL=MiniButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MiniButton.js","sourceRoot":"","sources":["../../../src/components/MiniButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAA;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,EACH,OAAO,EAOR,EAAE,EAAE;IACH,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uIAAuI,EACvI,SAAS,CACV,EACD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,OAAO,EAAE,OAAO,YAEf,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/NavigationHeader/content/CollectibleHeader.d.ts

@@ -0,0 +1,3 @@
+import type { TokenInfo } from '../index.js';
+export declare const CollectibleHeader: ({ chainId, contractAddress, tokenId }: TokenInfo) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CollectibleHeader.d.ts.map

package/dist/esm/components/NavigationHeader/content/CollectibleHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectibleHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/CollectibleHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,eAAO,MAAM,iBAAiB,GAAI,uCAAuC,SAAS,4CAwCjF,CAAA"}

package/dist/esm/components/NavigationHeader/content/CollectibleHeader.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, Skeleton, Text } from '@0xsequence/design-system';
+import { useGetTokenMetadata } from '@0xsequence/hooks';
+export const CollectibleHeader = ({ chainId, contractAddress, tokenId }) => {
+    const collectibleMetadata = useGetTokenMetadata({
+        chainID: chainId.toString(),
+        contractAddress: contractAddress,
+        tokenIDs: [tokenId ?? '']
+    }).data?.[0];
+    return (_jsxs("div", { className: "flex flex-row items-center h-full w-full", children: [_jsx("div", { className: "px-3", children: collectibleMetadata?.image ? (_jsx(Image, { className: "w-9 h-9 rounded-lg", src: collectibleMetadata?.image, alt: collectibleMetadata?.name, style: {
+                        objectFit: 'cover'
+                    } })) : (_jsx(Skeleton, { className: "w-9 h-9 rounded-lg" })) }), _jsx("div", { className: "flex flex-col", children: _jsx(Text, { variant: "medium", color: "primary", style: {
+                        display: '-webkit-box',
+                        WebkitLineClamp: 1,
+                        WebkitBoxOrient: 'vertical',
+                        overflow: 'hidden'
+                    }, children: collectibleMetadata?.name }) })] }));
+};
+//# sourceMappingURL=CollectibleHeader.js.map

package/dist/esm/components/NavigationHeader/content/CollectibleHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectibleHeader.js","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/CollectibleHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAIvD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAa,EAAE,EAAE;IACpF,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;QAC9C,OAAO,EAAE,OAAO,CAAC,QAAQ,EAAE;QAC3B,eAAe,EAAE,eAAe;QAChC,QAAQ,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC;KAC1B,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,eAAK,SAAS,EAAC,0CAA0C,aACvD,cAAK,SAAS,EAAC,MAAM,YAClB,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC,CAC5B,KAAC,KAAK,IACJ,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,mBAAmB,EAAE,KAAK,EAC/B,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAC9B,KAAK,EAAE;wBACL,SAAS,EAAE,OAAO;qBACnB,GACD,CACH,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,SAAS,EAAC,oBAAoB,GAAG,CAC5C,GACG,EAEN,cAAK,SAAS,EAAC,eAAe,YAC5B,KAAC,IAAI,IACH,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,SAAS,EACf,KAAK,EAAE;wBACL,OAAO,EAAE,aAAa;wBACtB,eAAe,EAAE,CAAC;wBAClB,eAAe,EAAE,UAAU;wBAC3B,QAAQ,EAAE,QAAQ;qBACnB,YAEA,mBAAmB,EAAE,IAAI,GACrB,GACH,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/NavigationHeader/content/CollectionHeader.d.ts

@@ -0,0 +1,3 @@
+import type { TokenInfo } from '../index.js';
+export declare const CollectionHeader: ({ contractAddress, chainId }: TokenInfo) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CollectionHeader.d.ts.map

package/dist/esm/components/NavigationHeader/content/CollectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/CollectionHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,eAAO,MAAM,gBAAgB,GAAI,8BAA8B,SAAS,4CAwCvE,CAAA"}

package/dist/esm/components/NavigationHeader/content/CollectionHeader.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, Skeleton, Text } from '@0xsequence/design-system';
+import { useGetContractInfo } from '@0xsequence/hooks';
+export const CollectionHeader = ({ contractAddress, chainId }) => {
+    const { data: collectionData } = useGetContractInfo({
+        chainID: chainId.toString(),
+        contractAddress
+    });
+    console.log(collectionData);
+    return (_jsxs("div", { className: "flex flex-row items-center h-full w-full", children: [_jsx("div", { className: "px-3", children: collectionData?.logoURI ? (_jsx(Image, { className: "w-9 h-9 rounded-lg", src: collectionData?.logoURI, alt: collectionData?.name, style: {
+                        objectFit: 'cover'
+                    } })) : (_jsx(Skeleton, { className: "w-9 h-9 rounded-lg" })) }), _jsx("div", { className: "flex flex-col", children: _jsx(Text, { variant: "medium", color: "primary", style: {
+                        display: '-webkit-box',
+                        WebkitLineClamp: 1,
+                        WebkitBoxOrient: 'vertical',
+                        overflow: 'hidden'
+                    }, children: collectionData?.name }) })] }));
+};
+//# sourceMappingURL=CollectionHeader.js.map

package/dist/esm/components/NavigationHeader/content/CollectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionHeader.js","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/CollectionHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,eAAe,EAAE,OAAO,EAAa,EAAE,EAAE;IAC1E,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC;QAClD,OAAO,EAAE,OAAO,CAAC,QAAQ,EAAE;QAC3B,eAAe;KAChB,CAAC,CAAA;IAEF,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;IAE3B,OAAO,CACL,eAAK,SAAS,EAAC,0CAA0C,aACvD,cAAK,SAAS,EAAC,MAAM,YAClB,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,CACzB,KAAC,KAAK,IACJ,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,cAAc,EAAE,OAAO,EAC5B,GAAG,EAAE,cAAc,EAAE,IAAI,EACzB,KAAK,EAAE;wBACL,SAAS,EAAE,OAAO;qBACnB,GACD,CACH,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,SAAS,EAAC,oBAAoB,GAAG,CAC5C,GACG,EACN,cAAK,SAAS,EAAC,eAAe,YAC5B,KAAC,IAAI,IACH,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,SAAS,EACf,KAAK,EAAE;wBACL,OAAO,EAAE,aAAa;wBACtB,eAAe,EAAE,CAAC;wBAClB,eAAe,EAAE,UAAU;wBAC3B,QAAQ,EAAE,QAAQ;qBACnB,YAEA,cAAc,EAAE,IAAI,GAChB,GACH,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/NavigationHeader/content/HomeHeader.d.ts

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

package/dist/esm/components/NavigationHeader/content/HomeHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomeHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/HomeHeader.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,UAAU,+CA2LtB,CAAA"}

package/dist/esm/components/NavigationHeader/content/HomeHeader.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOpenConnectModal, useWallets } from '@0xsequence/connect';
+import { AddIcon, ArrowUpIcon, Divider, IconButton, ScanIcon, SearchIcon, SettingsIcon, SwapIcon, Text, WalletIcon } from '@0xsequence/design-system';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { AnimatePresence } from 'motion/react';
+import { useState } from 'react';
+import { useNavigation } from '../../../hooks/useNavigation.js';
+import { useSettings } from '../../../hooks/useSettings.js';
+import { useValueRegistry } from '../../../hooks/useValueRegistry.js';
+import { ListCardWallet } from '../../ListCard/ListCardWallet.js';
+import { SlideupDrawer } from '../../Select/SlideupDrawer.js';
+export const HomeHeader = () => {
+    const { setOpenConnectModal } = useOpenConnectModal();
+    const { fiatCurrency } = useSettings();
+    const { totalValue } = useValueRegistry();
+    const { wallets } = useWallets();
+    const [isWalletViewOpen, setIsWalletViewOpen] = useState(false);
+    const [isOperationMenuOpen, setIsOperationMenuOpen] = useState(false);
+    const { setNavigation } = useNavigation();
+    const onClickWallets = () => {
+        setIsWalletViewOpen(true);
+    };
+    const handleManageWallets = () => {
+        setIsWalletViewOpen(false);
+        setNavigation({
+            location: 'settings-wallets'
+        });
+    };
+    const onClickSend = () => {
+        setIsOperationMenuOpen(false);
+        setNavigation({
+            location: 'send-general'
+        });
+    };
+    const onClickSwap = () => {
+        setIsOperationMenuOpen(false);
+        setNavigation({
+            location: 'swap'
+        });
+    };
+    const onClickReceive = () => {
+        setIsOperationMenuOpen(false);
+        setNavigation({
+            location: 'receive'
+        });
+    };
+    const onClickBuy = () => {
+        setIsOperationMenuOpen(false);
+        setNavigation({
+            location: 'buy'
+        });
+    };
+    const onClickSearch = () => {
+        setIsOperationMenuOpen(false);
+        setNavigation({
+            location: 'search'
+        });
+    };
+    const onClickSettings = () => {
+        setIsOperationMenuOpen(false);
+        setNavigation({
+            location: 'settings'
+        });
+    };
+    return (_jsxs("div", { className: "flex flex-col justify-between h-full w-full", style: { position: 'relative' }, children: [_jsxs("div", { className: "flex flex-row items-start p-4 gap-3", children: [_jsx(IconButton, { className: "bg-background-secondary", icon: WalletIcon, size: "sm", onClick: () => onClickWallets() }), _jsxs(PopoverPrimitive.Root, { open: isOperationMenuOpen, onOpenChange: setIsOperationMenuOpen, children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsx(IconButton, { className: "bg-background-secondary", icon: SwapIcon, size: "sm" }) }), isOperationMenuOpen && (_jsx(PopoverPrimitive.Content, { className: "flex flex-col p-2 gap-2 z-30 rounded-xl border border-border-normal", style: { background: 'rgb(25, 25, 25)' }, asChild: true, side: "bottom", sideOffset: 8, alignOffset: -8, align: "start", children: _jsxs("div", { children: [_jsxs("div", { className: "flex flex-row items-center py-2 px-4 gap-2 bg-background-secondary rounded-lg hover:opacity-80 cursor-pointer", onClick: () => {
+                                                onClickSend();
+                                            }, children: [_jsx(ArrowUpIcon, { color: "white" }), _jsx(Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Send" })] }), _jsxs("div", { className: "flex flex-row items-center py-2 px-4 gap-2 bg-background-secondary rounded-lg hover:opacity-80 cursor-pointer", onClick: () => {
+                                                onClickSwap();
+                                            }, children: [_jsx(SwapIcon, { color: "white" }), _jsx(Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Swap" })] }), _jsxs("div", { className: "flex flex-row items-center py-2 px-4 gap-2 bg-background-secondary rounded-lg hover:opacity-80 cursor-pointer", onClick: () => {
+                                                onClickReceive();
+                                            }, children: [_jsx(ScanIcon, { color: "white" }), _jsx(Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Receive" })] }), _jsxs("div", { className: "flex flex-row items-center py-2 px-4 gap-2 bg-background-secondary rounded-lg hover:opacity-80 cursor-pointer", onClick: () => {
+                                                onClickBuy();
+                                            }, children: [_jsx(AddIcon, { color: "white" }), _jsx(Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Buy" })] })] }) }))] }), _jsx(IconButton, { className: "bg-background-secondary", icon: SearchIcon, size: "sm", onClick: () => onClickSearch() }), _jsx(IconButton, { className: "bg-background-secondary", icon: SettingsIcon, size: "sm", onClick: () => onClickSettings() })] }), _jsx(Divider, { className: "my-0 w-full", style: { position: 'absolute', bottom: 0 } }), _jsx(AnimatePresence, { children: isWalletViewOpen && (_jsx(SlideupDrawer, { onClose: () => setIsWalletViewOpen(false), header: _jsxs("div", { className: "flex flex-row justify-between items-center w-full", children: [_jsx(Text, { variant: "medium", color: "primary", children: "Connected Wallets" }), _jsxs(Text, { variant: "small", color: "muted", children: [fiatCurrency.sign, totalValue, " ", fiatCurrency.symbol] })] }), footer: _jsxs("div", { className: "flex flex-row w-full gap-3", children: [_jsxs("div", { className: "flex justify-center items-center bg-background-secondary rounded-full py-3 px-4 gap-2 w-full hover:opacity-80 cursor-pointer", onClick: () => setOpenConnectModal(true), children: [_jsx(AddIcon, { color: "white" }), _jsx(Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Add Wallet" })] }), _jsxs("div", { className: "flex justify-center items-center bg-background-secondary rounded-full py-3 px-4 gap-2 w-full hover:opacity-80 cursor-pointer", onClick: () => handleManageWallets(), children: [_jsx(SettingsIcon, { color: "white" }), _jsx(Text, { variant: "normal", fontWeight: "bold", color: "primary", children: "Manage" })] })] }), children: _jsx("div", { className: "flex flex-col gap-4", children: wallets.map(wallet => (_jsx(ListCardWallet, { disabled: true, wallet: wallet }, wallet.address))) }) })) })] }));
+};
+//# sourceMappingURL=HomeHeader.js.map

package/dist/esm/components/NavigationHeader/content/HomeHeader.js.map

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

package/dist/esm/components/NavigationHeader/content/SearchHeader.d.ts

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

package/dist/esm/components/NavigationHeader/content/SearchHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationHeader/content/SearchHeader.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,+CAOxB,CAAA"}

package/dist/esm/components/NavigationHeader/content/SearchHeader.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TextInput } from '@0xsequence/design-system';
+import { useNavigationHeader } from '../../../hooks/useNavigationHeader.js';
+export const SearchHeader = () => {
+    const { search, setSearch } = useNavigationHeader();
+    return (_jsx("div", { className: "grow px-4", children: _jsx(TextInput, { autoFocus: true, placeholder: "Search", name: 'Search Wallet', value: search, onChange: e => setSearch(e.target.value) }) }));
+};
+//# sourceMappingURL=SearchHeader.js.map