@cometh/connect-react-hooks 0.1.0-dev.1 → 1.0.1

package/dist/index.js

@@ -83,7 +83,8 @@ var ConnectContext = createContext({
   },
   disconnectSmartAccount: async () => {
   },
-  networksConfig: void 0
+  networksConfig: void 0,
+  apikey: void 0
 });
 var ConnectProvider = ({
   children,
@@ -101,9 +102,9 @@ var ConnectProvider = ({
       const paymasterUrl = config.networksConfig.find(
         (network) => network.chain?.id === chain.id
       )?.paymasterUrl;
-      const rpcUrl = config.networksConfig.find(
+      const publicClient = config.networksConfig.find(
         (network) => network.chain?.id === chain.id
-      )?.rpcUrl;
+      )?.publicClient;
       if (!bundlerUrl) throw new Error("Bundler url not found");
       try {
         const { client, address: newAddress } = await createSmartAccount({
@@ -111,7 +112,7 @@ var ConnectProvider = ({
           chain,
           bundlerUrl,
           paymasterUrl,
-          rpcUrl,
+          publicClient,
           smartAccountAddress: params.address,
           comethSignerConfig: {
             ...config.comethSignerConfig,
@@ -144,7 +145,8 @@ var ConnectProvider = ({
       smartAccountAddress,
       updateSmartAccountClient,
       disconnectSmartAccount,
-      networksConfig: config.networksConfig
+      networksConfig: config.networksConfig,
+      apikey: config.apiKey
     }),
     [
       queryClient,
@@ -1271,14 +1273,15 @@ function useBaseQuery(options, Observer, queryClient) {
     )
   );
   const result = observer.getOptimisticResult(defaultedOptions);
+  const shouldSubscribe = !isRestoring && options.subscribed !== false;
   React6.useSyncExternalStore(
     React6.useCallback(
       (onStoreChange) => {
-        const unsubscribe = isRestoring ? noop2 : observer.subscribe(notifyManager.batchCalls(onStoreChange));
+        const unsubscribe = shouldSubscribe ? observer.subscribe(notifyManager.batchCalls(onStoreChange)) : noop2;
         observer.updateResult();
         return unsubscribe;
       },
-      [observer, isRestoring]
+      [observer, shouldSubscribe]
     ),
     () => observer.getCurrentResult(),
     () => observer.getCurrentResult()
@@ -1530,9 +1533,7 @@ 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");
         }
@@ -1957,15 +1958,11 @@ function useSetUpRecovery() {
   const { smartAccountClient, queryClient } = useSmartAccount();
   const { mutate, mutateAsync, ...result } = useMutation(
     {
-      mutationFn: async (variables) => {
+      mutationFn: async () => {
         if (!smartAccountClient) {
           throw new Error("No smart account found");
         }
-        return smartAccountClient.setUpRecoveryModule({
-          passKeyName: variables.passKeyName,
-          publicClient: variables.publicClient,
-          webAuthnOptions: variables.webAuthnOptions
-        });
+        return smartAccountClient.setUpRecoveryModule();
       }
     },
     queryClient
@@ -1986,7 +1983,7 @@ function useIsRecoveryActive(props = {}) {
   const { smartAccountClient, queryClient } = useSmartAccount();
   return useQuery(
     {
-      queryKey: ["isRecoveryActive", props.publicClient],
+      queryKey: ["isRecoveryActive"],
       queryFn: async () => {
         if (!smartAccountClient) {
           throw new Error("No smart account found");
@@ -2004,7 +2001,7 @@ function useGetRecoveryRequest(props = {}, queryOptions) {
   const { smartAccountClient, queryClient } = useSmartAccount();
   const { data, isLoading, isError, error } = useQuery(
     {
-      queryKey: ["getRecoveryRequest", props.publicClient],
+      queryKey: ["getRecoveryRequest"],
       queryFn: async () => {
         if (!smartAccountClient) {
           throw new Error("No smart account found");
@@ -2034,7 +2031,7 @@ function useCancelRecoveryRequest() {
           throw new Error("No smart account found");
         }
         return smartAccountClient.cancelRecoveryRequest({
-          publicClient: variables.publicClient
+          effectiveDelayAddress: variables.effectiveDelayAddress
         });
       }
     },
@@ -2077,13 +2074,14 @@ var useSwitchChain = () => {
       if (!selectedNetwork)
         throw new Error("No current configuration found");
       try {
-        await updateSmartAccountClient({
+        const client = await updateSmartAccountClient({
           address: smartAccountClient?.account.address,
           chain: selectedNetwork.chain
         });
         queryClient?.invalidateQueries({
           queryKey: ["switchChain"]
         });
+        return client;
       } catch (e) {
         throw e instanceof Error ? e : new Error("An error occurred while switching chain");
       }
@@ -2099,7 +2097,7 @@ var useSwitchChain = () => {
     (params) => {
       setIsPending(true);
       setError(null);
-      switchChainInternal(params).catch((e) => {
+      return switchChainInternal(params).catch((e) => {
         const err = e instanceof Error ? e : new Error(
           "An error occurred while switching chain"
         );
@@ -2115,7 +2113,8 @@ var useSwitchChain = () => {
       setIsPending(true);
       setError(null);
       try {
-        await switchChainInternal(params);
+        const client = await switchChainInternal(params);
+        return client;
       } catch (e) {
         const err = e instanceof Error ? e : new Error("An error occurred while switching chain");
         setError(err);
@@ -2232,6 +2231,189 @@ 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 Error("No smart account found");
+      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 Error("No smart account found");
+      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 Error("useSendPermission must be used within a ConnectProvider");
+  }
+  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 Error("No smart account found");
+      if (!sessionKeySigner) throw new Error("No signer found");
+      if (!context.apikey) throw new Error("No apikey found");
+      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";
+function useSessionKeyClient({
+  apiKey,
+  sessionData,
+  privateKey
+}) {
+  const { smartAccountClient } = useSmartAccount();
+  const { data: sessionKeySigner } = useSessionKeySigner({
+    sessionData,
+    privateKey
+  });
+  const query = useQuery3({
+    queryKey: ["session-key-get-client", sessionKeySigner, smartAccountClient],
+    queryFn: async () => {
+      if (!smartAccountClient) throw new Error("No smart account found");
+      if (!sessionKeySigner) throw new Error("No signer found");
+      return createSessionSmartAccountClient(
+        apiKey,
+        smartAccountClient,
+        sessionKeySigner
+      );
+    }
+  });
+  return query;
+}
 export {
   ConnectProvider,
   useAccount,
@@ -2247,12 +2429,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": "0.1.0-dev.1",
+  "version": "1.0.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": "^0.3.0-dev.1",
+    "@cometh/connect-sdk-4337": "^1.0.1",
     "permissionless": "^0.2.23"
   }
 }