@0xsequence/wallet-widget 5.1.0 → 5.2.0

package/dist/cjs/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/cjs/components/NavigationHeader/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":";;;;AAAA,6DAA6F;AAE7F,+CAA+C;AAC/C,0DAAgE;AAChE,6DAAyD;AAOlD,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,WAAW,EAAyB,EAAE,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,iCAAoB,GAAE,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,iCACE,SAAS,EAAC,yFAAyF,EACnG,KAAK,EAAE;YACL,MAAM,EAAE,yBAAa;YACrB,UAAU,EAAE,KAAK;SAClB,aAEA,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,uBAAC,0BAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,+BAAe,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,iCAAO,CACR,EACD,4CACE,uBAAC,oBAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YACpD,aAAa,GACT,EACP,uBAAC,8BAAc,CAAC,KAAK,IAAC,OAAO,kBAC3B,uBAAC,oBAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,YACtD,WAAW,GACP,GACc,IACnB,EACN,gCACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,gBAAgB,oBA+C5B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NavigationHeader/index.tsx"],"names":[],"mappings":";;;;AAAA,6DAA6F;AAE7F,+CAA+C;AAC/C,0DAAgE;AAChE,6DAAyD;AAOlD,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,WAAW,EAAyB,EAAE,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAA;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,iCAAoB,GAAE,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,iCACE,SAAS,EAAC,wFAAwF,EAClG,KAAK,EAAE;YACL,MAAM,EAAE,yBAAa;SACtB,aAEA,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,uBAAC,0BAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,+BAAe,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,iCAAO,CACR,EACD,4CACE,uBAAC,oBAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YACpD,aAAa,GACT,EACP,uBAAC,8BAAc,CAAC,KAAK,IAAC,OAAO,kBAC3B,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACnC,WAAW,GACP,GACc,IACnB,EACN,gCACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,gBAAgB,oBA8C5B"}

package/dist/cjs/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/cjs/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/cjs/components/OptionsFooter.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OptionsFooter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const OptionsFooter = ({ primaryButtonText, onPrimaryButtonClick, secondaryButtonText, onSecondaryButtonClick, shape = 'round' }) => {
+    return ((0, jsx_runtime_1.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 && ((0, jsx_runtime_1.jsx)("div", { className: (0, design_system_1.cn)((0, design_system_1.cardVariants)({ clickable: true }), `flex justify-center items-center bg-button-glass ${shape === 'square' ? 'rounded-lg' : 'rounded-full'} h-11`), onClick: onSecondaryButtonClick, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "text-primary", variant: "normal", fontWeight: "bold", children: secondaryButtonText }) })), (0, jsx_runtime_1.jsx)("div", { className: (0, design_system_1.cn)((0, design_system_1.cardVariants)({ clickable: true }), `flex justify-center items-center bg-gradient-primary ${shape === 'square' ? 'rounded-lg' : 'rounded-full'} h-11`), onClick: onPrimaryButtonClick, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "text-primary", variant: "normal", fontWeight: "bold", children: primaryButtonText }) })] }));
+};
+exports.OptionsFooter = OptionsFooter;
+//# sourceMappingURL=OptionsFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsFooter.js","sourceRoot":"","sources":["../../../src/components/OptionsFooter.tsx"],"names":[],"mappings":";;;;AAAA,6DAAkE;AAE3D,MAAM,aAAa,GAAG,CAAC,EAC5B,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,GAAG,OAAO,EAOhB,EAAE,EAAE;IACH,OAAO,CACL,iCACE,SAAS,EAAC,6DAA6D,EACvE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,aAElD,mBAAmB,IAAI,CACtB,gCACE,SAAS,EAAE,IAAA,kBAAE,EACX,IAAA,4BAAY,EAAC,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,uBAAC,oBAAI,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,YAC9D,mBAAmB,GACf,GACH,CACP,EAED,gCACE,SAAS,EAAE,IAAA,kBAAE,EACX,IAAA,4BAAY,EAAC,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,uBAAC,oBAAI,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,YAC9D,iBAAiB,GACb,GACH,IACF,CACP,CAAA;AACH,CAAC,CAAA;AA7CY,QAAA,aAAa,iBA6CzB"}

package/dist/cjs/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/cjs/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/cjs/components/SearchLists/CollectiblesList/CollectibleTile.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectibleTile = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const CollectibleTileImage_1 = require("../../CollectibleTileImage");
+const NETWORK_IMAGE_SIZE = '15%';
+const NETWORK_IMAGE_OFFSET = '2%';
+const CollectibleTile = ({ balance, onTokenClick }) => {
+    const onClick = () => {
+        onTokenClick(balance);
+    };
+    const { data: tokenMetadata } = (0, hooks_1.useGetTokenMetadata)({
+        chainID: String(balance.chainId),
+        contractAddress: balance.contractAddress,
+        tokenIDs: [balance.tokenID || '']
+    });
+    const imageUrl = tokenMetadata?.[0]?.image;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "select-none cursor-pointer aspect-square relative", onClick: onClick, children: [(0, jsx_runtime_1.jsx)(CollectibleTileImage_1.CollectibleTileImage, { imageUrl: imageUrl }), (0, jsx_runtime_1.jsx)(design_system_1.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
+                } })] }));
+};
+exports.CollectibleTile = CollectibleTile;
+//# sourceMappingURL=CollectibleTile.js.map

package/dist/cjs/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,6DAAwD;AACxD,6CAAuD;AAGvD,qEAAiE;AAEjE,MAAM,kBAAkB,GAAG,KAAK,CAAA;AAChC,MAAM,oBAAoB,GAAG,IAAI,CAAA;AAO1B,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,IAAA,2BAAmB,EAAC;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,iCAAK,SAAS,EAAC,mDAAmD,EAAC,OAAO,EAAE,OAAO,aACjF,uBAAC,2CAAoB,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAC5C,uBAAC,4BAAY,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;AA5BY,QAAA,eAAe,mBA4B3B"}

package/dist/cjs/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/cjs/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/cjs/components/SearchLists/CollectiblesList/CollectiblesTab.js

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

package/dist/cjs/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,6DAAmE;AAInE,yDAAqD;AAErD,uDAAmD;AAY5C,MAAM,eAAe,GAAmC,CAAC,EAC9D,4BAA4B,EAC5B,4BAA4B,EAC5B,0BAA0B,EAC1B,iCAAiC,EACjC,yBAAyB,EACzB,YAAY,EACZ,WAAW,EACZ,EAAE,EAAE;IACH,OAAO,CACL,4CACE,gCAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,WAAW,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,YACrG,yBAAyB,CAAC,CAAC,CAAC,CAC3B,2DACG,KAAK,CAAC,CAAC,CAAC;yBACN,IAAI,CAAC,IAAI,CAAC;yBACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,uBAAC,wBAAQ,IAAC,SAAS,EAAC,QAAQ,EAAS,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IAA7B,CAAC,CAAgC,CACpE,CAAC,GACH,CACJ,CAAC,CAAC,CAAC,CACF,2DACG,4BAA4B,IAAI,4BAA4B,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1E,uBAAC,+BAAc,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,uBAAC,iCAAe,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,uBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,sCAA6B,CACnD,EACA,iCAAiC,IAAI,uBAAC,uBAAO,IAAC,SAAS,EAAC,+BAA+B,GAAG,IACvF,CACP,CAAA;AACH,CAAC,CAAA;AAtCY,QAAA,eAAe,mBAsC3B"}

package/dist/cjs/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/cjs/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/cjs/components/SearchLists/CollectiblesList.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectiblesList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const fuse_js_1 = __importDefault(require("fuse.js"));
+const react_1 = require("react");
+const utils_1 = require("../../utils");
+const FilterButton_1 = require("../Filter/FilterButton");
+const CollectiblesTab_1 = require("./CollectiblesList/CollectiblesTab");
+const CollectiblesList = ({ tokenBalancesData, isPendingTokenBalances, onTokenClick, enableFilters = true, gridColumns = 2 }) => {
+    const pageSize = 8;
+    const [search, setSearch] = (0, react_1.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 = (0, react_1.useMemo)(() => {
+        return new fuse_js_1.default(collectibleBalancesWithPrice, fuseOptions);
+    }, [collectibleBalancesWithPrice]);
+    const searchResults = (0, react_1.useMemo)(() => {
+        if (!search.trimStart()) {
+            return [];
+        }
+        return fuse.search(search).map(result => result.item);
+    }, [search, fuse]);
+    const { data: infiniteBalances, fetchNextPage: fetchMoreBalances, hasNextPage: hasMoreBalances, isFetching: isFetchingMoreBalances } = (0, utils_1.useGetMoreBalances)(collectibleBalancesWithPrice, pageSize, { enabled: search.trim() === '' });
+    const { data: infiniteSearchBalances, fetchNextPage: fetchMoreSearchBalances, hasNextPage: hasMoreSearchBalances, isFetching: isFetchingMoreSearchBalances } = (0, utils_1.useGetMoreBalances)(searchResults, pageSize, { enabled: search.trim() !== '' });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4 items-center justify-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-between items-center w-full gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "grow", children: (0, jsx_runtime_1.jsx)(design_system_1.TextInput, { autoFocus: true, name: "search wallet", leftIcon: design_system_1.SearchIcon, value: search, onChange: ev => setSearch(ev.target.value), placeholder: "Search your wallet", "data-1p-ignore": true }) }), enableFilters && (0, jsx_runtime_1.jsx)(FilterButton_1.FilterButton, { label: "Collectible Filters", type: "collectibles" })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full", children: (0, jsx_runtime_1.jsx)(CollectiblesTab_1.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 }) })] }));
+};
+exports.CollectiblesList = CollectiblesList;
+//# sourceMappingURL=CollectiblesList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectiblesList.js","sourceRoot":"","sources":["../../../../src/components/SearchLists/CollectiblesList.tsx"],"names":[],"mappings":";;;;;;;AAAA,6DAAiE;AAEjE,sDAA0B;AAC1B,iCAAyC;AAEzC,uCAAuE;AACvE,yDAAqD;AAErD,wEAAoE;AAE7D,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,IAAA,gBAAQ,EAAC,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,IAAA,eAAO,EAAC,GAAG,EAAE;QACxB,OAAO,IAAI,iBAAI,CAAC,4BAA4B,EAAE,WAAW,CAAC,CAAA;IAC5D,CAAC,EAAE,CAAC,4BAA4B,CAAC,CAAC,CAAA;IAElC,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,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,IAAA,0BAAkB,EAAC,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,IAAA,0BAAkB,EAAC,aAAa,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;IAElF,OAAO,CACL,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,iCAAK,SAAS,EAAC,yDAAyD,aACtE,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,yBAAS,IACR,SAAS,QACT,IAAI,EAAC,eAAe,EACpB,QAAQ,EAAE,0BAAU,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,uBAAC,2BAAY,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,cAAc,GAAG,IAC9E,EACN,gCAAK,SAAS,EAAC,QAAQ,YACrB,uBAAC,iCAAe,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;AA3GY,QAAA,gBAAgB,oBA2G5B"}

package/dist/cjs/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/cjs/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/cjs/components/SearchLists/TokenList/CoinRow.js

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

package/dist/cjs/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,iDAAmD;AACnD,6DAAgE;AAChE,+BAAiC;AACjC,iCAAiC;AAEjC,0CAA4C;AAC5C,gEAA8D;AAE9D,oEAAgE;AAChE,4DAAwD;AAQjD,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,kBAAkB,GAAG,KAAK,EAAoB,EAAE,EAAE;IACjG,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IACtC,MAAM,MAAM,GAAG,IAAA,iBAAS,GAAE,CAAA;IAC1B,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,IAAA,+BAAe,EAAC,OAAO,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAE/G,MAAM,WAAW,GAAG,IAAA,iBAAU,EAAC,OAAO,CAAC,cAAc,CAAC,CAAA;IAEtD,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,yBAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YACpE,iCAAK,SAAS,EAAC,yDAAyD,aACtE,uBAAC,mCAAgB,IAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,GAAI,EACzE,gCAAK,SAAS,EAAC,kCAAkC,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,YAClF,iCAAK,SAAS,EAAC,sBAAsB,aACnC,gCAAK,SAAS,EAAC,sBAAsB,YACnC,uBAAC,oBAAI,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,kBACxE,IAAI,GACA,GACH,EACL,kBAAkB,IAAI,CACrB,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,uBAAC,8BAAc,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,IAAI,GAAG,EAClD,uBAAC,oBAAI,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,kBACrE,IAAA,uBAAa,EAAC,WAAW,CAAC,GACtB,IACH,CACP,IACG,GACF,EACN,gCAAK,SAAS,EAAC,wCAAwC,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,YACxF,iCAAK,SAAS,EAAC,gCAAgC,aAC7C,gCAAK,SAAS,EAAC,kCAAkC,YAC/C,uBAAC,oBAAI,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,kBACvE,cAAc,GACV,GACH,EACN,uBAAC,oBAAI,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YAChC,WAAW,GACP,IACH,GACF,IACF,GACM,CACf,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,OAAO,WA+CnB"}

package/dist/cjs/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/cjs/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/cjs/components/SearchLists/TokenList/CoinsTab.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoinsTab = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const InfiniteScroll_1 = require("../../InfiniteScroll");
+const CoinRow_1 = require("./CoinRow");
+const CoinsTab = ({ displayedCoinBalances, fetchMoreCoinBalances, hasMoreCoinBalances, isFetchingMoreCoinBalances, isFetchingInitialBalances, onTokenClick, includeUserAddress = false }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [isFetchingInitialBalances ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Array(7)
+                        .fill(null)
+                        .map((_, i) => ((0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { className: "w-full", style: { height: '60px' } }, i))) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (!displayedCoinBalances || displayedCoinBalances.length === 0) && !isFetchingMoreCoinBalances ? ((0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", children: "No Coins Found" })) : ((0, jsx_runtime_1.jsx)(InfiniteScroll_1.InfiniteScroll, { onLoad: () => fetchMoreCoinBalances(), hasMore: hasMoreCoinBalances, children: displayedCoinBalances?.map((balance, index) => {
+                            return ((0, jsx_runtime_1.jsx)(CoinRow_1.CoinRow, { balance: balance, onTokenClick: onTokenClick, includeUserAddress: includeUserAddress }, index));
+                        }) })) })), isFetchingMoreCoinBalances && (0, jsx_runtime_1.jsx)(design_system_1.Spinner, { className: "flex self-center mt-3" })] }) }));
+};
+exports.CoinsTab = CoinsTab;
+//# sourceMappingURL=CoinsTab.js.map

package/dist/cjs/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,6DAAmE;AAInE,yDAAqD;AAErD,uCAAmC;AAY5B,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,0CACE,iCAAK,SAAS,EAAC,kCAAkC,aAC9C,yBAAyB,CAAC,CAAC,CAAC,CAC3B,2DACG,KAAK,CAAC,CAAC,CAAC;yBACN,IAAI,CAAC,IAAI,CAAC;yBACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,uBAAC,wBAAQ,IAAC,SAAS,EAAC,QAAQ,EAAS,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAA5B,CAAC,CAA+B,CACnE,CAAC,GACH,CACJ,CAAC,CAAC,CAAC,CACF,2DACG,CAAC,CAAC,qBAAqB,IAAI,qBAAqB,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAC/F,uBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,+BAAsB,CAC5C,CAAC,CAAC,CAAC,CACF,uBAAC,+BAAc,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,uBAAC,iBAAO,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,uBAAC,uBAAO,IAAC,SAAS,EAAC,uBAAuB,GAAG,IACxE,GACF,CACP,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,QAAQ,YAuCpB"}

package/dist/cjs/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/cjs/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/cjs/components/SearchLists/TokenList.js

@@ -0,0 +1,90 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TokenList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const ethers_1 = require("ethers");
+const fuse_js_1 = __importDefault(require("fuse.js"));
+const react_1 = require("react");
+const wagmi_1 = require("wagmi");
+const hooks_2 = require("../../hooks");
+const utils_1 = require("../../utils");
+const utils_2 = require("../../utils");
+const FilterButton_1 = require("../Filter/FilterButton");
+const CoinsTab_1 = require("./TokenList/CoinsTab");
+const TokenList = ({ tokenBalancesData, isPendingTokenBalances, onTokenClick, includeUserAddress = false, enableFilters = true }) => {
+    const pageSize = 10;
+    const { chains } = (0, wagmi_1.useConfig)();
+    const { fiatCurrency } = (0, hooks_2.useSettings)();
+    const [search, setSearch] = (0, react_1.useState)('');
+    const coinBalancesUnordered = tokenBalancesData?.filter(b => b.contractType === 'ERC20' || (0, connect_1.compareAddress)(b.contractAddress, ethers_1.ethers.ZeroAddress)) || [];
+    const { data: coinPrices = [], isPending: isPendingCoinPrices } = (0, hooks_1.useGetCoinPrices)(coinBalancesUnordered.map(token => ({
+        chainId: token.chainId,
+        contractAddress: token.contractAddress
+    })));
+    const { data: conversionRate = 1, isPending: isPendingConversionRate } = (0, hooks_1.useGetExchangeRate)(fiatCurrency.symbol);
+    const coinBalances = coinBalancesUnordered.sort((a, b) => {
+        const fiatA = (0, utils_1.computeBalanceFiat)({
+            balance: a,
+            prices: coinPrices,
+            conversionRate,
+            decimals: a.contractInfo?.decimals || 18
+        });
+        const fiatB = (0, utils_1.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 ((0, connect_1.compareAddress)(token.contractAddress, ethers_1.ethers.ZeroAddress)) {
+                        const nativeTokenInfo = (0, connect_1.getNativeTokenInfoByChainId)(token.chainId, chains);
+                        return nativeTokenInfo.name;
+                    }
+                    return token.contractInfo?.name || 'Unknown';
+                }
+            }
+        ]
+    };
+    const fuse = (0, react_1.useMemo)(() => {
+        return new fuse_js_1.default(coinBalancesWithPrices, fuseOptions);
+    }, [coinBalancesWithPrices]);
+    const searchResults = (0, react_1.useMemo)(() => {
+        if (!search.trimStart()) {
+            return [];
+        }
+        return fuse.search(search).map(result => result.item);
+    }, [search, fuse]);
+    const { data: infiniteBalances, fetchNextPage: fetchMoreBalances, hasNextPage: hasMoreBalances, isFetching: isFetchingMoreBalances } = (0, utils_2.useGetMoreBalances)(coinBalancesWithPrices, pageSize, { enabled: search.trim() === '' });
+    const { data: infiniteSearchBalances, fetchNextPage: fetchMoreSearchBalances, hasNextPage: hasMoreSearchBalances, isFetching: isFetchingMoreSearchBalances } = (0, utils_2.useGetMoreBalances)(searchResults, pageSize, { enabled: search.trim() !== '' });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4 items-center justify-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-between items-center w-full gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "grow", children: (0, jsx_runtime_1.jsx)(design_system_1.TextInput, { autoFocus: true, name: "search wallet", leftIcon: design_system_1.SearchIcon, value: search, onChange: ev => setSearch(ev.target.value), placeholder: "Search your wallet", "data-1p-ignore": true }) }), enableFilters && (0, jsx_runtime_1.jsx)(FilterButton_1.FilterButton, { label: "Token Filters", type: "tokens" })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full", children: (0, jsx_runtime_1.jsx)(CoinsTab_1.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 }) })] }));
+};
+exports.TokenList = TokenList;
+//# sourceMappingURL=TokenList.js.map

package/dist/cjs/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/cjs/components/SearchLists/index.d.ts

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

package/dist/cjs/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/cjs/components/SearchLists/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TokenList"), exports);
+__exportStar(require("./CollectiblesList"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/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/cjs/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/cjs/components/Select/NetworkSelect.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NetworkSelect = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const react_1 = require("react");
+const wagmi_1 = require("wagmi");
+const NetworkRow_1 = require("../Filter/NetworkRow");
+const SlideupDrawer_1 = require("./SlideupDrawer");
+const NETWORK_SELECT_HEIGHT = '70px';
+const NetworkSelect = () => {
+    const chains = (0, wagmi_1.useChains)();
+    const chainId = (0, wagmi_1.useChainId)();
+    const { switchChain } = (0, wagmi_1.useSwitchChain)();
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, design_system_1.cn)((0, design_system_1.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: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", fontWeight: "bold", color: "muted", children: "Network" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.NetworkImage, { chainId: chainId, size: "sm" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "bold", color: "primary", children: chains.find(chain => chain.id === chainId)?.name || chainId })] })] }), (0, jsx_runtime_1.jsx)(design_system_1.ChevronUpDownIcon, { className: "text-muted" }), isOpen && ((0, jsx_runtime_1.jsx)(SlideupDrawer_1.SlideupDrawer, { label: "Network", onClose: () => setIsOpen(false), children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2", style: { overflowY: 'auto' }, children: chains.map(chain => ((0, jsx_runtime_1.jsx)(NetworkRow_1.NetworkRow, { chainId: chain.id, isSelected: chain.id === chainId, onClick: () => {
+                            switchChain({ chainId: chain.id });
+                            setIsOpen(false);
+                        } }, chain.id))) }) }))] }));
+};
+exports.NetworkSelect = NetworkSelect;
+//# sourceMappingURL=NetworkSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/NetworkSelect.tsx"],"names":[],"mappings":";;;;AAAA,6DAAmG;AACnG,iCAAgC;AAChC,iCAA6D;AAE7D,qDAAiD;AAEjD,mDAA+C;AAE/C,MAAM,qBAAqB,GAAG,MAAM,CAAA;AAE7B,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,MAAM,GAAG,IAAA,iBAAS,GAAE,CAAA;IAC1B,MAAM,OAAO,GAAG,IAAA,kBAAU,GAAE,CAAA;IAC5B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAA;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE3C,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,kBAAE,EACX,IAAA,4BAAY,EAAC,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,iCAAK,SAAS,EAAC,qBAAqB,aAClC,uBAAC,oBAAI,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,wBAE9C,EACP,iCAAK,SAAS,EAAC,yBAAyB,aACtC,uBAAC,4BAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,GAAG,EAC5C,uBAAC,oBAAI,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,uBAAC,iCAAiB,IAAC,SAAS,EAAC,YAAY,GAAG,EAC3C,MAAM,IAAI,CACT,uBAAC,6BAAa,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,YAC5D,gCAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAC9D,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACnB,uBAAC,uBAAU,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;AA/CY,QAAA,aAAa,iBA+CzB"}

package/dist/cjs/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/cjs/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/cjs/components/Select/SelectWalletRow.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectWalletRow = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("../../hooks");
+const useFiatWalletsMap_1 = require("../../hooks/useFiatWalletsMap");
+const CopyButton_1 = require("../CopyButton");
+const ListCardSelect_1 = require("../ListCard/ListCardSelect");
+const WalletAccountGradient_1 = require("../WalletAccountGradient");
+const SelectWalletRow = ({ wallet, isSelected = false, onClick, onClose }) => {
+    const { fiatCurrency } = (0, hooks_1.useSettings)();
+    const { fiatWalletsMap } = (0, useFiatWalletsMap_1.useFiatWalletsMap)();
+    function onSelectWallet() {
+        onClick(wallet.address);
+        onClose();
+    }
+    const fiatValue = fiatWalletsMap.find(w => w.accountAddress === wallet.address)?.fiatValue;
+    return ((0, jsx_runtime_1.jsxs)(ListCardSelect_1.ListCardSelect, { rightChildren: (0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "muted", fontWeight: "medium", variant: "normal", children: [fiatCurrency.sign, fiatValue] }), onClick: onSelectWallet, isSelected: wallet.isActive || isSelected, children: [(0, jsx_runtime_1.jsx)(WalletAccountGradient_1.WalletAccountGradient, { accountAddress: wallet.address, size: 'small' }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col", children: (0, jsx_runtime_1.jsxs)(design_system_1.Text, { className: "flex flex-row gap-1 items-center", nowrap: true, color: "primary", fontWeight: "medium", variant: "normal", children: [(0, connect_1.formatAddress)(wallet.address), (0, jsx_runtime_1.jsx)(CopyButton_1.CopyButton, { text: wallet.address, buttonVariant: "icon", onClick: e => e.stopPropagation() })] }) })] }));
+};
+exports.SelectWalletRow = SelectWalletRow;
+//# sourceMappingURL=SelectWalletRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectWalletRow.js","sourceRoot":"","sources":["../../../../src/components/Select/SelectWalletRow.tsx"],"names":[],"mappings":";;;;AAAA,iDAAoE;AACpE,6DAAgD;AAEhD,uCAAyC;AACzC,qEAAiE;AACjE,8CAA0C;AAC1C,+DAA2D;AAC3D,oEAAgE;AAEzD,MAAM,eAAe,GAAG,CAAC,EAC9B,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,OAAO,EAMR,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IACtC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,qCAAiB,GAAE,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,wBAAC,+BAAc,IACb,aAAa,EACX,wBAAC,oBAAI,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,uBAAC,6CAAqB,IAAC,cAAc,EAAE,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,GAAI,EACxE,gCAAK,SAAS,EAAC,eAAe,YAC5B,wBAAC,oBAAI,IAAC,SAAS,EAAC,kCAAkC,EAAC,MAAM,QAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,aAC3G,IAAA,uBAAa,EAAC,MAAM,CAAC,OAAO,CAAC,EAC9B,uBAAC,uBAAU,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;AAzCY,QAAA,eAAe,mBAyC3B"}

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

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

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

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