@0xsequence/wallet-widget 5.1.1 → 5.2.1

package/dist/cjs/views/CoinDetails/index.js

@@ -5,6 +5,7 @@ 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 react_1 = require("react");
 const viem_1 = require("viem");
 const wagmi_1 = require("wagmi");
 const InfiniteScroll_1 = require("../../components/InfiniteScroll");
@@ -14,56 +15,50 @@ const constants_1 = require("../../constants");
 const hooks_2 = require("../../hooks");
 const utils_1 = require("../../utils");
 const Skeleton_1 = require("./Skeleton");
-const CoinDetails = ({ contractAddress, chainId }) => {
+const CoinDetails = ({ contractAddress, chainId, accountAddress }) => {
     const { chains } = (0, wagmi_1.useConfig)();
     const { setNavigation } = (0, hooks_2.useNavigation)();
-    const { fiatCurrency, hideUnlistedTokens } = (0, hooks_2.useSettings)();
-    const { address: accountAddress } = (0, wagmi_1.useAccount)();
+    const { fiatCurrency } = (0, hooks_2.useSettings)();
+    const { setActiveWallet } = (0, connect_1.useWallets)();
+    (0, react_1.useEffect)(() => {
+        setActiveWallet(accountAddress);
+    }, [accountAddress]);
     const isReadOnly = !chains.map(chain => chain.id).includes(chainId);
-    const { data: dataTransactionHistory, isPending: isPendingTransactionHistory, fetchNextPage, hasNextPage, isFetchingNextPage } = (0, hooks_1.useGetTransactionHistory)({
+    const { data: dataTransactionHistory, isLoading: isLoadingTransactionHistory, fetchNextPage, hasNextPage, isFetchingNextPage } = (0, hooks_1.useGetTransactionHistory)({
         chainId,
-        accountAddress: accountAddress || '',
-        contractAddress
+        accountAddresses: [accountAddress],
+        contractAddresses: [contractAddress]
     });
     const transactionHistory = (0, utils_1.flattenPaginatedTransactionHistory)(dataTransactionHistory);
-    const { data: tokenBalance, isPending: isPendingCoinBalance } = (0, hooks_1.useGetTokenBalancesSummary)({
-        chainIds: [chainId],
-        filter: {
-            accountAddresses: [accountAddress || ''],
-            contractWhitelist: [contractAddress],
-            contractStatus: hideUnlistedTokens ? connect_1.ContractVerificationStatus.VERIFIED : connect_1.ContractVerificationStatus.ALL,
-            omitNativeBalances: false
-        }
+    const { data: tokenBalance, isLoading: isLoadingCoinBalance } = (0, hooks_1.useGetSingleTokenBalance)({
+        chainId,
+        contractAddress,
+        accountAddress: accountAddress || ''
     });
-    const dataCoinBalance = tokenBalance && tokenBalance.length > 0
-        ? (0, connect_1.compareAddress)(contractAddress, viem_1.zeroAddress)
-            ? tokenBalance?.[0]
-            : tokenBalance?.[1]
-        : undefined;
-    const { data: dataCoinPrices, isPending: isPendingCoinPrices } = (0, hooks_1.useGetCoinPrices)([
+    const { data: dataCoinPrices, isLoading: isLoadingCoinPrices } = (0, hooks_1.useGetCoinPrices)([
         {
             chainId,
             contractAddress
         }
     ]);
-    const { data: conversionRate = 1, isPending: isPendingConversionRate } = (0, hooks_1.useGetExchangeRate)(fiatCurrency.symbol);
-    const isPending = isPendingCoinBalance || isPendingCoinPrices || isPendingConversionRate;
-    if (isPending) {
+    const { data: conversionRate = 1, isLoading: isLoadingConversionRate } = (0, hooks_1.useGetExchangeRate)(fiatCurrency.symbol);
+    const isLoading = isLoadingCoinBalance || isLoadingCoinPrices || isLoadingConversionRate;
+    if (isLoading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.CoinDetailsSkeleton, { chainId: chainId, isReadOnly: isReadOnly });
     }
     const isNativeToken = (0, connect_1.compareAddress)(contractAddress, viem_1.zeroAddress);
-    const logo = isNativeToken ? (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains).logoURI : dataCoinBalance?.contractInfo?.logoURI;
-    const symbol = isNativeToken ? (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains).symbol : dataCoinBalance?.contractInfo?.symbol;
-    const name = isNativeToken ? (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains).name : dataCoinBalance?.contractInfo?.name;
-    const decimals = isNativeToken ? (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains).decimals : dataCoinBalance?.contractInfo?.decimals;
-    const formattedBalance = (0, viem_1.formatUnits)(BigInt(dataCoinBalance?.balance || '0'), decimals || 18);
+    const logo = isNativeToken ? (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains).logoURI : tokenBalance?.contractInfo?.logoURI;
+    const symbol = isNativeToken ? (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains).symbol : tokenBalance?.contractInfo?.symbol;
+    const name = isNativeToken ? (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains).name : tokenBalance?.contractInfo?.name;
+    const decimals = isNativeToken ? (0, connect_1.getNativeTokenInfoByChainId)(chainId, chains).decimals : tokenBalance?.contractInfo?.decimals;
+    const formattedBalance = (0, viem_1.formatUnits)(BigInt(tokenBalance?.balance || '0'), decimals || 18);
     const balanceDisplayed = (0, connect_1.formatDisplay)(formattedBalance);
-    const coinBalanceFiat = dataCoinBalance
+    const coinBalanceFiat = tokenBalance
         ? (0, utils_1.computeBalanceFiat)({
-            balance: dataCoinBalance,
+            balance: tokenBalance,
             prices: dataCoinPrices || [],
             conversionRate,
-            decimals: decimals || 0
+            decimals: decimals || 18
         })
         : '0';
     const onClickSend = () => {
@@ -84,7 +79,7 @@ const CoinDetails = ({ contractAddress, chainId }) => {
             }
         });
     };
-    return ((0, jsx_runtime_1.jsx)("div", { style: { paddingTop: constants_1.HEADER_HEIGHT }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-10 pb-5 px-4 pt-0", style: { marginTop: '-20px' }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex mb-10 gap-2 items-center justify-center flex-col", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: logo, size: "xl" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "large", color: "primary", fontWeight: "bold", children: name }), (0, jsx_runtime_1.jsx)(NetworkBadge_1.NetworkBadge, { chainId: chainId })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-end justify-between", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xlarge", fontWeight: "bold", color: "primary", children: `${balanceDisplayed} ${symbol}` }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${fiatCurrency.sign}${coinBalanceFiat}` })] })] }), !isReadOnly && ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full text-primary", variant: "primary", leftIcon: design_system_1.SendIcon, label: "Send", onClick: onClickSend }), (0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full text-primary", variant: "primary", leftIcon: design_system_1.SwapIcon, label: "Buy", onClick: onClickSwap })] })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(InfiniteScroll_1.InfiniteScroll, { onLoad: () => fetchNextPage(), hasMore: hasNextPage, children: (0, jsx_runtime_1.jsx)(TransactionHistoryList_1.TransactionHistoryList, { transactions: transactionHistory, isPending: isPendingTransactionHistory, isFetchingNextPage: isFetchingNextPage }) }) })] }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { style: { paddingTop: constants_1.HEADER_HEIGHT }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-10 pb-5 px-4 pt-0", style: { marginTop: '-20px' }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex mb-10 gap-2 items-center justify-center flex-col", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: logo, size: "xl" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "large", color: "primary", fontWeight: "bold", children: name }), (0, jsx_runtime_1.jsx)(NetworkBadge_1.NetworkBadge, { chainId: chainId })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-end justify-between", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xlarge", fontWeight: "bold", color: "primary", children: `${balanceDisplayed} ${symbol}` }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${fiatCurrency.sign}${coinBalanceFiat}` })] })] }), !isReadOnly && ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full text-primary", variant: "primary", leftIcon: design_system_1.SendIcon, label: "Send", onClick: onClickSend }), (0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full text-primary", variant: "primary", leftIcon: design_system_1.SwapIcon, label: "Swap", onClick: onClickSwap })] })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(InfiniteScroll_1.InfiniteScroll, { onLoad: () => fetchNextPage(), hasMore: hasNextPage, children: (0, jsx_runtime_1.jsx)(TransactionHistoryList_1.TransactionHistoryList, { transactions: transactionHistory, isLoading: isLoadingTransactionHistory, isFetchingNextPage: isFetchingNextPage }) }) })] }) }));
 };
 exports.CoinDetails = CoinDetails;
 //# sourceMappingURL=index.js.map

package/dist/cjs/views/CoinDetails/index.js.map

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

package/dist/cjs/views/CollectibleDetails/index.d.ts

@@ -2,6 +2,7 @@ export interface CollectibleDetailsProps {
     contractAddress: string;
     chainId: number;
     tokenId: string;
+    accountAddress: string;
 }
-export declare const CollectibleDetails: ({ contractAddress, chainId, tokenId }: CollectibleDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CollectibleDetails: ({ contractAddress, chainId, tokenId, accountAddress }: CollectibleDetailsProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/views/CollectibleDetails/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/index.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,uBAAuB;IACtC,eAAe,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,kBAAkB,GAAI,uCAAuC,uBAAuB,4CA6JhG,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/index.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,uBAAuB;IACtC,eAAe,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,kBAAkB,GAAI,uDAAuD,uBAAuB,4CA0JhH,CAAA"}

package/dist/cjs/views/CollectibleDetails/index.js

@@ -5,6 +5,7 @@ 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 react_1 = require("react");
 const viem_1 = require("viem");
 const wagmi_1 = require("wagmi");
 const CollectibleTileImage_1 = require("../../components/CollectibleTileImage");
@@ -14,39 +15,38 @@ const constants_1 = require("../../constants");
 const hooks_2 = require("../../hooks");
 const utils_1 = require("../../utils");
 const Skeleton_1 = require("./Skeleton");
-const CollectibleDetails = ({ contractAddress, chainId, tokenId }) => {
+const CollectibleDetails = ({ contractAddress, chainId, tokenId, accountAddress }) => {
     const { chains } = (0, wagmi_1.useConfig)();
-    const { address: accountAddress } = (0, wagmi_1.useAccount)();
+    const { setActiveWallet } = (0, connect_1.useWallets)();
     const { fiatCurrency } = (0, hooks_2.useSettings)();
     const { setNavigation } = (0, hooks_2.useNavigation)();
+    (0, react_1.useEffect)(() => {
+        setActiveWallet(accountAddress || '');
+    }, [accountAddress]);
     const isReadOnly = !chains.map(chain => chain.id).includes(chainId);
-    const { data: dataTransactionHistory, isPending: isPendingTransactionHistory, fetchNextPage, hasNextPage, isFetchingNextPage } = (0, hooks_1.useGetTransactionHistory)({
+    const { data: dataTransactionHistory, isLoading: isLoadingTransactionHistory, fetchNextPage, hasNextPage, isFetchingNextPage } = (0, hooks_1.useGetTransactionHistory)({
         chainId,
-        accountAddress: accountAddress || '',
-        contractAddress,
+        accountAddresses: [accountAddress || ''],
+        contractAddresses: [contractAddress],
         tokenId
     });
     const transactionHistory = (0, utils_1.flattenPaginatedTransactionHistory)(dataTransactionHistory);
-    const { data: dataTokens, isPending: isPendingCollectibleBalance } = (0, hooks_1.useGetTokenBalancesDetails)({
-        filter: {
-            accountAddresses: accountAddress ? [accountAddress] : [],
-            contractStatus: connect_1.ContractVerificationStatus.ALL,
-            contractWhitelist: [contractAddress],
-            omitNativeBalances: true
-        },
-        chainIds: [chainId]
+    const { data: tokenBalance, isLoading: isLoadingCollectibleBalance } = (0, hooks_1.useGetSingleTokenBalance)({
+        chainId,
+        contractAddress,
+        accountAddress: accountAddress || '',
+        tokenId
     });
-    const dataCollectibleBalance = dataTokens && dataTokens.length > 0 ? dataTokens.find(token => token.tokenID === tokenId) : undefined;
-    const { data: dataCollectiblePrices, isPending: isPendingCollectiblePrices } = (0, hooks_1.useGetCollectiblePrices)([
+    const { data: dataCollectiblePrices, isLoading: isLoadingCollectiblePrices } = (0, hooks_1.useGetCollectiblePrices)([
         {
             chainId,
             contractAddress,
             tokenId
         }
     ]);
-    const { data: conversionRate = 1, isPending: isPendingConversionRate } = (0, hooks_1.useGetExchangeRate)(fiatCurrency.symbol);
-    const isPending = isPendingCollectibleBalance || isPendingCollectiblePrices || isPendingConversionRate;
-    if (isPending) {
+    const { data: conversionRate = 1, isLoading: isLoadingConversionRate } = (0, hooks_1.useGetExchangeRate)(fiatCurrency.symbol);
+    const isLoading = isLoadingCollectibleBalance || isLoadingCollectiblePrices || isLoadingConversionRate;
+    if (isLoading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.CollectibleDetailsSkeleton, { isReadOnly: isReadOnly });
     }
     const onClickSend = () => {
@@ -59,15 +59,15 @@ const CollectibleDetails = ({ contractAddress, chainId, tokenId }) => {
             }
         });
     };
-    const collectionLogo = dataCollectibleBalance?.contractInfo?.logoURI;
-    const collectionName = dataCollectibleBalance?.contractInfo?.name || 'Unknown Collection';
-    const decimals = dataCollectibleBalance?.tokenMetadata?.decimals || 0;
-    const rawBalance = dataCollectibleBalance?.balance || '0';
+    const collectionLogo = tokenBalance?.contractInfo?.logoURI;
+    const collectionName = tokenBalance?.contractInfo?.name || 'Unknown Collection';
+    const decimals = tokenBalance?.tokenMetadata?.decimals || 0;
+    const rawBalance = tokenBalance?.balance || '0';
     const balance = (0, viem_1.formatUnits)(BigInt(rawBalance), decimals);
     const formattedBalance = (0, connect_1.formatDisplay)(Number(balance));
-    const valueFiat = dataCollectibleBalance
+    const valueFiat = tokenBalance
         ? (0, utils_1.computeBalanceFiat)({
-            balance: dataCollectibleBalance,
+            balance: tokenBalance,
             prices: dataCollectiblePrices || [],
             conversionRate,
             decimals: decimals
@@ -77,7 +77,7 @@ const CollectibleDetails = ({ contractAddress, chainId, tokenId }) => {
                 marginTop: '-20px'
             }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center justify-center flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2 justify-center items-center", children: [collectionLogo && ((0, jsx_runtime_1.jsx)(design_system_1.Image, { className: "rounded-full w-8", src: collectionLogo, alt: "collection logo", style: {
                                         objectFit: 'cover'
-                                    } })), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-row justify-center items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", fontWeight: "bold", color: "primary", children: collectionName }), (0, jsx_runtime_1.jsx)(design_system_1.NetworkImage, { chainId: chainId, size: "xs" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "large", color: "primary", fontWeight: "bold", children: dataCollectibleBalance?.tokenMetadata?.name || 'Unknown Collectible' }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "muted", fontWeight: "medium", children: `#${tokenId}` })] })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(CollectibleTileImage_1.CollectibleTileImage, { imageUrl: dataCollectibleBalance?.tokenMetadata?.image }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-end justify-between", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xlarge", fontWeight: "bold", color: "primary", children: formattedBalance }), dataCollectiblePrices && dataCollectiblePrices[0].price?.value && ((0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${fiatCurrency.symbol} ${valueFiat}` }))] })] }), !isReadOnly && ((0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "text-primary mt-4 w-full", variant: "primary", leftIcon: design_system_1.SendIcon, label: "Send", onClick: onClickSend }))] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(InfiniteScroll_1.InfiniteScroll, { onLoad: () => fetchNextPage(), hasMore: hasNextPage, children: (0, jsx_runtime_1.jsx)(TransactionHistoryList_1.TransactionHistoryList, { transactions: transactionHistory, isPending: isPendingTransactionHistory, isFetchingNextPage: isFetchingNextPage }) }) })] }) }));
+                                    } })), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-row justify-center items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", fontWeight: "bold", color: "primary", children: collectionName }), (0, jsx_runtime_1.jsx)(design_system_1.NetworkImage, { chainId: chainId, size: "xs" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "large", color: "primary", fontWeight: "bold", children: tokenBalance?.tokenMetadata?.name || 'Unknown Collectible' }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "muted", fontWeight: "medium", children: `#${tokenId}` })] })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(CollectibleTileImage_1.CollectibleTileImage, { imageUrl: tokenBalance?.tokenMetadata?.image }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: "Balance" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-end justify-between", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xlarge", fontWeight: "bold", color: "primary", children: formattedBalance }), dataCollectiblePrices && dataCollectiblePrices[0].price?.value && ((0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${fiatCurrency.symbol} ${valueFiat}` }))] })] }), !isReadOnly && ((0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "text-primary mt-4 w-full", variant: "primary", leftIcon: design_system_1.SendIcon, label: "Send", onClick: onClickSend }))] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(InfiniteScroll_1.InfiniteScroll, { onLoad: () => fetchNextPage(), hasMore: hasNextPage, children: (0, jsx_runtime_1.jsx)(TransactionHistoryList_1.TransactionHistoryList, { transactions: transactionHistory, isLoading: isLoadingTransactionHistory, isFetchingNextPage: isFetchingNextPage }) }) })] }) }));
 };
 exports.CollectibleDetails = CollectibleDetails;
 //# sourceMappingURL=index.js.map

package/dist/cjs/views/CollectibleDetails/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/CollectibleDetails/index.tsx"],"names":[],"mappings":";;;;AAAA,iDAA+D;AAC/D,6DAAuF;AACvF,6CAK0B;AAC1B,iCAAiC;AACjC,+BAAkC;AAClC,iCAAiC;AAEjC,gFAA4E;AAC5E,oEAAgE;AAChE,oFAAgF;AAChF,+CAA+C;AAC/C,uCAAwD;AACxD,uCAAoF;AAEpF,yCAAuD;AAQhD,MAAM,kBAAkB,GAAG,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAA2B,EAAE,EAAE;IACnH,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAA;IAC9B,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,oBAAU,GAAE,CAAA;IACxC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IACtC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAA;IAEzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,CAAC,cAAc,IAAI,EAAE,CAAC,CAAA;IACvC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,MAAM,UAAU,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEnE,MAAM,EACJ,IAAI,EAAE,sBAAsB,EAC5B,SAAS,EAAE,2BAA2B,EACtC,aAAa,EACb,WAAW,EACX,kBAAkB,EACnB,GAAG,IAAA,gCAAwB,EAAC;QAC3B,OAAO;QACP,gBAAgB,EAAE,CAAC,cAAc,IAAI,EAAE,CAAC;QACxC,iBAAiB,EAAE,CAAC,eAAe,CAAC;QACpC,OAAO;KACR,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,IAAA,0CAAkC,EAAC,sBAAsB,CAAC,CAAA;IAErF,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,2BAA2B,EAAE,GAAG,IAAA,gCAAwB,EAAC;QAC9F,OAAO;QACP,eAAe;QACf,cAAc,EAAE,cAAc,IAAI,EAAE;QACpC,OAAO;KACR,CAAC,CAAA;IAEF,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,SAAS,EAAE,0BAA0B,EAAE,GAAG,IAAA,+BAAuB,EAAC;QACrG;YACE,OAAO;YACP,eAAe;YACf,OAAO;SACR;KACF,CAAC,CAAA;IAEF,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,GAAG,IAAA,0BAAkB,EAAC,YAAY,CAAC,MAAM,CAAC,CAAA;IAEhH,MAAM,SAAS,GAAG,2BAA2B,IAAI,0BAA0B,IAAI,uBAAuB,CAAA;IAEtG,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,uBAAC,qCAA0B,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;IAC/D,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC;YACZ,QAAQ,EAAE,kBAAkB;YAC5B,MAAM,EAAE;gBACN,OAAO;gBACP,eAAe;gBACf,OAAO;aACR;SACF,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,YAAY,EAAE,YAAY,EAAE,OAAO,CAAA;IAC1D,MAAM,cAAc,GAAG,YAAY,EAAE,YAAY,EAAE,IAAI,IAAI,oBAAoB,CAAA;IAE/E,MAAM,QAAQ,GAAG,YAAY,EAAE,aAAa,EAAE,QAAQ,IAAI,CAAC,CAAA;IAC3D,MAAM,UAAU,GAAG,YAAY,EAAE,OAAO,IAAI,GAAG,CAAA;IAC/C,MAAM,OAAO,GAAG,IAAA,kBAAW,EAAC,MAAM,CAAC,UAAU,CAAC,EAAE,QAAQ,CAAC,CAAA;IACzD,MAAM,gBAAgB,GAAG,IAAA,uBAAa,EAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA;IAEvD,MAAM,SAAS,GAAG,YAAY;QAC5B,CAAC,CAAC,IAAA,0BAAkB,EAAC;YACjB,OAAO,EAAE,YAAY;YACrB,MAAM,EAAE,qBAAqB,IAAI,EAAE;YACnC,cAAc;YACd,QAAQ,EAAE,QAAQ;SACnB,CAAC;QACJ,CAAC,CAAC,GAAG,CAAA;IAEP,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,yBAAa,EAAE,YACvC,iCACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE;gBACL,SAAS,EAAE,OAAO;aACnB,aAED,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,iCAAK,SAAS,EAAC,iDAAiD,aAC7D,cAAc,IAAI,CACjB,uBAAC,qBAAK,IACJ,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,iBAAiB,EACrB,KAAK,EAAE;wCACL,SAAS,EAAE,OAAO;qCACnB,GACD,CACH,EACD,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,oBAAI,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,YACpD,cAAc,GACV,EACP,uBAAC,4BAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,GAAG,IACxC,IACF,EACN,iCAAK,SAAS,EAAC,2CAA2C,aACxD,uBAAC,oBAAI,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,MAAM,YACpD,YAAY,EAAE,aAAa,EAAE,IAAI,IAAI,qBAAqB,GACtD,EACP,uBAAC,oBAAI,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,YACpD,IAAI,OAAO,EAAE,GACT,IACH,IACF,EACN,0CACE,uBAAC,2CAAoB,IAAC,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,GAAI,GAClE,EACN,4CAEE,4CACE,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,wBAEjD,EACP,iCAAK,SAAS,EAAC,yCAAyC,aACtD,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,YACrD,gBAAgB,GACZ,EACN,qBAAqB,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,IAAI,CACjE,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,YAAE,GAAG,YAAY,CAAC,MAAM,IAAI,SAAS,EAAE,GAAQ,CACxG,IACG,IACF,EACL,CAAC,UAAU,IAAI,CACd,uBAAC,sBAAM,IACL,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,wBAAQ,EAClB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,WAAW,GACpB,CACH,IACG,EACN,0CACE,uBAAC,+BAAc,IAAC,MAAM,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,WAAW,YACjE,uBAAC,+CAAsB,IACrB,YAAY,EAAE,kBAAkB,EAChC,SAAS,EAAE,2BAA2B,EACtC,kBAAkB,EAAE,kBAAkB,GACtC,GACa,GACb,IACF,GACF,CACP,CAAA;AACH,CAAC,CAAA;AA1JY,QAAA,kBAAkB,sBA0J9B"}

package/dist/cjs/views/History.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"History.d.ts","sourceRoot":"","sources":["../../../src/views/History.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO,+CAoBnB,CAAA"}
+{"version":3,"file":"History.d.ts","sourceRoot":"","sources":["../../../src/views/History.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,OAAO,+CA0InB,CAAA"}

package/dist/cjs/views/History.js

@@ -1,19 +1,120 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.History = 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 fuse_js_1 = __importDefault(require("fuse.js"));
+const micro_observables_1 = require("micro-observables");
+const react_1 = require("react");
+const viem_1 = require("viem");
 const wagmi_1 = require("wagmi");
+const FilterButton_1 = require("../components/Filter/FilterButton");
 const TransactionHistoryList_1 = require("../components/TransactionHistoryList");
 const hooks_2 = require("../hooks");
 const History = () => {
-    const { selectedNetworks } = (0, hooks_2.useSettings)();
-    const { address: accountAddress } = (0, wagmi_1.useAccount)();
-    const { data: transactionHistory = [], isPending: isPendingTransactionHistory } = (0, hooks_1.useGetTransactionHistorySummary)({
-        accountAddress: accountAddress || '',
+    const { chains } = (0, wagmi_1.useConfig)();
+    const { selectedNetworksObservable, selectedWalletsObservable } = (0, hooks_2.useSettings)();
+    const selectedNetworks = (0, micro_observables_1.useObservable)(selectedNetworksObservable);
+    const selectedWallets = (0, micro_observables_1.useObservable)(selectedWalletsObservable);
+    const [search, setSearch] = (0, react_1.useState)('');
+    const { data: transactionHistory = [], isLoading: isLoadingTransactionHistory } = (0, hooks_1.useGetTransactionHistorySummary)({
+        accountAddresses: selectedWallets.map(wallet => wallet.address),
         chainIds: selectedNetworks
     });
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { className: "px-4 pb-5 pt-3", children: (0, jsx_runtime_1.jsx)(TransactionHistoryList_1.TransactionHistoryList, { transactions: transactionHistory, isPending: isPendingTransactionHistory, isFetchingNextPage: false }) }) }));
+    const fuseOptions = {
+        threshold: 0.1,
+        ignoreLocation: true,
+        keys: [
+            {
+                name: 'contractName',
+                getFn: (transaction) => {
+                    return transaction.transfers?.map(transfer => transfer.contractInfo?.name).join(', ') || '';
+                }
+            },
+            {
+                name: 'tokenSymbol',
+                getFn: (transaction) => {
+                    const hasNativeToken = transaction.transfers?.some(transfer => (0, design_system_1.compareAddress)(transfer.contractInfo?.address, viem_1.zeroAddress));
+                    if (hasNativeToken) {
+                        const nativeTokenInfo = (0, connect_1.getNativeTokenInfoByChainId)(transaction.chainId, chains);
+                        return nativeTokenInfo.symbol;
+                    }
+                    return transaction.transfers?.map(transfer => transfer.contractInfo?.symbol).join(', ') || '';
+                }
+            },
+            {
+                name: 'collectibleName',
+                getFn: (transaction) => {
+                    return (transaction.transfers
+                        ?.map(transfer => {
+                        return Object.values(transfer.tokenMetadata || {})
+                            .map(tokenMetadata => {
+                            return tokenMetadata?.name;
+                        })
+                            .join(', ');
+                    })
+                        .join(', ') || '');
+                }
+            },
+            {
+                name: 'date',
+                getFn: (transaction) => {
+                    const date = new Date(transaction.timestamp);
+                    const day = date.getDate();
+                    const month = date.toLocaleString('en-US', { month: 'long' });
+                    const year = date.getFullYear();
+                    return `
+          ${day} ${month} ${year} 
+          ${day} ${year} ${month} 
+          ${month} ${day} ${year} 
+          ${month} ${year} ${day}
+          ${year} ${day} ${month}
+          ${year} ${month} ${day}
+          `;
+                },
+                customSearchFn: (query, options) => {
+                    const queryParts = query.toLowerCase().split(/\s+/);
+                    const dayQuery = queryParts.find(part => /^\d{1,2}$/.test(part));
+                    const monthQuery = queryParts.find(part => /^[a-zA-Z]+$/.test(part));
+                    const yearQuery = queryParts.find(part => /^\d{4}$/.test(part));
+                    console.log(dayQuery, monthQuery, yearQuery);
+                    return options.keys.some(key => {
+                        const keyParts = key.toLowerCase().split(/\s+/);
+                        let keyDay = '', keyMonth = '', keyYear = '';
+                        keyParts.forEach(part => {
+                            if (/^\d{1,2}$/.test(part)) {
+                                keyDay = part;
+                            }
+                            else if (/^[a-zA-Z]+$/.test(part)) {
+                                keyMonth = part;
+                            }
+                            else if (/^\d{4}$/.test(part)) {
+                                keyYear = part;
+                            }
+                        });
+                        return ((!dayQuery || keyDay === dayQuery) &&
+                            (!monthQuery || keyMonth === monthQuery) &&
+                            (!yearQuery || keyYear === yearQuery));
+                    });
+                }
+            }
+        ]
+    };
+    const fuse = (0, react_1.useMemo)(() => {
+        return new fuse_js_1.default(transactionHistory, fuseOptions);
+    }, [transactionHistory]);
+    const searchResults = (0, react_1.useMemo)(() => {
+        if (!search.trimStart()) {
+            return [];
+        }
+        return fuse.search(search).map(result => result.item);
+    }, [search, fuse]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3 p-4 pt-2", 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 }) }), (0, jsx_runtime_1.jsx)(FilterButton_1.FilterButton, { label: "Transaction Filters", type: "transactions" })] }), (0, jsx_runtime_1.jsx)(TransactionHistoryList_1.TransactionHistoryList, { transactions: search ? searchResults : transactionHistory, isLoading: isLoadingTransactionHistory, isFetchingNextPage: false })] }));
 };
 exports.History = History;
 //# sourceMappingURL=History.js.map

package/dist/cjs/views/History.js.map

@@ -1 +1 @@
-{"version":3,"file":"History.js","sourceRoot":"","sources":["../../../src/views/History.tsx"],"names":[],"mappings":";;;;AAAA,6CAAmE;AAEnE,iCAAkC;AAElC,iFAA6E;AAC7E,oCAAsC;AAE/B,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IAC1C,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAA;IAEhD,MAAM,EAAE,IAAI,EAAE,kBAAkB,GAAG,EAAE,EAAE,SAAS,EAAE,2BAA2B,EAAE,GAAG,IAAA,uCAA+B,EAAC;QAChH,cAAc,EAAE,cAAc,IAAI,EAAE;QACpC,QAAQ,EAAE,gBAAgB;KAC3B,CAAC,CAAA;IAEF,OAAO,CACL,0CACE,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,uBAAC,+CAAsB,IACrB,YAAY,EAAE,kBAAkB,EAChC,SAAS,EAAE,2BAA2B,EACtC,kBAAkB,EAAE,KAAK,GACzB,GACE,GACF,CACP,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,OAAO,WAoBnB"}
+{"version":3,"file":"History.js","sourceRoot":"","sources":["../../../src/views/History.tsx"],"names":[],"mappings":";;;;;;;AAAA,iDAAiE;AACjE,6DAAiF;AACjF,6CAAmE;AAEnE,sDAA0B;AAC1B,yDAAiD;AACjD,iCAAyC;AACzC,+BAAkC;AAClC,iCAAiC;AAEjC,oEAAgE;AAChE,iFAA6E;AAC7E,oCAAsC;AAE/B,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAA;IAC9B,MAAM,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IAE/E,MAAM,gBAAgB,GAAG,IAAA,iCAAa,EAAC,0BAA0B,CAAC,CAAA;IAClE,MAAM,eAAe,GAAG,IAAA,iCAAa,EAAC,yBAAyB,CAAC,CAAA;IAEhE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAExC,MAAM,EAAE,IAAI,EAAE,kBAAkB,GAAG,EAAE,EAAE,SAAS,EAAE,2BAA2B,EAAE,GAAG,IAAA,uCAA+B,EAAC;QAChH,gBAAgB,EAAE,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;QAC/D,QAAQ,EAAE,gBAAgB;KAC3B,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,IAAI;QACpB,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,cAAc;gBACpB,KAAK,EAAE,CAAC,WAAwB,EAAE,EAAE;oBAClC,OAAO,WAAW,CAAC,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;gBAC7F,CAAC;aACF;YACD;gBACE,IAAI,EAAE,aAAa;gBACnB,KAAK,EAAE,CAAC,WAAwB,EAAE,EAAE;oBAClC,MAAM,cAAc,GAAG,WAAW,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,CAC5D,IAAA,8BAAc,EAAC,QAAQ,CAAC,YAAY,EAAE,OAAO,EAAE,kBAAW,CAAC,CAC5D,CAAA;oBACD,IAAI,cAAc,EAAE,CAAC;wBACnB,MAAM,eAAe,GAAG,IAAA,qCAA2B,EAAC,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;wBAChF,OAAO,eAAe,CAAC,MAAM,CAAA;oBAC/B,CAAC;oBACD,OAAO,WAAW,CAAC,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;gBAC/F,CAAC;aACF;YACD;gBACE,IAAI,EAAE,iBAAiB;gBACvB,KAAK,EAAE,CAAC,WAAwB,EAAE,EAAE;oBAClC,OAAO,CACL,WAAW,CAAC,SAAS;wBACnB,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE;wBACf,OAAO,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,IAAI,EAAE,CAAC;6BAC/C,GAAG,CAAC,aAAa,CAAC,EAAE;4BACnB,OAAO,aAAa,EAAE,IAAI,CAAA;wBAC5B,CAAC,CAAC;6BACD,IAAI,CAAC,IAAI,CAAC,CAAA;oBACf,CAAC,CAAC;yBACD,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CACpB,CAAA;gBACH,CAAC;aACF;YACD;gBACE,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,CAAC,WAAwB,EAAE,EAAE;oBAClC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;oBAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;oBAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;oBAC7D,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;oBAC/B,OAAO;YACL,GAAG,IAAI,KAAK,IAAI,IAAI;YACpB,GAAG,IAAI,IAAI,IAAI,KAAK;YACpB,KAAK,IAAI,GAAG,IAAI,IAAI;YACpB,KAAK,IAAI,IAAI,IAAI,GAAG;YACpB,IAAI,IAAI,GAAG,IAAI,KAAK;YACpB,IAAI,IAAI,KAAK,IAAI,GAAG;WACrB,CAAA;gBACH,CAAC;gBACD,cAAc,EAAE,CAAC,KAAa,EAAE,OAA2B,EAAE,EAAE;oBAC7D,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;oBACnD,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;oBAChE,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;oBACpE,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;oBAE/D,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;oBAE5C,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;wBAC7B,MAAM,QAAQ,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;wBAC/C,IAAI,MAAM,GAAG,EAAE,EACb,QAAQ,GAAG,EAAE,EACb,OAAO,GAAG,EAAE,CAAA;wBAEd,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;4BACtB,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;gCAC3B,MAAM,GAAG,IAAI,CAAA;4BACf,CAAC;iCAAM,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;gCACpC,QAAQ,GAAG,IAAI,CAAA;4BACjB,CAAC;iCAAM,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;gCAChC,OAAO,GAAG,IAAI,CAAA;4BAChB,CAAC;wBACH,CAAC,CAAC,CAAA;wBAEF,OAAO,CACL,CAAC,CAAC,QAAQ,IAAI,MAAM,KAAK,QAAQ,CAAC;4BAClC,CAAC,CAAC,UAAU,IAAI,QAAQ,KAAK,UAAU,CAAC;4BACxC,CAAC,CAAC,SAAS,IAAI,OAAO,KAAK,SAAS,CAAC,CACtC,CAAA;oBACH,CAAC,CAAC,CAAA;gBACJ,CAAC;aACF;SACF;KACF,CAAA;IAED,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxB,OAAO,IAAI,iBAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAA;IAClD,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAExB,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,OAAO,CACL,iCAAK,SAAS,EAAC,8BAA8B,aAC3C,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,EACN,uBAAC,2BAAY,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,cAAc,GAAG,IAC5D,EACN,uBAAC,+CAAsB,IACrB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,EACzD,SAAS,EAAE,2BAA2B,EACtC,kBAAkB,EAAE,KAAK,GACzB,IACE,CACP,CAAA;AACH,CAAC,CAAA;AA1IY,QAAA,OAAO,WA0InB"}

package/dist/cjs/views/Home/OperationButtonTemplate.d.ts

@@ -0,0 +1,8 @@
+import { IconProps } from '@0xsequence/design-system';
+import { ComponentType } from 'react';
+export declare const OperationButtonTemplate: ({ label, onClick, icon: Icon }: {
+    label: string;
+    onClick: () => void;
+    icon: ComponentType<IconProps>;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OperationButtonTemplate.d.ts.map

package/dist/cjs/views/Home/OperationButtonTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationButtonTemplate.d.ts","sourceRoot":"","sources":["../../../../src/views/Home/OperationButtonTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,uBAAuB,GAAI,gCAIrC;IACD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;CAC/B,4CAkBA,CAAA"}

package/dist/cjs/views/Home/OperationButtonTemplate.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OperationButtonTemplate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const OperationButtonTemplate = ({ label, onClick, icon: Icon }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, design_system_1.cn)((0, design_system_1.cardVariants)({ clickable: true }), 'flex flex-col justify-center items-center w-full gap-1'), onClick: onClick, style: { height: '68px' }, children: [Icon && (0, jsx_runtime_1.jsx)(Icon, { size: "md", color: "white" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", fontWeight: "bold", color: "primary", style: { display: 'flex', width: '100%', justifyContent: 'center' }, children: label })] }));
+};
+exports.OperationButtonTemplate = OperationButtonTemplate;
+//# sourceMappingURL=OperationButtonTemplate.js.map

package/dist/cjs/views/Home/OperationButtonTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationButtonTemplate.js","sourceRoot":"","sources":["../../../../src/views/Home/OperationButtonTemplate.tsx"],"names":[],"mappings":";;;;AAAA,6DAA6E;AAGtE,MAAM,uBAAuB,GAAG,CAAC,EACtC,KAAK,EACL,OAAO,EACP,IAAI,EAAE,IAAI,EAKX,EAAE,EAAE;IACH,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,kBAAE,EAAC,IAAA,4BAAY,EAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,wDAAwD,CAAC,EAC1G,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,aAExB,IAAI,IAAI,uBAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,GAAG,EACzC,uBAAC,oBAAI,IACH,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YAElE,KAAK,GACD,IACH,CACP,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,uBAAuB,2BA0BnC"}

package/dist/cjs/views/Home/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Home/index.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,+CAMhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Home/index.tsx"],"names":[],"mappings":"AAiCA,eAAO,MAAM,IAAI,+CA8VhB,CAAA"}