@cometh/connect-react-hooks 1.0.0 → 1.0.2-dev.1

package/dist/index.js

@@ -7,6 +7,53 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 
+// src/errors.ts
+var NotWithinConnectProviderError = class extends Error {
+  constructor(hookName) {
+    super(`${hookName} must be used within a ConnectProvider`);
+  }
+};
+var NotWithinSmartAccountProviderError = class extends Error {
+  constructor() {
+    super("Hooks must be used within a SmartAccountProvider");
+  }
+};
+var SmartAccountNotFoundError = class extends Error {
+  constructor() {
+    super("No smart account found");
+  }
+};
+var SignerNotFoundError = class extends Error {
+  constructor() {
+    super("No signer found");
+  }
+};
+var ApiKeyNotFoundError = class extends Error {
+  constructor() {
+    super("No apikey found");
+  }
+};
+var BundlerUrlNotFoundError = class extends Error {
+  constructor() {
+    super("Bundler url not found");
+  }
+};
+var UseDisconnectError = class extends Error {
+  constructor() {
+    super("An error occurred during disconnection");
+  }
+};
+var UseSwitchChainError = class extends Error {
+  constructor() {
+    super("An error occurred while switching chain");
+  }
+};
+var NoCurrentConfigurationError = class extends Error {
+  constructor() {
+    super("No current configuration found");
+  }
+};
+
 // src/actions/createSmartAccount.ts
 import {
   createComethPaymasterClient,
@@ -51,15 +98,13 @@ async function createSmartAccount(config) {
         estimateFeesPerGas: async () => {
           return await paymasterClient.getUserOperationGasPrice();
         }
-      },
-      publicClient
+      }
     });
   } else {
     client = createSmartAccountClient({
       account,
       chain,
-      bundlerTransport: http(bundlerUrl),
-      publicClient
+      bundlerTransport: http(bundlerUrl)
     });
   }
   const address = client.account.address;
@@ -79,10 +124,12 @@ var ConnectContext = createContext({
   queryClient: void 0,
   smartAccountClient: null,
   smartAccountAddress: void 0,
-  updateSmartAccountClient: async () => null,
+  updateSmartAccountClient: async () => {
+  },
   disconnectSmartAccount: async () => {
   },
-  networksConfig: void 0
+  networksConfig: void 0,
+  apikey: void 0
 });
 var ConnectProvider = ({
   children,
@@ -103,7 +150,7 @@ var ConnectProvider = ({
       const publicClient = config.networksConfig.find(
         (network) => network.chain?.id === chain.id
       )?.publicClient;
-      if (!bundlerUrl) throw new Error("Bundler url not found");
+      if (!bundlerUrl) throw new BundlerUrlNotFoundError();
       try {
         const { client, address: newAddress } = await createSmartAccount({
           ...config,
@@ -120,10 +167,8 @@ var ConnectProvider = ({
         setSmartAccountClient(client);
         setSmartAccountAddress(newAddress);
         localStorage.setItem(CHAIN_STORAGE_KEY, JSON.stringify(chain));
-        return client;
       } catch (e) {
         console.log(e);
-        return smartAccountClient;
       }
     },
     [config, config.networksConfig[0].chain]
@@ -145,7 +190,8 @@ var ConnectProvider = ({
       smartAccountAddress,
       updateSmartAccountClient,
       disconnectSmartAccount,
-      networksConfig: config.networksConfig
+      networksConfig: config.networksConfig,
+      apikey: config.apiKey
     }),
     [
       queryClient,
@@ -164,7 +210,7 @@ import { useContext, useMemo as useMemo2 } from "react";
 var useAccount = () => {
   const context = useContext(ConnectContext);
   if (context === void 0) {
-    throw new Error("useAccount must be used within a ConnectProvider");
+    throw new NotWithinConnectProviderError("useAccount");
   }
   const { smartAccountClient, smartAccountAddress } = context;
   const { chain, chainId } = useMemo2(
@@ -197,7 +243,7 @@ import { useContext as useContext2 } from "react";
 var useSmartAccount = () => {
   const context = useContext2(ConnectContext);
   if (context === void 0) {
-    throw new Error("Hooks must be used within a SmartAccountProvider");
+    throw new NotWithinSmartAccountProviderError();
   }
   return context;
 };
@@ -1365,7 +1411,7 @@ var useSendTransaction = (mutationProps) => {
       // Define the mutation function
       mutationFn: (variables) => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         const { calls } = variables;
         if (!Array.isArray(calls)) {
@@ -1399,7 +1445,7 @@ var useWriteContract = (mutationProps) => {
     {
       mutationFn: async (variables) => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         const { abi, address, functionName, args, value } = variables;
         const data = encodeFunctionData({
@@ -1434,7 +1480,7 @@ import { useCallback as useCallback4, useContext as useContext6, useState as use
 var useConnect = () => {
   const context = useContext6(ConnectContext);
   if (context === void 0) {
-    throw new Error("useConnect must be used within a ConnectProvider");
+    throw new NotWithinConnectProviderError("useConnect");
   }
   const { queryClient, updateSmartAccountClient } = context;
   const [isPending, setIsPending] = useState5(false);
@@ -1486,7 +1532,7 @@ import { useCallback as useCallback5, useContext as useContext7, useState as use
 var useDisconnect = () => {
   const context = useContext7(ConnectContext);
   if (context === void 0) {
-    throw new Error("useDisconnect must be used within a ConnectProvider");
+    throw new NotWithinConnectProviderError("useDisconnect");
   }
   const { queryClient, disconnectSmartAccount } = context;
   const [isPending, setIsPending] = useState6(false);
@@ -1499,7 +1545,7 @@ var useDisconnect = () => {
         queryKey: ["connect"]
       });
     }).catch((e) => {
-      const err = e instanceof Error ? e : new Error("An error occurred during disconnection");
+      const err = e instanceof Error ? e : new UseDisconnectError();
       setError(err);
     }).finally(() => {
       setIsPending(false);
@@ -1512,7 +1558,7 @@ var useDisconnect = () => {
       await disconnectSmartAccount();
       queryClient?.invalidateQueries({ queryKey: ["connect"] });
     } catch (e) {
-      const err = e instanceof Error ? e : new Error("An error occurred during disconnection");
+      const err = e instanceof Error ? e : new UseDisconnectError();
       setError(err);
       throw err;
     } finally {
@@ -1532,11 +1578,9 @@ var useAddOwner = (mutationProps) => {
   const { smartAccountClient, queryClient } = useSmartAccount();
   const { mutate, mutateAsync, ...result } = useMutation(
     {
-      mutationFn: async ({
-        ownerToAdd
-      }) => {
+      mutationFn: async ({ ownerToAdd }) => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         return await smartAccountClient.addOwner({ ownerToAdd });
       },
@@ -1562,7 +1606,7 @@ var useRemoveOwner = (mutationProps) => {
         ownerToRemove
       }) => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         return await smartAccountClient.removeOwner({ ownerToRemove });
       },
@@ -1587,7 +1631,7 @@ var useGetOwners = (queryProps) => {
       queryKey: ["getOwners"],
       queryFn: async () => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         return await smartAccountClient.getOwners();
       },
@@ -1603,7 +1647,7 @@ var useGetEnrichedOwners = (queryProps) => {
       queryKey: ["getEnrichedOwners"],
       queryFn: async () => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         return await smartAccountClient.getEnrichedOwners();
       },
@@ -1620,7 +1664,7 @@ var useValidateAddDevice = (mutationProps) => {
     {
       mutationFn: (variables) => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         const { signer } = variables;
         return smartAccountClient.validateAddDevice({ signer });
@@ -1647,7 +1691,7 @@ var useVerifyMessage = (mutationProps) => {
     {
       mutationFn: async (variables) => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         const { message, signature } = variables;
         return smartAccountClient.verifySignature({
@@ -1679,7 +1723,7 @@ var useGetGasPrice = (rpcUrl, queryProps) => {
       queryKey: ["gasPrice", rpcUrl],
       queryFn: async () => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         const publicClient = createPublicClient({
           chain: smartAccountClient.chain,
@@ -1933,7 +1977,7 @@ function useSignMessage() {
     {
       mutationFn: async ({ message }) => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         const signature = await smartAccountClient.account.signMessage({
           message
@@ -1961,7 +2005,7 @@ function useSetUpRecovery() {
     {
       mutationFn: async () => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         return smartAccountClient.setUpRecoveryModule();
       }
@@ -1987,7 +2031,7 @@ function useIsRecoveryActive(props = {}) {
       queryKey: ["isRecoveryActive"],
       queryFn: async () => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         return smartAccountClient.isRecoveryActive(props);
       },
@@ -2005,7 +2049,7 @@ function useGetRecoveryRequest(props = {}, queryOptions) {
       queryKey: ["getRecoveryRequest"],
       queryFn: async () => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         return smartAccountClient.getRecoveryRequest(props);
       },
@@ -2029,7 +2073,7 @@ function useCancelRecoveryRequest() {
     {
       mutationFn: async (variables) => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         return smartAccountClient.cancelRecoveryRequest({
           effectiveDelayAddress: variables.effectiveDelayAddress
@@ -2054,7 +2098,7 @@ import { useCallback as useCallback8, useContext as useContext8, useState as use
 var useSwitchChain = () => {
   const context = useContext8(ConnectContext);
   if (context === void 0) {
-    throw new Error("useSwitchChain must be used within a ConnectProvider");
+    throw new NotWithinConnectProviderError("useSwitchChain");
   }
   const {
     queryClient,
@@ -2068,12 +2112,12 @@ var useSwitchChain = () => {
     async (params) => {
       const { chainId } = params;
       if (!networksConfig)
-        throw new Error("No current configuration found");
+        throw new NoCurrentConfigurationError();
       const selectedNetwork = networksConfig?.find(
         (network) => network.chain?.id === chainId
       );
       if (!selectedNetwork)
-        throw new Error("No current configuration found");
+        throw new NoCurrentConfigurationError();
       try {
         const client = await updateSmartAccountClient({
           address: smartAccountClient?.account.address,
@@ -2084,7 +2128,7 @@ var useSwitchChain = () => {
         });
         return client;
       } catch (e) {
-        throw e instanceof Error ? e : new Error("An error occurred while switching chain");
+        throw e instanceof Error ? e : new UseSwitchChainError();
       }
     },
     [
@@ -2099,9 +2143,7 @@ var useSwitchChain = () => {
       setIsPending(true);
       setError(null);
       return switchChainInternal(params).catch((e) => {
-        const err = e instanceof Error ? e : new Error(
-          "An error occurred while switching chain"
-        );
+        const err = e instanceof Error ? e : new UseSwitchChainError();
         setError(err);
       }).finally(() => {
         setIsPending(false);
@@ -2117,7 +2159,7 @@ var useSwitchChain = () => {
         const client = await switchChainInternal(params);
         return client;
       } catch (e) {
-        const err = e instanceof Error ? e : new Error("An error occurred while switching chain");
+        const err = e instanceof Error ? e : new UseSwitchChainError();
         setError(err);
         throw err;
       } finally {
@@ -2145,7 +2187,7 @@ var useGetTransactionCost = (mutationProps) => {
     {
       mutationFn: async (variables) => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         const bundlerClient = createBundlerClient({
           account: smartAccountClient.account,
@@ -2184,7 +2226,7 @@ var useEstimateGas = (mutationProps) => {
     {
       mutationFn: async (variables) => {
         if (!smartAccountClient) {
-          throw new Error("No smart account found");
+          throw new SmartAccountNotFoundError();
         }
         const publicClient = createPublicClient2({
           chain: smartAccountClient.chain,
@@ -2232,6 +2274,196 @@ var useEstimateGas = (mutationProps) => {
     estimateGasAsync: mutateAsync
   };
 };
+
+// src/hooks/session-key/useGrantPermission.ts
+import { useMutation as useMutation2 } from "wagmi/query";
+import {
+  erc7579Actions,
+  smartSessionActions
+} from "@cometh/connect-sdk-4337";
+function useGrantPermission(mutationProps) {
+  const { smartAccountClient } = useSmartAccount();
+  const { mutate, mutateAsync, ...result } = useMutation2({
+    mutationKey: ["session-key-grant-permission", smartAccountClient],
+    mutationFn: async (args) => {
+      if (!smartAccountClient) throw new SmartAccountNotFoundError();
+      const safe7559Account = smartAccountClient.extend(smartSessionActions()).extend(erc7579Actions());
+      const createSessionsResponse = await safe7559Account.grantPermission(
+        args
+      );
+      const response = await safe7559Account.waitForUserOperationReceipt({
+        hash: createSessionsResponse.userOpHash
+      });
+      return {
+        txHash: response.receipt.transactionHash,
+        createSessionsResponse
+      };
+    },
+    ...mutationProps
+  });
+  return {
+    data: result.data,
+    error: result.error,
+    isPending: result.isPending,
+    isSuccess: result.isSuccess,
+    isError: result.isError,
+    grantPermission: mutate,
+    grantPermissionAsync: mutateAsync
+  };
+}
+
+// src/hooks/session-key/useSendPermission.ts
+import { useMutation as useMutation3 } from "wagmi/query";
+import "@cometh/connect-sdk-4337";
+import "viem";
+
+// src/hooks/session-key/useSessionKeySigner.ts
+import {
+  erc7579Actions as erc7579Actions2,
+  smartSessionActions as smartSessionActions2,
+  toSmartSessionsSigner
+} from "@cometh/connect-sdk-4337";
+import { useQuery as useQuery2 } from "wagmi/query";
+import { privateKeyToAccount } from "viem/accounts";
+function useSessionKeySigner({
+  sessionData,
+  privateKey
+}) {
+  const { smartAccountClient } = useSmartAccount();
+  const query = useQuery2({
+    queryKey: ["session-key-signer", smartAccountClient],
+    queryFn: async () => {
+      if (!smartAccountClient) throw new SmartAccountNotFoundError();
+      const safe7559Account = smartAccountClient.extend(smartSessionActions2()).extend(erc7579Actions2());
+      return toSmartSessionsSigner(safe7559Account, {
+        moduleData: {
+          permissionIds: sessionData.permissionIds,
+          action: sessionData.action,
+          mode: "0x00",
+          sessions: sessionData.sessions
+        },
+        signer: privateKeyToAccount(privateKey)
+      });
+    },
+    enabled: !!smartAccountClient
+  });
+  return query;
+}
+
+// src/actions/createSessionSmartAccount.ts
+import {
+  createSafeSmartAccount as createSafeSmartAccount2,
+  createSmartAccountClient as createSmartAccountClient2,
+  smartSessionActions as smartSessionActions3
+} from "@cometh/connect-sdk-4337";
+import { http as http5 } from "viem";
+var createSessionSmartAccountClient = async (apiKey, smartAccountClient, sessionKeySigner) => {
+  const sessionKeyAccount = await createSafeSmartAccount2({
+    apiKey,
+    chain: smartAccountClient.chain,
+    smartAccountAddress: smartAccountClient.account.address,
+    smartSessionSigner: sessionKeySigner
+  });
+  const paymasterClient = smartAccountClient.paymaster;
+  const bundlerUrl = smartAccountClient.transport.url;
+  return createSmartAccountClient2({
+    account: sessionKeyAccount,
+    chain: smartAccountClient.chain,
+    bundlerTransport: http5(bundlerUrl),
+    paymaster: paymasterClient,
+    userOperation: {
+      estimateFeesPerGas: async () => {
+        return await paymasterClient.getUserOperationGasPrice();
+      }
+    }
+  }).extend(smartSessionActions3());
+};
+
+// src/hooks/session-key/useSendPermission.ts
+import { useContext as useContext9 } from "react";
+function useSendPermission({
+  sessionData,
+  privateKey,
+  mutationProps
+}) {
+  const context = useContext9(ConnectContext);
+  if (context === void 0) {
+    throw new NotWithinConnectProviderError("useSendPermission");
+  }
+  const { smartAccountClient } = useSmartAccount();
+  const { data: sessionKeySigner } = useSessionKeySigner({
+    sessionData,
+    privateKey
+  });
+  const { mutate, mutateAsync, ...result } = useMutation3({
+    mutationKey: [
+      "session-key-send-permission",
+      sessionKeySigner,
+      smartAccountClient
+    ],
+    mutationFn: async (args) => {
+      if (!smartAccountClient) throw new SmartAccountNotFoundError();
+      if (!sessionKeySigner) throw new SignerNotFoundError();
+      if (!context.apikey) throw new ApiKeyNotFoundError();
+      const sessionKeyClient = await createSessionSmartAccountClient(
+        context.apikey,
+        smartAccountClient,
+        sessionKeySigner
+      );
+      const userOpHash = await sessionKeyClient.usePermission(args);
+      const userOp = await sessionKeyClient.waitForUserOperationReceipt({
+        hash: userOpHash
+      });
+      return userOp.receipt.transactionHash;
+    },
+    ...mutationProps
+  });
+  return {
+    data: result.data,
+    error: result.error,
+    isPending: result.isPending,
+    isSuccess: result.isSuccess,
+    isError: result.isError,
+    sendPermission: mutate,
+    sendPermissionAsync: mutateAsync
+  };
+}
+
+// src/hooks/session-key/useSessionKeyClient.ts
+import { useQuery as useQuery3 } from "wagmi/query";
+import "@cometh/connect-sdk-4337";
+import "viem";
+import { useContext as useContext10 } from "react";
+function useSessionKeyClient({
+  sessionData,
+  privateKey
+}) {
+  const { smartAccountClient } = useSmartAccount();
+  const { data: sessionKeySigner } = useSessionKeySigner({
+    sessionData,
+    privateKey
+  });
+  const context = useContext10(ConnectContext);
+  if (context === void 0) {
+    throw new Error(
+      "useSessionKeyClient must be used within a ConnectProvider"
+    );
+  }
+  const query = useQuery3({
+    queryKey: ["session-key-get-client", sessionKeySigner, smartAccountClient],
+    queryFn: async () => {
+      if (!smartAccountClient) throw new SmartAccountNotFoundError();
+      if (!sessionKeySigner) throw new SignerNotFoundError();
+      if (!context.apikey) throw new ApiKeyNotFoundError();
+      return createSessionSmartAccountClient(
+        context.apikey,
+        smartAccountClient,
+        sessionKeySigner
+      );
+    }
+  });
+  return query;
+}
 export {
   ConnectProvider,
   useAccount,
@@ -2247,12 +2479,16 @@ export {
   useGetOwners,
   useGetRecoveryRequest,
   useGetTransactionCost,
+  useGrantPermission,
   useIsRecoveryActive,
   useRemoveOwner,
   useRetrieveAccountAddressFromPasskeyId,
   useRetrieveAccountAddressFromPasskeys,
+  useSendPermission,
   useSendTransaction,
   useSerializeUrlWithSignerPayload,
+  useSessionKeyClient,
+  useSessionKeySigner,
   useSetUpRecovery,
   useSignMessage,
   useSwitchChain,

package/package.json

@@ -7,7 +7,7 @@
       "url": "https://twitter.com/slovaye"
     }
   ],
-  "version": "1.0.0",
+  "version": "1.0.2-dev.1",
   "description": "React hooks Connect 4337",
   "repository": "https://github.com/cometh-hq/connect-sdk-4337.git",
   "keywords": [
@@ -58,7 +58,7 @@
     "typescript": "^5"
   },
   "dependencies": {
-    "@cometh/connect-sdk-4337": "^1.0.1",
+    "@cometh/connect-sdk-4337": "^1.0.6",
     "permissionless": "^0.2.23"
   }
 }