wagmi 0.4.6 → 0.4.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,10 @@
1
- import { ConnectArgs, ConnectResult } from '@wagmi/core';
1
+ import { ConnectArgs, ConnectResult, Connector } from '@wagmi/core';
2
2
  import { UseMutationOptions } from 'react-query';
3
3
  export declare type UseConnectArgs = Partial<ConnectArgs>;
4
4
  declare type MutationOptions = UseMutationOptions<ConnectResult, Error, ConnectArgs>;
5
5
  export declare type UseConnectConfig = {
6
+ /** Chain to connect */
7
+ chainId?: number;
6
8
  /**
7
9
  * Function to invoke before connect and is passed same variables connect function would receive.
8
10
  * Value returned from this function will be passed to both onError and onSettled functions in event of a mutation failure.
@@ -16,14 +18,15 @@ export declare type UseConnectConfig = {
16
18
  onSettled?: MutationOptions['onSettled'];
17
19
  };
18
20
  export declare const mutationKey: (args: UseConnectArgs) => {
19
- connector?: import("@wagmi/core").Connector<any, any> | undefined;
21
+ chainId?: number | undefined;
22
+ connector?: Connector<any, any> | undefined;
20
23
  entity: string;
21
24
  }[];
22
- export declare function useConnect({ connector, onBeforeConnect, onConnect, onError, onSettled, }?: UseConnectArgs & UseConnectConfig): {
23
- readonly activeConnector: import("@wagmi/core").Connector<any, any> | undefined;
24
- readonly connect: (connector_?: import("@wagmi/core").Connector<any, any> | undefined) => void;
25
- readonly connectAsync: (connector_?: import("@wagmi/core").Connector<any, any> | undefined) => Promise<ConnectResult<import("@ethersproject/providers").BaseProvider>>;
26
- readonly connectors: import("@wagmi/core").Connector<any, any>[];
25
+ export declare function useConnect({ chainId, connector, onBeforeConnect, onConnect, onError, onSettled, }?: UseConnectArgs & UseConnectConfig): {
26
+ readonly activeConnector: Connector<any, any> | undefined;
27
+ readonly connect: (connectorOrArgs?: Connector<any, any> | Partial<ConnectArgs> | undefined) => void;
28
+ readonly connectAsync: (connectorOrArgs?: Connector<any, any> | Partial<ConnectArgs> | undefined) => Promise<ConnectResult<import("@ethersproject/providers").BaseProvider>>;
29
+ readonly connectors: Connector<any, any>[];
27
30
  readonly data: ConnectResult<import("@ethersproject/providers").BaseProvider> | undefined;
28
31
  readonly error: Error | null;
29
32
  readonly isConnected: boolean;
@@ -32,7 +35,7 @@ export declare function useConnect({ connector, onBeforeConnect, onConnect, onEr
32
35
  readonly isError: boolean;
33
36
  readonly isIdle: boolean;
34
37
  readonly isReconnecting: boolean;
35
- readonly pendingConnector: import("@wagmi/core").Connector<any, any> | undefined;
38
+ readonly pendingConnector: Connector<any, any> | undefined;
36
39
  readonly reset: () => void;
37
40
  readonly status: "error" | "connecting" | "connected" | "reconnecting" | "disconnected" | "idle";
38
41
  };
@@ -714,16 +714,19 @@ const mutationKey$6 = args => [{
714
714
 
715
715
  const mutationFn$5 = args => {
716
716
  const {
717
- connector
717
+ connector,
718
+ chainId
718
719
  } = args;
719
720
  if (!connector) throw new Error('connector is required');
720
721
  return core.connect({
721
- connector
722
+ connector,
723
+ chainId
722
724
  });
723
725
  };
724
726
 
725
727
  function useConnect() {
726
728
  let {
729
+ chainId,
727
730
  connector,
728
731
  onBeforeConnect,
729
732
  onConnect,
@@ -741,7 +744,8 @@ function useConnect() {
741
744
  status,
742
745
  variables
743
746
  } = reactQuery.useMutation(mutationKey$6({
744
- connector
747
+ connector,
748
+ chainId
745
749
  }), mutationFn$5, {
746
750
  onError,
747
751
  onMutate: onBeforeConnect,
@@ -759,12 +763,48 @@ function useConnect() {
759
763
  });
760
764
  return unsubscribe;
761
765
  }, [client, forceUpdate]);
762
- const connect = React__namespace.useCallback(connector_ => mutate({
763
- connector: connector_ !== null && connector_ !== void 0 ? connector_ : connector
764
- }), [connector, mutate]);
765
- const connectAsync = React__namespace.useCallback(connector_ => mutateAsync({
766
- connector: connector_ !== null && connector_ !== void 0 ? connector_ : connector
767
- }), [connector, mutateAsync]);
766
+ const connect = React__namespace.useCallback(connectorOrArgs => {
767
+ let config;
768
+
769
+ if (connectorOrArgs instanceof core.Connector) {
770
+ const connector_ = connectorOrArgs;
771
+ config = {
772
+ chainId,
773
+ connector: connector_ !== null && connector_ !== void 0 ? connector_ : connector
774
+ };
775
+ } else {
776
+ var _args$chainId, _args$connector;
777
+
778
+ const args = connectorOrArgs;
779
+ config = {
780
+ chainId: (_args$chainId = args === null || args === void 0 ? void 0 : args.chainId) !== null && _args$chainId !== void 0 ? _args$chainId : chainId,
781
+ connector: (_args$connector = args === null || args === void 0 ? void 0 : args.connector) !== null && _args$connector !== void 0 ? _args$connector : connector
782
+ };
783
+ }
784
+
785
+ return mutate(config);
786
+ }, [chainId, connector, mutate]);
787
+ const connectAsync = React__namespace.useCallback(connectorOrArgs => {
788
+ let config;
789
+
790
+ if (connectorOrArgs instanceof core.Connector) {
791
+ const connector_ = connectorOrArgs;
792
+ config = {
793
+ chainId,
794
+ connector: connector_ !== null && connector_ !== void 0 ? connector_ : connector
795
+ };
796
+ } else {
797
+ var _args$chainId2, _args$connector2;
798
+
799
+ const args = connectorOrArgs;
800
+ config = {
801
+ chainId: (_args$chainId2 = args === null || args === void 0 ? void 0 : args.chainId) !== null && _args$chainId2 !== void 0 ? _args$chainId2 : chainId,
802
+ connector: (_args$connector2 = args === null || args === void 0 ? void 0 : args.connector) !== null && _args$connector2 !== void 0 ? _args$connector2 : connector
803
+ };
804
+ }
805
+
806
+ return mutateAsync(config);
807
+ }, [chainId, connector, mutateAsync]);
768
808
  let status_;
769
809
  if (client.status === 'reconnecting') status_ = 'reconnecting';else if (status === 'loading' || client.status === 'connecting') status_ = 'connecting';else if (client.connector) status_ = 'connected';else if (!client.connector || status === 'success') status_ = 'disconnected';else status_ = status;
770
810
  return {
@@ -714,16 +714,19 @@ const mutationKey$6 = args => [{
714
714
 
715
715
  const mutationFn$5 = args => {
716
716
  const {
717
- connector
717
+ connector,
718
+ chainId
718
719
  } = args;
719
720
  if (!connector) throw new Error('connector is required');
720
721
  return core.connect({
721
- connector
722
+ connector,
723
+ chainId
722
724
  });
723
725
  };
724
726
 
725
727
  function useConnect() {
726
728
  let {
729
+ chainId,
727
730
  connector,
728
731
  onBeforeConnect,
729
732
  onConnect,
@@ -741,7 +744,8 @@ function useConnect() {
741
744
  status,
742
745
  variables
743
746
  } = reactQuery.useMutation(mutationKey$6({
744
- connector
747
+ connector,
748
+ chainId
745
749
  }), mutationFn$5, {
746
750
  onError,
747
751
  onMutate: onBeforeConnect,
@@ -759,12 +763,48 @@ function useConnect() {
759
763
  });
760
764
  return unsubscribe;
761
765
  }, [client, forceUpdate]);
762
- const connect = React__namespace.useCallback(connector_ => mutate({
763
- connector: connector_ !== null && connector_ !== void 0 ? connector_ : connector
764
- }), [connector, mutate]);
765
- const connectAsync = React__namespace.useCallback(connector_ => mutateAsync({
766
- connector: connector_ !== null && connector_ !== void 0 ? connector_ : connector
767
- }), [connector, mutateAsync]);
766
+ const connect = React__namespace.useCallback(connectorOrArgs => {
767
+ let config;
768
+
769
+ if (connectorOrArgs instanceof core.Connector) {
770
+ const connector_ = connectorOrArgs;
771
+ config = {
772
+ chainId,
773
+ connector: connector_ !== null && connector_ !== void 0 ? connector_ : connector
774
+ };
775
+ } else {
776
+ var _args$chainId, _args$connector;
777
+
778
+ const args = connectorOrArgs;
779
+ config = {
780
+ chainId: (_args$chainId = args === null || args === void 0 ? void 0 : args.chainId) !== null && _args$chainId !== void 0 ? _args$chainId : chainId,
781
+ connector: (_args$connector = args === null || args === void 0 ? void 0 : args.connector) !== null && _args$connector !== void 0 ? _args$connector : connector
782
+ };
783
+ }
784
+
785
+ return mutate(config);
786
+ }, [chainId, connector, mutate]);
787
+ const connectAsync = React__namespace.useCallback(connectorOrArgs => {
788
+ let config;
789
+
790
+ if (connectorOrArgs instanceof core.Connector) {
791
+ const connector_ = connectorOrArgs;
792
+ config = {
793
+ chainId,
794
+ connector: connector_ !== null && connector_ !== void 0 ? connector_ : connector
795
+ };
796
+ } else {
797
+ var _args$chainId2, _args$connector2;
798
+
799
+ const args = connectorOrArgs;
800
+ config = {
801
+ chainId: (_args$chainId2 = args === null || args === void 0 ? void 0 : args.chainId) !== null && _args$chainId2 !== void 0 ? _args$chainId2 : chainId,
802
+ connector: (_args$connector2 = args === null || args === void 0 ? void 0 : args.connector) !== null && _args$connector2 !== void 0 ? _args$connector2 : connector
803
+ };
804
+ }
805
+
806
+ return mutateAsync(config);
807
+ }, [chainId, connector, mutateAsync]);
768
808
  let status_;
769
809
  if (client.status === 'reconnecting') status_ = 'reconnecting';else if (status === 'loading' || client.status === 'connecting') status_ = 'connecting';else if (client.connector) status_ = 'connected';else if (!client.connector || status === 'success') status_ = 'disconnected';else status_ = status;
770
810
  return {
package/dist/wagmi.esm.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { createClient as createClient$1, getProvider, watchProvider, getWebSocketProvider, watchWebSocketProvider, watchAccount, getAccount, fetchBlockNumber, fetchFeeData, fetchBalance, connect, disconnect, getNetwork, watchNetwork, switchNetwork, watchSigner, fetchSigner, signMessage, signTypedData, getContract, watchReadContract, readContract, writeContract, fetchToken, fetchEnsAddress, fetchEnsAvatar, fetchEnsName, fetchEnsResolver, sendTransaction, waitForTransaction } from '@wagmi/core';
2
+ import { createClient as createClient$1, getProvider, watchProvider, getWebSocketProvider, watchWebSocketProvider, watchAccount, getAccount, fetchBlockNumber, fetchFeeData, fetchBalance, Connector, connect, disconnect, getNetwork, watchNetwork, switchNetwork, watchSigner, fetchSigner, signMessage, signTypedData, getContract, watchReadContract, readContract, writeContract, fetchToken, fetchEnsAddress, fetchEnsAvatar, fetchEnsName, fetchEnsResolver, sendTransaction, waitForTransaction } from '@wagmi/core';
3
3
  export { AddChainError, ChainNotConfiguredError, Client, Connector, ConnectorAlreadyConnectedError, ConnectorNotFoundError, ProviderRpcError, ResourceUnavailableError, RpcError, SwitchChainError, SwitchChainNotSupportedError, UserRejectedRequestError, alchemyRpcUrls, allChains, chain, chainId, configureChains, createStorage, defaultChains, defaultL2Chains, erc20ABI, erc721ABI, etherscanBlockExplorers, infuraRpcUrls } from '@wagmi/core';
4
4
  import { QueryClient, QueryClientProvider, useQueryClient, useIsRestoring, useQueryErrorResetBoundary, notifyManager, QueryObserver, useMutation } from 'react-query';
5
5
  import { persistQueryClient } from 'react-query/persistQueryClient';
@@ -691,16 +691,19 @@ const mutationKey$6 = args => [{
691
691
 
692
692
  const mutationFn$5 = args => {
693
693
  const {
694
- connector
694
+ connector,
695
+ chainId
695
696
  } = args;
696
697
  if (!connector) throw new Error('connector is required');
697
698
  return connect({
698
- connector
699
+ connector,
700
+ chainId
699
701
  });
700
702
  };
701
703
 
702
704
  function useConnect() {
703
705
  let {
706
+ chainId,
704
707
  connector,
705
708
  onBeforeConnect,
706
709
  onConnect,
@@ -718,7 +721,8 @@ function useConnect() {
718
721
  status,
719
722
  variables
720
723
  } = useMutation(mutationKey$6({
721
- connector
724
+ connector,
725
+ chainId
722
726
  }), mutationFn$5, {
723
727
  onError,
724
728
  onMutate: onBeforeConnect,
@@ -736,12 +740,48 @@ function useConnect() {
736
740
  });
737
741
  return unsubscribe;
738
742
  }, [client, forceUpdate]);
739
- const connect = React.useCallback(connector_ => mutate({
740
- connector: connector_ !== null && connector_ !== void 0 ? connector_ : connector
741
- }), [connector, mutate]);
742
- const connectAsync = React.useCallback(connector_ => mutateAsync({
743
- connector: connector_ !== null && connector_ !== void 0 ? connector_ : connector
744
- }), [connector, mutateAsync]);
743
+ const connect = React.useCallback(connectorOrArgs => {
744
+ let config;
745
+
746
+ if (connectorOrArgs instanceof Connector) {
747
+ const connector_ = connectorOrArgs;
748
+ config = {
749
+ chainId,
750
+ connector: connector_ !== null && connector_ !== void 0 ? connector_ : connector
751
+ };
752
+ } else {
753
+ var _args$chainId, _args$connector;
754
+
755
+ const args = connectorOrArgs;
756
+ config = {
757
+ chainId: (_args$chainId = args === null || args === void 0 ? void 0 : args.chainId) !== null && _args$chainId !== void 0 ? _args$chainId : chainId,
758
+ connector: (_args$connector = args === null || args === void 0 ? void 0 : args.connector) !== null && _args$connector !== void 0 ? _args$connector : connector
759
+ };
760
+ }
761
+
762
+ return mutate(config);
763
+ }, [chainId, connector, mutate]);
764
+ const connectAsync = React.useCallback(connectorOrArgs => {
765
+ let config;
766
+
767
+ if (connectorOrArgs instanceof Connector) {
768
+ const connector_ = connectorOrArgs;
769
+ config = {
770
+ chainId,
771
+ connector: connector_ !== null && connector_ !== void 0 ? connector_ : connector
772
+ };
773
+ } else {
774
+ var _args$chainId2, _args$connector2;
775
+
776
+ const args = connectorOrArgs;
777
+ config = {
778
+ chainId: (_args$chainId2 = args === null || args === void 0 ? void 0 : args.chainId) !== null && _args$chainId2 !== void 0 ? _args$chainId2 : chainId,
779
+ connector: (_args$connector2 = args === null || args === void 0 ? void 0 : args.connector) !== null && _args$connector2 !== void 0 ? _args$connector2 : connector
780
+ };
781
+ }
782
+
783
+ return mutateAsync(config);
784
+ }, [chainId, connector, mutateAsync]);
745
785
  let status_;
746
786
  if (client.status === 'reconnecting') status_ = 'reconnecting';else if (status === 'loading' || client.status === 'connecting') status_ = 'connecting';else if (client.connector) status_ = 'connected';else if (!client.connector || status === 'success') status_ = 'disconnected';else status_ = status;
747
787
  return {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "wagmi",
3
3
  "description": "React Hooks for Ethereum",
4
4
  "license": "WAGMIT",
5
- "version": "0.4.6",
5
+ "version": "0.4.7",
6
6
  "repository": "tmm/wagmi",
7
7
  "author": "awkweb.eth",
8
8
  "homepage": "https://wagmi.sh",
@@ -89,7 +89,7 @@
89
89
  },
90
90
  "dependencies": {
91
91
  "@coinbase/wallet-sdk": "^3.1.0",
92
- "@wagmi/core": "^0.3.5",
92
+ "@wagmi/core": "^0.3.6",
93
93
  "@walletconnect/ethereum-provider": "^1.7.8",
94
94
  "react-query": "^4.0.0-beta.19",
95
95
  "use-sync-external-store": "^1.1.0"