@gluwa/connect-kit 0.1.0-next.1 → 0.1.0-next.3

package/dist/index.js

@@ -1,9 +1,10 @@
 import React from "react";
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import {
+  __name
+} from "./chunk-DDA6FP6U.js";
 
 // src/ConnectModal.tsx
-import { useState as useState2, useEffect as useEffect4, useCallback as useCallback3, useRef as useRef3, useMemo as useMemo4 } from "react";
+import { useState as useState3, useEffect as useEffect4, useCallback as useCallback3, useMemo as useMemo4 } from "react";
 
 // src/ConnectModal.scss
 var css = `.ck-root {
@@ -141,6 +142,42 @@ var css = `.ck-root {
 .ck-btn-primary:hover {
   background: rgba(255, 255, 255, 0.22);
 }
+.ck-btn-primary:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.ck-btn-secondary {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 16px;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  white-space: nowrap;
+  color: rgba(255, 255, 255, 0.75);
+  background: transparent;
+  border: 1px solid rgba(255, 255, 255, 0.18);
+}
+.ck-btn-secondary:hover {
+  color: #fff;
+  border-color: rgba(255, 255, 255, 0.32);
+}
+
+.ck-view__actions {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+  margin-top: 16px;
+}
+
+.ck-view__caption--error {
+  color: #ff8080;
+  margin-top: 8px;
+}
 
 .ck-connector-list {
   display: flex;
@@ -453,7 +490,7 @@ var css = `.ck-root {
 .ck-wallet-grid-scroll {
   flex: 1;
   min-height: 0;
-  width: 520px;
+  width: 100%;
   overflow-x: hidden;
   overflow-y: auto;
 }
@@ -584,7 +621,7 @@ var css = `.ck-root {
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 
 // src/ConnectModal.tsx
-import { useConfig as useConfig2 } from "wagmi";
+import { useAccount, useConfig as useConfig2, useDisconnect } from "wagmi";
 
 // assets/creditwallet.png
 var creditwallet_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAtNJREFUeAHVWDFs00AUfWe7oYVSWdAxQEfUCZiQqEQykDUdGBAL0IERlQGxMbAhBpDYGEBMMDCEtUtbqZXYuiHGCDEymDZqqZr4+N/OuW579jmO5aRPcs8+n68v/7//798BYwah65x23Rp8NOltjQa4UmIORfwzgbYE2kJSa+FTx/PWToyJP7iuO9eV+AiJGsqAQMsReOp5XvuwK0amJ7FalDWyc0LbtlBXpCz1gizzpmwyDHJh6JVDgpFmVjFKkJVYUw7fCx8P5GCfY/r9Ezjzl7TvvIVnGBg+FulvSEgKclUGRhM3r0b3cnsX/u8/xnE8ppcw7ggEbnMTWoj8aOJjVWdx/svz6Hnn3iscfP+pHXuhHUkCe2+/0dWCkY+E2+dC5p9xU/lMLjUgZs4e6dv/upFooanlxRN9+x9W4JNV09DZ9kQmQu7G66DNow0mN7XcDL71Da4zEjpzd4GuW2SNTXR//EKPrkHBrrbpqtA8bOXO43dII2SZJnNIoKyVPGQYbBX+noXuzF82jrcwZnB0nXbfMgwWLwxizIKDlS3KLObcotUQm5dD3BSylcYNbfTlBWvIwRCYXLoTWbIIQoyhCOmgUoQJOxRtukAZmaitY65WKNxCuRbWGIYixKK3qpsoEtoo48jhCOLEaFUvYu/lZ+M6ZMK5F/eDsN+luZKQmKm5tFDRwssHEvw9CCYa14MfacLpyNQKvA51aR2y+wtkUv2TBjtw+2zmQu10lR8KZRZoYQnLO8qULdA/mozNHs/C7MpkQs3oPnMJS/uzfhtYaIuaa6kfkIXi9QwXXKwPHZiEAuvGz1bkr3X+enUl6nUTIU4FcVFXKB1YCYTyiJ/3+yEvjNdGMchDwSkEmQyjAh06qJOQKDHSKcQjFjdKBouZT0DUc0SITx9sgTqzRVkgr8RPPsIuDVhTtN9/SFvsK8GuttgDK4/W2HUyRUt3YDV2+A99bkdtt/T4QQAAAABJRU5ErkJggg==";
@@ -877,7 +914,7 @@ var IdleView = /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
 }, "Choose a wallet on the left to start connecting.")), "IdleView");
 
 // src/views/CreditWalletView.tsx
-import { useEffect as useEffect2, useMemo } from "react";
+import { useEffect as useEffect2, useMemo, useRef as useRef3 } from "react";
 
 // src/components/QRFrame.tsx
 import { QRCodeSVG } from "qrcode.react";
@@ -912,8 +949,10 @@ var CopyLinkButton = /* @__PURE__ */ __name(({ qrUri }) => {
 var CreditWalletView = /* @__PURE__ */ __name(({ connectorId, qrUri }) => {
   const { downloadUrl: downloadUrl2, logoUrl, deepLinkBase: deepLinkBase2 } = CONNECTOR_META[connectorId];
   const isMobile = useMemo(() => isMobileDevice(), []);
+  const hasRedirectedRef = useRef3(false);
   useEffect2(() => {
-    if (isMobile && qrUri && deepLinkBase2) {
+    if (isMobile && qrUri && deepLinkBase2 && !hasRedirectedRef.current) {
+      hasRedirectedRef.current = true;
       tryOpenDeepLink(qrUri, deepLinkBase2);
     }
   }, [
@@ -1168,6 +1207,50 @@ var WalletQRView = /* @__PURE__ */ __name(({ wallet, qrUri }) => {
   }, "Download")));
 }, "WalletQRView");
 
+// src/views/SwitchChainView.tsx
+import { useState as useState2 } from "react";
+import { useSwitchChain } from "wagmi";
+var SwitchChainView = /* @__PURE__ */ __name(({ currentChainId, requiredChainId, requiredChainName, onDisconnect, onLog }) => {
+  const { switchChainAsync, isPending } = useSwitchChain();
+  const [error, setError] = useState2(null);
+  const targetLabel = requiredChainName != null ? requiredChainName : `chain ${requiredChainId}`;
+  const handleSwitch = /* @__PURE__ */ __name(() => {
+    setError(null);
+    switchChainAsync({
+      chainId: requiredChainId
+    }).catch((err) => {
+      const normalized = err instanceof Error ? err : new Error(String(err));
+      const code = typeof err === "object" && err !== null && "code" in err ? err.code : void 0;
+      if (code === 4902) {
+        onLog == null ? void 0 : onLog("[connect-kit] chain not registered in wallet (4902)", normalized);
+      } else {
+        onLog == null ? void 0 : onLog(`[connect-kit] switch chain failed: ${normalized.message}`, normalized);
+      }
+      setError(normalized);
+    });
+  }, "handleSwitch");
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "ck-view ck-view--switch-chain"
+  }, /* @__PURE__ */ React.createElement("h4", {
+    className: "ck-view__title"
+  }, "Wrong network"), /* @__PURE__ */ React.createElement("p", {
+    className: "ck-view__description"
+  }, currentChainId != null ? `Connected to chain ${currentChainId}. Please switch to ${targetLabel} to continue.` : `Please switch to ${targetLabel} to continue.`), /* @__PURE__ */ React.createElement("div", {
+    className: "ck-view__actions"
+  }, /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    className: "ck-btn-primary",
+    onClick: handleSwitch,
+    disabled: isPending
+  }, isPending ? "Waiting for wallet\u2026" : `Switch to ${targetLabel}`), /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    className: "ck-btn-secondary",
+    onClick: onDisconnect
+  }, "Disconnect")), error && /* @__PURE__ */ React.createElement("p", {
+    className: "ck-view__caption ck-view__caption--error"
+  }, error.message));
+}, "SwitchChainView");
+
 // src/ConnectModal.tsx
 var RECENT_KEY = "connect-kit:recent";
 var readRecentConnector = /* @__PURE__ */ __name(() => {
@@ -1183,6 +1266,15 @@ var writeRecentConnector = /* @__PURE__ */ __name((id) => {
   } catch {
   }
 }, "writeRecentConnector");
+var classifyError = /* @__PURE__ */ __name((error) => {
+  var _a, _b;
+  const code = typeof error === "object" && error !== null && "code" in error ? error.code : void 0;
+  if (code === 4001) return "rejected";
+  const message = (_b = (_a = error.message) == null ? void 0 : _a.toLowerCase()) != null ? _b : "";
+  if (message.includes("user rejected") || message.includes("user denied")) return "rejected";
+  if (message.includes("unsupported") || message.includes("not installed")) return "unsupported";
+  return "unknown";
+}, "classifyError");
 var SelectorPane = /* @__PURE__ */ __name(({ connectors, selected, recentConnector, onSelect, onClose }) => {
   const hasRecent = recentConnector !== null && connectors.includes(recentConnector);
   const recentConnectors = hasRecent ? [
@@ -1248,7 +1340,7 @@ var ConnectorItem = /* @__PURE__ */ __name(({ id, isSelected, isRecent, onSelect
     className: "ck-connector-item__badge"
   }, "Recent"));
 }, "ConnectorItem");
-var DetailPane = /* @__PURE__ */ __name(({ selectedConnector, qrUri, hasMetaMaskExtension, connectorLogoMap, wc, onBack, onClose }) => {
+var DetailPane = /* @__PURE__ */ __name(({ selectedConnector, qrUri, hasMetaMaskExtension, connectorLogoMap, wc, errorOverride, onBack, onClose }) => {
   const title = getDetailTitle(selectedConnector, hasMetaMaskExtension, wc.subView, wc.selectedWallet);
   const showBack = selectedConnector !== null;
   return /* @__PURE__ */ React.createElement("div", {
@@ -1269,7 +1361,7 @@ var DetailPane = /* @__PURE__ */ __name(({ selectedConnector, qrUri, hasMetaMask
     "aria-label": "Close"
   })), /* @__PURE__ */ React.createElement("div", {
     className: "ck-pane__body"
-  }, !selectedConnector && /* @__PURE__ */ React.createElement(IdleView, null), (selectedConnector === "CREDIT_CONNECT" || selectedConnector === "CREDIT_WALLET") && /* @__PURE__ */ React.createElement(CreditWalletView, {
+  }, errorOverride || /* @__PURE__ */ React.createElement(React.Fragment, null, !selectedConnector && /* @__PURE__ */ React.createElement(IdleView, null), (selectedConnector === "CREDIT_CONNECT" || selectedConnector === "CREDIT_WALLET") && /* @__PURE__ */ React.createElement(CreditWalletView, {
     connectorId: selectedConnector,
     qrUri
   }), selectedConnector === "METAMASK" && /* @__PURE__ */ React.createElement(MetaMaskView, {
@@ -1289,7 +1381,7 @@ var DetailPane = /* @__PURE__ */ __name(({ selectedConnector, qrUri, hasMetaMask
     onSelectWallet: wc.onSelectWallet,
     onSearchChange: wc.onSearchChange,
     onFilterToggle: wc.onFilterToggle
-  })));
+  }))));
 }, "DetailPane");
 var getDetailTitle = /* @__PURE__ */ __name((connector, hasMetaMaskExtension, wcSubView, wcSelectedWallet) => {
   if (!connector) return "";
@@ -1324,24 +1416,30 @@ var ConnectModal = /* @__PURE__ */ __name((props) => {
     connectors: resolvedConnectors
   });
 }, "ConnectModal");
-var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, onClose, onLog, wcProjectId }) => {
-  var _a;
-  const [selectedConnector, setSelectedConnector] = useState2(null);
-  const [qrUriMap, setQrUriMap] = useState2({});
-  const pendingQrConnectorRef = useRef3(null);
-  const [recentConnector, setRecentConnector] = useState2(null);
-  const [hasMetaMaskExtension, setHasMetaMaskExtension] = useState2(false);
+var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, onClose, onLog, wcProjectId, requiredChainId, renderConnectError }) => {
+  const [selectedConnector, setSelectedConnector] = useState3(null);
+  const [qrUri, setQrUri] = useState3(null);
+  const [recentConnector, setRecentConnector] = useState3(null);
+  const [hasMetaMaskExtension, setHasMetaMaskExtension] = useState3(false);
+  const [errorState, setErrorState] = useState3(null);
   const wc = useWCState();
+  const account = useAccount();
+  const { disconnectAsync } = useDisconnect();
+  const wagmiConfig = useConfig2();
+  const chainMismatch = requiredChainId != null && account.status === "connected" && account.chainId != null && account.chainId !== requiredChainId;
+  const requiredChainName = useMemo4(() => {
+    var _a;
+    if (requiredChainId == null) return void 0;
+    return (_a = wagmiConfig.chains.find((chain) => chain.id === requiredChainId)) == null ? void 0 : _a.name;
+  }, [
+    wagmiConfig.chains,
+    requiredChainId
+  ]);
   const handleQrUri = useCallback3((uri) => {
-    if (uri) {
-      const id = pendingQrConnectorRef.current;
-      if (id) setQrUriMap((prev) => ({
-        ...prev,
-        [id]: uri
-      }));
-    }
+    setQrUri(uri);
   }, []);
   const handleConnect = useCallback3((result) => {
+    setErrorState(null);
     onConnect(result);
     onClose();
   }, [
@@ -1349,26 +1447,28 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
     onClose
   ]);
   const handleError = useCallback3((error, connectorId) => {
-    onLog == null ? void 0 : onLog(`[connect-kit] connection failed (${connectorId}): ${error.message}`, error);
-    setSelectedConnector(null);
-    setQrUriMap((prev) => {
-      const next = {
-        ...prev
-      };
-      delete next[connectorId];
-      return next;
-    });
+    const normalizedError = error instanceof Error ? error : new Error(String(error));
+    onLog == null ? void 0 : onLog(`[connect-kit] connection failed (${connectorId}): ${normalizedError.message}`, normalizedError);
+    setQrUri(null);
     wc.resetView();
+    if (renderConnectError) {
+      setErrorState({
+        connectorId,
+        error: normalizedError
+      });
+    } else {
+      setSelectedConnector(null);
+    }
   }, [
     onLog,
-    wc.resetView
+    wc.resetView,
+    renderConnectError
   ]);
   const { triggerConnect, cancelConnect } = useWagmiConnect({
     onConnect: handleConnect,
     onError: handleError,
     onQrUri: handleQrUri
   });
-  const wagmiConfig = useConfig2();
   const connectorLogoMap = useMemo4(() => {
     const map = {};
     const connectorIds = [
@@ -1392,8 +1492,8 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
   useEffect4(() => {
     if (!open) {
       setSelectedConnector(null);
-      setQrUriMap({});
-      pendingQrConnectorRef.current = null;
+      setQrUri(null);
+      setErrorState(null);
       wc.reset();
       cancelConnect();
     }
@@ -1403,9 +1503,10 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
     wc.reset
   ]);
   const handleSelectConnector = useCallback3((id) => {
-    if (id === selectedConnector) return;
-    pendingQrConnectorRef.current = id;
+    if (id === selectedConnector && !errorState) return;
     setSelectedConnector(id);
+    setQrUri(null);
+    setErrorState(null);
     wc.resetView();
     writeRecentConnector(id);
     setRecentConnector(id);
@@ -1416,6 +1517,7 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
     triggerConnect(id);
   }, [
     selectedConnector,
+    errorState,
     triggerConnect,
     cancelConnect,
     wcProjectId,
@@ -1423,22 +1525,112 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
     wc.loadWalletList
   ]);
   const handleBack = useCallback3(() => {
+    if (errorState) {
+      setErrorState(null);
+      setSelectedConnector(null);
+      return;
+    }
     if (selectedConnector === "WALLET_CONNECT" && wc.handleBack()) return;
-    pendingQrConnectorRef.current = null;
     setSelectedConnector(null);
+    setQrUri(null);
     cancelConnect();
   }, [
     selectedConnector,
+    errorState,
     wc.handleBack,
     cancelConnect
   ]);
+  const handleSwitchChainDisconnect = useCallback3(() => {
+    disconnectAsync().catch((err) => {
+      const normalized = err instanceof Error ? err : new Error(String(err));
+      onLog == null ? void 0 : onLog(`[connect-kit] disconnect failed: ${normalized.message}`, normalized);
+    });
+  }, [
+    disconnectAsync,
+    onLog
+  ]);
+  const handleOverlayClick = useCallback3(() => {
+    if (chainMismatch) return;
+    onClose();
+  }, [
+    chainMismatch,
+    onClose
+  ]);
+  const handleCloseClick = useCallback3(() => {
+    if (chainMismatch) {
+      handleSwitchChainDisconnect();
+      return;
+    }
+    onClose();
+  }, [
+    chainMismatch,
+    handleSwitchChainDisconnect,
+    onClose
+  ]);
+  const renderedError = useMemo4(() => {
+    if (!errorState || !renderConnectError) return null;
+    const ctx = {
+      connectorId: errorState.connectorId,
+      reason: classifyError(errorState.error),
+      error: errorState.error,
+      retry: /* @__PURE__ */ __name(() => {
+        const id = errorState.connectorId;
+        setErrorState(null);
+        setQrUri(null);
+        cancelConnect();
+        triggerConnect(id);
+      }, "retry"),
+      dismiss: /* @__PURE__ */ __name(() => {
+        setErrorState(null);
+        setSelectedConnector(null);
+      }, "dismiss")
+    };
+    return renderConnectError(ctx);
+  }, [
+    errorState,
+    renderConnectError,
+    triggerConnect,
+    cancelConnect
+  ]);
+  if (chainMismatch && requiredChainId != null) {
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "ck-root"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "ck-overlay",
+      onClick: handleOverlayClick
+    }), /* @__PURE__ */ React.createElement("div", {
+      className: "ck-modal ck-modal--switch-chain",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Switch network"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "ck-pane"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "ck-pane__header"
+    }, /* @__PURE__ */ React.createElement("h3", {
+      className: "ck-pane__title"
+    }, "Switch network"), /* @__PURE__ */ React.createElement("button", {
+      type: "button",
+      className: "ck-btn-close",
+      onClick: handleCloseClick,
+      "aria-label": "Cancel and disconnect"
+    })), /* @__PURE__ */ React.createElement("div", {
+      className: "ck-pane__body"
+    }, /* @__PURE__ */ React.createElement(SwitchChainView, {
+      currentChainId: account.chainId,
+      requiredChainId,
+      requiredChainName,
+      onDisconnect: handleSwitchChainDisconnect,
+      onLog
+    })))));
+  }
   return /* @__PURE__ */ React.createElement("div", {
     className: "ck-root"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "ck-overlay",
-    onClick: onClose
+    onClick: handleOverlayClick
   }), /* @__PURE__ */ React.createElement("div", {
-    className: `ck-modal${selectedConnector ? " ck-modal--has-detail" : ""}`,
+    className: `ck-modal${(selectedConnector != null ? selectedConnector : errorState) ? " ck-modal--has-detail" : ""}`,
     role: "dialog",
     "aria-modal": "true",
     "aria-label": "Connect Wallet"
@@ -1447,409 +1639,133 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
     selected: selectedConnector,
     recentConnector,
     onSelect: handleSelectConnector,
-    onClose
+    onClose: handleCloseClick
   }), /* @__PURE__ */ React.createElement(DetailPane, {
     selectedConnector,
-    qrUri: selectedConnector ? (_a = qrUriMap[selectedConnector]) != null ? _a : null : null,
+    qrUri,
     hasMetaMaskExtension,
     connectorLogoMap,
     wc,
+    errorOverride: renderedError,
     onBack: handleBack,
-    onClose
+    onClose: handleCloseClick
   })));
 }, "ConnectModalInner");
 
-// src/creditConnectConnector.ts
-import { createConnector } from "@wagmi/core";
-import { getAddress } from "viem";
-import { DappSessionManager } from "@gluwa/credit-connect-sdk/dapp";
-var CONNECTOR_ID = "credit-connect";
-var CONNECTOR_NAME = "Credit Wallet";
-var CONNECTOR_TYPE = "credit-connect";
-var castConnectResult = /* @__PURE__ */ __name((value) => value, "castConnectResult");
-var creditConnectConnector = /* @__PURE__ */ __name((options) => {
-  let manager = null;
-  let selectedChainId = null;
-  let connectPromise = null;
-  let provider = null;
-  let isLocalDisconnect = false;
-  let emitWagmiMessage = null;
-  let emitWagmiDisconnect = null;
-  const providerListeners = /* @__PURE__ */ new Map();
-  const emitProviderEvent = /* @__PURE__ */ __name((event, ...args) => {
-    const listeners = providerListeners.get(event);
-    if (listeners) for (const fn of listeners) fn(...args);
-  }, "emitProviderEvent");
-  const getCurrentSession = /* @__PURE__ */ __name(() => {
-    if (!manager || manager.state.status !== "CONNECTED" || !manager.state.session) return null;
-    return manager.state.session;
-  }, "getCurrentSession");
-  const getEvmAddressInfo = /* @__PURE__ */ __name((session) => session.addressInfoList.filter((info) => info.networkType === "eip155"), "getEvmAddressInfo");
-  const getChecksummedAccounts = /* @__PURE__ */ __name((session) => getEvmAddressInfo(session).map((info) => getAddress(info.address)), "getChecksummedAccounts");
-  const resetState = /* @__PURE__ */ __name(() => {
-    connectPromise = null;
-    selectedChainId = null;
-  }, "resetState");
-  const createManagerIfNeeded = /* @__PURE__ */ __name(() => {
-    if (manager) return manager;
-    manager = new DappSessionManager({
-      projectKey: options.projectKey,
-      serverUrl: options.serverUrl,
-      storage: options.storage,
-      e2ee: options.e2ee,
-      createHub: options.createHub,
-      enableReconnect: true,
-      autoInit: true
-    });
-    manager.on("changeState", (state) => {
-      var _a;
-      if (state.status === "CONNECTING" && state.connectingPayload) {
-        (_a = options.onDisplayUri) == null ? void 0 : _a.call(options, state.connectingPayload);
-        emitWagmiMessage == null ? void 0 : emitWagmiMessage("display_uri", state.connectingPayload);
-      }
-      if (state.status === "DISCONNECTED" && !isLocalDisconnect) {
-        resetState();
-        emitProviderEvent("disconnect");
-        emitWagmiDisconnect == null ? void 0 : emitWagmiDisconnect();
-      }
-    });
-    return manager;
-  }, "createManagerIfNeeded");
-  const ensureManagerInitialized = /* @__PURE__ */ __name(async () => {
-    const m = createManagerIfNeeded();
-    if (m.state.status === "PENDING") {
-      await m.initSession();
-      return m;
+// src/ConnectKitProvider.tsx
+import { createContext, useCallback as useCallback4, useContext, useEffect as useEffect5, useMemo as useMemo5, useRef as useRef4, useState as useState4 } from "react";
+import { WagmiProvider, useAccount as useAccount2, useDisconnect as useDisconnect2 } from "wagmi";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+var internalQueryClient = new QueryClient();
+var ConnectKitContext = /* @__PURE__ */ createContext(null);
+var resolveConnectorId = /* @__PURE__ */ __name((wagmiConnectorId) => {
+  if (!wagmiConnectorId) return null;
+  if (wagmiConnectorId === "credit-connect") return "CREDIT_CONNECT";
+  if (wagmiConnectorId === "walletConnect") return "WALLET_CONNECT";
+  const lower = wagmiConnectorId.toLowerCase();
+  if (lower.includes("metamask") || wagmiConnectorId === "injected") return "METAMASK";
+  if (lower.includes("walletconnect")) return "WALLET_CONNECT";
+  return null;
+}, "resolveConnectorId");
+var ConnectKitProvider = /* @__PURE__ */ __name((props) => {
+  if (props.wagmiConfig) {
+    return /* @__PURE__ */ React.createElement(WagmiProvider, {
+      config: props.wagmiConfig
+    }, /* @__PURE__ */ React.createElement(QueryClientProvider, {
+      client: internalQueryClient
+    }, /* @__PURE__ */ React.createElement(ConnectKitProviderInner, props)));
+  }
+  return /* @__PURE__ */ React.createElement(ConnectKitProviderInner, props);
+}, "ConnectKitProvider");
+var ConnectKitProviderInner = /* @__PURE__ */ __name(({ children, connectors, wcProjectId, requiredChainId, onConnect, onLog, renderConnectError }) => {
+  var _a;
+  const [isOpen, setIsOpen] = useState4(false);
+  const [pendingResult, setPendingResult] = useState4(null);
+  const account = useAccount2();
+  const { disconnectAsync } = useDisconnect2();
+  const onConnectRef = useRef4(onConnect);
+  useEffect5(() => {
+    onConnectRef.current = onConnect;
+  }, [
+    onConnect
+  ]);
+  const chainMismatch = requiredChainId != null && account.status === "connected" && account.chainId != null && account.chainId !== requiredChainId;
+  const effectiveOpen = isOpen || chainMismatch;
+  const open = useCallback4(() => {
+    setIsOpen(true);
+  }, []);
+  const close = useCallback4(() => {
+    setIsOpen(false);
+  }, []);
+  const disconnect = useCallback4(async () => {
+    await disconnectAsync();
+  }, [
+    disconnectAsync
+  ]);
+  const handleModalConnect = useCallback4((result) => {
+    setPendingResult(result);
+  }, []);
+  useEffect5(() => {
+    var _a2;
+    if (!pendingResult) return;
+    if (account.status !== "connected") {
+      setPendingResult(null);
+      return;
     }
-    if (m.state.status === "INITIALIZING") {
-      await new Promise((resolve) => {
-        const unsub = m.on("changeState", (state) => {
-          if (state.status !== "INITIALIZING") {
-            unsub();
-            resolve();
-          }
-        });
-      });
+    if (requiredChainId != null && account.chainId !== requiredChainId) {
+      return;
     }
-    return m;
-  }, "ensureManagerInitialized");
-  return createConnector((config) => {
-    emitWagmiMessage = /* @__PURE__ */ __name((type, data) => {
-      config.emitter.emit("message", {
-        type,
-        data
-      });
-    }, "emitWagmiMessage");
-    emitWagmiDisconnect = /* @__PURE__ */ __name(() => {
-      config.emitter.emit("disconnect");
-    }, "emitWagmiDisconnect");
+    (_a2 = onConnectRef.current) == null ? void 0 : _a2.call(onConnectRef, pendingResult);
+    setPendingResult(null);
+    setIsOpen(false);
+  }, [
+    pendingResult,
+    account.status,
+    account.chainId,
+    requiredChainId
+  ]);
+  const value = useMemo5(() => {
+    var _a2;
     return {
-      id: CONNECTOR_ID,
-      name: CONNECTOR_NAME,
-      type: CONNECTOR_TYPE,
-      async setup() {
-        await ensureManagerInitialized();
-      },
-      async connect(parameters) {
-        var _a;
-        try {
-          const m = createManagerIfNeeded();
-          if (m.state.status === "INITIALIZING") {
-            await new Promise((resolve) => {
-              const unsub = m.on("changeState", (state) => {
-                if (state.status !== "INITIALIZING") {
-                  unsub();
-                  resolve();
-                }
-              });
-            });
-          }
-          if (parameters == null ? void 0 : parameters.isReconnecting) {
-            const session2 = getCurrentSession();
-            if (!session2) throw new Error("No active session to reconnect");
-            const accounts2 = getChecksummedAccounts(session2);
-            if (accounts2.length === 0) throw new Error("No EVM address found");
-            const chainId2 = Number.parseInt(getEvmAddressInfo(session2)[0].networkIdentifier, 10);
-            if (!Number.isFinite(chainId2)) throw new Error(`Invalid chainId: ${chainId2}`);
-            selectedChainId = chainId2;
-            if ((parameters == null ? void 0 : parameters.withCapabilities) === true) {
-              return castConnectResult({
-                accounts: accounts2.map((address) => ({
-                  address,
-                  capabilities: {}
-                })),
-                chainId: chainId2
-              });
-            }
-            return castConnectResult({
-              accounts: accounts2,
-              chainId: chainId2
-            });
-          }
-          if (m.state.status === "CONNECTING" && m.state.connectingPayload) {
-            (_a = options.onDisplayUri) == null ? void 0 : _a.call(options, m.state.connectingPayload);
-            if (!connectPromise) {
-              connectPromise = new Promise((resolve) => {
-                const unsub = m.on("changeState", (state) => {
-                  if (state.status === "CONNECTED") {
-                    unsub();
-                    resolve(true);
-                  } else if (state.status === "DISCONNECTED") {
-                    unsub();
-                    resolve(false);
-                  }
-                });
-              });
-            }
-          }
-          if (m.state.status !== "CONNECTED") {
-            if (!connectPromise) {
-              if (m.state.status !== "DISCONNECTED") {
-                throw new Error(`Cannot connect from ${m.state.status} state`);
-              }
-              connectPromise = m.connectNewSession();
-            }
-            const connected = await connectPromise;
-            connectPromise = null;
-            if (!connected) throw new Error("Credit Connect session failed");
-          }
-          const session = getCurrentSession();
-          if (!session) throw new Error("Credit Connect session failed");
-          const accounts = getChecksummedAccounts(session);
-          if (accounts.length === 0) throw new Error("No EVM address found");
-          const chainId = Number.parseInt(getEvmAddressInfo(session)[0].networkIdentifier, 10);
-          if (!Number.isFinite(chainId)) throw new Error(`Invalid chainId: ${chainId}`);
-          selectedChainId = chainId;
-          if ((parameters == null ? void 0 : parameters.withCapabilities) === true) {
-            return castConnectResult({
-              accounts: accounts.map((address) => ({
-                address,
-                capabilities: {}
-              })),
-              chainId
-            });
-          }
-          return castConnectResult({
-            accounts,
-            chainId
-          });
-        } catch (error) {
-          resetState();
-          throw error;
-        }
-      },
-      async switchChain({ chainId }) {
-        const session = getCurrentSession();
-        if (!session) throw new Error("No active session");
-        const supported = getEvmAddressInfo(session).some((info) => Number.parseInt(info.networkIdentifier, 10) === chainId);
-        if (!supported) {
-          const err = new Error(`Unsupported chain: ${chainId}`);
-          err.code = 4902;
-          throw err;
-        }
-        selectedChainId = chainId;
-        config.emitter.emit("change", {
-          chainId
-        });
-        const chain = config.chains.find((c) => c.id === chainId);
-        if (!chain) throw new Error(`Chain ${chainId} not in config`);
-        return chain;
-      },
-      async isAuthorized() {
-        await ensureManagerInitialized();
-        const session = getCurrentSession();
-        if (!session) return false;
-        return session.addressInfoList.some((info) => info.networkType === "eip155");
-      },
-      async disconnect() {
-        isLocalDisconnect = true;
-        try {
-          if ((manager == null ? void 0 : manager.state.status) === "CONNECTED") {
-            await manager.disconnectSession();
-          }
-        } finally {
-          isLocalDisconnect = false;
-        }
-        resetState();
-        config.emitter.emit("disconnect");
-      },
-      async getAccounts() {
-        await ensureManagerInitialized();
-        const session = getCurrentSession();
-        if (!session) return [];
-        return getChecksummedAccounts(session);
-      },
-      async getChainId() {
-        await ensureManagerInitialized();
-        const session = getCurrentSession();
-        if (!session) throw new Error("No active session");
-        if (selectedChainId !== null) return selectedChainId;
-        const evmAddressInfo = getEvmAddressInfo(session);
-        if (evmAddressInfo.length === 0) throw new Error("No EVM address found");
-        const chainId = Number.parseInt(evmAddressInfo[0].networkIdentifier, 10);
-        if (!Number.isFinite(chainId)) throw new Error(`Invalid chainId: ${chainId}`);
-        selectedChainId = chainId;
-        return chainId;
-      },
-      async getProvider() {
-        if (provider) return provider;
-        await ensureManagerInitialized();
-        const createdProvider = {
-          request: /* @__PURE__ */ __name(async (args) => {
-            const { method, params: rawParams } = args;
-            const params = Array.isArray(rawParams) ? [
-              ...rawParams
-            ] : rawParams === void 0 ? [] : [
-              rawParams
-            ];
-            const session = getCurrentSession();
-            const getSelectedAddressInfo = /* @__PURE__ */ __name((address) => {
-              if (!session) throw new Error("No active session");
-              const evmInfo = getEvmAddressInfo(session);
-              if (evmInfo.length === 0) throw new Error("No EVM address found");
-              if (!address) return evmInfo[0];
-              const found = evmInfo.find((info) => info.address.toLowerCase() === address.toLowerCase());
-              if (!found) throw new Error(`Address not in session: ${address}`);
-              return found;
-            }, "getSelectedAddressInfo");
-            if (method === "eth_accounts") {
-              if (!session) return [];
-              return getChecksummedAccounts(session);
-            }
-            if (method === "eth_chainId") {
-              if (!session) throw new Error("No active session");
-              if (selectedChainId !== null) return `0x${selectedChainId.toString(16)}`;
-              const evmInfo = getEvmAddressInfo(session);
-              if (evmInfo.length === 0) throw new Error("No EVM address found");
-              const chainId = Number.parseInt(evmInfo[0].networkIdentifier, 10);
-              if (!Number.isFinite(chainId)) throw new Error(`Invalid chainId: ${chainId}`);
-              selectedChainId = chainId;
-              return `0x${chainId.toString(16)}`;
-            }
-            if (method === "wallet_switchEthereumChain") {
-              const [{ chainId: rawChainId }] = params != null ? params : [];
-              if (!rawChainId) throw new Error("wallet_switchEthereumChain missing chainId param");
-              const chainId = Number.parseInt(rawChainId, 16);
-              if (!Number.isFinite(chainId)) throw new Error(`Invalid chainId: ${rawChainId}`);
-              if (!session) throw new Error("No active session");
-              const supported = getEvmAddressInfo(session).some((info) => Number.parseInt(info.networkIdentifier, 10) === chainId);
-              if (!supported) {
-                const err = new Error(`Unsupported chain: ${chainId}`);
-                err.code = 4902;
-                throw err;
-              }
-              selectedChainId = chainId;
-              config.emitter.emit("change", {
-                chainId
-              });
-              return null;
-            }
-            if (method === "personal_sign") {
-              const [messageParam, addressParam] = params != null ? params : [];
-              const message = typeof messageParam === "string" ? messageParam : String(messageParam != null ? messageParam : "");
-              const address = typeof addressParam === "string" ? addressParam : void 0;
-              const addressInfo = getSelectedAddressInfo(address);
-              const response = await (session == null ? void 0 : session.jsonRpc.request("signMessage", {
-                message,
-                addressInfo
-              }));
-              return response == null ? void 0 : response.signature;
-            }
-            if (method === "eth_sign") {
-              const [addressParam, messageParam] = params != null ? params : [];
-              const address = typeof addressParam === "string" ? addressParam : void 0;
-              const message = typeof messageParam === "string" ? messageParam : String(messageParam != null ? messageParam : "");
-              const addressInfo = getSelectedAddressInfo(address);
-              const response = await (session == null ? void 0 : session.jsonRpc.request("signMessage", {
-                message,
-                addressInfo
-              }));
-              return response == null ? void 0 : response.signature;
-            }
-            if (method === "eth_signTypedData" || method === "eth_signTypedData_v4") {
-              const [addressParam, typedDataParam] = params != null ? params : [];
-              const address = typeof addressParam === "string" ? addressParam : void 0;
-              const typedData = typeof typedDataParam === "string" ? typedDataParam : JSON.stringify(typedDataParam != null ? typedDataParam : "");
-              const addressInfo = getSelectedAddressInfo(address);
-              const response = await (session == null ? void 0 : session.jsonRpc.request("signTypedData", {
-                typedData,
-                addressInfo
-              }));
-              return response == null ? void 0 : response.signature;
-            }
-            if (method === "eth_sendTransaction") {
-              const [txParams] = params != null ? params : [];
-              const addressInfo = getSelectedAddressInfo(txParams == null ? void 0 : txParams.from);
-              const response = await (session == null ? void 0 : session.jsonRpc.request("sendTransaction", {
-                addressInfo,
-                to: txParams == null ? void 0 : txParams.to,
-                value: txParams == null ? void 0 : txParams.value,
-                data: txParams == null ? void 0 : txParams.data,
-                gas: txParams == null ? void 0 : txParams.gas,
-                gasPrice: txParams == null ? void 0 : txParams.gasPrice,
-                maxFeePerGas: txParams == null ? void 0 : txParams.maxFeePerGas,
-                maxPriorityFeePerGas: txParams == null ? void 0 : txParams.maxPriorityFeePerGas,
-                nonce: txParams == null ? void 0 : txParams.nonce,
-                chainId: txParams == null ? void 0 : txParams.chainId
-              }));
-              return response == null ? void 0 : response.txHash;
-            }
-            if (method === "credit_connect_send_message") {
-              if (!session) throw new Error("No active session");
-              const [messageParam] = params != null ? params : [];
-              const message = typeof messageParam === "string" ? messageParam : JSON.stringify(messageParam != null ? messageParam : "");
-              await session.msg.sendMessage(message);
-              return true;
-            }
-            if (method === "credit_connect_jsonrpc_ping") {
-              if (!session) throw new Error("No active session");
-              return await session.jsonRpc.request("pingPong", {});
-            }
-            throw new Error(`Unsupported provider method: ${method}`);
-          }, "request"),
-          on: /* @__PURE__ */ __name((event, listener) => {
-            let listeners = providerListeners.get(event);
-            if (!listeners) {
-              listeners = /* @__PURE__ */ new Set();
-              providerListeners.set(event, listeners);
-            }
-            listeners.add(listener);
-            return createdProvider;
-          }, "on"),
-          removeListener: /* @__PURE__ */ __name((event, listener) => {
-            var _a;
-            (_a = providerListeners.get(event)) == null ? void 0 : _a.delete(listener);
-            return createdProvider;
-          }, "removeListener")
-        };
-        provider = createdProvider;
-        return provider;
-      },
-      onAccountsChanged(accounts) {
-        if (!accounts || accounts.length === 0) {
-          config.emitter.emit("disconnect");
-          return;
-        }
-        config.emitter.emit("change", {
-          accounts: accounts.map(getAddress)
-        });
-      },
-      onChainChanged(chainId) {
-        const normalized = typeof chainId === "string" ? Number.parseInt(chainId, 16) : Number(chainId);
-        if (!Number.isFinite(normalized)) return;
-        selectedChainId = normalized;
-        config.emitter.emit("change", {
-          chainId: normalized
-        });
-      },
-      onDisconnect() {
-        resetState();
-        config.emitter.emit("disconnect");
-      }
+      isOpen: effectiveOpen,
+      open,
+      close,
+      isConnected: account.status === "connected",
+      address: account.address,
+      connectorId: resolveConnectorId((_a2 = account.connector) == null ? void 0 : _a2.id),
+      disconnect
     };
-  });
-}, "creditConnectConnector");
+  }, [
+    effectiveOpen,
+    open,
+    close,
+    account.status,
+    account.address,
+    (_a = account.connector) == null ? void 0 : _a.id,
+    disconnect
+  ]);
+  return /* @__PURE__ */ React.createElement(ConnectKitContext.Provider, {
+    value
+  }, children, /* @__PURE__ */ React.createElement(ConnectModal, {
+    open: effectiveOpen,
+    connectors,
+    wcProjectId,
+    requiredChainId,
+    renderConnectError,
+    onConnect: handleModalConnect,
+    onClose: close,
+    onLog
+  }));
+}, "ConnectKitProviderInner");
+var useConnectKit = /* @__PURE__ */ __name(() => {
+  const ctx = useContext(ConnectKitContext);
+  if (!ctx) {
+    throw new Error("useConnectKit must be used within a ConnectKitProvider");
+  }
+  return ctx;
+}, "useConnectKit");
 export {
+  ConnectKitProvider,
   ConnectModal,
-  creditConnectConnector
+  useConnectKit
 };