@cometh/connect-react-hooks 0.0.9 → 0.0.11-dev.1

package/dist/index.cjs

@@ -77,6 +77,7 @@ async function createSmartAccount(config) {
 
 
 var _react = require('react'); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react); var React5 = _interopRequireWildcard(_react); var React6 = _interopRequireWildcard(_react); var React7 = _interopRequireWildcard(_react);
+var CHAIN_STORAGE_KEY = "currentChain";
 var ConnectContext = _react.createContext.call(void 0, {
   queryClient: void 0,
   smartAccountClient: null,
@@ -84,7 +85,8 @@ var ConnectContext = _react.createContext.call(void 0, {
   updateSmartAccountClient: async () => {
   },
   disconnectSmartAccount: async () => {
-  }
+  },
+  networksConfig: void 0
 });
 var ConnectProvider = ({
   children,
@@ -95,9 +97,21 @@ var ConnectProvider = ({
   const [smartAccountAddress, setSmartAccountAddress] = _react.useState.call(void 0, void 0);
   const updateSmartAccountClient = _react.useCallback.call(void 0, 
     async (params = {}) => {
+      const chain = _nullishCoalesce(_nullishCoalesce(params.chain, () => ( JSON.parse(_nullishCoalesce(localStorage.getItem(CHAIN_STORAGE_KEY), () => ( "null"))))), () => ( config.networksConfig[0].chain));
+      const bundlerUrl = _optionalChain([config, 'access', _2 => _2.networksConfig, 'access', _3 => _3.find, 'call', _4 => _4(
+        (network) => _optionalChain([network, 'access', _5 => _5.chain, 'optionalAccess', _6 => _6.id]) === chain.id
+      ), 'optionalAccess', _7 => _7.bundlerUrl]);
+      const paymasterUrl = _optionalChain([config, 'access', _8 => _8.networksConfig, 'access', _9 => _9.find, 'call', _10 => _10(
+        (network) => _optionalChain([network, 'access', _11 => _11.chain, 'optionalAccess', _12 => _12.id]) === chain.id
+      ), 'optionalAccess', _13 => _13.paymasterUrl]);
+      if (!bundlerUrl || !paymasterUrl)
+        throw new Error("Bundler or paymaster url not found");
       try {
         const { client, address: newAddress } = await createSmartAccount({
           ...config,
+          chain,
+          bundlerUrl,
+          paymasterUrl,
           smartAccountAddress: params.address,
           comethSignerConfig: {
             ...config.comethSignerConfig,
@@ -106,6 +120,7 @@ var ConnectProvider = ({
         });
         setSmartAccountClient(client);
         setSmartAccountAddress(newAddress);
+        localStorage.setItem(CHAIN_STORAGE_KEY, JSON.stringify(chain));
       } catch (e) {
         console.log(e);
       }
@@ -115,6 +130,7 @@ var ConnectProvider = ({
   const disconnectSmartAccount = _react.useCallback.call(void 0, async () => {
     setSmartAccountClient(null);
     setSmartAccountAddress(void 0);
+    localStorage.removeItem(CHAIN_STORAGE_KEY);
   }, []);
   _react.useEffect.call(void 0, () => {
     if (config.smartAccountAddress) {
@@ -127,14 +143,16 @@ var ConnectProvider = ({
       smartAccountClient,
       smartAccountAddress,
       updateSmartAccountClient,
-      disconnectSmartAccount
+      disconnectSmartAccount,
+      networksConfig: config.networksConfig
     }),
     [
       queryClient,
       smartAccountClient,
       smartAccountAddress,
       updateSmartAccountClient,
-      disconnectSmartAccount
+      disconnectSmartAccount,
+      config.networksConfig
     ]
   );
   return /* @__PURE__ */ React2.default.createElement(ConnectContext.Provider, { value }, children);
@@ -148,6 +166,13 @@ var useAccount = () => {
     throw new Error("useAccount must be used within a ConnectProvider");
   }
   const { smartAccountClient, smartAccountAddress } = context;
+  const { chain, chainId } = _react.useMemo.call(void 0, 
+    () => ({
+      chain: _optionalChain([smartAccountClient, 'optionalAccess', _14 => _14.chain]),
+      chainId: _optionalChain([smartAccountClient, 'optionalAccess', _15 => _15.chain, 'optionalAccess', _16 => _16.id])
+    }),
+    [smartAccountClient]
+  );
   const isConnected = _react.useMemo.call(void 0, 
     () => !!smartAccountClient && !!smartAccountAddress,
     [smartAccountClient, smartAccountAddress]
@@ -160,7 +185,9 @@ var useAccount = () => {
     smartAccountClient,
     isConnected,
     isDisconnected: !isConnected,
-    status
+    status,
+    chain,
+    chainId
   };
 };
 
@@ -358,7 +385,7 @@ var FocusManager = (_a = class extends Subscribable {
     if (typeof __privateGet(this, _focused) === "boolean") {
       return __privateGet(this, _focused);
     }
-    return _optionalChain([globalThis, 'access', _2 => _2.document, 'optionalAccess', _3 => _3.visibilityState]) !== "hidden";
+    return _optionalChain([globalThis, 'access', _17 => _17.document, 'optionalAccess', _18 => _18.visibilityState]) !== "hidden";
   }
 }, _focused = new WeakMap(), _cleanup = new WeakMap(), _setup = new WeakMap(), _a);
 var focusManager = new FocusManager();
@@ -648,7 +675,7 @@ var QueryObserver = (_a3 = class extends Subscribable {
         enumerable: true,
         get: () => {
           this.trackProp(key);
-          _optionalChain([onPropTracked, 'optionalCall', _4 => _4(key)]);
+          _optionalChain([onPropTracked, 'optionalCall', _19 => _19(key)]);
           return result[key];
         }
       });
@@ -709,13 +736,13 @@ var QueryObserver = (_a3 = class extends Subscribable {
     }
     let { error, errorUpdatedAt, status } = newState;
     if (options.select && newState.data !== void 0) {
-      if (prevResult && newState.data === _optionalChain([prevResultState, 'optionalAccess', _5 => _5.data]) && options.select === __privateGet(this, _selectFn)) {
+      if (prevResult && newState.data === _optionalChain([prevResultState, 'optionalAccess', _20 => _20.data]) && options.select === __privateGet(this, _selectFn)) {
         data = __privateGet(this, _selectResult);
       } else {
         try {
           __privateSet(this, _selectFn, options.select);
           data = options.select(newState.data);
-          data = replaceData(_optionalChain([prevResult, 'optionalAccess', _6 => _6.data]), data, options);
+          data = replaceData(_optionalChain([prevResult, 'optionalAccess', _21 => _21.data]), data, options);
           __privateSet(this, _selectResult, data);
           __privateSet(this, _selectError, null);
         } catch (selectError) {
@@ -727,11 +754,11 @@ var QueryObserver = (_a3 = class extends Subscribable {
     }
     if (options.placeholderData !== void 0 && data === void 0 && status === "pending") {
       let placeholderData;
-      if (_optionalChain([prevResult, 'optionalAccess', _7 => _7.isPlaceholderData]) && options.placeholderData === _optionalChain([prevResultOptions, 'optionalAccess', _8 => _8.placeholderData])) {
+      if (_optionalChain([prevResult, 'optionalAccess', _22 => _22.isPlaceholderData]) && options.placeholderData === _optionalChain([prevResultOptions, 'optionalAccess', _23 => _23.placeholderData])) {
         placeholderData = prevResult.data;
       } else {
         placeholderData = typeof options.placeholderData === "function" ? options.placeholderData(
-          _optionalChain([__privateGet, 'call', _9 => _9(this, _lastQueryWithDefinedData), 'optionalAccess', _10 => _10.state, 'access', _11 => _11.data]),
+          _optionalChain([__privateGet, 'call', _24 => _24(this, _lastQueryWithDefinedData), 'optionalAccess', _25 => _25.state, 'access', _26 => _26.data]),
           __privateGet(this, _lastQueryWithDefinedData)
         ) : options.placeholderData;
         if (options.select && placeholderData !== void 0) {
@@ -746,7 +773,7 @@ var QueryObserver = (_a3 = class extends Subscribable {
       if (placeholderData !== void 0) {
         status = "success";
         data = replaceData(
-          _optionalChain([prevResult, 'optionalAccess', _12 => _12.data]),
+          _optionalChain([prevResult, 'optionalAccess', _27 => _27.data]),
           placeholderData,
           options
         );
@@ -826,7 +853,7 @@ var QueryObserver = (_a3 = class extends Subscribable {
         return changed && includedProps.has(typedKey);
       });
     };
-    if (_optionalChain([notifyOptions, 'optionalAccess', _13 => _13.listeners]) !== false && shouldNotifyListeners()) {
+    if (_optionalChain([notifyOptions, 'optionalAccess', _28 => _28.listeners]) !== false && shouldNotifyListeners()) {
       defaultNotifyOptions.listeners = true;
     }
     __privateMethod(this, _QueryObserver_instances, notify_fn).call(this, { ...defaultNotifyOptions, ...notifyOptions });
@@ -843,7 +870,7 @@ var QueryObserver = (_a3 = class extends Subscribable {
     this.options,
     fetchOptions
   );
-  if (!_optionalChain([fetchOptions, 'optionalAccess', _14 => _14.throwOnError])) {
+  if (!_optionalChain([fetchOptions, 'optionalAccess', _29 => _29.throwOnError])) {
     promise = promise.catch(noop);
   }
   return promise;
@@ -898,7 +925,7 @@ var QueryObserver = (_a3 = class extends Subscribable {
   __privateSet(this, _currentQuery, query);
   __privateSet(this, _currentQueryInitialState, query.state);
   if (this.hasListeners()) {
-    _optionalChain([prevQuery, 'optionalAccess', _15 => _15.removeObserver, 'call', _16 => _16(this)]);
+    _optionalChain([prevQuery, 'optionalAccess', _30 => _30.removeObserver, 'call', _31 => _31(this)]);
     query.addObserver(this);
   }
 }, notify_fn = function(notifyOptions) {
@@ -969,15 +996,15 @@ var MutationObserver = (_a4 = class extends Subscribable {
         observer: this
       });
     }
-    if (_optionalChain([prevOptions, 'optionalAccess', _17 => _17.mutationKey]) && this.options.mutationKey && hashKey(prevOptions.mutationKey) !== hashKey(this.options.mutationKey)) {
+    if (_optionalChain([prevOptions, 'optionalAccess', _32 => _32.mutationKey]) && this.options.mutationKey && hashKey(prevOptions.mutationKey) !== hashKey(this.options.mutationKey)) {
       this.reset();
-    } else if (_optionalChain([__privateGet, 'call', _18 => _18(this, _currentMutation), 'optionalAccess', _19 => _19.state, 'access', _20 => _20.status]) === "pending") {
+    } else if (_optionalChain([__privateGet, 'call', _33 => _33(this, _currentMutation), 'optionalAccess', _34 => _34.state, 'access', _35 => _35.status]) === "pending") {
       __privateGet(this, _currentMutation).setOptions(this.options);
     }
   }
   onUnsubscribe() {
     if (!this.hasListeners()) {
-      _optionalChain([__privateGet, 'call', _21 => _21(this, _currentMutation), 'optionalAccess', _22 => _22.removeObserver, 'call', _23 => _23(this)]);
+      _optionalChain([__privateGet, 'call', _36 => _36(this, _currentMutation), 'optionalAccess', _37 => _37.removeObserver, 'call', _38 => _38(this)]);
     }
   }
   onMutationUpdate(action) {
@@ -988,20 +1015,20 @@ var MutationObserver = (_a4 = class extends Subscribable {
     return __privateGet(this, _currentResult2);
   }
   reset() {
-    _optionalChain([__privateGet, 'call', _24 => _24(this, _currentMutation), 'optionalAccess', _25 => _25.removeObserver, 'call', _26 => _26(this)]);
+    _optionalChain([__privateGet, 'call', _39 => _39(this, _currentMutation), 'optionalAccess', _40 => _40.removeObserver, 'call', _41 => _41(this)]);
     __privateSet(this, _currentMutation, void 0);
     __privateMethod(this, _MutationObserver_instances, updateResult_fn).call(this);
     __privateMethod(this, _MutationObserver_instances, notify_fn2).call(this);
   }
   mutate(variables, options) {
     __privateSet(this, _mutateOptions, options);
-    _optionalChain([__privateGet, 'call', _27 => _27(this, _currentMutation), 'optionalAccess', _28 => _28.removeObserver, 'call', _29 => _29(this)]);
+    _optionalChain([__privateGet, 'call', _42 => _42(this, _currentMutation), 'optionalAccess', _43 => _43.removeObserver, 'call', _44 => _44(this)]);
     __privateSet(this, _currentMutation, __privateGet(this, _client2).getMutationCache().build(__privateGet(this, _client2), this.options));
     __privateGet(this, _currentMutation).addObserver(this);
     return __privateGet(this, _currentMutation).execute(variables);
   }
 }, _client2 = new WeakMap(), _currentResult2 = new WeakMap(), _currentMutation = new WeakMap(), _mutateOptions = new WeakMap(), _MutationObserver_instances = new WeakSet(), updateResult_fn = function() {
-  const state = _nullishCoalesce(_optionalChain([__privateGet, 'call', _30 => _30(this, _currentMutation), 'optionalAccess', _31 => _31.state]), () => ( getDefaultState()));
+  const state = _nullishCoalesce(_optionalChain([__privateGet, 'call', _45 => _45(this, _currentMutation), 'optionalAccess', _46 => _46.state]), () => ( getDefaultState()));
   __privateSet(this, _currentResult2, {
     ...state,
     isPending: state.status === "pending",
@@ -1016,12 +1043,12 @@ var MutationObserver = (_a4 = class extends Subscribable {
     if (__privateGet(this, _mutateOptions) && this.hasListeners()) {
       const variables = __privateGet(this, _currentResult2).variables;
       const context = __privateGet(this, _currentResult2).context;
-      if (_optionalChain([action, 'optionalAccess', _32 => _32.type]) === "success") {
-        _optionalChain([__privateGet, 'call', _33 => _33(this, _mutateOptions), 'access', _34 => _34.onSuccess, 'optionalCall', _35 => _35(action.data, variables, context)]);
-        _optionalChain([__privateGet, 'call', _36 => _36(this, _mutateOptions), 'access', _37 => _37.onSettled, 'optionalCall', _38 => _38(action.data, null, variables, context)]);
-      } else if (_optionalChain([action, 'optionalAccess', _39 => _39.type]) === "error") {
-        _optionalChain([__privateGet, 'call', _40 => _40(this, _mutateOptions), 'access', _41 => _41.onError, 'optionalCall', _42 => _42(action.error, variables, context)]);
-        _optionalChain([__privateGet, 'call', _43 => _43(this, _mutateOptions), 'access', _44 => _44.onSettled, 'optionalCall', _45 => _45(
+      if (_optionalChain([action, 'optionalAccess', _47 => _47.type]) === "success") {
+        _optionalChain([__privateGet, 'call', _48 => _48(this, _mutateOptions), 'access', _49 => _49.onSuccess, 'optionalCall', _50 => _50(action.data, variables, context)]);
+        _optionalChain([__privateGet, 'call', _51 => _51(this, _mutateOptions), 'access', _52 => _52.onSettled, 'optionalCall', _53 => _53(action.data, null, variables, context)]);
+      } else if (_optionalChain([action, 'optionalAccess', _54 => _54.type]) === "error") {
+        _optionalChain([__privateGet, 'call', _55 => _55(this, _mutateOptions), 'access', _56 => _56.onError, 'optionalCall', _57 => _57(action.error, variables, context)]);
+        _optionalChain([__privateGet, 'call', _58 => _58(this, _mutateOptions), 'access', _59 => _59.onSettled, 'optionalCall', _60 => _60(
           void 0,
           action.error,
           variables,
@@ -1121,7 +1148,7 @@ var ensureStaleTime = (defaultedOptions) => {
     }
   }
 };
-var shouldSuspend = (defaultedOptions, result) => _optionalChain([defaultedOptions, 'optionalAccess', _46 => _46.suspense]) && result.isPending;
+var shouldSuspend = (defaultedOptions, result) => _optionalChain([defaultedOptions, 'optionalAccess', _61 => _61.suspense]) && result.isPending;
 var fetchOptimistic = (defaultedOptions, observer, errorResetBoundary) => observer.fetchOptimistic(defaultedOptions).catch(() => {
   errorResetBoundary.clearReset();
 });
@@ -1140,7 +1167,7 @@ function useBaseQuery(options, Observer, queryClient) {
   const isRestoring = useIsRestoring();
   const errorResetBoundary = useQueryErrorResetBoundary();
   const defaultedOptions = client.defaultQueryOptions(options);
-  _optionalChain([client, 'access', _47 => _47.getDefaultOptions, 'call', _48 => _48(), 'access', _49 => _49.queries, 'optionalAccess', _50 => _50._experimental_beforeQuery, 'optionalCall', _51 => _51(
+  _optionalChain([client, 'access', _62 => _62.getDefaultOptions, 'call', _63 => _63(), 'access', _64 => _64.queries, 'optionalAccess', _65 => _65._experimental_beforeQuery, 'optionalCall', _66 => _66(
     defaultedOptions
   )]);
   defaultedOptions._optimisticResults = isRestoring ? "isRestoring" : "optimistic";
@@ -1181,7 +1208,7 @@ function useBaseQuery(options, Observer, queryClient) {
     throw result.error;
   }
   ;
-  _optionalChain([client, 'access', _52 => _52.getDefaultOptions, 'call', _53 => _53(), 'access', _54 => _54.queries, 'optionalAccess', _55 => _55._experimental_afterQuery, 'optionalCall', _56 => _56(
+  _optionalChain([client, 'access', _67 => _67.getDefaultOptions, 'call', _68 => _68(), 'access', _69 => _69.queries, 'optionalAccess', _70 => _70._experimental_afterQuery, 'optionalCall', _71 => _71(
     defaultedOptions,
     result
   )]);
@@ -1385,7 +1412,7 @@ var useConnect = () => {
       setIsPending(true);
       setError(null);
       updateSmartAccountClient(params).then(() => {
-        _optionalChain([queryClient, 'optionalAccess', _57 => _57.invalidateQueries, 'call', _58 => _58({
+        _optionalChain([queryClient, 'optionalAccess', _72 => _72.invalidateQueries, 'call', _73 => _73({
           queryKey: ["connect"]
         })]);
       }).catch((e) => {
@@ -1403,7 +1430,7 @@ var useConnect = () => {
       setError(null);
       try {
         await updateSmartAccountClient(params);
-        _optionalChain([queryClient, 'optionalAccess', _59 => _59.invalidateQueries, 'call', _60 => _60({ queryKey: ["connect"] })]);
+        _optionalChain([queryClient, 'optionalAccess', _74 => _74.invalidateQueries, 'call', _75 => _75({ queryKey: ["connect"] })]);
       } catch (e) {
         const err = e instanceof Error ? e : new Error("An error occurred");
         setError(err);
@@ -1436,7 +1463,7 @@ var useDisconnect = () => {
     setIsPending(true);
     setError(null);
     disconnectSmartAccount().then(() => {
-      _optionalChain([queryClient, 'optionalAccess', _61 => _61.invalidateQueries, 'call', _62 => _62({
+      _optionalChain([queryClient, 'optionalAccess', _76 => _76.invalidateQueries, 'call', _77 => _77({
         queryKey: ["connect"]
       })]);
     }).catch((e) => {
@@ -1451,7 +1478,7 @@ var useDisconnect = () => {
     setError(null);
     try {
       await disconnectSmartAccount();
-      _optionalChain([queryClient, 'optionalAccess', _63 => _63.invalidateQueries, 'call', _64 => _64({ queryKey: ["connect"] })]);
+      _optionalChain([queryClient, 'optionalAccess', _78 => _78.invalidateQueries, 'call', _79 => _79({ queryKey: ["connect"] })]);
     } catch (e) {
       const err = e instanceof Error ? e : new Error("An error occurred during disconnection");
       setError(err);
@@ -1888,7 +1915,7 @@ var useCreateNewSigner = (apiKey, baseUrl) => {
       setIsPending(true);
       setError(null);
       _connectsdk4337.createNewSigner.call(void 0, { apiKey, baseUrl, params }).then((signer) => {
-        _optionalChain([queryClient, 'optionalAccess', _65 => _65.invalidateQueries, 'call', _66 => _66({ queryKey: ["signer"] })]);
+        _optionalChain([queryClient, 'optionalAccess', _80 => _80.invalidateQueries, 'call', _81 => _81({ queryKey: ["signer"] })]);
         return signer;
       }).catch((e) => {
         const err = e instanceof Error ? e : new Error("An error occurred");
@@ -1909,7 +1936,7 @@ var useCreateNewSigner = (apiKey, baseUrl) => {
           baseUrl,
           params
         });
-        _optionalChain([queryClient, 'optionalAccess', _67 => _67.invalidateQueries, 'call', _68 => _68({ queryKey: ["signer"] })]);
+        _optionalChain([queryClient, 'optionalAccess', _82 => _82.invalidateQueries, 'call', _83 => _83({ queryKey: ["signer"] })]);
         return signer;
       } catch (e) {
         const err = e instanceof Error ? e : new Error("An error occurred");
@@ -2153,6 +2180,90 @@ function useCancelRecoveryRequest() {
   };
 }
 
+// src/hooks/useSwitchChain.ts
+
+
+var useSwitchChain = () => {
+  const { address } = _wagmi.useAccount.call(void 0, );
+  const context = _react.useContext.call(void 0, ConnectContext);
+  if (context === void 0) {
+    throw new Error("useSwitchChain must be used within a ConnectProvider");
+  }
+  const {
+    queryClient,
+    smartAccountClient,
+    updateSmartAccountClient,
+    networksConfig
+  } = context;
+  const [isPending, setIsPending] = _react.useState.call(void 0, false);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const switchChainInternal = _react.useCallback.call(void 0, 
+    async (params) => {
+      const { chain } = params;
+      if (!networksConfig) {
+        throw new Error("No current configuration found");
+      }
+      try {
+        await updateSmartAccountClient({
+          address: _optionalChain([smartAccountClient, 'optionalAccess', _84 => _84.account, 'access', _85 => _85.address]),
+          chain
+        });
+        _optionalChain([queryClient, 'optionalAccess', _86 => _86.invalidateQueries, 'call', _87 => _87({
+          queryKey: ["switchChain"]
+        })]);
+      } catch (e) {
+        throw e instanceof Error ? e : new Error("An error occurred while switching chain");
+      }
+    },
+    [
+      smartAccountClient,
+      updateSmartAccountClient,
+      queryClient,
+      networksConfig
+    ]
+  );
+  const switchChain = _react.useCallback.call(void 0, 
+    (params) => {
+      if (!address) throw new Error("No connected wallet");
+      setIsPending(true);
+      setError(null);
+      switchChainInternal(params).catch((e) => {
+        const err = e instanceof Error ? e : new Error(
+          "An error occurred while switching chain"
+        );
+        setError(err);
+      }).finally(() => {
+        setIsPending(false);
+      });
+    },
+    [switchChainInternal]
+  );
+  const switchChainAsync = _react.useCallback.call(void 0, 
+    async (params) => {
+      if (!address) throw new Error("No connected wallet");
+      setIsPending(true);
+      setError(null);
+      try {
+        await switchChainInternal(params);
+      } catch (e) {
+        const err = e instanceof Error ? e : new Error("An error occurred while switching chain");
+        setError(err);
+        throw err;
+      } finally {
+        setIsPending(false);
+      }
+    },
+    [switchChainInternal]
+  );
+  return {
+    switchChain,
+    switchChainAsync,
+    isPending,
+    error
+  };
+};
+
+
 
 
 
@@ -2184,4 +2295,4 @@ function useCancelRecoveryRequest() {
 
 
 
-exports.ConnectProvider = ConnectProvider; exports.useAccount = useAccount; exports.useAddOwner = useAddOwner; exports.useAddSessionKey = useAddSessionKey; exports.useAddWhitelistDestination = useAddWhitelistDestination; exports.useCancelRecoveryRequest = useCancelRecoveryRequest; exports.useConnect = useConnect; exports.useCreateNewSigner = useCreateNewSigner; exports.useDisconnect = useDisconnect; exports.useGenerateQRCodeUrl = useGenerateQRCodeUrl; exports.useGetEnrichedOwners = useGetEnrichedOwners; exports.useGetGasPrice = useGetGasPrice; exports.useGetOwners = useGetOwners; exports.useGetRecoveryRequest = useGetRecoveryRequest; exports.useGetSessionFromAddress = useGetSessionFromAddress; exports.useIsAddressWhitelistDestination = useIsAddressWhitelistDestination; exports.useIsRecoveryActive = useIsRecoveryActive; exports.useRemoveOwner = useRemoveOwner; exports.useRemoveWhitelistDestination = useRemoveWhitelistDestination; exports.useRetrieveAccountAddressFromPasskeyId = useRetrieveAccountAddressFromPasskeyId; exports.useRetrieveAccountAddressFromPasskeys = useRetrieveAccountAddressFromPasskeys; exports.useRevokeSessionKey = useRevokeSessionKey; exports.useSendTransaction = useSendTransaction; exports.useSendTransactionWithSessionKey = useSendTransactionWithSessionKey; exports.useSerializeUrlWithSignerPayload = useSerializeUrlWithSignerPayload; exports.useSetUpRecovery = useSetUpRecovery; exports.useSignMessage = useSignMessage; exports.useValidateAddDevice = useValidateAddDevice; exports.useVerifyMessage = useVerifyMessage; exports.useWriteContract = useWriteContract; exports.useWriteContractWithSessionKey = useWriteContractWithSessionKey;
+exports.ConnectProvider = ConnectProvider; exports.useAccount = useAccount; exports.useAddOwner = useAddOwner; exports.useAddSessionKey = useAddSessionKey; exports.useAddWhitelistDestination = useAddWhitelistDestination; exports.useCancelRecoveryRequest = useCancelRecoveryRequest; exports.useConnect = useConnect; exports.useCreateNewSigner = useCreateNewSigner; exports.useDisconnect = useDisconnect; exports.useGenerateQRCodeUrl = useGenerateQRCodeUrl; exports.useGetEnrichedOwners = useGetEnrichedOwners; exports.useGetGasPrice = useGetGasPrice; exports.useGetOwners = useGetOwners; exports.useGetRecoveryRequest = useGetRecoveryRequest; exports.useGetSessionFromAddress = useGetSessionFromAddress; exports.useIsAddressWhitelistDestination = useIsAddressWhitelistDestination; exports.useIsRecoveryActive = useIsRecoveryActive; exports.useRemoveOwner = useRemoveOwner; exports.useRemoveWhitelistDestination = useRemoveWhitelistDestination; exports.useRetrieveAccountAddressFromPasskeyId = useRetrieveAccountAddressFromPasskeyId; exports.useRetrieveAccountAddressFromPasskeys = useRetrieveAccountAddressFromPasskeys; exports.useRevokeSessionKey = useRevokeSessionKey; exports.useSendTransaction = useSendTransaction; exports.useSendTransactionWithSessionKey = useSendTransactionWithSessionKey; exports.useSerializeUrlWithSignerPayload = useSerializeUrlWithSignerPayload; exports.useSetUpRecovery = useSetUpRecovery; exports.useSignMessage = useSignMessage; exports.useSwitchChain = useSwitchChain; exports.useValidateAddDevice = useValidateAddDevice; exports.useVerifyMessage = useVerifyMessage; exports.useWriteContract = useWriteContract; exports.useWriteContractWithSessionKey = useWriteContractWithSessionKey;

package/dist/index.d.cts

@@ -41,10 +41,18 @@ type Override<TTargetA, TTargetB> = {
 
 declare function useMutation<TData = unknown, TError = y, TVariables = void, TContext = unknown>(options: UseMutationOptions<TData, TError, TVariables, TContext>, queryClient?: b): UseMutationResult<TData, TError, TVariables, TContext>;
 
-type ConnectConfig = createSafeSmartAccountParameters<ENTRYPOINT_ADDRESS_V07_TYPE> & {
-    bundlerUrl: string;
+type NetworkParams = {
+    chain?: Chain;
+    bundlerUrl?: string;
     paymasterUrl?: string;
 };
+type OmitConfig<T> = Omit<T, "chain" | "paymasterUrl" | "bundlerUrl"> & {
+    networksConfig: NetworkParams[];
+};
+type ConnectConfig = OmitConfig<createSafeSmartAccountParameters<ENTRYPOINT_ADDRESS_V07_TYPE> & {
+    bundlerUrl: string;
+    paymasterUrl?: string;
+}>;
 type ContextComethSmartAccountClient = ComethSmartAccountClient<SafeSmartAccount<ENTRYPOINT_ADDRESS_V07_TYPE, Transport, Chain>, Transport, Chain, ENTRYPOINT_ADDRESS_V07_TYPE>;
 declare const ConnectProvider: <TConfig extends ConnectConfig, TQueryClient extends b | undefined>({ children, config, queryClient, }: {
     children: ReactNode;
@@ -59,6 +67,8 @@ interface UseAccountResult {
     isConnected: boolean;
     isDisconnected: boolean;
     status: AccountStatus;
+    chain: Chain | undefined;
+    chainId: number | undefined;
 }
 declare const useAccount: () => UseAccountResult;
 
@@ -929,4 +939,15 @@ type UseCancelRecoveryRequestReturn = QueryResultType & {
  */
 declare function useCancelRecoveryRequest(): UseCancelRecoveryRequestReturn;
 
-export { ConnectProvider, type SendTransactionMutate, type SendTransactionMutateAsync, type SendTransactionWithSessionKeyMutate, type SendTransactionWithSessionKeyMutateAsync, type UseAddOwnerReturn, type UseAddSessionKeyReturn, type UseAddWhitelistDestinationReturn, type UseRemoveOwnerReturn, type UseRemoveWhitelistDestinationReturn, type UseRetrieveAccountAddressFromPasskeyOptions, type UseRevokeSessionKeyReturn, type VerifyMessageMutate, type VerifyMessageMutateAsync, type WriteContractMutate, type WriteContractMutateAsync, type WriteContractWithSessionKeyMutate, type WriteContractWithSessionKeyMutateAsync, useAccount, useAddOwner, useAddSessionKey, useAddWhitelistDestination, useCancelRecoveryRequest, useConnect, useCreateNewSigner, useDisconnect, useGenerateQRCodeUrl, useGetEnrichedOwners, useGetGasPrice, useGetOwners, useGetRecoveryRequest, useGetSessionFromAddress, useIsAddressWhitelistDestination, useIsRecoveryActive, useRemoveOwner, useRemoveWhitelistDestination, useRetrieveAccountAddressFromPasskeyId, useRetrieveAccountAddressFromPasskeys, useRevokeSessionKey, useSendTransaction, useSendTransactionWithSessionKey, useSerializeUrlWithSignerPayload, useSetUpRecovery, useSignMessage, useValidateAddDevice, useVerifyMessage, useWriteContract, useWriteContractWithSessionKey };
+declare const useSwitchChain: () => {
+    switchChain: (params: {
+        chain: Chain;
+    }) => void;
+    switchChainAsync: (params: {
+        chain: Chain;
+    }) => Promise<void>;
+    isPending: boolean;
+    error: Error | null;
+};
+
+export { ConnectProvider, type SendTransactionMutate, type SendTransactionMutateAsync, type SendTransactionWithSessionKeyMutate, type SendTransactionWithSessionKeyMutateAsync, type UseAddOwnerReturn, type UseAddSessionKeyReturn, type UseAddWhitelistDestinationReturn, type UseRemoveOwnerReturn, type UseRemoveWhitelistDestinationReturn, type UseRetrieveAccountAddressFromPasskeyOptions, type UseRevokeSessionKeyReturn, type VerifyMessageMutate, type VerifyMessageMutateAsync, type WriteContractMutate, type WriteContractMutateAsync, type WriteContractWithSessionKeyMutate, type WriteContractWithSessionKeyMutateAsync, useAccount, useAddOwner, useAddSessionKey, useAddWhitelistDestination, useCancelRecoveryRequest, useConnect, useCreateNewSigner, useDisconnect, useGenerateQRCodeUrl, useGetEnrichedOwners, useGetGasPrice, useGetOwners, useGetRecoveryRequest, useGetSessionFromAddress, useIsAddressWhitelistDestination, useIsRecoveryActive, useRemoveOwner, useRemoveWhitelistDestination, useRetrieveAccountAddressFromPasskeyId, useRetrieveAccountAddressFromPasskeys, useRevokeSessionKey, useSendTransaction, useSendTransactionWithSessionKey, useSerializeUrlWithSignerPayload, useSetUpRecovery, useSignMessage, useSwitchChain, useValidateAddDevice, useVerifyMessage, useWriteContract, useWriteContractWithSessionKey };

package/dist/index.d.ts

@@ -41,10 +41,18 @@ type Override<TTargetA, TTargetB> = {
 
 declare function useMutation<TData = unknown, TError = y, TVariables = void, TContext = unknown>(options: UseMutationOptions<TData, TError, TVariables, TContext>, queryClient?: b): UseMutationResult<TData, TError, TVariables, TContext>;
 
-type ConnectConfig = createSafeSmartAccountParameters<ENTRYPOINT_ADDRESS_V07_TYPE> & {
-    bundlerUrl: string;
+type NetworkParams = {
+    chain?: Chain;
+    bundlerUrl?: string;
     paymasterUrl?: string;
 };
+type OmitConfig<T> = Omit<T, "chain" | "paymasterUrl" | "bundlerUrl"> & {
+    networksConfig: NetworkParams[];
+};
+type ConnectConfig = OmitConfig<createSafeSmartAccountParameters<ENTRYPOINT_ADDRESS_V07_TYPE> & {
+    bundlerUrl: string;
+    paymasterUrl?: string;
+}>;
 type ContextComethSmartAccountClient = ComethSmartAccountClient<SafeSmartAccount<ENTRYPOINT_ADDRESS_V07_TYPE, Transport, Chain>, Transport, Chain, ENTRYPOINT_ADDRESS_V07_TYPE>;
 declare const ConnectProvider: <TConfig extends ConnectConfig, TQueryClient extends b | undefined>({ children, config, queryClient, }: {
     children: ReactNode;
@@ -59,6 +67,8 @@ interface UseAccountResult {
     isConnected: boolean;
     isDisconnected: boolean;
     status: AccountStatus;
+    chain: Chain | undefined;
+    chainId: number | undefined;
 }
 declare const useAccount: () => UseAccountResult;
 
@@ -929,4 +939,15 @@ type UseCancelRecoveryRequestReturn = QueryResultType & {
  */
 declare function useCancelRecoveryRequest(): UseCancelRecoveryRequestReturn;
 
-export { ConnectProvider, type SendTransactionMutate, type SendTransactionMutateAsync, type SendTransactionWithSessionKeyMutate, type SendTransactionWithSessionKeyMutateAsync, type UseAddOwnerReturn, type UseAddSessionKeyReturn, type UseAddWhitelistDestinationReturn, type UseRemoveOwnerReturn, type UseRemoveWhitelistDestinationReturn, type UseRetrieveAccountAddressFromPasskeyOptions, type UseRevokeSessionKeyReturn, type VerifyMessageMutate, type VerifyMessageMutateAsync, type WriteContractMutate, type WriteContractMutateAsync, type WriteContractWithSessionKeyMutate, type WriteContractWithSessionKeyMutateAsync, useAccount, useAddOwner, useAddSessionKey, useAddWhitelistDestination, useCancelRecoveryRequest, useConnect, useCreateNewSigner, useDisconnect, useGenerateQRCodeUrl, useGetEnrichedOwners, useGetGasPrice, useGetOwners, useGetRecoveryRequest, useGetSessionFromAddress, useIsAddressWhitelistDestination, useIsRecoveryActive, useRemoveOwner, useRemoveWhitelistDestination, useRetrieveAccountAddressFromPasskeyId, useRetrieveAccountAddressFromPasskeys, useRevokeSessionKey, useSendTransaction, useSendTransactionWithSessionKey, useSerializeUrlWithSignerPayload, useSetUpRecovery, useSignMessage, useValidateAddDevice, useVerifyMessage, useWriteContract, useWriteContractWithSessionKey };
+declare const useSwitchChain: () => {
+    switchChain: (params: {
+        chain: Chain;
+    }) => void;
+    switchChainAsync: (params: {
+        chain: Chain;
+    }) => Promise<void>;
+    isPending: boolean;
+    error: Error | null;
+};
+
+export { ConnectProvider, type SendTransactionMutate, type SendTransactionMutateAsync, type SendTransactionWithSessionKeyMutate, type SendTransactionWithSessionKeyMutateAsync, type UseAddOwnerReturn, type UseAddSessionKeyReturn, type UseAddWhitelistDestinationReturn, type UseRemoveOwnerReturn, type UseRemoveWhitelistDestinationReturn, type UseRetrieveAccountAddressFromPasskeyOptions, type UseRevokeSessionKeyReturn, type VerifyMessageMutate, type VerifyMessageMutateAsync, type WriteContractMutate, type WriteContractMutateAsync, type WriteContractWithSessionKeyMutate, type WriteContractWithSessionKeyMutateAsync, useAccount, useAddOwner, useAddSessionKey, useAddWhitelistDestination, useCancelRecoveryRequest, useConnect, useCreateNewSigner, useDisconnect, useGenerateQRCodeUrl, useGetEnrichedOwners, useGetGasPrice, useGetOwners, useGetRecoveryRequest, useGetSessionFromAddress, useIsAddressWhitelistDestination, useIsRecoveryActive, useRemoveOwner, useRemoveWhitelistDestination, useRetrieveAccountAddressFromPasskeyId, useRetrieveAccountAddressFromPasskeys, useRevokeSessionKey, useSendTransaction, useSendTransactionWithSessionKey, useSerializeUrlWithSignerPayload, useSetUpRecovery, useSignMessage, useSwitchChain, useValidateAddDevice, useVerifyMessage, useWriteContract, useWriteContractWithSessionKey };

package/dist/index.js

@@ -77,6 +77,7 @@ import React, {
   useEffect,
   useCallback
 } from "react";
+var CHAIN_STORAGE_KEY = "currentChain";
 var ConnectContext = createContext({
   queryClient: void 0,
   smartAccountClient: null,
@@ -84,7 +85,8 @@ var ConnectContext = createContext({
   updateSmartAccountClient: async () => {
   },
   disconnectSmartAccount: async () => {
-  }
+  },
+  networksConfig: void 0
 });
 var ConnectProvider = ({
   children,
@@ -95,9 +97,21 @@ var ConnectProvider = ({
   const [smartAccountAddress, setSmartAccountAddress] = useState(void 0);
   const updateSmartAccountClient = useCallback(
     async (params = {}) => {
+      const chain = params.chain ?? JSON.parse(localStorage.getItem(CHAIN_STORAGE_KEY) ?? "null") ?? config.networksConfig[0].chain;
+      const bundlerUrl = config.networksConfig.find(
+        (network) => network.chain?.id === chain.id
+      )?.bundlerUrl;
+      const paymasterUrl = config.networksConfig.find(
+        (network) => network.chain?.id === chain.id
+      )?.paymasterUrl;
+      if (!bundlerUrl || !paymasterUrl)
+        throw new Error("Bundler or paymaster url not found");
       try {
         const { client, address: newAddress } = await createSmartAccount({
           ...config,
+          chain,
+          bundlerUrl,
+          paymasterUrl,
           smartAccountAddress: params.address,
           comethSignerConfig: {
             ...config.comethSignerConfig,
@@ -106,6 +120,7 @@ var ConnectProvider = ({
         });
         setSmartAccountClient(client);
         setSmartAccountAddress(newAddress);
+        localStorage.setItem(CHAIN_STORAGE_KEY, JSON.stringify(chain));
       } catch (e) {
         console.log(e);
       }
@@ -115,6 +130,7 @@ var ConnectProvider = ({
   const disconnectSmartAccount = useCallback(async () => {
     setSmartAccountClient(null);
     setSmartAccountAddress(void 0);
+    localStorage.removeItem(CHAIN_STORAGE_KEY);
   }, []);
   useEffect(() => {
     if (config.smartAccountAddress) {
@@ -127,14 +143,16 @@ var ConnectProvider = ({
       smartAccountClient,
       smartAccountAddress,
       updateSmartAccountClient,
-      disconnectSmartAccount
+      disconnectSmartAccount,
+      networksConfig: config.networksConfig
     }),
     [
       queryClient,
       smartAccountClient,
       smartAccountAddress,
       updateSmartAccountClient,
-      disconnectSmartAccount
+      disconnectSmartAccount,
+      config.networksConfig
     ]
   );
   return /* @__PURE__ */ React.createElement(ConnectContext.Provider, { value }, children);
@@ -148,6 +166,13 @@ var useAccount = () => {
     throw new Error("useAccount must be used within a ConnectProvider");
   }
   const { smartAccountClient, smartAccountAddress } = context;
+  const { chain, chainId } = useMemo2(
+    () => ({
+      chain: smartAccountClient?.chain,
+      chainId: smartAccountClient?.chain?.id
+    }),
+    [smartAccountClient]
+  );
   const isConnected = useMemo2(
     () => !!smartAccountClient && !!smartAccountAddress,
     [smartAccountClient, smartAccountAddress]
@@ -160,7 +185,9 @@ var useAccount = () => {
     smartAccountClient,
     isConnected,
     isDisconnected: !isConnected,
-    status
+    status,
+    chain,
+    chainId
   };
 };
 
@@ -2152,6 +2179,89 @@ function useCancelRecoveryRequest() {
     data: result.data
   };
 }
+
+// src/hooks/useSwitchChain.ts
+import { useCallback as useCallback8, useContext as useContext8, useState as useState9 } from "react";
+import { useAccount as useAccount2 } from "wagmi";
+var useSwitchChain = () => {
+  const { address } = useAccount2();
+  const context = useContext8(ConnectContext);
+  if (context === void 0) {
+    throw new Error("useSwitchChain must be used within a ConnectProvider");
+  }
+  const {
+    queryClient,
+    smartAccountClient,
+    updateSmartAccountClient,
+    networksConfig
+  } = context;
+  const [isPending, setIsPending] = useState9(false);
+  const [error, setError] = useState9(null);
+  const switchChainInternal = useCallback8(
+    async (params) => {
+      const { chain } = params;
+      if (!networksConfig) {
+        throw new Error("No current configuration found");
+      }
+      try {
+        await updateSmartAccountClient({
+          address: smartAccountClient?.account.address,
+          chain
+        });
+        queryClient?.invalidateQueries({
+          queryKey: ["switchChain"]
+        });
+      } catch (e) {
+        throw e instanceof Error ? e : new Error("An error occurred while switching chain");
+      }
+    },
+    [
+      smartAccountClient,
+      updateSmartAccountClient,
+      queryClient,
+      networksConfig
+    ]
+  );
+  const switchChain = useCallback8(
+    (params) => {
+      if (!address) throw new Error("No connected wallet");
+      setIsPending(true);
+      setError(null);
+      switchChainInternal(params).catch((e) => {
+        const err = e instanceof Error ? e : new Error(
+          "An error occurred while switching chain"
+        );
+        setError(err);
+      }).finally(() => {
+        setIsPending(false);
+      });
+    },
+    [switchChainInternal]
+  );
+  const switchChainAsync = useCallback8(
+    async (params) => {
+      if (!address) throw new Error("No connected wallet");
+      setIsPending(true);
+      setError(null);
+      try {
+        await switchChainInternal(params);
+      } catch (e) {
+        const err = e instanceof Error ? e : new Error("An error occurred while switching chain");
+        setError(err);
+        throw err;
+      } finally {
+        setIsPending(false);
+      }
+    },
+    [switchChainInternal]
+  );
+  return {
+    switchChain,
+    switchChainAsync,
+    isPending,
+    error
+  };
+};
 export {
   ConnectProvider,
   useAccount,
@@ -2180,6 +2290,7 @@ export {
   useSerializeUrlWithSignerPayload,
   useSetUpRecovery,
   useSignMessage,
+  useSwitchChain,
   useValidateAddDevice,
   useVerifyMessage,
   useWriteContract,

package/package.json

@@ -7,7 +7,7 @@
       "url": "https://twitter.com/slovaye"
     }
   ],
-  "version": "0.0.9",
+  "version": "0.0.11-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": "^0.1.10",
+    "@cometh/connect-sdk-4337": "^0.1.11",
     "permissionless": "0.1.31"
   }
 }