@gluwa/connect-kit 0.1.0-next.2 → 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 useState3, 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 {
@@ -489,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;
 }
@@ -913,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";
@@ -948,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);
     }
   }, [
@@ -1414,10 +1417,8 @@ var ConnectModal = /* @__PURE__ */ __name((props) => {
   });
 }, "ConnectModal");
 var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, onClose, onLog, wcProjectId, requiredChainId, renderConnectError }) => {
-  var _a;
   const [selectedConnector, setSelectedConnector] = useState3(null);
-  const [qrUriMap, setQrUriMap] = useState3({});
-  const pendingQrConnectorRef = useRef3(null);
+  const [qrUri, setQrUri] = useState3(null);
   const [recentConnector, setRecentConnector] = useState3(null);
   const [hasMetaMaskExtension, setHasMetaMaskExtension] = useState3(false);
   const [errorState, setErrorState] = useState3(null);
@@ -1427,21 +1428,15 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
   const wagmiConfig = useConfig2();
   const chainMismatch = requiredChainId != null && account.status === "connected" && account.chainId != null && account.chainId !== requiredChainId;
   const requiredChainName = useMemo4(() => {
-    var _a2;
+    var _a;
     if (requiredChainId == null) return void 0;
-    return (_a2 = wagmiConfig.chains.find((chain) => chain.id === requiredChainId)) == null ? void 0 : _a2.name;
+    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);
@@ -1454,13 +1449,7 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
   const handleError = useCallback3((error, connectorId) => {
     const normalizedError = error instanceof Error ? error : new Error(String(error));
     onLog == null ? void 0 : onLog(`[connect-kit] connection failed (${connectorId}): ${normalizedError.message}`, normalizedError);
-    setQrUriMap((prev) => {
-      const next = {
-        ...prev
-      };
-      delete next[connectorId];
-      return next;
-    });
+    setQrUri(null);
     wc.resetView();
     if (renderConnectError) {
       setErrorState({
@@ -1503,8 +1492,7 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
   useEffect4(() => {
     if (!open) {
       setSelectedConnector(null);
-      setQrUriMap({});
-      pendingQrConnectorRef.current = null;
+      setQrUri(null);
       setErrorState(null);
       wc.reset();
       cancelConnect();
@@ -1516,8 +1504,8 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
   ]);
   const handleSelectConnector = useCallback3((id) => {
     if (id === selectedConnector && !errorState) return;
-    pendingQrConnectorRef.current = id;
     setSelectedConnector(id);
+    setQrUri(null);
     setErrorState(null);
     wc.resetView();
     writeRecentConnector(id);
@@ -1543,8 +1531,8 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
       return;
     }
     if (selectedConnector === "WALLET_CONNECT" && wc.handleBack()) return;
-    pendingQrConnectorRef.current = null;
     setSelectedConnector(null);
+    setQrUri(null);
     cancelConnect();
   }, [
     selectedConnector,
@@ -1588,7 +1576,7 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
       retry: /* @__PURE__ */ __name(() => {
         const id = errorState.connectorId;
         setErrorState(null);
-        pendingQrConnectorRef.current = id;
+        setQrUri(null);
         cancelConnect();
         triggerConnect(id);
       }, "retry"),
@@ -1654,7 +1642,7 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
     onClose: handleCloseClick
   }), /* @__PURE__ */ React.createElement(DetailPane, {
     selectedConnector,
-    qrUri: selectedConnector ? (_a = qrUriMap[selectedConnector]) != null ? _a : null : null,
+    qrUri,
     hasMetaMaskExtension,
     connectorLogoMap,
     wc,
@@ -1666,7 +1654,9 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
 
 // src/ConnectKitProvider.tsx
 import { createContext, useCallback as useCallback4, useContext, useEffect as useEffect5, useMemo as useMemo5, useRef as useRef4, useState as useState4 } from "react";
-import { useAccount as useAccount2, useDisconnect as useDisconnect2 } from "wagmi";
+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;
@@ -1677,7 +1667,17 @@ var resolveConnectorId = /* @__PURE__ */ __name((wagmiConnectorId) => {
   if (lower.includes("walletconnect")) return "WALLET_CONNECT";
   return null;
 }, "resolveConnectorId");
-var ConnectKitProvider = /* @__PURE__ */ __name(({ children, connectors, wcProjectId, requiredChainId, onConnect, onLog, renderConnectError }) => {
+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);
@@ -1756,7 +1756,7 @@ var ConnectKitProvider = /* @__PURE__ */ __name(({ children, connectors, wcProje
     onClose: close,
     onLog
   }));
-}, "ConnectKitProvider");
+}, "ConnectKitProviderInner");
 var useConnectKit = /* @__PURE__ */ __name(() => {
   const ctx = useContext(ConnectKitContext);
   if (!ctx) {
@@ -1764,400 +1764,8 @@ var useConnectKit = /* @__PURE__ */ __name(() => {
   }
   return ctx;
 }, "useConnectKit");
-
-// 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;
-    }
-    if (m.state.status === "INITIALIZING") {
-      await new Promise((resolve) => {
-        const unsub = m.on("changeState", (state) => {
-          if (state.status !== "INITIALIZING") {
-            unsub();
-            resolve();
-          }
-        });
-      });
-    }
-    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");
-    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");
-      }
-    };
-  });
-}, "creditConnectConnector");
 export {
   ConnectKitProvider,
   ConnectModal,
-  creditConnectConnector,
   useConnectKit
 };

package/dist/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@gluwa/connect-kit",
-  "version": "0.1.0-next.2",
+  "version": "0.1.0-next.3",
   "type": "module",
   "exports": {
     ".": {
       "default": "./src/index.ts"
     },
+    "./credit-connect": {
+      "default": "./src/credit-connect.ts"
+    },
     "./package.json": "./package.json"
   },
   "publishConfig": {
@@ -17,6 +20,10 @@
         "types": "./dist/index.d.ts",
         "default": "./dist/index.js"
       },
+      "./credit-connect": {
+        "types": "./dist/credit-connect.d.ts",
+        "default": "./dist/credit-connect.js"
+      },
       "./index.css": "./dist/index.css"
     }
   },
@@ -35,6 +42,7 @@
   },
   "devDependencies": {
     "@gluwa/credit-connect-sdk": "workspace:*",
+    "@tanstack/react-query": "^5.62.0",
     "@types/react": "catalog:react18",
     "@wagmi/core": "^2.16.7",
     "esbuild-sass-plugin": "^3.7.0",
@@ -48,6 +56,7 @@
   },
   "peerDependencies": {
     "@gluwa/credit-connect-sdk": "workspace:*",
+    "@tanstack/react-query": ">=5.0.0",
     "@wagmi/core": ">=2.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "viem": ">=2.0.0",
@@ -56,6 +65,9 @@
   "peerDependenciesMeta": {
     "@gluwa/credit-connect-sdk": {
       "optional": true
+    },
+    "@tanstack/react-query": {
+      "optional": true
     }
   },
   "repository": {

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@gluwa/connect-kit",
-  "version": "0.1.0-next.2",
+  "version": "0.1.0-next.3",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./credit-connect": {
+      "types": "./dist/credit-connect.d.ts",
+      "default": "./dist/credit-connect.js"
+    },
     "./index.css": "./dist/index.css"
   },
   "publishConfig": {
@@ -19,6 +23,7 @@
     "qrcode.react": "^3.2.0"
   },
   "devDependencies": {
+    "@tanstack/react-query": "^5.62.0",
     "@types/react": "^18.3.18",
     "@wagmi/core": "^2.16.7",
     "esbuild-sass-plugin": "^3.7.0",
@@ -32,6 +37,7 @@
     "@gluwa/credit-connect-sdk": "0.2.0-next.1"
   },
   "peerDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
     "@wagmi/core": ">=2.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "viem": ">=2.0.0",
@@ -41,6 +47,9 @@
   "peerDependenciesMeta": {
     "@gluwa/credit-connect-sdk": {
       "optional": true
+    },
+    "@tanstack/react-query": {
+      "optional": true
     }
   },
   "repository": {