feat: wallet capability state

src/libs/web3-data-provider/Web3Provider.tsx

@@ -13,6 +13,7 @@ import { useShallow } from 'zustand/shallow';
 
 import { Web3Context } from '../hooks/useWeb3Context';
 import { getEthersProvider } from './adapters/EthersAdapter';
+import { useGetWalletCapabilities } from 'src/hooks/useGetWalletCapabilities';
 
 export type ERC20TokenType = {
   address: string;
@@ -49,8 +50,12 @@ export const Web3ContextProvider: React.FC<{ children: ReactElement }> = ({ chil
 
   const [readOnlyModeAddress, setReadOnlyModeAddress] = useState<string | undefined>();
   const [switchNetworkError, setSwitchNetworkError] = useState<Error>();
-  const [setAccount, setConnectedAccountIsContract] = useRootStore(
-    useShallow((store) => [store.setAccount, store.setConnectedAccountIsContract])
+  const [setAccount, setConnectedAccountIsContract, setWalletCapabilities] = useRootStore(
+    useShallow((store) => [
+      store.setAccount,
+      store.setConnectedAccountIsContract,
+      store.setWalletCapabilities,
+    ])
   );
 
   const account = address;
@@ -61,6 +66,23 @@ export const Web3ContextProvider: React.FC<{ children: ReactElement }> = ({ chil
   }
 
   const { data: isContractAddress } = useIsContractAddress(account || '', chainId);
+  const { data: walletCapabilities } = useGetWalletCapabilities();
+
+  useEffect(() => {
+    if (!account) {
+      setConnectedAccountIsContract(false);
+      setWalletCapabilities(null);
+      return;
+    }
+
+    if (isContractAddress) {
+      setConnectedAccountIsContract(true);
+    }
+
+    if (walletCapabilities) {
+      setWalletCapabilities(walletCapabilities);
+    }
+  }, [isContractAddress, setConnectedAccountIsContract, account, walletCapabilities, setWalletCapabilities]);
 
   useEffect(() => {
     if (didInit) {
@@ -185,17 +207,6 @@ export const Web3ContextProvider: React.FC<{ children: ReactElement }> = ({ chil
     }
   }, [readOnlyModeAddress, setAccount]);
 
-  useEffect(() => {
-    if (!account) {
-      setConnectedAccountIsContract(false);
-      return;
-    }
-
-    if (isContractAddress) {
-      setConnectedAccountIsContract(true);
-    }
-  }, [isContractAddress, setConnectedAccountIsContract, account]);
-
   return (
     <Web3Context.Provider
       value={{

src/store/walletSlice.ts

@@ -1,4 +1,5 @@
 import { StateCreator } from 'zustand';
+import { WalletCapabilities } from 'src/hooks/useGetWalletCapabilities';
 
 import { RootStore } from './root';
 
@@ -19,7 +20,9 @@ export interface WalletSlice {
   refreshWalletApprovalMethod: () => void;
   connectedAccountIsContract: boolean;
   setConnectedAccountIsContract: (isContract: boolean) => void;
-}
+  walletCapabilities: WalletCapabilities | null;
+  setWalletCapabilities: (capabilities: WalletCapabilities | null) => void;
+};
 
 const getWalletPreferences = () => {
   const walletPreference = localStorage.getItem('walletApprovalPreferences');
@@ -79,4 +82,8 @@ export const createWalletSlice: StateCreator<
   setConnectedAccountIsContract(isContract) {
     set({ connectedAccountIsContract: isContract });
   },
+  walletCapabilities: null,
+  setWalletCapabilities(capabilities) {
+    set({ walletCapabilities: capabilities });
+  },
 });