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

package/dist/index.js

@@ -3,624 +3,156 @@ import {
   __name
 } from "./chunk-DDA6FP6U.js";
 
-// src/ConnectModal.tsx
-import { useState as useState3, useEffect as useEffect4, useCallback as useCallback3, useMemo as useMemo4 } from "react";
-
-// src/ConnectModal.scss
-var css = `.ck-root {
-  position: fixed;
-  inset: 0;
-  z-index: 9999;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.ck-overlay {
-  position: absolute;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.6);
-}
-
-.ck-modal {
-  position: relative;
-  display: flex;
-  width: 1120px;
-  height: 620px;
-  border-radius: 16px;
-  overflow: hidden;
-  background: #1a1a1a;
-  color: #fff;
-}
-
-.ck-pane {
-  display: flex;
-  flex-direction: column;
-  padding: 24px;
-  width: 560px;
-  flex-shrink: 0;
-  box-sizing: border-box;
-}
-.ck-pane--selector {
-  border-right: 1px solid rgba(255, 255, 255, 0.08);
-}
-.ck-pane--detail {
-  padding-inline: 20px;
-  overflow: hidden;
-  min-height: 0;
-}
-
-.ck-pane__header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 20px;
-}
-
-.ck-pane__title {
-  flex: 1;
-  font-size: 16px;
-  font-weight: 600;
-  margin: 0;
-}
-
-.ck-pane__body {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  overflow: hidden;
-}
-
-.ck-pane__footer {
-  margin-top: auto;
-  padding-top: 16px;
-  text-align: center;
-}
-
-.ck-btn-close,
-.ck-btn-back {
-  position: relative;
-  width: 28px;
-  height: 28px;
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 0;
-  border-radius: 50%;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.ck-btn-close:hover,
-.ck-btn-back:hover {
-  background: rgba(255, 255, 255, 0.08);
-}
-
-.ck-btn-close::before, .ck-btn-close::after {
-  content: "";
-  position: absolute;
-  width: 14px;
-  height: 2px;
-  background: rgba(255, 255, 255, 0.7);
-  border-radius: 1px;
-}
-.ck-btn-close::before {
-  transform: rotate(45deg);
-}
-.ck-btn-close::after {
-  transform: rotate(-45deg);
-}
-
-.ck-btn-back::before {
-  content: "";
-  position: absolute;
-  width: 8px;
-  height: 8px;
-  border-left: 2px solid rgba(255, 255, 255, 0.7);
-  border-bottom: 2px solid rgba(255, 255, 255, 0.7);
-  transform: rotate(45deg) translate(1px, -1px);
-  border-radius: 1px;
-}
-
-.ck-btn-primary {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 8px 16px;
-  border-radius: 8px;
-  font-size: 14px;
-  font-weight: 600;
-  text-decoration: none;
-  cursor: pointer;
-  white-space: nowrap;
-  color: #fff;
-  background: rgba(255, 255, 255, 0.15);
-  border: none;
-}
-.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;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.ck-connector-item {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  width: 100%;
-  padding: 12px 16px;
-  border: none;
-  border-radius: 12px;
-  cursor: pointer;
-  text-align: left;
-  color: #fff;
-  background: rgba(255, 255, 255, 0.05);
-  transition: background 0.15s;
-}
-.ck-connector-item:hover:not(:disabled) {
-  background: rgba(255, 255, 255, 0.08);
-}
-.ck-connector-item.is-active {
-  background: #3b82f6;
-}
-.ck-connector-item:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.ck-connector-item__icon {
-  width: 32px;
-  height: 32px;
-  border-radius: 8px;
-  flex-shrink: 0;
-  background: rgba(255, 255, 255, 0.1);
-  display: block;
-  object-fit: cover;
-}
-.ck-connector-item__icon[src] {
-  background: none;
-}
-
-.ck-connector-item__label {
-  flex: 1;
-  font-size: 14px;
-  font-weight: 500;
-}
-
-.ck-connector-item__badge {
-  font-size: 11px;
-  font-weight: 600;
-  padding: 2px 6px;
-  border-radius: 4px;
-  background: rgba(255, 255, 255, 0.15);
-  color: rgba(255, 255, 255, 0.8);
-}
-
-.ck-divider {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  color: rgba(255, 255, 255, 0.3);
-  font-size: 12px;
-  margin: 4px 0;
-}
-.ck-divider::before, .ck-divider::after {
-  content: "";
-  flex: 1;
-  height: 1px;
-  background: rgba(255, 255, 255, 0.1);
-}
-
-.ck-link-no-wallet {
-  font-size: 13px;
-  text-decoration: none;
-  color: rgba(255, 255, 255, 0.5);
-}
-
-.ck-view {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-}
-.ck-view--idle {
-  justify-content: center;
-  text-align: center;
-  gap: 12px;
-}
-.ck-view--qr {
-  gap: 16px;
-}
-.ck-view--extension {
-  justify-content: center;
-  align-items: center;
-  gap: 12px;
-  text-align: center;
-}
-.ck-view--wallet-list {
-  align-items: stretch;
-  gap: 12px;
-  height: 100%;
-  overflow: hidden;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.ck-view__illustration {
-  width: 180px;
-  height: auto;
-  display: block;
-}
-
-.ck-view__wallet-icon {
-  width: 64px;
-  height: 64px;
-  border-radius: 16px;
-  background: rgba(255, 255, 255, 0.1);
-}
-.ck-view__title {
-  font-size: 18px;
-  font-weight: 600;
-  margin: 0;
-}
-
-.ck-view__description,
-.ck-view__caption {
-  font-size: 13px;
-  opacity: 0.6;
-  margin: 0;
-  text-align: center;
-}
-
-.ck-qr-frame {
-  width: 216px;
-  height: 216px;
-  border-radius: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #fff;
-  overflow: hidden;
-  flex-shrink: 0;
-}
-.ck-qr-frame--loading {
-  background: rgba(255, 255, 255, 0.05);
-}
-
-.ck-qr-spinner,
-.ck-spinner {
-  width: 32px;
-  height: 32px;
-  border: 3px solid rgba(255, 255, 255, 0.15);
-  border-top-color: rgba(255, 255, 255, 0.6);
-  border-radius: 50%;
-  animation: ck-spin 0.8s linear infinite;
-}
-
-@keyframes ck-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.ck-copy-link {
-  background: none;
-  border: none;
-  cursor: pointer;
-  font-size: 13px;
-  color: #fff;
-  opacity: 0.5;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.ck-download-card {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  padding: 14px 16px;
-  border-radius: 12px;
-  background: rgba(255, 255, 255, 0.05);
-  margin-top: auto;
-  gap: 12px;
-}
-
-.ck-download-card__text {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-
-.ck-download-card__title {
-  font-size: 14px;
-  font-weight: 500;
-  margin: 0;
-}
-
-.ck-download-card__sub {
-  font-size: 12px;
-  opacity: 0.5;
-  margin: 0;
-}
-
-.ck-all-wallets-btn {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  width: 100%;
-  padding: 14px 16px;
-  border: none;
-  border-radius: 12px;
-  background: rgba(255, 255, 255, 0.05);
-  color: #fff;
-  cursor: pointer;
-  margin-top: auto;
-}
-
-.ck-all-wallets-btn__icon {
-  width: 32px;
-  height: 32px;
-  border-radius: 8px;
-  background: rgba(255, 255, 255, 0.1);
-}
-
-.ck-all-wallets-btn__label {
-  flex: 1;
-  font-size: 14px;
-  font-weight: 500;
-  text-align: left;
-}
-
-.ck-all-wallets-btn__count {
-  font-size: 12px;
-  opacity: 0.5;
-}
-
-.ck-wallet-search {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.ck-wallet-search__input {
-  flex: 1;
-  padding: 10px 14px;
-  border-radius: 10px;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  background: rgba(255, 255, 255, 0.05);
-  font-size: 14px;
-  outline: none;
-  color: #fff;
-}
-.ck-wallet-search__input::placeholder {
-  color: rgba(255, 255, 255, 0.35);
-}
-
-.ck-wc-filter {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  flex-shrink: 0;
-  border: none;
-  background: none;
-  cursor: pointer;
-  padding: 0;
-}
-
-.ck-wc-filter__icon {
-  width: 20px;
-  height: 20px;
-  border-radius: 4px;
-  display: block;
-  opacity: 0.5;
-}
-.ck-wc-filter.is-active .ck-wc-filter__icon {
-  opacity: 1;
-}
-
-.ck-wc-filter__track {
-  position: relative;
-  width: 36px;
-  height: 20px;
-  border-radius: 10px;
-  background: rgba(255, 255, 255, 0.15);
-  transition: background 0.2s;
-}
-.ck-wc-filter.is-active .ck-wc-filter__track {
-  background: #3b82f6;
-}
-
-.ck-wc-filter__thumb {
-  position: absolute;
-  top: 2px;
-  left: 2px;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: #fff;
-  transition: transform 0.2s;
-}
-.ck-wc-filter.is-active .ck-wc-filter__thumb {
-  transform: translateX(16px);
-}
-
-.ck-wallet-grid-scroll {
-  flex: 1;
-  min-height: 0;
-  width: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-.ck-wallet-grid {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  grid-auto-rows: max-content;
-  gap: 8px;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.ck-wallet-grid__item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 6px;
-  padding: 10px 4px;
-  width: 100%;
-  background: none;
-  border: none;
-  border-radius: 10px;
-  cursor: pointer;
-  color: #fff;
-  box-sizing: border-box;
-}
-.ck-wallet-grid__item:hover {
-  background: rgba(255, 255, 255, 0.05);
-}
-
-.ck-wallet-grid__icon {
-  width: 48px;
-  height: 48px;
-  border-radius: 12px;
-  flex-shrink: 0;
-}
-
-.ck-wallet-grid__icon-placeholder {
-  width: 48px;
-  height: 48px;
-  border-radius: 12px;
-  flex-shrink: 0;
-  background: rgba(255, 255, 255, 0.1);
-}
-
-.ck-wallet-grid__name {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 3px;
-  width: 100%;
-  min-width: 0;
-}
-
-.ck-wallet-grid__name-text {
-  flex: 1;
-  min-width: 0;
-  font-size: 11px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.ck-wallet-grid__wc-badge {
-  width: 10px;
-  height: 10px;
-  border-radius: 2px;
-  flex-shrink: 0;
-  opacity: 0.7;
-}
-
-.ck-wallet-list-loading,
-.ck-wallet-list-empty {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 32px;
-  opacity: 0.4;
-}
-
-.ck-mobile-only {
-  display: none;
-}
-
-@media (max-width: 1120px) {
-  .ck-root {
-    align-items: flex-end;
-  }
-  .ck-modal {
-    flex-direction: column;
-    width: 100%;
-    height: auto;
-    max-height: 90dvh;
-    border-radius: 20px 20px 0 0;
-    animation: ck-slide-up 0.28s cubic-bezier(0.32, 0.72, 0, 1);
-    overflow-y: auto;
+// src/api/contract.ts
+import { readContract as wagmiReadContract, writeContract as wagmiWriteContract } from "@wagmi/core";
+
+// src/core/config.ts
+import { createConfig, createStorage } from "wagmi";
+import { metaMask, walletConnect, injected } from "wagmi/connectors";
+var SLOT_KEY = Symbol.for("@gluwa/connect-kit:slot");
+var getSlot = /* @__PURE__ */ __name(() => {
+  const g = globalThis;
+  if (!g[SLOT_KEY]) {
+    g[SLOT_KEY] = {
+      config: null,
+      kitConfig: null
+    };
   }
-  @keyframes ck-slide-up {
-    from {
-      transform: translateY(100%);
-    }
-    to {
-      transform: translateY(0);
+  return g[SLOT_KEY];
+}, "getSlot");
+var initConfig = /* @__PURE__ */ __name((kitConfig) => {
+  var _a;
+  const slot = getSlot();
+  if (slot.config) {
+    if (slot.kitConfig !== kitConfig) {
+      console.warn("[connect-kit] initConfig called again with a different kitConfig \u2014 new chains/transports ignored. Call resetConfig() first to re-init.");
     }
+    return slot.config;
   }
-  .ck-modal:not(.ck-modal--has-detail) .ck-pane--detail {
-    display: none;
+  const connectors = [];
+  if (kitConfig.wcProjectId) {
+    connectors.push(walletConnect({
+      projectId: kitConfig.wcProjectId,
+      showQrModal: false
+    }));
   }
-  .ck-modal.ck-modal--has-detail .ck-pane--selector {
-    display: none;
+  connectors.push(metaMask({
+    storage: {
+      enabled: true
+    }
+  }), injected({
+    shimDisconnect: false
+  }));
+  if ((_a = kitConfig.extraConnectors) == null ? void 0 : _a.length) {
+    connectors.push(...kitConfig.extraConnectors);
   }
-  .ck-pane--selector,
-  .ck-pane--detail {
-    width: 100%;
-    border-right: none;
+  const isBrowser = typeof window !== "undefined";
+  slot.config = createConfig({
+    ssr: true,
+    chains: kitConfig.chains,
+    connectors,
+    transports: kitConfig.transports,
+    storage: isBrowser ? createStorage({
+      storage: window.localStorage
+    }) : void 0
+  });
+  slot.kitConfig = kitConfig;
+  return slot.config;
+}, "initConfig");
+var getConfig = /* @__PURE__ */ __name(() => {
+  const slot = getSlot();
+  if (!slot.config) {
+    throw new Error("ConnectKit config not initialized. Make sure ConnectKitProvider is mounted.");
   }
-  .ck-pane--detail {
-    min-height: 420px;
+  return slot.config;
+}, "getConfig");
+var getKitConfig = /* @__PURE__ */ __name(() => {
+  const slot = getSlot();
+  if (!slot.kitConfig) {
+    throw new Error("ConnectKit config not initialized. Make sure ConnectKitProvider is mounted.");
   }
-  .ck-mobile-only {
-    display: block;
+  return slot.kitConfig;
+}, "getKitConfig");
+
+// src/api/contract.ts
+function readContract(parameters) {
+  return wagmiReadContract(getConfig(), parameters);
+}
+__name(readContract, "readContract");
+function writeContract(parameters) {
+  return wagmiWriteContract(getConfig(), parameters);
+}
+__name(writeContract, "writeContract");
+
+// src/api/balance.ts
+import { getBalance as wagmiGetBalance } from "@wagmi/core";
+var getBalance = /* @__PURE__ */ __name((params) => {
+  return wagmiGetBalance(getConfig(), params);
+}, "getBalance");
+
+// src/api/chain.ts
+import { switchChain as wagmiSwitchChain, getPublicClient as wagmiGetPublicClient } from "@wagmi/core";
+var switchChain = /* @__PURE__ */ __name((params) => {
+  return wagmiSwitchChain(getConfig(), params);
+}, "switchChain");
+var getPublicClient = /* @__PURE__ */ __name((params) => {
+  return wagmiGetPublicClient(getConfig(), params);
+}, "getPublicClient");
+
+// src/api/transaction.ts
+import { waitForTransactionReceipt as wagmiWaitForTransactionReceipt } from "@wagmi/core";
+var waitForTransactionReceipt = /* @__PURE__ */ __name((params) => {
+  return wagmiWaitForTransactionReceipt(getConfig(), params);
+}, "waitForTransactionReceipt");
+
+// src/api/account.ts
+import { getAccount as wagmiGetAccount, signMessage as wagmiSignMessage, signTypedData as wagmiSignTypedData } from "@wagmi/core";
+var getAccount = /* @__PURE__ */ __name(() => {
+  return wagmiGetAccount(getConfig());
+}, "getAccount");
+var signMessage = /* @__PURE__ */ __name((params) => {
+  return wagmiSignMessage(getConfig(), params);
+}, "signMessage");
+var signTypedData = /* @__PURE__ */ __name((params) => {
+  return wagmiSignTypedData(getConfig(), params);
+}, "signTypedData");
+
+// src/events/account.ts
+import { watchAccount as wagmiWatchAccount, watchConnections as wagmiWatchConnections, reconnect as wagmiReconnect, disconnect as wagmiDisconnect } from "@wagmi/core";
+var watchAccount = /* @__PURE__ */ __name((params) => {
+  return wagmiWatchAccount(getConfig(), params);
+}, "watchAccount");
+var watchConnections = /* @__PURE__ */ __name((params) => {
+  return wagmiWatchConnections(getConfig(), params);
+}, "watchConnections");
+var reconnect = /* @__PURE__ */ __name(() => {
+  return wagmiReconnect(getConfig());
+}, "reconnect");
+var disconnectAll = /* @__PURE__ */ __name(async (onLog) => {
+  const config = getConfig();
+  const results = await Promise.allSettled(config.connectors.map((connector) => wagmiDisconnect(config, {
+    connector
+  }).then(() => connector.id)));
+  const errors = [];
+  results.forEach((result, idx) => {
+    if (result.status === "rejected") {
+      const error = result.reason instanceof Error ? result.reason : new Error(String(result.reason));
+      const connectorId = config.connectors[idx].id;
+      errors.push({
+        connectorId,
+        error
+      });
+      onLog == null ? void 0 : onLog(`[connect-kit] disconnect failed for "${connectorId}": ${error.message}`, error);
+    }
+  });
+  if (errors.length === config.connectors.length && errors.length > 0) {
+    const messages = errors.map((e) => `${e.connectorId}: ${e.error.message}`).join("; ");
+    throw new Error(`All disconnects failed \u2014 ${messages}`);
   }
-}`;
-document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
+}, "disconnectAll");
 
 // src/ConnectModal.tsx
+import { useState as useState3, useEffect as useEffect6, useCallback as useCallback3, useMemo as useMemo4 } from "react";
 import { useAccount, useConfig as useConfig2, useDisconnect } from "wagmi";
 
 // assets/creditwallet.png
@@ -668,7 +200,7 @@ var isMobileDevice = /* @__PURE__ */ __name(() => {
 }, "isMobileDevice");
 var tryOpenDeepLink = /* @__PURE__ */ __name((uri, deepLinkBase2) => {
   const sep = deepLinkBase2.endsWith("/") ? "" : "/";
-  window.location.href = `${deepLinkBase2}${sep}wc?uri=${encodeURIComponent(uri)}`;
+  window.location.replace(`${deepLinkBase2}${sep}wc?uri=${encodeURIComponent(uri)}`);
 }, "tryOpenDeepLink");
 var detectMetaMaskExtension = /* @__PURE__ */ __name(() => {
   var _a;
@@ -681,7 +213,12 @@ import { useConnect, useConfig } from "wagmi";
 var hasMetaMaskKeyword = /* @__PURE__ */ __name((value) => value.toLowerCase().includes("metamask"), "hasMetaMaskKeyword");
 var hasWalletConnectKeyword = /* @__PURE__ */ __name((value) => value.toLowerCase().includes("walletconnect"), "hasWalletConnectKeyword");
 var isMetaMaskConnector = /* @__PURE__ */ __name((connector) => {
-  if (connector.id === "injected" || connector.id === "metaMaskSDK") return true;
+  if (connector.id === "metaMaskSDK") return true;
+  if (connector.id === "injected") {
+    if (typeof window === "undefined") return false;
+    const eth = window.ethereum;
+    return (eth == null ? void 0 : eth.isMetaMask) === true;
+  }
   if (hasMetaMaskKeyword(connector.id) || hasMetaMaskKeyword(connector.name)) return true;
   if (connector.rdns) {
     const rdnsList = Array.isArray(connector.rdns) ? connector.rdns : [
@@ -712,6 +249,7 @@ var resolveWagmiConnector = /* @__PURE__ */ __name((connectors, connectorId) =>
 var useWagmiConnect = /* @__PURE__ */ __name(({ onConnect, onError, onQrUri }) => {
   const config = useConfig();
   const pendingConnectorId = useRef(null);
+  const attemptCounter = useRef(0);
   const onConnectRef = useRef(onConnect);
   const onErrorRef = useRef(onError);
   const onQrUriRef = useRef(onQrUri);
@@ -753,12 +291,13 @@ var useWagmiConnect = /* @__PURE__ */ __name(({ onConnect, onError, onQrUri }) =
       return;
     }
     onQrUriRef.current(null);
+    const attemptId = ++attemptCounter.current;
     pendingConnectorId.current = connectorId;
     connectAsync({
       connector
     }).then((result) => {
       var _a;
-      if (pendingConnectorId.current !== connectorId) return;
+      if (attemptCounter.current !== attemptId) return;
       const address = (_a = result.accounts) == null ? void 0 : _a[0];
       if (!address) {
         throw new Error("Connected but no account returned");
@@ -769,7 +308,7 @@ var useWagmiConnect = /* @__PURE__ */ __name(({ onConnect, onError, onQrUri }) =
         connectorId
       });
     }).catch((error) => {
-      if (pendingConnectorId.current !== connectorId) return;
+      if (attemptCounter.current !== attemptId) return;
       pendingConnectorId.current = null;
       onErrorRef.current(error, connectorId);
     });
@@ -778,6 +317,7 @@ var useWagmiConnect = /* @__PURE__ */ __name(({ onConnect, onError, onQrUri }) =
     connectAsync
   ]);
   const cancelConnect = useCallback(() => {
+    attemptCounter.current += 1;
     pendingConnectorId.current = null;
     onQrUriRef.current(null);
     reset();
@@ -792,18 +332,21 @@ var useWagmiConnect = /* @__PURE__ */ __name(({ onConnect, onError, onQrUri }) =
 }, "useWagmiConnect");
 
 // src/hooks/useWCState.ts
-import { useState, useRef as useRef2, useCallback as useCallback2 } from "react";
-var fetchWCWalletList = /* @__PURE__ */ __name(async (projectId) => {
+import { useState, useRef as useRef2, useCallback as useCallback2, useEffect as useEffect2 } from "react";
+var fetchWCWalletList = /* @__PURE__ */ __name(async (projectId, signal) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
   const all = [];
   let page = 1;
   const entries = 100;
   while (page <= 10) {
+    if (signal == null ? void 0 : signal.aborted) throw new DOMException("Aborted", "AbortError");
     const url = new URL("https://explorer-api.walletconnect.com/v3/wallets");
     url.searchParams.set("projectId", projectId);
     url.searchParams.set("entries", String(entries));
     url.searchParams.set("page", String(page));
-    const res = await fetch(url.toString());
+    const res = await fetch(url.toString(), {
+      signal
+    });
     if (!res.ok) throw new Error(`Failed to fetch wallet list: ${res.status}`);
     const json = await res.json();
     const listings = Object.values((_a = json.listings) != null ? _a : {});
@@ -834,17 +377,32 @@ var useWCState = /* @__PURE__ */ __name(() => {
   const [filterActive, setFilterActive] = useState(false);
   const [selectedWallet, setSelectedWallet] = useState(null);
   const loadedRef = useRef2(false);
+  const abortControllerRef = useRef2(null);
+  const isMountedRef = useRef2(true);
+  useEffect2(() => {
+    isMountedRef.current = true;
+    return () => {
+      var _a;
+      isMountedRef.current = false;
+      (_a = abortControllerRef.current) == null ? void 0 : _a.abort();
+      abortControllerRef.current = null;
+    };
+  }, []);
   const loadWalletList = useCallback2(async (projectId) => {
     if (loadedRef.current) return;
     loadedRef.current = true;
+    const controller = new AbortController();
+    abortControllerRef.current = controller;
     setWalletListLoading(true);
     try {
-      const list = await fetchWCWalletList(projectId);
-      setWalletList(list);
-    } catch {
-      loadedRef.current = false;
+      const list = await fetchWCWalletList(projectId, controller.signal);
+      if (isMountedRef.current) setWalletList(list);
+    } catch (err) {
+      const isAbort = err instanceof DOMException && err.name === "AbortError";
+      if (!isAbort) loadedRef.current = false;
     } finally {
-      setWalletListLoading(false);
+      if (isMountedRef.current) setWalletListLoading(false);
+      if (abortControllerRef.current === controller) abortControllerRef.current = null;
     }
   }, []);
   const onShowList = useCallback2(() => setSubView("list"), []);
@@ -914,7 +472,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, useRef as useRef3 } from "react";
+import { useEffect as useEffect3, useMemo, useRef as useRef3 } from "react";
 
 // src/components/QRFrame.tsx
 import { QRCodeSVG } from "qrcode.react";
@@ -926,8 +484,8 @@ var QRFrame = /* @__PURE__ */ __name(({ qrUri, logoUrl }) => /* @__PURE__ */ Rea
   level: "H",
   imageSettings: logoUrl ? {
     src: logoUrl,
-    width: 40,
-    height: 40,
+    width: 50,
+    height: 50,
     excavate: true
   } : void 0
 }) : /* @__PURE__ */ React.createElement("div", {
@@ -940,7 +498,9 @@ var CopyLinkButton = /* @__PURE__ */ __name(({ qrUri }) => {
     type: "button",
     className: "ck-copy-link",
     onClick: /* @__PURE__ */ __name(() => {
-      navigator.clipboard.writeText(qrUri);
+      var _a;
+      (_a = navigator.clipboard) == null ? void 0 : _a.writeText(qrUri).catch(() => {
+      });
     }, "onClick")
   }, "Copy link");
 }, "CopyLinkButton");
@@ -950,7 +510,7 @@ var CreditWalletView = /* @__PURE__ */ __name(({ connectorId, qrUri }) => {
   const { downloadUrl: downloadUrl2, logoUrl, deepLinkBase: deepLinkBase2 } = CONNECTOR_META[connectorId];
   const isMobile = useMemo(() => isMobileDevice(), []);
   const hasRedirectedRef = useRef3(false);
-  useEffect2(() => {
+  useEffect3(() => {
     if (isMobile && qrUri && deepLinkBase2 && !hasRedirectedRef.current) {
       hasRedirectedRef.current = true;
       tryOpenDeepLink(qrUri, deepLinkBase2);
@@ -989,12 +549,14 @@ var CreditWalletView = /* @__PURE__ */ __name(({ connectorId, qrUri }) => {
 }, "CreditWalletView");
 
 // src/views/MetaMaskView.tsx
-import { useEffect as useEffect3, useMemo as useMemo2 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo2, useRef as useRef4 } from "react";
 var { downloadUrl, deepLinkBase } = CONNECTOR_META.METAMASK;
 var MetaMaskView = /* @__PURE__ */ __name(({ qrUri, hasExtension, logoUrl }) => {
   const isMobile = useMemo2(() => isMobileDevice(), []);
-  useEffect3(() => {
-    if (isMobile && qrUri && deepLinkBase) {
+  const hasRedirectedRef = useRef4(false);
+  useEffect4(() => {
+    if (isMobile && qrUri && deepLinkBase && !hasRedirectedRef.current) {
+      hasRedirectedRef.current = true;
       tryOpenDeepLink(qrUri, deepLinkBase);
     }
   }, [
@@ -1208,11 +770,18 @@ var WalletQRView = /* @__PURE__ */ __name(({ wallet, qrUri }) => {
 }, "WalletQRView");
 
 // src/views/SwitchChainView.tsx
-import { useState as useState2 } from "react";
+import { useEffect as useEffect5, useRef as useRef5, 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 isMountedRef = useRef5(true);
+  useEffect5(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
   const targetLabel = requiredChainName != null ? requiredChainName : `chain ${requiredChainId}`;
   const handleSwitch = /* @__PURE__ */ __name(() => {
     setError(null);
@@ -1226,7 +795,7 @@ var SwitchChainView = /* @__PURE__ */ __name(({ currentChainId, requiredChainId,
       } else {
         onLog == null ? void 0 : onLog(`[connect-kit] switch chain failed: ${normalized.message}`, normalized);
       }
-      setError(normalized);
+      if (isMountedRef.current) setError(normalized);
     });
   }, "handleSwitch");
   return /* @__PURE__ */ React.createElement("div", {
@@ -1253,25 +822,41 @@ var SwitchChainView = /* @__PURE__ */ __name(({ currentChainId, requiredChainId,
 
 // src/ConnectModal.tsx
 var RECENT_KEY = "connect-kit:recent";
+var VALID_CONNECTOR_IDS = /* @__PURE__ */ new Set([
+  "CREDIT_CONNECT",
+  "CREDIT_WALLET",
+  "METAMASK",
+  "WALLET_CONNECT"
+]);
 var readRecentConnector = /* @__PURE__ */ __name(() => {
   try {
-    return localStorage.getItem(RECENT_KEY);
+    const raw = localStorage.getItem(RECENT_KEY);
+    if (raw == null) return null;
+    return VALID_CONNECTOR_IDS.has(raw) ? raw : null;
   } catch {
     return null;
   }
 }, "readRecentConnector");
-var writeRecentConnector = /* @__PURE__ */ __name((id) => {
+var writeRecentConnector = /* @__PURE__ */ __name((id, onLog) => {
   try {
     localStorage.setItem(RECENT_KEY, id);
-  } catch {
+  } catch (err) {
+    const normalized = err instanceof Error ? err : new Error(String(err));
+    onLog == null ? void 0 : onLog(`[connect-kit] writeRecentConnector failed: ${normalized.message}`, normalized);
   }
 }, "writeRecentConnector");
+var REJECTED_ERROR_CODES = /* @__PURE__ */ new Set([
+  4001,
+  "ACTION_REJECTED"
+]);
 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";
+  if (code != null && REJECTED_ERROR_CODES.has(code)) 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("user rejected") || message.includes("user denied") || message.includes("user cancel") || message.includes("rejected by user") || message.includes("action_rejected") || message.includes("\uC0AC\uC6A9\uC790\uAC00 \uAC70\uBD80") || message.includes("\uC0AC\uC6A9\uC790\uAC00 \uCDE8\uC18C") || message.includes("\u30E6\u30FC\u30B6\u30FC\u304C\u62D2\u5426") || message.includes("\u30E6\u30FC\u30B6\u30FC\u304C\u30AD\u30E3\u30F3\u30BB\u30EB")) {
+    return "rejected";
+  }
   if (message.includes("unsupported") || message.includes("not installed")) return "unsupported";
   return "unknown";
 }, "classifyError");
@@ -1485,11 +1070,11 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
   }, [
     wagmiConfig.connectors
   ]);
-  useEffect4(() => {
+  useEffect6(() => {
     setRecentConnector(readRecentConnector());
     setHasMetaMaskExtension(detectMetaMaskExtension());
   }, []);
-  useEffect4(() => {
+  useEffect6(() => {
     if (!open) {
       setSelectedConnector(null);
       setQrUri(null);
@@ -1508,7 +1093,7 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
     setQrUri(null);
     setErrorState(null);
     wc.resetView();
-    writeRecentConnector(id);
+    writeRecentConnector(id, onLog);
     setRecentConnector(id);
     if (id === "WALLET_CONNECT" && wcProjectId) {
       wc.loadWalletList(wcProjectId);
@@ -1522,7 +1107,8 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
     cancelConnect,
     wcProjectId,
     wc.resetView,
-    wc.loadWalletList
+    wc.loadWalletList,
+    onLog
   ]);
   const handleBack = useCallback3(() => {
     if (errorState) {
@@ -1653,8 +1239,8 @@ var ConnectModalInner = /* @__PURE__ */ __name(({ open, connectors, onConnect, o
 }, "ConnectModalInner");
 
 // 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 { createContext, useCallback as useCallback4, useContext, useEffect as useEffect7, useMemo as useMemo5, useRef as useRef6, useState as useState4 } from "react";
+import { WagmiProvider, useAccount as useAccount2, useDisconnect as useDisconnect2, useSwitchChain as useSwitchChain2 } from "wagmi";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 var internalQueryClient = new QueryClient();
 var ConnectKitContext = /* @__PURE__ */ createContext(null);
@@ -1668,29 +1254,80 @@ var resolveConnectorId = /* @__PURE__ */ __name((wagmiConnectorId) => {
   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);
+  var _a;
+  const wagmiConfig = useMemo5(() => props.kitConfig ? initConfig(props.kitConfig) : getConfig(), [
+    props.kitConfig
+  ]);
+  const resolvedKitConfig = (_a = props.kitConfig) != null ? _a : getKitConfig();
+  return /* @__PURE__ */ React.createElement(WagmiProvider, {
+    config: wagmiConfig,
+    reconnectOnMount: false
+  }, /* @__PURE__ */ React.createElement(QueryClientProvider, {
+    client: internalQueryClient
+  }, /* @__PURE__ */ React.createElement(ConnectKitProviderInner, {
+    ...props,
+    kitConfig: resolvedKitConfig
+  })));
 }, "ConnectKitProvider");
-var ConnectKitProviderInner = /* @__PURE__ */ __name(({ children, connectors, wcProjectId, requiredChainId, onConnect, onLog, renderConnectError }) => {
+var ConnectKitProviderInner = /* @__PURE__ */ __name(({ children, connectors, kitConfig, 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(() => {
+  const { switchChainAsync } = useSwitchChain2();
+  const onConnectRef = useRef6(onConnect);
+  useEffect7(() => {
     onConnectRef.current = onConnect;
   }, [
     onConnect
   ]);
   const chainMismatch = requiredChainId != null && account.status === "connected" && account.chainId != null && account.chainId !== requiredChainId;
-  const effectiveOpen = isOpen || chainMismatch;
+  const [autoSwitchFailedKey, setAutoSwitchFailedKey] = useState4(null);
+  const autoSwitchInFlightRef = useRef6(false);
+  const isMountedRef = useRef6(true);
+  useEffect7(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  const mismatchKey = chainMismatch && account.chainId != null && requiredChainId != null ? `${account.chainId}->${requiredChainId}` : null;
+  useEffect7(() => {
+    if (!chainMismatch || requiredChainId == null) return;
+    if (autoSwitchInFlightRef.current) return;
+    if (mismatchKey != null && mismatchKey === autoSwitchFailedKey) return;
+    autoSwitchInFlightRef.current = true;
+    switchChainAsync({
+      chainId: requiredChainId
+    }).catch((err) => {
+      if (!isMountedRef.current) return;
+      const normalized = err instanceof Error ? err : new Error(String(err));
+      onLog == null ? void 0 : onLog(`[connect-kit] silent switch chain failed: ${normalized.message}`, normalized);
+      if (mismatchKey != null) {
+        setAutoSwitchFailedKey(mismatchKey);
+      }
+    }).finally(() => {
+      autoSwitchInFlightRef.current = false;
+    });
+  }, [
+    chainMismatch,
+    mismatchKey,
+    requiredChainId,
+    autoSwitchFailedKey,
+    switchChainAsync,
+    onLog
+  ]);
+  useEffect7(() => {
+    if (!chainMismatch && autoSwitchFailedKey != null) {
+      setAutoSwitchFailedKey(null);
+    }
+  }, [
+    chainMismatch,
+    autoSwitchFailedKey
+  ]);
+  const autoSwitchFailedForCurrent = mismatchKey != null && mismatchKey === autoSwitchFailedKey;
+  const effectiveOpen = isOpen || chainMismatch && autoSwitchFailedForCurrent;
   const open = useCallback4(() => {
     setIsOpen(true);
   }, []);
@@ -1705,7 +1342,7 @@ var ConnectKitProviderInner = /* @__PURE__ */ __name(({ children, connectors, wc
   const handleModalConnect = useCallback4((result) => {
     setPendingResult(result);
   }, []);
-  useEffect5(() => {
+  useEffect7(() => {
     var _a2;
     if (!pendingResult) return;
     if (account.status !== "connected") {
@@ -1749,7 +1386,7 @@ var ConnectKitProviderInner = /* @__PURE__ */ __name(({ children, connectors, wc
   }, children, /* @__PURE__ */ React.createElement(ConnectModal, {
     open: effectiveOpen,
     connectors,
-    wcProjectId,
+    wcProjectId: kitConfig.wcProjectId,
     requiredChainId,
     renderConnectError,
     onConnect: handleModalConnect,
@@ -1764,8 +1401,31 @@ var useConnectKit = /* @__PURE__ */ __name(() => {
   }
   return ctx;
 }, "useConnectKit");
+
+// src/index.ts
+var connectKit = {
+  api: {
+    readContract,
+    writeContract,
+    getBalance,
+    switchChain,
+    getPublicClient,
+    waitForTransactionReceipt,
+    getAccount,
+    signMessage,
+    signTypedData
+  },
+  events: {
+    watchAccount,
+    watchConnections,
+    reconnect,
+    disconnectAll
+  }
+};
 export {
   ConnectKitProvider,
   ConnectModal,
+  connectKit,
+  initConfig,
   useConnectKit
 };