@edgeandnode/graph-auth-kit 0.3.1 → 0.3.2

package/dist/Components/SwitchChain.d.ts

@@ -0,0 +1,7 @@
+import { type SupportedClientChains } from '../constants';
+export type SwitchChainProps<chains extends readonly [SupportedClientChains, ...SupportedClientChains[]]> = {
+    /** The chain to switch to. Must be one of the available chains in the registered config */
+    requestedChain: chains[number];
+};
+export declare function SwitchChain<const chains extends readonly [SupportedClientChains, ...SupportedClientChains[]]>(props: SwitchChainProps<chains>): import("react").JSX.Element | null;
+//# sourceMappingURL=SwitchChain.d.ts.map

package/dist/Components/SwitchChain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchChain.d.ts","sourceRoot":"","sources":["../../src/Components/SwitchChain.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAGzD,MAAM,MAAM,gBAAgB,CAAC,MAAM,SAAS,SAAS,CAAC,qBAAqB,EAAE,GAAG,qBAAqB,EAAE,CAAC,IAAI;IAC1G,2FAA2F;IAC3F,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;CAC/B,CAAA;AACD,wBAAgB,WAAW,CAAC,KAAK,CAAC,MAAM,SAAS,SAAS,CAAC,qBAAqB,EAAE,GAAG,qBAAqB,EAAE,CAAC,EAC3G,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,sCAgChC"}

package/dist/Components/index.d.ts

@@ -1,3 +1,4 @@
 export { Connected, type ConnectedProps } from './Connected';
 export { Disconnected, type DisconnectedProps } from './Disconnected';
+export { SwitchChain, type SwitchChainProps } from './SwitchChain';
 //# sourceMappingURL=index.d.ts.map

package/dist/Components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/index.js

@@ -8,11 +8,13 @@ import { j as j2, A, D, g as g2, h as h2, L, e, M, a as a2, S, k as k2, l as l2,
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
 import { encodeFunctionData, getAddress } from "viem";
-import { useChainId, useConnectorClient, useAccount, useWalletClient, useConfig } from "wagmi";
+import { useChainId, useConnectorClient, useAccount, useWalletClient, useConfig, useSwitchChain } from "wagmi";
 import { writeContractMutationOptions } from "wagmi/query";
 import { VoidSigner } from "@ethersproject/abstract-signer";
 import { OperationType } from "@safe-global/safe-core-sdk-types";
 import { utils, BigNumber } from "ethers";
+import { jsx, jsxs } from "@theme-ui/core/jsx-runtime";
+import { Alert, ExperimentalButton } from "@edgeandnode/gds";
 const createLibAddress = "0x7cbB62EaA69F79e6873cD1ecB2392971036cFAa4";
 const createLibInterface = new utils.Interface([
   {
@@ -429,6 +431,39 @@ function Disconnected({ children }) {
   }
   return null;
 }
+function SwitchChain(props) {
+  const account = useGraphAuthKitAccount();
+  const { switchChain, error } = useSwitchChain();
+  if (account.connector == null || account.chainId === props.requestedChain.id) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Alert,
+    {
+      severity: "warning",
+      title: `Switch to ${props.requestedChain.name} network`,
+      description: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-p16", children: [
+          "You need to be connected to the ",
+          props.requestedChain.name,
+          " network to perform this action."
+        ] }),
+        error != null ? /* @__PURE__ */ jsx("p", { className: "text-c14 normal-case text-red/88", children: error.message }) : null
+      ] }),
+      PrimaryCTA: /* @__PURE__ */ jsxs(
+        ExperimentalButton,
+        {
+          variant: "secondary",
+          onClick: () => switchChain({ chainId: props.requestedChain.id, connector: account.connector }),
+          children: [
+            "Switch to ",
+            props.requestedChain.name
+          ]
+        }
+      )
+    }
+  );
+}
 export {
   j2 as AUTH_STORAGE_KEY,
   A as ApiKitUrlMap,
@@ -452,6 +487,7 @@ export {
   S as SafeSupportedNetworks,
   k2 as SupportedClientChainId,
   l2 as SupportedClientChains,
+  SwitchChain,
   b as buildClient,
   f as buildInfuraHttpTransport,
   g as buildPublicClient,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edgeandnode/graph-auth-kit",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": false,
   "description": "Wallet authentication connect kit in The Graph suite of applications",
   "author": "Edge & Node",
@@ -69,10 +69,10 @@
     "ts-node": "^10.9.2",
     "viem": "2.19.3",
     "wagmi": "2.12.5",
-    "@edgeandnode/test-utils": "^2.0.0",
-    "@edgeandnode/go": "^6.42.0",
+    "@edgeandnode/common": "^6.18.0",
     "@edgeandnode/gds": "^5.27.0",
-    "@edgeandnode/common": "^6.18.0"
+    "@edgeandnode/go": "^6.42.0",
+    "@edgeandnode/test-utils": "^2.0.0"
   },
   "dependencies": {
     "zod": "^3.23.8"