@matchain/matchid-sdk-react 0.1.48-alpha.23 → 0.1.48-alpha.25

package/dist/components/index.d.mts

@@ -1,6 +1,6 @@
-export { B as BTCModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, S as SOLModal, d as TONModal, T as TRONModal, f as TokenDetail, g as TokenSend, h as TokenSendList, j as TransactionList, U as UsernameModal, e as WalletAsset, W as WalletModal } from '../index-B4gKj0ro.mjs';
-export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-CdM22eod.mjs';
+export { B as BTCModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, S as SOLModal, d as TONModal, T as TRONModal, f as TokenDetail, g as TokenSend, h as TokenSendList, j as TransactionList, U as UsernameModal, e as WalletAsset, W as WalletModal } from '../index-C9qYyRgt.mjs';
+export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-Cou96DpL.mjs';
 import 'react/jsx-runtime';
-import '../types-Dc15ure7.mjs';
+import '../types-DzVVzMYU.mjs';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
-export { B as BTCModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, S as SOLModal, d as TONModal, T as TRONModal, f as TokenDetail, g as TokenSend, h as TokenSendList, j as TransactionList, U as UsernameModal, e as WalletAsset, W as WalletModal } from '../index-DTYp8DRd.js';
-export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-BOsoQSmx.js';
+export { B as BTCModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, S as SOLModal, d as TONModal, T as TRONModal, f as TokenDetail, g as TokenSend, h as TokenSendList, j as TransactionList, U as UsernameModal, e as WalletAsset, W as WalletModal } from '../index-Bvc8cjpN.js';
+export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-BcEreCxd.js';
 import 'react/jsx-runtime';
-import '../types-Dc15ure7.js';
+import '../types-DzVVzMYU.js';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/components/index.js

@@ -2639,11 +2639,11 @@ var persistedState3 = (0, import_middleware3.persist)(
   (set, get) => ({
     contracts: {},
     getContract: (chainId, contractAddress) => {
-      const key = `${chainId}-${contractAddress}`;
+      const key = `${chainId}-${contractAddress.toLowerCase()}`;
       return get().contracts[key];
     },
     setContractName: (chainId, contractAddress, name) => {
-      const key = `${chainId}-${contractAddress}`;
+      const key = `${chainId}-${contractAddress.toLowerCase()}`;
       set((state) => {
         const updatedContracts = {
           ...state.contracts,
@@ -2653,7 +2653,7 @@ var persistedState3 = (0, import_middleware3.persist)(
       });
     },
     setContractSymbol: (chainId, contractAddress, symbol) => {
-      const key = `${chainId}-${contractAddress}`;
+      const key = `${chainId}-${contractAddress.toLowerCase()}`;
       set((state) => {
         const updatedContracts = {
           ...state.contracts,
@@ -2663,7 +2663,7 @@ var persistedState3 = (0, import_middleware3.persist)(
       });
     },
     setContractDecimals: (chainId, contractAddress, decimals) => {
-      const key = `${chainId}-${contractAddress}`;
+      const key = `${chainId}-${contractAddress.toLowerCase()}`;
       set((state) => {
         const updatedContracts = {
           ...state.contracts,
@@ -2676,7 +2676,7 @@ var persistedState3 = (0, import_middleware3.persist)(
       set((state) => {
         const newContracts = { ...state.contracts };
         data.forEach(({ chainId, contractAddress, info }) => {
-          const key = `${chainId}-${contractAddress}`;
+          const key = `${chainId}-${contractAddress.toLowerCase()}`;
           newContracts[key] = { ...newContracts[key], ...info };
         });
         return { contracts: newContracts };
@@ -2865,7 +2865,7 @@ function useMatchWalletAssets({
       list.unshift({
         chain_id: chain?.id.toString() || "",
         address: NATIVE_TOKEN_ADDRESS,
-        decimals: 18,
+        decimals: chain?.nativeCurrency.decimals || 18,
         symbol: chain?.nativeCurrency.symbol,
         name: chain?.nativeCurrency.name,
         balance: 0,
@@ -2937,7 +2937,7 @@ function useMatchWalletAssetList({
       }
       return balances;
     },
-    enabled: erc20Tokens.length > 0 && !!publicClient,
+    enabled: !!publicClient,
     refetchInterval: 15e3,
     // Refresh every 15 seconds
     retry: 3
@@ -2980,6 +2980,8 @@ function useMatchWalletAssetList({
     list: assets,
     isLoading: nativeBalanceQuery.isLoading || erc20BalanceQuery.isLoading,
     isFetched: nativeBalanceQuery.isFetched && erc20BalanceQuery.isFetched,
+    nativeBalanceQuery,
+    erc20BalanceQuery,
     nativeBalance: nativeBalanceQuery.data,
     erc20Balances: erc20BalanceQuery.data
   };
@@ -5651,7 +5653,7 @@ var import_react_intl21 = require("react-intl");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var Item = ({ data }) => {
   const { address } = useWallet();
-  const isOut = data.from == address;
+  const isOut = data.from.toLowerCase() == address.toLowerCase();
   const { chain, chainId, explorerLink, formatUnits: chainFormatUnits } = useMatchChain();
   const { getContract } = useContractStore_default();
   const [shouldRefetch, setShouldRefetch] = (0, import_react40.useState)(true);
@@ -5686,11 +5688,6 @@ var Item = ({ data }) => {
     }
     return chainFormatUnits(BigInt(data.value));
   }, [data.input, transferType, data.value, getContract, chainId, data.to]);
-  (0, import_react40.useEffect)(() => {
-    if (data.hash) {
-      setShouldRefetch(true);
-    }
-  }, [data.hash]);
   const hashQuery = useHash({
     hash: data.hash,
     //@ts-ignore
@@ -5726,8 +5723,10 @@ var Item = ({ data }) => {
     return "loading";
   }, [data.extra?.status, data.source, hashQuery.data]);
   (0, import_react40.useEffect)(() => {
-    setShouldRefetch(status == "loading");
-  }, [status]);
+    if (data.hash) {
+      setShouldRefetch(status == "loading");
+    }
+  }, [status, data.hash]);
   const symbol = (0, import_react40.useMemo)(() => {
     if (transferType == "erc20_transfer") {
       return getContract(chainId || 0, data.to)?.symbol || getContract(chainId || 0, data.to)?.name || "unknown";