@edgeandnode/graph-auth-kit 0.3.1 → 0.4.0

package/dist/Components/Connected.d.ts

@@ -1,10 +1,13 @@
 import { type ReactNode } from 'react';
 import { type UseGraphAuthKitAccountReturnType } from '../hooks';
+import { type GraphAuthKitConnector } from '../types';
+export type ConnectedAccountReturn = Readonly<{
+    address: NonNullable<UseGraphAuthKitAccountReturnType['address']>;
+    chain: NonNullable<UseGraphAuthKitAccountReturnType['chain']>;
+    connector: GraphAuthKitConnector;
+}>;
 export type ConnectedProps = {
-    children(account: {
-        address: NonNullable<UseGraphAuthKitAccountReturnType['address']>;
-        chain: NonNullable<UseGraphAuthKitAccountReturnType['chain']>;
-    }): ReactNode;
+    children(account: ConnectedAccountReturn): ReactNode;
 };
 /**
  * Utility component that only renders the passed in children if the user is authenticated.

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

@@ -1 +1 @@
-{"version":3,"file":"Connected.d.ts","sourceRoot":"","sources":["../../src/Components/Connected.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAA0B,KAAK,gCAAgC,EAAE,MAAM,UAAU,CAAA;AAExF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,OAAO,EAAE;QAChB,OAAO,EAAE,WAAW,CAAC,gCAAgC,CAAC,SAAS,CAAC,CAAC,CAAA;QACjE,KAAK,EAAE,WAAW,CAAC,gCAAgC,CAAC,OAAO,CAAC,CAAC,CAAA;KAC9D,GAAG,SAAS,CAAA;CACd,CAAA;AACD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,aAWrD"}
+{"version":3,"file":"Connected.d.ts","sourceRoot":"","sources":["../../src/Components/Connected.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAA0B,KAAK,gCAAgC,EAA4B,MAAM,UAAU,CAAA;AAClH,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAErD,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,OAAO,EAAE,WAAW,CAAC,gCAAgC,CAAC,SAAS,CAAC,CAAC,CAAA;IACjE,KAAK,EAAE,WAAW,CAAC,gCAAgC,CAAC,OAAO,CAAC,CAAC,CAAA;IAC7D,SAAS,EAAE,qBAAqB,CAAA;CACjC,CAAC,CAAA;AACF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,OAAO,EAAE,sBAAsB,GAAG,SAAS,CAAA;CACrD,CAAA;AACD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,aAarD"}

package/dist/Components/ConnectorOption.d.ts

@@ -1,13 +1,7 @@
-import { type ElementType, type ReactNode } from 'react';
-import { type GraphAuthKitConnector } from '../types';
-export type ConnectorOptionProps = {
-    connector: GraphAuthKitConnector;
-    title: ReactNode;
+import { type GraphAuthKitConnectorOpt } from '../types';
+export type ConnectorOptionProps = GraphAuthKitConnectorOpt & {
     selected?: boolean;
     disabled?: boolean;
-    description?: ReactNode;
-    Image: ElementType;
-    onClick(): void;
 };
 export declare function ConnectorOption(props: ConnectorOptionProps): import("react").JSX.Element;
 //# sourceMappingURL=ConnectorOption.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectorOption.d.ts","sourceRoot":"","sources":["../../src/Components/ConnectorOption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAErD,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,qBAAqB,CAAA;IAChC,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,KAAK,EAAE,WAAW,CAAA;IAClB,OAAO,IAAI,IAAI,CAAA;CAChB,CAAA;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAqB1D"}
+{"version":3,"file":"ConnectorOption.d.ts","sourceRoot":"","sources":["../../src/Components/ConnectorOption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAExD,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GAAG;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAiB1D"}

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

@@ -1 +1 @@
-{"version":3,"file":"MultisigSignerOptions.d.ts","sourceRoot":"","sources":["../../src/Components/MultisigSignerOptions.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,qBAAqB,gCAuHpC"}
+{"version":3,"file":"MultisigSignerOptions.d.ts","sourceRoot":"","sources":["../../src/Components/MultisigSignerOptions.tsx"],"names":[],"mappings":"AAYA,wBAAgB,qBAAqB,gCAuHpC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PrimaryConnectOptions.d.ts","sourceRoot":"","sources":["../../src/Components/PrimaryConnectOptions.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,qBAAqB,gCAiDpC"}
+{"version":3,"file":"PrimaryConnectOptions.d.ts","sourceRoot":"","sources":["../../src/Components/PrimaryConnectOptions.tsx"],"names":[],"mappings":"AASA,wBAAgB,qBAAqB,gCA6CpC"}

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 { Connected, type ConnectedAccountReturn, 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,sBAAsB,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AACzF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/{GraphAuthKit.context-B7OJAuEY.js → GraphAuthKit.context-BHUGruS-.js}

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "@theme-ui/core/jsx-runtime";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { createContext, useContext, useRef, useState, useReducer, useEffect } from "react";
 import { useConfig, useConnect, useDisconnect, useAccountEffect, createConfig, createStorage, cookieStorage, cookieToInitialState, WagmiProvider } from "wagmi";
-import { coinbaseWallet, injected, walletConnect } from "wagmi/connectors";
+import { injected, coinbaseWallet, walletConnect } from "wagmi/connectors";
 import { Icon, ExperimentalButton, Alert, Divider, Link, ExperimentalSelect, ExperimentalInput, List, ExperimentalModal, ExperimentalLoadingIndicator } from "@edgeandnode/gds";
 import { http, createPublicClient, createClient, isAddress } from "viem";
 import { z } from "zod";
@@ -24,11 +24,11 @@ const GraphAuthKitProps = RequiredInfuraKey.merge(RequiredWalletConnectProjectId
   chains: z.union([z.literal("ALL"), z.literal("MAINNET"), z.literal("TESTNET")]).default("ALL").readonly()
 });
 const GraphAuthKitConnector = z.union([
-  z.literal(coinbaseWallet.type),
   z.literal(injected.type),
-  z.literal("multisig"),
-  z.literal(walletConnect.type)
-]).readonly();
+  z.literal(coinbaseWallet.type),
+  z.literal(walletConnect.type),
+  z.literal("multisig")
+]);
 RequiredInfuraKey.extend({
   chain: SupportedClientChainId.optional().nullable().default(DefChain.id)
 });
@@ -125,14 +125,13 @@ function useGraphAuthKitInnerContext() {
 }
 function GraphAuthKitInnerContextProvider({ infuraKey, children }) {
   const config = useConfig();
-  const { connect, connectors } = useConnect();
+  const { connect } = useConnect();
   const { disconnectAsync } = useDisconnect();
   const firstConnectCheckRef = useRef();
   const [_connectModalOpen, setConnectModalOpen] = useState(false);
   const [_modalTitle, setModalTitle] = useState();
   const [_modalSubtitle, setModalSubtitle] = useState();
   const [_authenticating, setAuthenticating] = useState(false);
-  const [_connector, setConnector] = useState();
   const [_connectFailureMessage, setConnectFailureMessage] = useState();
   const [_modalState, setModalState] = useState("primary");
   const [_enteredMultisigInfo, setEnteredMultisigInfo] = useState();
@@ -146,13 +145,9 @@ function GraphAuthKitInnerContextProvider({ infuraKey, children }) {
             typeof multisigCookie === "string" ? JSON.parse(multisigCookie) : multisigCookie
           );
           if (parsedMultisigSchema.success && isAddress(parsedMultisigSchema.data.address)) {
+            console.log("useAccountEffect.onConnect(). multisig saved in cookie.");
             setEnteredMultisigInfo(parsedMultisigSchema.data);
-            setConnector("multisig");
           }
-        } else {
-          const parsedConnector = GraphAuthKitConnector.safeParse(data.connector.type);
-          const connector = parsedConnector.success ? parsedConnector.data : "injected";
-          setConnector(connector);
         }
         firstConnectCheckRef.current = true;
       }
@@ -160,18 +155,15 @@ function GraphAuthKitInnerContextProvider({ infuraKey, children }) {
   });
   const _connect = async (connector) => {
     setAuthenticating(true);
-    setConnector(void 0);
     setConnectFailureMessage(void 0);
-    const conn = connectors.find((c) => c.type === connector) ?? injected();
     connect(
-      { connector: conn },
+      { connector },
       {
         onSuccess() {
-          setConnector(connector);
+          setEnteredMultisigInfo(void 0);
           setConnectModalOpen(false);
           setModalTitle("Connect your wallet");
           setModalSubtitle(void 0);
-          setEnteredMultisigInfo(void 0);
           setModalState("primary");
         },
         onError(err) {
@@ -189,16 +181,14 @@ function GraphAuthKitInnerContextProvider({ infuraKey, children }) {
   };
   const _connectMultisig = async (params) => {
     setAuthenticating(true);
-    setConnector(void 0);
     setConnectFailureMessage(void 0);
-    const conn = connectors.find((c) => c.type === params.connector) ?? injected();
     connect(
-      { connector: conn },
+      { connector: params.connector },
       {
         async onSuccess(data) {
           var _a;
           if (data.chainId !== params.network) {
-            await disconnectAsync({ connector: typeof conn === "function" ? void 0 : conn }).then(() => {
+            await disconnectAsync({ connector: params.connector }).then(() => {
               var _a2;
               void ((_a2 = config.storage) == null ? void 0 : _a2.removeItem(MULTISIG_AUTH_STORAGE_KEY));
               setConnectFailureMessage(MultisigErrorMap["INVALID_NETWORK"]);
@@ -217,15 +207,15 @@ function GraphAuthKitInnerContextProvider({ infuraKey, children }) {
             eoa
           });
           if (!eoaIsSafeOwner) {
-            await disconnectAsync({ connector: typeof conn === "function" ? void 0 : conn }).then(() => {
+            await disconnectAsync({ connector: params.connector }).then(() => {
               var _a2;
               void ((_a2 = config.storage) == null ? void 0 : _a2.removeItem(MULTISIG_AUTH_STORAGE_KEY));
               setConnectFailureMessage(MultisigErrorMap["INVALID_SIGNER"]);
             });
             return;
           }
-          setConnector("multisig");
           void ((_a = config.storage) == null ? void 0 : _a.setItem(MULTISIG_AUTH_STORAGE_KEY, _enteredMultisigInfo));
+          setEnteredMultisigInfo({ address: params.address, network: params.network, enteredSafeIsValid: true });
           setConnectModalOpen(false);
           setModalTitle("Connect your wallet");
           setModalSubtitle(void 0);
@@ -262,14 +252,12 @@ function GraphAuthKitInnerContextProvider({ infuraKey, children }) {
         _setSafeInfo: setEnteredMultisigInfo,
         _authenticating,
         _setAuthenticating: setAuthenticating,
-        _connector,
         _connectFailureMessage,
         _connect,
         _connectMultisig,
         _reset() {
           var _a;
           setAuthenticating(false);
-          setConnector(void 0);
           setConnectFailureMessage(void 0);
           setModalTitle("Connect your wallet");
           setModalSubtitle(void 0);
@@ -312,46 +300,116 @@ async function connectedWalletIsEoA(client, address) {
   const code = await client.getCode({ address });
   return code == null || code === "0x";
 }
+function usePrimaryConnectOptions() {
+  const { connectors } = useConfig();
+  const ctx = useGraphAuthKitInnerContext();
+  const configuredConnectors = connectors.filter((c) => c.type === injected.type && c.name !== "Injected" || c.type !== injected.type).reduce((map, curr) => {
+    const connector = GraphAuthKitConnector.safeParse(curr.type);
+    return {
+      ...map,
+      [curr.name]: {
+        id: curr.id,
+        title: curr.name,
+        connector: connector.success ? connector.data : curr.type,
+        installed: curr.type === injected.type,
+        Image: correctConnectOptionIcon(curr),
+        async onConnect() {
+          void ctx._connect(curr);
+        }
+      }
+    };
+  }, {});
+  return [
+    ...Object.values(configuredConnectors).sort((a, b) => {
+      if (a.installed === b.installed) {
+        return 0;
+      }
+      return a.installed ? -1 : 1;
+    }),
+    {
+      id: "multisig",
+      title: "Safe",
+      connector: "multisig",
+      installed: false,
+      Image: /* @__PURE__ */ jsx(Icon.LogoSafeColor, { size: "24px" }),
+      onConnect() {
+        ctx._setModalState("safe_entry");
+      }
+    }
+  ];
+}
+function useMultisigConnectOptions() {
+  const { connectors } = useConfig();
+  const ctx = useGraphAuthKitInnerContext();
+  const configuredConnectors = connectors.filter((c) => c.type === injected.type && c.name !== "Injected" || c.type !== injected.type).reduce((map, curr) => {
+    const connector = GraphAuthKitConnector.safeParse(curr.type);
+    return {
+      ...map,
+      [curr.name]: {
+        id: curr.id,
+        title: curr.name,
+        connector: connector.success ? connector.data : curr.type,
+        installed: curr.type === injected.type,
+        Image: correctConnectOptionIcon(curr),
+        async onConnect() {
+          var _a, _b;
+          void ctx._connectMultisig({
+            connector: curr,
+            address: ((_a = ctx._enteredMultisigInfo) == null ? void 0 : _a.address) || "0x",
+            network: ((_b = ctx._enteredMultisigInfo) == null ? void 0 : _b.network) || L2Chain.id
+          });
+        }
+      }
+    };
+  }, {});
+  return Object.values(configuredConnectors).sort((a, b) => {
+    if (a.installed === b.installed) {
+      return 0;
+    }
+    return a.installed ? -1 : 1;
+  });
+}
+function correctConnectOptionIcon(conn) {
+  if (conn.icon != null) {
+    return /* @__PURE__ */ jsx("img", { src: conn.icon, alt: conn.name, className: "size-6" });
+  }
+  switch (conn.type) {
+    case coinbaseWallet.type: {
+      return /* @__PURE__ */ jsx(Icon.LogoCoinbaseWallet, { size: "24px" });
+    }
+    case walletConnect.type: {
+      return /* @__PURE__ */ jsx(Icon.LogoWalletConnectColor, { size: "24px" });
+    }
+    default: {
+      return /* @__PURE__ */ jsx(Icon.LogoMetaMaskColor, { size: "24px" });
+    }
+  }
+}
 function ConnectorOption(props) {
   return /* @__PURE__ */ jsxs(
     "button",
     {
-      className: "flex w-full cursor-pointer items-center gap-x-2 rounded-4 border border-white/4 bg-white/4 p-4 text-white/48 hover:border-white/16 hover:bg-white/8 hover:text-white aria-selected:border-white/16 aria-selected:bg-white/8 aria-selected:text-white",
+      className: "flex w-full cursor-pointer items-center justify-between gap-x-2 rounded-4 border border-white/8 bg-white/4 p-3 text-white/48 hover:bg-white/8 hover:text-white aria-selected:border-purple aria-selected:text-white",
       style: {
         WebkitBackfaceVisibility: "hidden"
       },
-      onClick: props.onClick,
+      onClick: () => void props.onConnect(),
       disabled: props.disabled,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ jsx(props.Image, { size: "24px" }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx("h6", { className: "text-h16 whitespace-nowrap text-inherit", children: props.title }) }),
-          props.description ? /* @__PURE__ */ jsx("div", { className: "text-p14 flex text-white/48", children: props.description }) : null
-        ] })
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center", children: props.Image }),
+          /* @__PURE__ */ jsx("h6", { className: "text-h16 whitespace-nowrap text-inherit", children: props.title })
+        ] }),
+        props.installed ? /* @__PURE__ */ jsx("p", { className: "text-p12 text-white/48", children: "Installed" }) : null
       ]
     }
   );
 }
-const multisigConnectOptions = [
-  {
-    connector: "injected",
-    title: "MetaMask",
-    Image: Icon.LogoMetaMaskColor
-  },
-  {
-    connector: "walletConnect",
-    title: "WalletConnect",
-    Image: Icon.LogoWalletConnectColor
-  },
-  {
-    connector: "coinbaseWallet",
-    title: "Coinbase Wallet",
-    Image: Icon.LogoCoinbaseWallet
-  }
-];
 function MultisigSignerOptions() {
+  const config = useConfig();
   const authKit = useGraphAuthKit();
   const ctx = useGraphAuthKitInnerContext();
+  const multisigConnectOpts = useMultisigConnectOptions();
   const [selectedConnector, setSelectedConnector] = useState(null);
   if (ctx._enteredMultisigInfo == null || !ctx._enteredMultisigInfo.address) {
     return /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-y-24", children: [
@@ -398,24 +456,21 @@ function MultisigSignerOptions() {
           description: ctx._connectFailureMessage.description
         }
       ) : null,
-      /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-y-2", children: multisigConnectOptions.map((opt) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-y-2", children: multisigConnectOpts.map((opt) => /* @__PURE__ */ jsx(
         ConnectorOption,
         {
           ...opt,
-          selected: selectedConnector != null && selectedConnector === opt.connector,
-          onClick: () => {
-            if (ctx._enteredMultisigInfo == null || !isAddress(ctx._enteredMultisigInfo.address)) {
-              return;
+          disabled: ctx._authenticating,
+          selected: selectedConnector != null && selectedConnector.id === opt.id,
+          onConnect: () => {
+            const selected = config.connectors.find((c) => c.id === opt.id);
+            if (selected != null) {
+              setSelectedConnector(selected);
+              void opt.onConnect();
             }
-            setSelectedConnector(opt.connector);
-            void ctx._connectMultisig({
-              connector: opt.connector,
-              network: ctx._enteredMultisigInfo.network,
-              address: ctx._enteredMultisigInfo.address
-            });
           }
         },
-        opt.connector
+        opt.id
       )) })
     ] }),
     /* @__PURE__ */ jsx(Divider, {}),
@@ -447,30 +502,9 @@ function MultisigSignerOptions() {
     ] })
   ] });
 }
-const primaryConnectOptions = [
-  {
-    connector: "injected",
-    title: "MetaMask",
-    Image: Icon.LogoMetaMaskColor
-  },
-  {
-    connector: "walletConnect",
-    title: "WalletConnect",
-    Image: Icon.LogoWalletConnectColor
-  },
-  {
-    connector: "coinbaseWallet",
-    title: "Coinbase Wallet",
-    Image: Icon.LogoCoinbaseWallet
-  },
-  {
-    connector: "multisig",
-    title: "Safe",
-    Image: Icon.LogoSafeColor
-  }
-];
 function PrimaryConnectOptions() {
   const ctx = useGraphAuthKitInnerContext();
+  const primaryConnectOpts = usePrimaryConnectOptions();
   const [selectedConnector, setSelectedConnector] = useState(null);
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
@@ -485,22 +519,18 @@ function PrimaryConnectOptions() {
         description: ctx._connectFailureMessage.description
       }
     ) : null,
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: primaryConnectOptions.map((opt) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-y-2", children: primaryConnectOpts.map((opt) => /* @__PURE__ */ jsx(
       ConnectorOption,
       {
         ...opt,
         disabled: ctx._authenticating,
-        selected: selectedConnector != null && selectedConnector === opt.connector,
-        onClick: () => {
+        selected: selectedConnector != null && selectedConnector === opt.id,
+        onConnect: () => {
           setSelectedConnector(opt.connector);
-          if (opt.connector === "multisig") {
-            ctx._setModalState("safe_entry");
-          } else {
-            void ctx._connect(opt.connector);
-          }
+          void opt.onConnect();
         }
       },
-      opt.connector
+      opt.id
     )) }),
     /* @__PURE__ */ jsxs("p", { className: "text-p12 text-white/64", children: [
       "By connecting a wallet, you agree to The Graph's",
@@ -919,14 +949,14 @@ export {
   chainIsSupportedChain as c,
   defInnerState as d,
   clientToProvider as e,
-  buildInfuraHttpTransport as f,
-  buildPublicClient as g,
-  BuildClientArgs as h,
-  useGraphAuthKit as i,
-  GraphAuthKitProvider as j,
-  RequiredWalletConnectProjectId as k,
-  GraphAuthKitProps as l,
-  GraphAuthKitConnector as m,
+  GraphAuthKitConnector as f,
+  buildInfuraHttpTransport as g,
+  buildPublicClient as h,
+  BuildClientArgs as i,
+  useGraphAuthKit as j,
+  GraphAuthKitProvider as k,
+  RequiredWalletConnectProjectId as l,
+  GraphAuthKitProps as m,
   isChainL2 as n,
   isChainL1 as o,
   isChainMainnet as p,

package/dist/hooks.d.ts

@@ -2,7 +2,7 @@ import { type providers } from 'ethers';
 import { type Address, type Chain } from 'viem';
 import { type Config, type Connector, type ResolvedRegister, type UseAccountReturnType, type UseWalletClientReturnType, type UseWriteContractParameters, type UseWriteContractReturnType } from 'wagmi';
 import { SafeEthersSigner } from './safe/SafeEthersSigner';
-import { type GraphAuthKitConnector } from './types';
+import { GraphAuthKitConnector } from './types';
 /**
  * Hook to to convert a Viem Client to an ethers.js Signer:
  * - if a multisig wallet is connected return an instance of SafeEthersSigner

package/dist/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAEvC,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAc,MAAM,MAAM,CAAA;AAC3D,OAAO,EACL,KAAK,MAAM,EACX,KAAK,SAAS,EACd,KAAK,gBAAgB,EAErB,KAAK,oBAAoB,EAKzB,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAChC,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAI1D,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAGpD;;;;GAIG;AACH,wBAAgB,uBAAuB,2DAwBtC;AAED,wBAAgB,wBAAwB,IAAI,qBAAqB,GAAG,IAAI,CAIvE;AAED,MAAM,MAAM,gCAAgC,GAAG,oBAAoB,GACjE,QAAQ,CAAC;IACP,wGAAwG;IACxG,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACrB,CAAC,CAAA;AACJ;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,IAAI,gCAAgC,CAiCzE;AAED,MAAM,MAAM,wBAAwB,CAClC,MAAM,SAAS,MAAM,GAAG,MAAM,EAE9B,KAAK,GAAG,MAAM,SAAS,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,IAC9D;IACF,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,SAAS,CAAC,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC,CAAA;IAC3C,KAAK,EAAE,KAAK,GAAG,SAAS,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,SAAS,CAAA;CACrB,GAAG,QAAQ,CAAC;IACX,wGAAwG;IACxG,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACrB,CAAC,CAAA;AACF;;;;;GAKG;AACH,wBAAgB,cAAc,IAAI,wBAAwB,CAczD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,2BAA2B,IAAI,yBAAyB,CAgBvE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,4BAA4B,CAAC,MAAM,SAAS,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,EAChH,UAAU,GAAE,0BAA0B,CAAC,MAAM,EAAE,OAAO,CAAM,GAC3D,0BAA0B,CAAC,MAAM,EAAE,OAAO,CAAC,CA8B7C"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAEvC,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAc,MAAM,MAAM,CAAA;AAC3D,OAAO,EACL,KAAK,MAAM,EACX,KAAK,SAAS,EACd,KAAK,gBAAgB,EAErB,KAAK,oBAAoB,EAKzB,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAChC,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAG1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;GAIG;AACH,wBAAgB,uBAAuB,2DAuBtC;AAED,wBAAgB,wBAAwB,IAAI,qBAAqB,GAAG,IAAI,CAcvE;AAED,MAAM,MAAM,gCAAgC,GAAG,oBAAoB,GACjE,QAAQ,CAAC;IACP,wGAAwG;IACxG,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACrB,CAAC,CAAA;AACJ;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,IAAI,gCAAgC,CAiCzE;AAED,MAAM,MAAM,wBAAwB,CAClC,MAAM,SAAS,MAAM,GAAG,MAAM,EAE9B,KAAK,GAAG,MAAM,SAAS,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,IAC9D;IACF,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,SAAS,CAAC,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC,CAAA;IAC3C,KAAK,EAAE,KAAK,GAAG,SAAS,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,SAAS,CAAA;CACrB,GAAG,QAAQ,CAAC;IACX,wGAAwG;IACxG,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CACrB,CAAC,CAAA;AACF;;;;;GAKG;AACH,wBAAgB,cAAc,IAAI,wBAAwB,CAczD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,2BAA2B,IAAI,yBAAyB,CAgBvE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,4BAA4B,CAAC,MAAM,SAAS,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,EAChH,UAAU,GAAE,0BAA0B,CAAC,MAAM,EAAE,OAAO,CAAM,GAC3D,0BAA0B,CAAC,MAAM,EAAE,OAAO,CAAC,CA8B7C"}

package/dist/index.js

@@ -1,18 +1,20 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { u as useGraphAuthKitInnerContext, e as clientToProvider } from "./GraphAuthKit.context-B7OJAuEY.js";
-import { h, B, m, a, l, j, R, k, b, f, g, c, r, o, n, p, q, i } from "./GraphAuthKit.context-B7OJAuEY.js";
+import { u as useGraphAuthKitInnerContext, e as clientToProvider, f as GraphAuthKitConnector } from "./GraphAuthKit.context-BHUGruS-.js";
+import { i, B, a, m, k, R, l, b, g, h, c, r, o, n, p, q, j } from "./GraphAuthKit.context-BHUGruS-.js";
 import { b as createSafe, c as createApiKit } from "./utils-KuRu9vB-.js";
-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, f as f2, d, i as i2 } from "./utils-KuRu9vB-.js";
+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, f, d, i as i2 } from "./utils-KuRu9vB-.js";
 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([
   {
@@ -314,7 +316,7 @@ function useClientToEthersSigner() {
   return useMemo(() => {
     if (!client) return void 0;
     const provider = clientToProvider(client);
-    if (ctx._connector === "multisig" && ctx._enteredMultisigInfo != null) {
+    if (ctx._enteredMultisigInfo != null) {
       const safeAddress = getAddress(ctx._enteredMultisigInfo.address);
       const safeEthersSigner = new SafeEthersSigner(
         safeAddress,
@@ -324,18 +326,26 @@ function useClientToEthersSigner() {
       );
       return safeEthersSigner;
     }
-    const signer = provider.getSigner();
-    return signer;
-  }, [chainId, client, ctx._connector, ctx._enteredMultisigInfo]);
+    return provider.getSigner();
+  }, [chainId, client, ctx._enteredMultisigInfo]);
 }
 function useGraphAuthKitConnector() {
-  const { _connector } = useGraphAuthKitInnerContext();
-  return _connector || null;
+  var _a;
+  const account = useGraphAuthKitAccount();
+  const ctx = useGraphAuthKitInnerContext();
+  if (account.connector == null) {
+    return null;
+  }
+  if (((_a = ctx._enteredMultisigInfo) == null ? void 0 : _a.address) != null) {
+    return "multisig";
+  }
+  const parsed = GraphAuthKitConnector.safeParse(account.connector.type);
+  return parsed.success ? parsed.data : null;
 }
 function useGraphAuthKitAccount() {
   const data = useAccount();
   const ctx = useGraphAuthKitInnerContext();
-  if (data.address == null || !data.isConnected || ctx._connector == null) {
+  if (data.address == null || !data.isConnected || data.connector == null) {
     return {
       address: void 0,
       addresses: void 0,
@@ -350,7 +360,7 @@ function useGraphAuthKitAccount() {
       eoa: void 0
     };
   }
-  if (ctx._connector === "multisig" && ctx._enteredMultisigInfo != null) {
+  if (ctx._enteredMultisigInfo != null) {
     const address = getAddress(ctx._enteredMultisigInfo.address);
     const [, ...rest] = data.addresses ?? [];
     return {
@@ -383,7 +393,7 @@ function useGraphAuthKitWalletClient() {
   if (!walletClient.data) {
     return walletClient;
   }
-  if (ctx._connector === "multisig" && ctx._enteredMultisigInfo != null) {
+  if (ctx._enteredMultisigInfo != null) {
     const safeAddress = getAddress(ctx._enteredMultisigInfo.address);
     const safeWalletClient = walletClient.data.extend(safeViemActions(safeAddress, ctx._enteredMultisigInfo.network));
     return { ...walletClient, data: safeWalletClient };
@@ -414,12 +424,14 @@ function useGraphAuthKitWriteContract(parameters = {}) {
 }
 function Connected({ children }) {
   const account = useGraphAuthKitAccount();
-  if (account.address == null || account.chain == null) {
+  const connector = useGraphAuthKitConnector();
+  if (account.address == null || account.chain == null || connector == null) {
     return null;
   }
   return children({
     address: account.address,
-    chain: account.chain
+    chain: account.chain,
+    connector
   });
 }
 function Disconnected({ children }) {
@@ -429,38 +441,72 @@ 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,
-  h as BuildClientArgs,
+  i as BuildClientArgs,
   B as BuildPublicClientArgs,
   Connected,
   D as DefChain,
   Disconnected,
-  m as GraphAuthKitConnector,
+  GraphAuthKitConnector,
   a as GraphAuthKitContext,
-  l as GraphAuthKitProps,
-  j as GraphAuthKitProvider,
+  m as GraphAuthKitProps,
+  k as GraphAuthKitProvider,
   g2 as L1Chain,
   h2 as L1ChainTestnet,
   L as L2Chain,
   e as L2ChainTestnet,
   M as MULTISIG_AUTH_STORAGE_KEY,
   R as RequiredInfuraKey,
-  k as RequiredWalletConnectProjectId,
+  l as RequiredWalletConnectProjectId,
   a2 as SafeSupportedNetworkNames,
   S as SafeSupportedNetworks,
   k2 as SupportedClientChainId,
   l2 as SupportedClientChains,
+  SwitchChain,
   b as buildClient,
-  f as buildInfuraHttpTransport,
-  g as buildPublicClient,
+  g as buildInfuraHttpTransport,
+  h as buildPublicClient,
   c as chainIsSupportedChain,
   clientToProvider,
   r as connectedWalletIsEoA,
   createApiKit,
   createSafe,
-  f2 as fetchOwnedSafes,
+  f as fetchOwnedSafes,
   o as isChainL1,
   n as isChainL2,
   p as isChainMainnet,
@@ -469,7 +515,7 @@ export {
   i2 as isValidSafe,
   useAuthAccount,
   useClientToEthersSigner,
-  i as useGraphAuthKit,
+  j as useGraphAuthKit,
   useGraphAuthKitAccount,
   useGraphAuthKitConnector,
   useGraphAuthKitWalletClient,

package/dist/{GraphAuthKitInner.context.d.ts → inner/GraphAuthKitInner.context.d.ts}

@@ -1,9 +1,10 @@
 import { type Dispatch, type ReactNode } from 'react';
 import { type Address } from 'viem';
+import { type Connector } from 'wagmi';
 import { z } from 'zod';
-import { type SignerError } from './errors';
-import { SafeSupportedNetworks } from './safe';
-import { GraphAuthKitConnector, type RequiredInfuraKey } from './types';
+import { type SignerError } from '../errors';
+import { SafeSupportedNetworks } from '../safe';
+import { type RequiredInfuraKey } from '../types';
 export declare const GraphAuthKitModalState: readonly ["primary", "safe_entry", "safe_eoa_signer"];
 export type GraphAuthKitModalState = (typeof GraphAuthKitModalState)[number];
 export declare const MultisigSchema: z.ZodObject<{
@@ -58,18 +59,16 @@ export type GraphAuthKitInnerState = {
      */
     _authenticating: boolean;
     _setAuthenticating: Dispatch<boolean>;
-    /** The user-selected Wallet connector. */
-    _connector?: GraphAuthKitConnector;
     /** If the connection fails, display the error message */
     _connectFailureMessage?: SignerError;
     /** Takes the wallet connector the user selected in the modal and connects the user to the wagmi context */
-    _connect(connector: GraphAuthKitConnector): void | Promise<void>;
+    _connect(connector: Connector): void | Promise<void>;
     /**
      * If the user is connecting via a Safe multisig, take their EoA signer, connect it,
      * and connect the Safe instance to the wagmi context.
      */
     _connectMultisig(params: {
-        connector: GraphAuthKitConnector;
+        connector: Connector;
         network: SafeSupportedNetworks;
         address: Address;
     }): void | Promise<void>;

package/dist/inner/GraphAuthKitInner.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphAuthKitInner.context.d.ts","sourceRoot":"","sources":["../../src/inner/GraphAuthKitInner.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAA;AAClG,OAAO,EAAE,KAAK,OAAO,EAAa,MAAM,MAAM,CAAA;AAC9C,OAAO,EAAE,KAAK,SAAS,EAA0D,MAAM,OAAO,CAAA;AAC9F,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAIvB,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAC9D,OAAO,EAAe,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,eAAO,MAAM,sBAAsB,uDAAwD,CAAA;AAC3F,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE5E,eAAO,MAAM,cAAc;;;;;;;;;;;;EAMzB,CAAA;AACF,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,sBAAsB,GAAG;IACnC,6DAA6D;IAC7D,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC1C,kCAAkC;IAClC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,kCAAkC;IAClC,oBAAoB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACvC;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAA;IACtB,cAAc,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IACnC,2CAA2C;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,iBAAiB,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC,CAAA;IAClD;;;;;;OAMG;IACH,WAAW,EAAE,sBAAsB,CAAA;IACnC,wEAAwE;IACxE,cAAc,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAA;IAChD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,cAAc,CAAA;IACrC,YAAY,EAAE,QAAQ,CAAC,cAAc,GAAG,SAAS,CAAC,CAAA;IAClD;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACrC,yDAAyD;IACzD,sBAAsB,CAAC,EAAE,WAAW,CAAA;IACpC,2GAA2G;IAC3G,QAAQ,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpD;;;OAGG;IACH,gBAAgB,CAAC,MAAM,EAAE;QACvB,SAAS,EAAE,SAAS,CAAA;QACpB,OAAO,EAAE,qBAAqB,CAAA;QAC9B,OAAO,EAAE,OAAO,CAAA;KACjB,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACxB,+DAA+D;IAC/D,MAAM,IAAI,IAAI,CAAA;CACf,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAeiB,CAAA;AAC3C,eAAO,MAAM,wBAAwB,iDAAuD,CAAA;AAE5F;;;;;;GAMG;AACH,wBAAgB,2BAA2B,2BAE1C;AAED,MAAM,MAAM,qCAAqC,GAAG,QAAQ,CAAC;IAC3D,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACzC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAC,CAAA;AACF,wBAAgB,gCAAgC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,qCAAqC,+BAuL9G"}

package/dist/inner/hooks.d.ts

@@ -0,0 +1,13 @@
+import { type GraphAuthKitConnectorOpt } from '../types';
+/**
+ * Displays a list of the configured connectors for the user to choose to connect with.
+ * Includes:
+ * - the injected/installed wallets the user browser has (MetaMask, Rabby, Rainbow, etc)
+ * - Coinbase Wallet
+ * - WalletConnect
+ * - Safe -> we add this as it is not a configured connector due to how we handle multisig connections
+ * @returns a list of available wallet connections the user can choose from to connect
+ */
+export declare function usePrimaryConnectOptions(): readonly GraphAuthKitConnectorOpt[];
+export declare function useMultisigConnectOptions(): readonly GraphAuthKitConnectorOpt[];
+//# sourceMappingURL=hooks.d.ts.map

package/dist/inner/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/inner/hooks.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAyB,KAAK,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAI/E;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,wBAAwB,EAAE,CA8C9E;AAED,wBAAgB,yBAAyB,IAAI,SAAS,wBAAwB,EAAE,CAsC/E"}

package/dist/inner/index.d.ts

@@ -0,0 +1,3 @@
+export * from './GraphAuthKitInner.context';
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/inner/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,SAAS,CAAA"}

package/dist/test-harness/MockGraphAuthKit.context.d.ts

@@ -2,7 +2,7 @@ import { type ReactNode } from 'react';
 import { type Chain } from 'viem';
 import { type State } from 'wagmi';
 import { type MockParameters } from 'wagmi/connectors';
-import { type GraphAuthKitInnerState } from '../GraphAuthKitInner.context';
+import { type GraphAuthKitInnerState } from '../inner/GraphAuthKitInner.context';
 export type MockGraphAuthKitProviderProps<chains extends readonly [Chain, ...Chain[]] = readonly [Chain, ...Chain[]]> = {
     infuraKey: string;
     /**

package/dist/test-harness/MockGraphAuthKit.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MockGraphAuthKit.context.d.ts","sourceRoot":"","sources":["../../src/test-harness/MockGraphAuthKit.context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,MAAM,CAAA;AACjC,OAAO,EAKL,KAAK,KAAK,EAGX,MAAM,OAAO,CAAA;AACd,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAK5D,OAAO,EAGL,KAAK,sBAAsB,EAE5B,MAAM,8BAA8B,CAAA;AAGrC,MAAM,MAAM,6BAA6B,CAAC,MAAM,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,IAClH;IACE,SAAS,EAAE,MAAM,CAAA;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;IACrC;;;;;;OAMG;IACH,mBAAmB,EAAE,cAAc,CAAA;IAEnC;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAA;IAEtC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,+BAsC5E"}
+{"version":3,"file":"MockGraphAuthKit.context.d.ts","sourceRoot":"","sources":["../../src/test-harness/MockGraphAuthKit.context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,MAAM,CAAA;AACjC,OAAO,EAKL,KAAK,KAAK,EAGX,MAAM,OAAO,CAAA;AACd,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAK5D,OAAO,EAGL,KAAK,sBAAsB,EAE5B,MAAM,oCAAoC,CAAA;AAG3C,MAAM,MAAM,6BAA6B,CAAC,MAAM,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,IAClH;IACE,SAAS,EAAE,MAAM,CAAA;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;IACrC;;;;;;OAMG;IACH,mBAAmB,EAAE,cAAc,CAAA;IAEnC;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAA;IAEtC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,+BAsC5E"}

package/dist/test-harness/index.d.ts

@@ -1,2 +1,3 @@
 export * from './MockGraphAuthKit.context';
+export * from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/test-harness/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test-harness/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test-harness/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,SAAS,CAAA"}

package/dist/test-harness/index.js

@@ -1,9 +1,12 @@
 import { jsx } from "@theme-ui/core/jsx-runtime";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { createConfig, createStorage, cookieStorage, cookieToInitialState, WagmiProvider, useDisconnect } from "wagmi";
-import { mock } from "wagmi/connectors";
-import { c as chainIsSupportedChain, b as buildClient, G as GraphAuthKitInnerContext, d as defInnerState, u as useGraphAuthKitInnerContext, a as GraphAuthKitContext } from "../GraphAuthKit.context-B7OJAuEY.js";
-import { L as L2Chain, e as L2ChainTestnet, g as L1Chain, h as L1ChainTestnet, D as DefChain, j as AUTH_STORAGE_KEY } from "../utils-KuRu9vB-.js";
+import { mock, injected, coinbaseWallet, walletConnect } from "wagmi/connectors";
+import { c as chainIsSupportedChain, b as buildClient, G as GraphAuthKitInnerContext, d as defInnerState, u as useGraphAuthKitInnerContext, a as GraphAuthKitContext, R as RequiredInfuraKey } from "../GraphAuthKit.context-BHUGruS-.js";
+import { L as L2Chain, e as L2ChainTestnet, g as L1Chain, h as L1ChainTestnet, D as DefChain, j as AUTH_STORAGE_KEY, k as SupportedClientChainId, S as SafeSupportedNetworks } from "../utils-KuRu9vB-.js";
+import { isAddress } from "viem";
+import { generatePrivateKey, privateKeyToAccount } from "viem/accounts";
+import { z } from "zod";
 function MockGraphAuthKitProvider(props) {
   const mockConfig = createConfig({
     chains: [L2Chain, L2ChainTestnet, L1Chain, L1ChainTestnet],
@@ -58,6 +61,195 @@ function MockGraphAuthKitContent({ children }) {
     }
   );
 }
+z.union([
+  RequiredInfuraKey.extend({ status: z.literal("disconnected") }),
+  RequiredInfuraKey.extend({
+    status: z.literal("connected"),
+    account: z.union([
+      z.object({ type: z.literal("generated") }),
+      z.object({
+        type: z.literal("provided"),
+        /** If the specified connection is with a multisig, this is the multisig address */
+        address: z.custom((val) => val != null && typeof val === "string" && isAddress(val)),
+        chain: SupportedClientChainId.optional().default(L2Chain.id),
+        connector: z.union([
+          z.object({
+            type: z.union([
+              z.literal(injected.type),
+              z.literal(coinbaseWallet.type),
+              z.literal(walletConnect.type)
+            ])
+          }),
+          /** If specified as a multsig, provide the EoA and Safe supported chain */
+          z.object({
+            type: z.literal("multisig"),
+            eoa: z.custom((val) => val != null && typeof val === "string" && isAddress(val)),
+            network: SafeSupportedNetworks.optional().default(L2Chain.id)
+          })
+        ])
+      })
+    ])
+  })
+]);
+function buildMockProviderState(args) {
+  if (args.status === "disconnected") {
+    return {
+      props: {
+        infuraKey: args.infuraKey,
+        initialState: void 0,
+        innerCtxState: {
+          ...defInnerState,
+          _infuraKey: args.infuraKey
+        },
+        mockConnectorParams: {
+          accounts: ["0x"]
+        }
+      },
+      connectedAddress: null,
+      connector: null,
+      graphAuthKitConnector: null,
+      chain: null
+    };
+  }
+  if (args.account.type === "generated") {
+    const privKey = generatePrivateKey();
+    const account = privateKeyToAccount(privKey);
+    const address = account.address;
+    const connector2 = selectedTypeToMockConnector("injected");
+    return {
+      props: {
+        infuraKey: args.infuraKey,
+        initialState: {
+          status: "connected",
+          chainId: L2Chain.id,
+          connections: /* @__PURE__ */ new Map([
+            [
+              connector2.uid,
+              {
+                accounts: [address],
+                chainId: L2Chain.id,
+                connector: connector2
+              }
+            ]
+          ]),
+          current: connector2.uid
+        },
+        innerCtxState: {
+          ...defInnerState,
+          _infuraKey: args.infuraKey
+        },
+        mockConnectorParams: {
+          accounts: [address]
+        }
+      },
+      connectedAddress: address,
+      connector: connector2,
+      graphAuthKitConnector: "injected",
+      chain: L2Chain.id
+    };
+  }
+  if (args.account.connector.type === "multisig") {
+    const connector2 = selectedTypeToMockConnector("injected");
+    return {
+      props: {
+        infuraKey: args.infuraKey,
+        initialState: {
+          status: "connected",
+          chainId: args.account.connector.network,
+          connections: /* @__PURE__ */ new Map([
+            [
+              connector2.uid,
+              {
+                accounts: [args.account.connector.eoa],
+                chainId: args.account.connector.network,
+                connector: connector2
+              }
+            ]
+          ]),
+          current: connector2.uid
+        },
+        innerCtxState: {
+          ...defInnerState,
+          _infuraKey: args.infuraKey,
+          _enteredMultisigInfo: {
+            address: args.account.address,
+            network: args.account.connector.network,
+            enteredSafeIsValid: true
+          }
+        },
+        mockConnectorParams: {
+          accounts: [args.account.address, args.account.connector.eoa]
+        }
+      },
+      connectedAddress: args.account.address,
+      connector: connector2,
+      graphAuthKitConnector: args.account.connector.type,
+      chain: args.account.connector.network
+    };
+  }
+  const connector = selectedTypeToMockConnector(args.account.connector.type);
+  return {
+    props: {
+      infuraKey: args.infuraKey,
+      initialState: {
+        status: "connected",
+        chainId: args.account.chain,
+        connections: /* @__PURE__ */ new Map([
+          [
+            connector.uid,
+            {
+              accounts: [args.account.address],
+              chainId: args.account.chain,
+              connector
+            }
+          ]
+        ]),
+        current: connector.uid
+      },
+      innerCtxState: {
+        ...defInnerState,
+        _infuraKey: args.infuraKey
+      },
+      mockConnectorParams: {
+        accounts: [args.account.address]
+      }
+    },
+    connectedAddress: args.account.address,
+    connector,
+    graphAuthKitConnector: args.account.connector.type,
+    chain: args.account.chain
+  };
+}
+const disconnectedMockState = buildMockProviderState({
+  infuraKey: "doesnotmatter.notconnected",
+  status: "disconnected"
+});
+function selectedTypeToMockConnector(connector) {
+  switch (connector) {
+    case "coinbaseWallet": {
+      return {
+        id: "coinbaseWalletSDK",
+        name: "Coinbase Wallet",
+        uid: "192a483cf83",
+        type: "coinbaseWallet"
+      };
+    }
+    case "walletConnect": {
+      return {
+        id: "walletConnect",
+        name: "WalletConnect",
+        uid: "92a483cf83b",
+        type: "walletConnect"
+      };
+    }
+    case "multisig":
+    default: {
+      return { id: "io.metamask", name: "MetaMask", type: "injected", uid: "27cbd81134e" };
+    }
+  }
+}
 export {
-  MockGraphAuthKitProvider
+  MockGraphAuthKitProvider,
+  buildMockProviderState,
+  disconnectedMockState
 };

package/dist/test-harness/utils.d.ts

@@ -0,0 +1,214 @@
+import { type Address } from 'viem';
+import { type Connector } from 'wagmi';
+import { z } from 'zod';
+import { SupportedClientChainId } from '../constants';
+import { type GraphAuthKitConnector } from '../types';
+import { type MockGraphAuthKitProviderProps } from './MockGraphAuthKit.context';
+declare const BuildMockProviderStateArgs: z.ZodUnion<readonly [z.ZodObject<z.objectUtil.extendShape<{
+    infuraKey: z.ZodReadonly<z.ZodString>;
+}, {
+    status: z.ZodLiteral<"disconnected">;
+}>, "strip", z.ZodTypeAny, {
+    status: "disconnected";
+    infuraKey: string;
+}, {
+    status: "disconnected";
+    infuraKey: string;
+}>, z.ZodObject<z.objectUtil.extendShape<{
+    infuraKey: z.ZodReadonly<z.ZodString>;
+}, {
+    status: z.ZodLiteral<"connected">;
+    account: z.ZodUnion<readonly [z.ZodObject<{
+        type: z.ZodLiteral<"generated">;
+    }, "strip", z.ZodTypeAny, {
+        type: "generated";
+    }, {
+        type: "generated";
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"provided">;
+        /** If the specified connection is with a multisig, this is the multisig address */
+        address: z.ZodType<string, z.ZodTypeDef, string>;
+        chain: z.ZodDefault<z.ZodOptional<z.ZodReadonly<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<11155111>, z.ZodLiteral<42161>, z.ZodLiteral<421614>]>>>>;
+        connector: z.ZodUnion<readonly [z.ZodObject<{
+            type: z.ZodUnion<readonly [z.ZodLiteral<"injected">, z.ZodLiteral<"coinbaseWallet">, z.ZodLiteral<"walletConnect">]>;
+        }, "strip", z.ZodTypeAny, {
+            type: "injected" | "coinbaseWallet" | "walletConnect";
+        }, {
+            type: "injected" | "coinbaseWallet" | "walletConnect";
+        }>, z.ZodObject<{
+            type: z.ZodLiteral<"multisig">;
+            eoa: z.ZodType<string, z.ZodTypeDef, string>;
+            network: z.ZodDefault<z.ZodOptional<z.ZodReadonly<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<11155111>, z.ZodLiteral<42161>]>>>>;
+        }, "strip", z.ZodTypeAny, {
+            type: "multisig";
+            network: 1 | 11155111 | 42161;
+            eoa: string;
+        }, {
+            type: "multisig";
+            eoa: string;
+            network?: 1 | 11155111 | 42161 | undefined;
+        }>]>;
+    }, "strip", z.ZodTypeAny, {
+        type: "provided";
+        chain: 1 | 11155111 | 42161 | 421614;
+        address: string;
+        connector: {
+            type: "injected" | "coinbaseWallet" | "walletConnect";
+        } | {
+            type: "multisig";
+            network: 1 | 11155111 | 42161;
+            eoa: string;
+        };
+    }, {
+        type: "provided";
+        address: string;
+        connector: {
+            type: "injected" | "coinbaseWallet" | "walletConnect";
+        } | {
+            type: "multisig";
+            eoa: string;
+            network?: 1 | 11155111 | 42161 | undefined;
+        };
+        chain?: 1 | 11155111 | 42161 | 421614 | undefined;
+    }>]>;
+}>, "strip", z.ZodTypeAny, {
+    status: "connected";
+    infuraKey: string;
+    account: {
+        type: "generated";
+    } | {
+        type: "provided";
+        chain: 1 | 11155111 | 42161 | 421614;
+        address: string;
+        connector: {
+            type: "injected" | "coinbaseWallet" | "walletConnect";
+        } | {
+            type: "multisig";
+            network: 1 | 11155111 | 42161;
+            eoa: string;
+        };
+    };
+}, {
+    status: "connected";
+    infuraKey: string;
+    account: {
+        type: "generated";
+    } | {
+        type: "provided";
+        address: string;
+        connector: {
+            type: "injected" | "coinbaseWallet" | "walletConnect";
+        } | {
+            type: "multisig";
+            eoa: string;
+            network?: 1 | 11155111 | 42161 | undefined;
+        };
+        chain?: 1 | 11155111 | 42161 | 421614 | undefined;
+    };
+}>]>;
+export type BuildMockProviderStateArgs = z.infer<typeof BuildMockProviderStateArgs>;
+/**
+ * Util function to build the correct props and state to setup the `MockGraphAuthKitProvider`
+ * instance to be either connected or disconnected to test components/hooks that rely on the
+ * apps connected state, wagmi hooks, or graph-auth-kit hooks.
+ *
+ * @example <caption>Disconnected</caption>
+ * ```tsx
+ * import { buildMockProviderState, MockGraphAuthKitProvider } from '@edgeandnode/graph-auth-kit/test-harness'
+ *
+ * const infuraKey = ''
+ *
+ * const { props } = buildMockProviderState({ status: 'disconnected', infuraKey })
+ *
+ * return (
+ *  <MockGraphAuthKitProvider {...props}>
+ *    <SwitchChain requestedChain={L2Chain} />
+ *  </MockGraphAuthKitProvider>
+ * )
+ * ```
+ *
+ * @example <caption>Connected | generated address</caption>
+ * ```tsx
+ * import { buildMockProviderState, MockGraphAuthKitProvider } from '@edgeandnode/graph-auth-kit/test-harness'
+ *
+ * const infuraKey = ''
+ *
+ * const { props } = buildMockProviderState({ status: 'connected', infuraKey, account: { type: 'generated' } })
+ *
+ * return (
+ *  <MockGraphAuthKitProvider {...props}>
+ *    <SwitchChain requestedChain={L2Chain} />
+ *  </MockGraphAuthKitProvider>
+ * )
+ * ```
+ *
+ * @example <caption>Connected | provided address | EoA account</caption>
+ * ```tsx
+ * import { buildMockProviderState, MockGraphAuthKitProvider } from '@edgeandnode/graph-auth-kit/test-harness'
+ *
+ * const infuraKey = ''
+ *
+ * const { props } = buildMockProviderState({
+ *  status: 'connected',
+ *  infuraKey,
+ *  account: {
+ *    type: 'provided',
+ *    address: '0x8c1b521970fDAB85d71260E08ee1dA5Dd878c60D',
+ *    chain: 42161,
+ *    connector: { type: 'injected' }
+ *  }
+ * })
+ *
+ * return (
+ *  <MockGraphAuthKitProvider {...props}>
+ *    <SwitchChain requestedChain={L2Chain} />
+ *  </MockGraphAuthKitProvider>
+ * )
+ * ```
+ *
+ * @example <caption>Connected | provided address | Multisig account</caption>
+ * ```tsx
+ * import { buildMockProviderState, MockGraphAuthKitProvider } from '@edgeandnode/graph-auth-kit/test-harness'
+ *
+ * const infuraKey = ''
+ *
+ * const { props } = buildMockProviderState({
+ *  status: 'connected',
+ *  infuraKey,
+ *  account: {
+ *    type: 'provided',
+ *    address: '0x177A0331E70e137Fd9f678F19093eA08aD1F5685',
+ *    chain: 42161,
+ *    connector: {
+ *      type: 'multisig',
+ *      eoa: '0x8c1b521970fDAB85d71260E08ee1dA5Dd878c60D',
+ *      network: 42161
+ *    }
+ *  }
+ * })
+ *
+ * return (
+ *  <MockGraphAuthKitProvider {...props}>
+ *    <SwitchChain requestedChain={L2Chain} />
+ *  </MockGraphAuthKitProvider>
+ * )
+ * ```
+ *
+ * @returns the built MockGraphAuthKitProvider props and connected/disconnected state values
+ */
+export declare function buildMockProviderState(args: BuildMockProviderStateArgs): {
+    props: Pick<MockGraphAuthKitProviderProps, 'initialState' | 'innerCtxState' | 'mockConnectorParams' | 'infuraKey'>;
+    connectedAddress: Address | null;
+    connector: Connector | null;
+    graphAuthKitConnector: GraphAuthKitConnector | null;
+    chain: SupportedClientChainId | null;
+};
+export declare const disconnectedMockState: {
+    props: Pick<MockGraphAuthKitProviderProps, "initialState" | "innerCtxState" | "mockConnectorParams" | "infuraKey">;
+    connectedAddress: Address | null;
+    connector: Connector | null;
+    graphAuthKitConnector: GraphAuthKitConnector | null;
+    chain: SupportedClientChainId | null;
+};
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/test-harness/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/test-harness/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAa,MAAM,MAAM,CAAA;AAE9C,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAEvB,OAAO,EAAW,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAG9D,OAAO,EAAE,KAAK,qBAAqB,EAAqB,MAAM,UAAU,CAAA;AAExE,OAAO,EAAE,KAAK,6BAA6B,EAAE,MAAM,4BAA4B,CAAA;AAE/E,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;QAQxB,mFAAmF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBhF,CAAA;AACX,MAAM,MAAM,0BAA0B,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAEnF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,0BAA0B,GAAG;IACxE,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE,cAAc,GAAG,eAAe,GAAG,qBAAqB,GAAG,WAAW,CAAC,CAAA;IAClH,gBAAgB,EAAE,OAAO,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,qBAAqB,EAAE,qBAAqB,GAAG,IAAI,CAAA;IACnD,KAAK,EAAE,sBAAsB,GAAG,IAAI,CAAA;CACrC,CAuIA;AACD,eAAO,MAAM,qBAAqB;WA7IzB,IAAI,CAAC,6BAA6B,EAAE,cAAc,GAAG,eAAe,GAAG,qBAAqB,GAAG,WAAW,CAAC;sBAChG,OAAO,GAAG,IAAI;eACrB,SAAS,GAAG,IAAI;2BACJ,qBAAqB,GAAG,IAAI;WAC5C,sBAAsB,GAAG,IAAI;CA4IpC,CAAA"}

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react';
 import { z } from 'zod';
 export declare const RequiredInfuraKey: z.ZodObject<{
     infuraKey: z.ZodReadonly<z.ZodString>;
@@ -49,6 +50,16 @@ export declare const GraphAuthKitProps: z.ZodObject<z.objectUtil.extendShape<z.o
     chains?: "ALL" | "MAINNET" | "TESTNET" | undefined;
 }>;
 export type GraphAuthKitProps = z.infer<typeof GraphAuthKitProps>;
-export declare const GraphAuthKitConnector: z.ZodReadonly<z.ZodUnion<readonly [z.ZodLiteral<"coinbaseWallet">, z.ZodLiteral<"injected">, z.ZodLiteral<"multisig">, z.ZodLiteral<"walletConnect">]>>;
+export declare const GraphAuthKitConnector: z.ZodUnion<readonly [z.ZodLiteral<"injected">, z.ZodLiteral<"coinbaseWallet">, z.ZodLiteral<"walletConnect">, z.ZodLiteral<"multisig">]>;
 export type GraphAuthKitConnector = z.infer<typeof GraphAuthKitConnector>;
+export type GraphAuthKitConnectorOpt = {
+    /** The RDNS UUID of the connector from the wagmi connector mipd */
+    id: string;
+    connector: GraphAuthKitConnector;
+    /** The connector option is an injected wallet installed in the users browser */
+    installed: boolean;
+    title: ReactNode;
+    Image: ReactNode;
+    onConnect(): void | Promise<void>;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAEvB,eAAO,MAAM,iBAAiB;;;;;;EAE5B,CAAA;AACF,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAEjE,eAAO,MAAM,8BAA8B;;;;;;EAEzC,CAAA;AACF,MAAM,MAAM,8BAA8B,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAE3F,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAW5B,CAAA;AACF,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAEjE,eAAO,MAAM,qBAAqB,yJAOrB,CAAA;AACb,MAAM,MAAM,qBAAqB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAEvB,eAAO,MAAM,iBAAiB;;;;;;EAE5B,CAAA;AACF,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAEjE,eAAO,MAAM,8BAA8B;;;;;;EAEzC,CAAA;AACF,MAAM,MAAM,8BAA8B,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAE3F,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAW5B,CAAA;AACF,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAEjE,eAAO,MAAM,qBAAqB,0IAKvB,CAAA;AACX,MAAM,MAAM,qBAAqB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAEzE,MAAM,MAAM,wBAAwB,GAAG;IACrC,mEAAmE;IACnE,EAAE,EAAE,MAAM,CAAA;IAEV,SAAS,EAAE,qBAAqB,CAAA;IAEhC,gFAAgF;IAChF,SAAS,EAAE,OAAO,CAAA;IAElB,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,SAAS,CAAA;IAEhB,SAAS,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAClC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edgeandnode/graph-auth-kit",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "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"

package/dist/GraphAuthKitInner.context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GraphAuthKitInner.context.d.ts","sourceRoot":"","sources":["../src/GraphAuthKitInner.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAA;AAClG,OAAO,EAAE,KAAK,OAAO,EAAa,MAAM,MAAM,CAAA;AAG9C,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAIvB,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAC7D,OAAO,EAAe,qBAAqB,EAAE,MAAM,QAAQ,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEvE,eAAO,MAAM,sBAAsB,uDAAwD,CAAA;AAC3F,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE5E,eAAO,MAAM,cAAc;;;;;;;;;;;;EAMzB,CAAA;AACF,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,sBAAsB,GAAG;IACnC,6DAA6D;IAC7D,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC1C,kCAAkC;IAClC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,kCAAkC;IAClC,oBAAoB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACvC;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAA;IACtB,cAAc,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IACnC,2CAA2C;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,iBAAiB,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC,CAAA;IAClD;;;;;;OAMG;IACH,WAAW,EAAE,sBAAsB,CAAA;IACnC,wEAAwE;IACxE,cAAc,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAA;IAChD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,cAAc,CAAA;IACrC,YAAY,EAAE,QAAQ,CAAC,cAAc,GAAG,SAAS,CAAC,CAAA;IAClD;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACrC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,qBAAqB,CAAA;IAClC,yDAAyD;IACzD,sBAAsB,CAAC,EAAE,WAAW,CAAA;IACpC,2GAA2G;IAC3G,QAAQ,CAAC,SAAS,EAAE,qBAAqB,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAChE;;;OAGG;IACH,gBAAgB,CAAC,MAAM,EAAE;QACvB,SAAS,EAAE,qBAAqB,CAAA;QAChC,OAAO,EAAE,qBAAqB,CAAA;QAC9B,OAAO,EAAE,OAAO,CAAA;KACjB,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACxB,+DAA+D;IAC/D,MAAM,IAAI,IAAI,CAAA;CACf,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAeiB,CAAA;AAC3C,eAAO,MAAM,wBAAwB,iDAAuD,CAAA;AAE5F;;;;;;GAMG;AACH,wBAAgB,2BAA2B,2BAE1C;AAED,MAAM,MAAM,qCAAqC,GAAG,QAAQ,CAAC;IAC3D,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACzC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAC,CAAA;AACF,wBAAgB,gCAAgC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,qCAAqC,+BAoM9G"}