@0xsequence/wallet-widget 5.1.0 → 5.2.0

package/dist/esm/components/ListCardTable/ListCardNavTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardNavTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCardTable/ListCardNavTable.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,GAAI,+BAI9B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,4CAiBA,CAAA"}

package/dist/esm/components/ListCardTable/ListCardNavTable.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Divider } from '@0xsequence/design-system';
+export const ListCardNavTable = ({ children, navItems, style }) => {
+    return (_jsxs("div", { className: "flex flex-col mt-4 w-full overflow-hidden", style: { borderRadius: '8px', ...style }, children: [_jsx(Card, { className: "flex flex-row justify-between items-center rounded-none bg-background-raised ", style: { height: '52px', paddingRight: '12px' }, children: children }), navItems.map((navItem, index) => (_jsxs("div", { children: [_jsx(Divider, { className: "m-0" }), navItem] }, index)))] }));
+};
+//# sourceMappingURL=ListCardNavTable.js.map

package/dist/esm/components/ListCardTable/ListCardNavTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardNavTable.js","sourceRoot":"","sources":["../../../../src/components/ListCardTable/ListCardNavTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAEzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,KAAK,EAKN,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,aACjG,KAAC,IAAI,IACH,SAAS,EAAC,+EAA+E,EACzF,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,YAE9C,QAAQ,GACJ,EACN,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,0BACE,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,GAAG,EAC1B,OAAO,KAFA,KAAK,CAGT,CACP,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ListCardTable/ListCardSelectTable.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ListCardSelectTable.d.ts.map

package/dist/esm/components/ListCardTable/ListCardSelectTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardSelectTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCardTable/ListCardSelectTable.tsx"],"names":[],"mappings":""}

package/dist/esm/components/ListCardTable/ListCardSelectTable.js

@@ -0,0 +1,3 @@
+export {};
+// TODO: Implement ListCardSelectTable
+//# sourceMappingURL=ListCardSelectTable.js.map

package/dist/esm/components/ListCardTable/ListCardSelectTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardSelectTable.js","sourceRoot":"","sources":["../../../../src/components/ListCardTable/ListCardSelectTable.tsx"],"names":[],"mappings":";AAAA,sCAAsC"}

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

@@ -0,0 +1,2 @@
+export { ListCardNavTable } from './ListCardNavTable';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ListCardTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

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

@@ -0,0 +1,4 @@
+export { ListCardNavTable } from './ListCardNavTable';
+// export { ListCardSelectTable } from './ListCardSelectTable'
+// TODO: uncomment this when ListCardSelectTable is implemented
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ListCardTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,8DAA8D;AAC9D,+DAA+D"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":"AAMA,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,gBAAgB,GAAI,gCAAgC,qBAAqB,4CA+CrF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":"AAMA,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,gBAAgB,GAAI,gCAAgC,qBAAqB,4CA8CrF,CAAA"}

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

@@ -12,11 +12,10 @@ export const NavigationHeader = ({ secondaryText, primaryText }) => {
         }
         goBack();
     };
-    return (_jsxs("div", { className: "flex bg-background-primary z-20 fixed w-full flex-row items-center justify-between px-4", style: {
-            height: HEADER_HEIGHT,
-            paddingTop: '6px'
-        }, children: [history.length > 0 ? (_jsx(IconButton, { onClick: onClickBack, icon: ChevronLeftIcon, size: "xs", disabled: !isBackButtonEnabled, style: { opacity: isBackButtonEnabled ? 1 : 0.5 } })) : (_jsx("div", {})), _jsxs("div", { children: [_jsx(Text, { fontWeight: "medium", variant: "small", color: "muted", children: secondaryText }), _jsx(ModalPrimitive.Title, { asChild: true, children: _jsx(Text, { fontWeight: "medium", variant: "small", color: "primary", children: primaryText }) })] }), _jsx("div", { style: {
-                    width: '44px'
+    return (_jsxs("div", { className: "flex flex-row justify-between items-center fixed bg-background-primary w-full p-4 z-20", style: {
+            height: HEADER_HEIGHT
+        }, children: [history.length > 0 ? (_jsx(IconButton, { onClick: onClickBack, icon: ChevronLeftIcon, size: "xs", disabled: !isBackButtonEnabled, style: { opacity: isBackButtonEnabled ? 1 : 0.5 } })) : (_jsx("div", {})), _jsxs("div", { children: [_jsx(Text, { fontWeight: "medium", variant: "small", color: "muted", children: secondaryText }), _jsx(ModalPrimitive.Title, { asChild: true, children: _jsx(Text, { variant: "medium", color: "primary", children: primaryText }) })] }), _jsx("div", { style: {
+                    width: '28px'
                 } })] }));
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE7F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAOzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,WAAW,EAAyB,EAAE,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEtD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAM;QACR,CAAC;QACD,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAC,yFAAyF,EACnG,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,KAAK;SAClB,aAEA,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,CAAC,mBAAmB,EAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GACjD,CACH,CAAC,CAAC,CAAC,CACF,eAAO,CACR,EACD,0BACE,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YACpD,aAAa,GACT,EACP,KAAC,cAAc,CAAC,KAAK,IAAC,OAAO,kBAC3B,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,YACtD,WAAW,GACP,GACc,IACnB,EACN,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE7F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAOzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,WAAW,EAAyB,EAAE,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEtD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAM;QACR,CAAC;QACD,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAC,wFAAwF,EAClG,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;SACtB,aAEA,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,CAAC,mBAAmB,EAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GACjD,CACH,CAAC,CAAC,CAAC,CACF,eAAO,CACR,EACD,0BACE,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YACpD,aAAa,GACT,EACP,KAAC,cAAc,CAAC,KAAK,IAAC,OAAO,kBAC3B,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACnC,WAAW,GACP,GACc,IACnB,EACN,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,8 @@
+export declare const OptionsFooter: ({ primaryButtonText, onPrimaryButtonClick, secondaryButtonText, onSecondaryButtonClick, shape }: {
+    primaryButtonText: string;
+    onPrimaryButtonClick: () => void;
+    secondaryButtonText?: string;
+    onSecondaryButtonClick?: () => void;
+    shape?: "round" | "square";
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OptionsFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsFooter.d.ts","sourceRoot":"","sources":["../../../src/components/OptionsFooter.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,iGAM3B;IACD,iBAAiB,EAAE,MAAM,CAAA;IACzB,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAA;IACnC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC3B,4CAiCA,CAAA"}

package/dist/esm/components/OptionsFooter.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cardVariants, cn, Text } from '@0xsequence/design-system';
+export const OptionsFooter = ({ primaryButtonText, onPrimaryButtonClick, secondaryButtonText, onSecondaryButtonClick, shape = 'round' }) => {
+    return (_jsxs("div", { className: "flex flex-row justify-between items-center p-4 gap-2 w-full", style: { position: 'absolute', bottom: 0, left: 0 }, children: [secondaryButtonText && (_jsx("div", { className: cn(cardVariants({ clickable: true }), `flex justify-center items-center bg-button-glass ${shape === 'square' ? 'rounded-lg' : 'rounded-full'} h-11`), onClick: onSecondaryButtonClick, children: _jsx(Text, { className: "text-primary", variant: "normal", fontWeight: "bold", children: secondaryButtonText }) })), _jsx("div", { className: cn(cardVariants({ clickable: true }), `flex justify-center items-center bg-gradient-primary ${shape === 'square' ? 'rounded-lg' : 'rounded-full'} h-11`), onClick: onPrimaryButtonClick, children: _jsx(Text, { className: "text-primary", variant: "normal", fontWeight: "bold", children: primaryButtonText }) })] }));
+};
+//# sourceMappingURL=OptionsFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsFooter.js","sourceRoot":"","sources":["../../../src/components/OptionsFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAElE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,GAAG,OAAO,EAOhB,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAC,6DAA6D,EACvE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,aAElD,mBAAmB,IAAI,CACtB,cACE,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACjC,oDAAoD,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,OAAO,CAC9G,EACD,OAAO,EAAE,sBAAsB,YAE/B,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,YAC9D,mBAAmB,GACf,GACH,CACP,EAED,cACE,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACjC,wDAAwD,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,OAAO,CAClH,EACD,OAAO,EAAE,oBAAoB,YAE7B,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,YAC9D,iBAAiB,GACb,GACH,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SearchLists/CollectiblesList/CollectibleTile.d.ts

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

package/dist/esm/components/SearchLists/CollectiblesList/CollectibleTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectibleTile.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectibleTile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAMtD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,qBAAqB,CAAA;IAC9B,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;CACrD;AAED,eAAO,MAAM,eAAe,GAAI,2BAA2B,oBAAoB,4CA4B9E,CAAA"}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NetworkImage } from '@0xsequence/design-system';
+import { useGetTokenMetadata } from '@0xsequence/hooks';
+import { CollectibleTileImage } from '../../CollectibleTileImage';
+const NETWORK_IMAGE_SIZE = '15%';
+const NETWORK_IMAGE_OFFSET = '2%';
+export const CollectibleTile = ({ balance, onTokenClick }) => {
+    const onClick = () => {
+        onTokenClick(balance);
+    };
+    const { data: tokenMetadata } = useGetTokenMetadata({
+        chainID: String(balance.chainId),
+        contractAddress: balance.contractAddress,
+        tokenIDs: [balance.tokenID || '']
+    });
+    const imageUrl = tokenMetadata?.[0]?.image;
+    return (_jsxs("div", { className: "select-none cursor-pointer aspect-square relative", onClick: onClick, children: [_jsx(CollectibleTileImage, { imageUrl: imageUrl }), _jsx(NetworkImage, { chainId: balance.chainId, className: `absolute z-1`, style: {
+                    width: NETWORK_IMAGE_SIZE,
+                    height: NETWORK_IMAGE_SIZE,
+                    right: NETWORK_IMAGE_OFFSET,
+                    bottom: NETWORK_IMAGE_OFFSET
+                } })] }));
+};
+//# sourceMappingURL=CollectibleTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectibleTile.js","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectibleTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAGvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAEjE,MAAM,kBAAkB,GAAG,KAAK,CAAA;AAChC,MAAM,oBAAoB,GAAG,IAAI,CAAA;AAOjC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAwB,EAAE,EAAE;IACjF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,mBAAmB,CAAC;QAClD,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;QAChC,eAAe,EAAE,OAAO,CAAC,eAAe;QACxC,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;KAClC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAA;IAE1C,OAAO,CACL,eAAK,SAAS,EAAC,mDAAmD,EAAC,OAAO,EAAE,OAAO,aACjF,KAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAC5C,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE;oBACL,KAAK,EAAE,kBAAkB;oBACzB,MAAM,EAAE,kBAAkB;oBAC1B,KAAK,EAAE,oBAAoB;oBAC3B,MAAM,EAAE,oBAAoB;iBAC7B,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SearchLists/CollectiblesList/CollectiblesTab.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TokenBalanceWithPrice } from '../../../utils';
+interface CollectiblesTabProps {
+    displayedCollectibleBalances: TokenBalanceWithPrice[] | undefined;
+    fetchMoreCollectibleBalances: () => Promise<any>;
+    hasMoreCollectibleBalances: boolean;
+    isFetchingMoreCollectibleBalances: boolean;
+    isFetchingInitialBalances: boolean;
+    onTokenClick: (token: TokenBalanceWithPrice) => void;
+    gridColumns?: number;
+}
+export declare const CollectiblesTab: React.FC<CollectiblesTabProps>;
+export {};
+//# sourceMappingURL=CollectiblesTab.d.ts.map

package/dist/esm/components/SearchLists/CollectiblesList/CollectiblesTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectiblesTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectiblesTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAKtD,UAAU,oBAAoB;IAC5B,4BAA4B,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAA;IACjE,4BAA4B,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;IAChD,0BAA0B,EAAE,OAAO,CAAA;IACnC,iCAAiC,EAAE,OAAO,CAAA;IAC1C,yBAAyB,EAAE,OAAO,CAAA;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsC1D,CAAA"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Spinner, Skeleton, Text } from '@0xsequence/design-system';
+import { InfiniteScroll } from '../../InfiniteScroll';
+import { CollectibleTile } from './CollectibleTile';
+export const CollectiblesTab = ({ displayedCollectibleBalances, fetchMoreCollectibleBalances, hasMoreCollectibleBalances, isFetchingMoreCollectibleBalances, isFetchingInitialBalances, onTokenClick, gridColumns }) => {
+    return (_jsxs("div", { children: [_jsx("div", { className: "grid gap-2", style: { gridTemplateColumns: `repeat(${gridColumns}, 1fr)`, width: '100%' }, children: isFetchingInitialBalances ? (_jsx(_Fragment, { children: Array(6)
+                        .fill(null)
+                        .map((_, i) => (_jsx(Skeleton, { className: "w-full", style: { height: '180px' } }, i))) })) : (_jsx(_Fragment, { children: displayedCollectibleBalances && displayedCollectibleBalances.length > 0 && (_jsx(InfiniteScroll, { onLoad: () => fetchMoreCollectibleBalances(), hasMore: hasMoreCollectibleBalances, children: displayedCollectibleBalances?.map((balance, index) => {
+                            return _jsx(CollectibleTile, { balance: balance, onTokenClick: onTokenClick }, index);
+                        }) })) })) }), (!displayedCollectibleBalances || displayedCollectibleBalances.length === 0) && !isFetchingMoreCollectibleBalances && (_jsx(Text, { color: "primary", children: "No Collectibles Found" })), isFetchingMoreCollectibleBalances && _jsx(Spinner, { className: "flex justify-self-center mt-3" })] }));
+};
+//# sourceMappingURL=CollectiblesTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectiblesTab.js","sourceRoot":"","sources":["../../../../../src/components/SearchLists/CollectiblesList/CollectiblesTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAInE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAYnD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,4BAA4B,EAC5B,4BAA4B,EAC5B,0BAA0B,EAC1B,iCAAiC,EACjC,yBAAyB,EACzB,YAAY,EACZ,WAAW,EACZ,EAAE,EAAE;IACH,OAAO,CACL,0BACE,cAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,WAAW,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,YACrG,yBAAyB,CAAC,CAAC,CAAC,CAC3B,4BACG,KAAK,CAAC,CAAC,CAAC;yBACN,IAAI,CAAC,IAAI,CAAC;yBACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,EAAS,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IAA7B,CAAC,CAAgC,CACpE,CAAC,GACH,CACJ,CAAC,CAAC,CAAC,CACF,4BACG,4BAA4B,IAAI,4BAA4B,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1E,KAAC,cAAc,IAAC,MAAM,EAAE,GAAG,EAAE,CAAC,4BAA4B,EAAE,EAAE,OAAO,EAAE,0BAA0B,YAC9F,4BAA4B,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;4BACpD,OAAO,KAAC,eAAe,IAAa,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,IAAnD,KAAK,CAAkD,CAAA;wBACtF,CAAC,CAAC,GACa,CAClB,GACA,CACJ,GACG,EACL,CAAC,CAAC,4BAA4B,IAAI,4BAA4B,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,iCAAiC,IAAI,CACrH,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,sCAA6B,CACnD,EACA,iCAAiC,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,GAAG,IACvF,CACP,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectiblesList.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchLists/CollectiblesList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAIlD,OAAO,EAAE,qBAAqB,EAAsB,MAAM,aAAa,CAAA;AAKvE,eAAO,MAAM,gBAAgB,GAAI,yFAM9B;IACD,iBAAiB,EAAE,YAAY,EAAE,CAAA;IACjC,sBAAsB,EAAE,OAAO,CAAA;IAC/B,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACpD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,4CA+FA,CAAA"}

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

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchIcon, TextInput } from '@0xsequence/design-system';
+import Fuse from 'fuse.js';
+import { useState, useMemo } from 'react';
+import { useGetMoreBalances } from '../../utils';
+import { FilterButton } from '../Filter/FilterButton';
+import { CollectiblesTab } from './CollectiblesList/CollectiblesTab';
+export const CollectiblesList = ({ tokenBalancesData, isPendingTokenBalances, onTokenClick, enableFilters = true, gridColumns = 2 }) => {
+    const pageSize = 8;
+    const [search, setSearch] = useState('');
+    const collectibleBalancesUnordered = tokenBalancesData?.filter(b => b.contractType === 'ERC721' || b.contractType === 'ERC1155') || [];
+    const collectibleBalances = collectibleBalancesUnordered.sort((a, b) => {
+        return Number(b.balance) - Number(a.balance);
+    });
+    const collectibleBalancesWithPrice = collectibleBalances.map(balance => ({
+        ...balance,
+        price: {
+            value: 0,
+            currency: 'USD'
+        }
+    }));
+    const isPending = isPendingTokenBalances;
+    const fuseOptions = {
+        threshold: 0.1,
+        ignoreLocation: true,
+        keys: [
+            {
+                name: 'name',
+                getFn: (token) => {
+                    return token.tokenMetadata?.name || '';
+                }
+            },
+            {
+                name: 'collectionName',
+                getFn: (token) => {
+                    return token.contractInfo?.name || '';
+                }
+            }
+        ]
+    };
+    const fuse = useMemo(() => {
+        return new Fuse(collectibleBalancesWithPrice, fuseOptions);
+    }, [collectibleBalancesWithPrice]);
+    const searchResults = useMemo(() => {
+        if (!search.trimStart()) {
+            return [];
+        }
+        return fuse.search(search).map(result => result.item);
+    }, [search, fuse]);
+    const { data: infiniteBalances, fetchNextPage: fetchMoreBalances, hasNextPage: hasMoreBalances, isFetching: isFetchingMoreBalances } = useGetMoreBalances(collectibleBalancesWithPrice, pageSize, { enabled: search.trim() === '' });
+    const { data: infiniteSearchBalances, fetchNextPage: fetchMoreSearchBalances, hasNextPage: hasMoreSearchBalances, isFetching: isFetchingMoreSearchBalances } = useGetMoreBalances(searchResults, pageSize, { enabled: search.trim() !== '' });
+    return (_jsxs("div", { className: "flex flex-col gap-4 items-center justify-center", children: [_jsxs("div", { className: "flex flex-row justify-between items-center w-full gap-2", children: [_jsx("div", { className: "grow", children: _jsx(TextInput, { autoFocus: true, name: "search wallet", leftIcon: SearchIcon, value: search, onChange: ev => setSearch(ev.target.value), placeholder: "Search your wallet", "data-1p-ignore": true }) }), enableFilters && _jsx(FilterButton, { label: "Collectible Filters", type: "collectibles" })] }), _jsx("div", { className: "w-full", children: _jsx(CollectiblesTab, { displayedCollectibleBalances: search ? infiniteSearchBalances?.pages.flat() : infiniteBalances?.pages.flat(), fetchMoreCollectibleBalances: search ? fetchMoreSearchBalances : fetchMoreBalances, hasMoreCollectibleBalances: search ? hasMoreSearchBalances : hasMoreBalances, isFetchingMoreCollectibleBalances: search ? isFetchingMoreSearchBalances : isFetchingMoreBalances, isFetchingInitialBalances: isPending, onTokenClick: onTokenClick, gridColumns: gridColumns }) })] }));
+};
+//# sourceMappingURL=CollectiblesList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectiblesList.js","sourceRoot":"","sources":["../../../../src/components/SearchLists/CollectiblesList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAEjE,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAyB,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,iBAAiB,EACjB,sBAAsB,EACtB,YAAY,EACZ,aAAa,GAAG,IAAI,EACpB,WAAW,GAAG,CAAC,EAOhB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,CAAC,CAAA;IAElB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAExC,MAAM,4BAA4B,GAChC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,KAAK,QAAQ,IAAI,CAAC,CAAC,YAAY,KAAK,SAAS,CAAC,IAAI,EAAE,CAAA;IAEnG,MAAM,mBAAmB,GAAG,4BAA4B,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACrE,OAAO,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C,CAAC,CAAC,CAAA;IAEF,MAAM,4BAA4B,GAAG,mBAAmB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACvE,GAAG,OAAO;QACV,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,QAAQ,EAAE,KAAK;SAChB;KACF,CAAC,CAAC,CAAA;IAEH,MAAM,SAAS,GAAG,sBAAsB,CAAA;IAExC,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,IAAI;QACpB,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,CAAC,KAAmB,EAAE,EAAE;oBAC7B,OAAO,KAAK,CAAC,aAAa,EAAE,IAAI,IAAI,EAAE,CAAA;gBACxC,CAAC;aACF;YACD;gBACE,IAAI,EAAE,gBAAgB;gBACtB,KAAK,EAAE,CAAC,KAAmB,EAAE,EAAE;oBAC7B,OAAO,KAAK,CAAC,YAAY,EAAE,IAAI,IAAI,EAAE,CAAA;gBACvC,CAAC;aACF;SACF;KACF,CAAA;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,OAAO,IAAI,IAAI,CAAC,4BAA4B,EAAE,WAAW,CAAC,CAAA;IAC5D,CAAC,EAAE,CAAC,4BAA4B,CAAC,CAAC,CAAA;IAElC,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC;YACxB,OAAO,EAAE,CAAA;QACX,CAAC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACvD,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAElB,MAAM,EACJ,IAAI,EAAE,gBAAgB,EACtB,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,sBAAsB,EACnC,GAAG,kBAAkB,CAAC,4BAA4B,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;IAEjG,MAAM,EACJ,IAAI,EAAE,sBAAsB,EAC5B,aAAa,EAAE,uBAAuB,EACtC,WAAW,EAAE,qBAAqB,EAClC,UAAU,EAAE,4BAA4B,EACzC,GAAG,kBAAkB,CAAC,aAAa,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;IAElF,OAAO,CACL,eAAK,SAAS,EAAC,iDAAiD,aAC9D,eAAK,SAAS,EAAC,yDAAyD,aACtE,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,SAAS,IACR,SAAS,QACT,IAAI,EAAC,eAAe,EACpB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,WAAW,EAAC,oBAAoB,2BAEhC,GACE,EACL,aAAa,IAAI,KAAC,YAAY,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,cAAc,GAAG,IAC9E,EACN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,eAAe,IACd,4BAA4B,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,KAAK,CAAC,IAAI,EAAE,EAC5G,4BAA4B,EAAE,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,EAClF,0BAA0B,EAAE,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,EAC5E,iCAAiC,EAAE,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,sBAAsB,EACjG,yBAAyB,EAAE,SAAS,EACpC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,GACxB,GACE,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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