@forge-connect/react 1.0.9 → 1.0.11

package/dist/index.cjs

@@ -16,8 +16,16 @@ var ForgeConnectApiError = class extends Error {
     this.code = code;
   }
 };
+var clientCache = /* @__PURE__ */ new Map();
 function createApiClient(apiUrl) {
   const base = apiUrl.replace(/\/+$/, "");
+  const cached = clientCache.get(base);
+  if (cached) return cached;
+  const client = buildApiClient(base);
+  clientCache.set(base, client);
+  return client;
+}
+function buildApiClient(base) {
   const inflightRequests = /* @__PURE__ */ new Map();
   let inflightRefresh = null;
   async function request(path, options = {}) {
@@ -486,7 +494,7 @@ function ModalOverlay({ isOpen, onClose, children }) {
 
 
 // src/resolve-config.ts
-var OAUTH_PROVIDERS = /* @__PURE__ */ new Set(["google", "discord", "twitter", "apple", "telegram"]);
+var OAUTH_PROVIDERS = /* @__PURE__ */ new Set(["google", "discord", "twitter", "apple", "telegram", "matrica"]);
 function isOAuthMethod(method) {
   return OAUTH_PROVIDERS.has(method);
 }
@@ -828,6 +836,103 @@ function EmailOtpForm() {
 // src/components/tabs/wallet-connect.tsx
 
 
+// src/components/svg-icon.tsx
+
+
+function SvgIcon({ svg, className }) {
+  const ref = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (!ref.current || !svg) return;
+    try {
+      const doc = new DOMParser().parseFromString(svg, "text/html");
+      const svgEl = doc.body.querySelector("svg");
+      if (!svgEl) {
+        ref.current.textContent = "";
+        return;
+      }
+      const dangerous = svgEl.querySelectorAll("script,iframe,object,embed,foreignObject");
+      dangerous.forEach((el) => el.remove());
+      const all = svgEl.querySelectorAll("*");
+      all.forEach((el) => {
+        for (const attr of Array.from(el.attributes)) {
+          if (attr.name.startsWith("on")) {
+            el.removeAttribute(attr.name);
+          }
+        }
+      });
+      ref.current.textContent = "";
+      ref.current.appendChild(svgEl);
+    } catch (e5) {
+      ref.current.textContent = "";
+    }
+  }, [svg]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref, className });
+}
+
+// src/components/tabs/oauth-buttons.tsx
+
+var PROVIDER_INFO = {
+  google: {
+    label: "Google",
+    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>'
+  },
+  discord: {
+    label: "Discord",
+    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128c.126-.094.252-.192.372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z" fill="#5865F2"/></svg>'
+  },
+  twitter: {
+    label: "Twitter",
+    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="currentColor"/></svg>'
+  },
+  apple: {
+    label: "Apple",
+    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.52-3.23 0-1.44.64-2.2.45-3.06-.4C3.79 16.17 4.36 9.02 8.8 8.78c1.27.06 2.15.72 2.91.76.93-.19 1.82-.88 2.83-.8 1.21.1 2.12.58 2.72 1.49-2.46 1.48-1.88 4.73.52 5.64-.42 1.13-.98 2.24-1.73 3.41zM12.03 8.7c-.12-2.35 1.82-4.38 4.04-4.54.29 2.56-2.34 4.68-4.04 4.54z" fill="currentColor"/></svg>'
+  },
+  telegram: {
+    label: "Telegram",
+    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.479.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z" fill="#2AABEE"/></svg>'
+  },
+  matrica: {
+    label: "Matrica",
+    icon: '<svg viewBox="2 1 26 26" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><rect x="11.457" y="10.6387" width="7.00961" height="7.00962" fill="#4A99BF"/><path d="M12.6266 1.87695V5.08969H5.90903V23.1979H12.6266V26.4106H2.69629V1.87695H12.6266Z" fill="#4A99BF"/><path d="M17.2997 26.4106H27.2299V1.87695H17.2997V5.08969H24.0172V23.1979H17.2997V26.4106Z" fill="#4A99BF"/></svg>'
+  }
+};
+function OAuthButton({ provider }) {
+  const { loginWithOAuth } = useForgeConnect();
+  const info = PROVIDER_INFO[provider];
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "button",
+    {
+      type: "button",
+      className: "fc-btn fc-btn-oauth",
+      onClick: () => loginWithOAuth(provider),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { svg: info.icon, className: "fc-oauth-icon" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-btn-name", children: info.label })
+      ]
+    }
+  );
+}
+
+// src/components/tabs/wallet-connect.tsx
+
+function MatricaWalletEntry() {
+  const { loginWithOAuth } = useForgeConnect();
+  const info = PROVIDER_INFO.matrica;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "button",
+    {
+      type: "button",
+      className: "fc-btn fc-btn-wallet",
+      onClick: () => loginWithOAuth("matrica"),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { position: "relative", display: "inline-flex" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { svg: info.icon, className: "fc-wallet-icon" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-wallet-name", children: info.label }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-badge-preferred", children: "Brings wallets" })
+      ]
+    }
+  );
+}
 var MOBILE_WALLETS = [
   {
     name: "Phantom",
@@ -893,21 +998,25 @@ function MobileWalletFlow() {
     const pageUrl = window.location.href;
     window.location.href = mw.buildUrl(pageUrl);
   };
+  const showMatrica = methods.includes("matrica");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-tab", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fc-wallet-list", children: walletsToShow.map((mw) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
-      {
-        type: "button",
-        className: "fc-btn fc-btn-wallet",
-        onClick: () => handleOpen(mw),
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { position: "relative", display: "inline-flex" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: mw.icon, alt: "", className: "fc-wallet-icon" }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-wallet-name", children: mw.name }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-badge-preferred", children: "Open app" })
-        ]
-      },
-      mw.name
-    )) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-wallet-list", children: [
+      showMatrica && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MatricaWalletEntry, {}),
+      walletsToShow.map((mw) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "fc-btn fc-btn-wallet",
+          onClick: () => handleOpen(mw),
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { position: "relative", display: "inline-flex" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: mw.icon, alt: "", className: "fc-wallet-icon" }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-wallet-name", children: mw.name }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-badge-preferred", children: "Open app" })
+          ]
+        },
+        mw.name
+      ))
+    ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-text", style: { textAlign: "center", fontSize: 12, opacity: 0.6 }, children: "You'll be redirected to the wallet app to sign in." }),
     showBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-switch", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "fc-link", onClick: () => setModalStep("method-select"), children: "Back" }) })
   ] });
@@ -1017,6 +1126,7 @@ function WalletAdapterFlow() {
       ] })
     ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-wallet-list", children: [
+        methods.includes("matrica") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MatricaWalletEntry, {}),
         preferredWallets.map((w) => {
           const installed = w.readyState === "Installed";
           const isConnected = w.adapter.name === connectedWalletName;
@@ -1085,7 +1195,7 @@ function WalletAdapterFlow() {
         })
       ] }),
       preferredWallets.length === 0 && otherWallets.length === 0 && mobileExtraWallets.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-text", children: "No wallet found. Please install a Solana wallet (like Phantom) to continue." }),
-      _optionalChain([walletConfig, 'optionalAccess', _24 => _24.Transaction]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: "fc-cold-wallet-toggle", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: "fc-cold-wallet-toggle", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
@@ -1234,7 +1344,7 @@ function Verify2FAForm() {
   const inputRef = _react.useRef.call(void 0, null);
   const submittingRef = _react.useRef.call(void 0, false);
   _react.useEffect.call(void 0, () => {
-    _optionalChain([inputRef, 'access', _25 => _25.current, 'optionalAccess', _26 => _26.focus, 'call', _27 => _27()]);
+    _optionalChain([inputRef, 'access', _24 => _24.current, 'optionalAccess', _25 => _25.focus, 'call', _26 => _26()]);
   }, [useRecovery]);
   const submitCode = _react.useCallback.call(void 0, async (codeValue, isRecovery) => {
     if (submittingRef.current || !codeValue.trim()) return;
@@ -1255,7 +1365,7 @@ function Verify2FAForm() {
     }
   }, [verify2FA, verifyRecoveryCode]);
   const handleSubmit = async (e) => {
-    _optionalChain([e, 'optionalAccess', _28 => _28.preventDefault, 'call', _29 => _29()]);
+    _optionalChain([e, 'optionalAccess', _27 => _27.preventDefault, 'call', _28 => _28()]);
     await submitCode(code, useRecovery);
   };
   const handleCodeChange = (value) => {
@@ -1306,80 +1416,6 @@ function Verify2FAForm() {
   ] });
 }
 
-// src/components/svg-icon.tsx
-
-
-function SvgIcon({ svg, className }) {
-  const ref = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    if (!ref.current || !svg) return;
-    try {
-      const doc = new DOMParser().parseFromString(svg, "text/html");
-      const svgEl = doc.body.querySelector("svg");
-      if (!svgEl) {
-        ref.current.textContent = "";
-        return;
-      }
-      const dangerous = svgEl.querySelectorAll("script,iframe,object,embed,foreignObject");
-      dangerous.forEach((el) => el.remove());
-      const all = svgEl.querySelectorAll("*");
-      all.forEach((el) => {
-        for (const attr of Array.from(el.attributes)) {
-          if (attr.name.startsWith("on")) {
-            el.removeAttribute(attr.name);
-          }
-        }
-      });
-      ref.current.textContent = "";
-      ref.current.appendChild(svgEl);
-    } catch (e5) {
-      ref.current.textContent = "";
-    }
-  }, [svg]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref, className });
-}
-
-// src/components/tabs/oauth-buttons.tsx
-
-var PROVIDER_INFO = {
-  google: {
-    label: "Google",
-    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>'
-  },
-  discord: {
-    label: "Discord",
-    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128c.126-.094.252-.192.372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z" fill="#5865F2"/></svg>'
-  },
-  twitter: {
-    label: "Twitter",
-    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="currentColor"/></svg>'
-  },
-  apple: {
-    label: "Apple",
-    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.52-3.23 0-1.44.64-2.2.45-3.06-.4C3.79 16.17 4.36 9.02 8.8 8.78c1.27.06 2.15.72 2.91.76.93-.19 1.82-.88 2.83-.8 1.21.1 2.12.58 2.72 1.49-2.46 1.48-1.88 4.73.52 5.64-.42 1.13-.98 2.24-1.73 3.41zM12.03 8.7c-.12-2.35 1.82-4.38 4.04-4.54.29 2.56-2.34 4.68-4.04 4.54z" fill="currentColor"/></svg>'
-  },
-  telegram: {
-    label: "Telegram",
-    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.479.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z" fill="#2AABEE"/></svg>'
-  }
-};
-function OAuthButton({ provider }) {
-  const { loginWithOAuth } = useForgeConnect();
-  const info = PROVIDER_INFO[provider];
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
-    {
-      type: "button",
-      className: "fc-btn fc-btn-oauth",
-      onClick: () => loginWithOAuth(provider),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { svg: info.icon, className: "fc-oauth-icon" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-btn-name", children: info.label })
-      ]
-    }
-  );
-}
-
 // src/components/login-modal.tsx
 
 function LoginModal() {
@@ -1408,10 +1444,10 @@ function LoginModal() {
     }
   };
   const renderLogo = () => {
-    if (_optionalChain([config, 'access', _30 => _30.appearance, 'optionalAccess', _31 => _31.logoNode])) {
+    if (_optionalChain([config, 'access', _29 => _29.appearance, 'optionalAccess', _30 => _30.logoNode])) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fc-logo", children: config.appearance.logoNode });
     }
-    if (_optionalChain([config, 'access', _32 => _32.appearance, 'optionalAccess', _33 => _33.logo])) {
+    if (_optionalChain([config, 'access', _31 => _31.appearance, 'optionalAccess', _32 => _32.logo])) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: config.appearance.logo, alt: "", className: "fc-logo" });
     }
     return null;
@@ -1421,14 +1457,14 @@ function LoginModal() {
     {
       className: "fc-modal-content",
       style: {
-        "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _34 => _34.appearance, 'optionalAccess', _35 => _35.accentColor]), () => ( "#8b5cf6"))
+        "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _33 => _33.appearance, 'optionalAccess', _34 => _34.accentColor]), () => ( "#8b5cf6"))
       },
-      "data-theme": _nullishCoalesce(_optionalChain([config, 'access', _36 => _36.appearance, 'optionalAccess', _37 => _37.theme]), () => ( "light")),
+      "data-theme": _nullishCoalesce(_optionalChain([config, 'access', _35 => _35.appearance, 'optionalAccess', _36 => _36.theme]), () => ( "light")),
       children: modal.step === "success" || modal.step === "oauth" ? renderStep() : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         renderLogo(),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "fc-modal-title", children: _nullishCoalesce(_optionalChain([config, 'access', _38 => _38.appearance, 'optionalAccess', _39 => _39.title]), () => ( "Log in or sign up")) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "fc-modal-title", children: _nullishCoalesce(_optionalChain([config, 'access', _37 => _37.appearance, 'optionalAccess', _38 => _38.title]), () => ( "Log in or sign up")) }),
         renderStep(),
-        (_optionalChain([config, 'access', _40 => _40.appearance, 'optionalAccess', _41 => _41.termsUrl]) || _optionalChain([config, 'access', _42 => _42.appearance, 'optionalAccess', _43 => _43.privacyUrl])) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "fc-legal", children: [
+        (_optionalChain([config, 'access', _39 => _39.appearance, 'optionalAccess', _40 => _40.termsUrl]) || _optionalChain([config, 'access', _41 => _41.appearance, 'optionalAccess', _42 => _42.privacyUrl])) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "fc-legal", children: [
           "By continuing, you agree to our",
           " ",
           config.appearance.termsUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { href: config.appearance.termsUrl, target: "_blank", rel: "noopener noreferrer", className: "fc-legal-link", children: "Terms" }),
@@ -1645,7 +1681,7 @@ function useUser() {
   _react.useEffect.call(void 0, () => {
     const handleMessage = (event) => {
       if (event.origin !== window.location.origin) return;
-      if (_optionalChain([event, 'access', _44 => _44.data, 'optionalAccess', _45 => _45.type]) === "fc_oauth_link_success" && pendingRefreshRef.current) {
+      if (_optionalChain([event, 'access', _43 => _43.data, 'optionalAccess', _44 => _44.type]) === "fc_oauth_link_success" && pendingRefreshRef.current) {
         pendingRefreshRef.current = false;
         fetchAuthMethods().catch(() => {
         });
@@ -1817,7 +1853,7 @@ function useSessions() {
 
 function TwoFactorModal({ isOpen, onClose, initialEnabled, onStatusChange }) {
   const { api, getAccessToken, config } = useForgeConnect();
-  const theme = _nullishCoalesce(_optionalChain([config, 'access', _46 => _46.appearance, 'optionalAccess', _47 => _47.theme]), () => ( "light"));
+  const theme = _nullishCoalesce(_optionalChain([config, 'access', _45 => _45.appearance, 'optionalAccess', _46 => _46.theme]), () => ( "light"));
   const [step, setStep] = _react.useState.call(void 0, initialEnabled ? "manage" : "setup");
   const [setupData, setSetupData] = _react.useState.call(void 0, null);
   const [code, setCode] = _react.useState.call(void 0, "");
@@ -1910,7 +1946,7 @@ function TwoFactorModal({ isOpen, onClose, initialEnabled, onStatusChange }) {
     "div",
     {
       className: "fc-modal-content",
-      style: { "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _48 => _48.appearance, 'optionalAccess', _49 => _49.accentColor]), () => ( "#8b5cf6")) },
+      style: { "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _47 => _47.appearance, 'optionalAccess', _48 => _48.accentColor]), () => ( "#8b5cf6")) },
       "data-theme": theme,
       children: [
         step === "setup" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
@@ -2118,7 +2154,7 @@ function base64URLStringToBuffer(base64URLString) {
 
 // ../../node_modules/.pnpm/@simplewebauthn+browser@13.2.2/node_modules/@simplewebauthn/browser/esm/helpers/browserSupportsWebAuthn.js
 function browserSupportsWebAuthn() {
-  return _browserSupportsWebAuthnInternals.stubThis(_optionalChain([globalThis, 'optionalAccess', _50 => _50.PublicKeyCredential]) !== void 0 && typeof globalThis.PublicKeyCredential === "function");
+  return _browserSupportsWebAuthnInternals.stubThis(_optionalChain([globalThis, 'optionalAccess', _49 => _49.PublicKeyCredential]) !== void 0 && typeof globalThis.PublicKeyCredential === "function");
 }
 var _browserSupportsWebAuthnInternals = {
   stubThis: (value) => value
@@ -2177,7 +2213,7 @@ function identifyRegistrationError({ error, options }) {
       });
     }
   } else if (error.name === "ConstraintError") {
-    if (_optionalChain([publicKey, 'access', _51 => _51.authenticatorSelection, 'optionalAccess', _52 => _52.requireResidentKey]) === true) {
+    if (_optionalChain([publicKey, 'access', _50 => _50.authenticatorSelection, 'optionalAccess', _51 => _51.requireResidentKey]) === true) {
       return new WebAuthnError({
         message: "Discoverable credentials were required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_DISCOVERABLE_CREDENTIAL_SUPPORT",
@@ -2185,14 +2221,14 @@ function identifyRegistrationError({ error, options }) {
       });
     } else if (
       // @ts-ignore: `mediation` doesn't yet exist on CredentialCreationOptions but it's possible as of Sept 2024
-      options.mediation === "conditional" && _optionalChain([publicKey, 'access', _53 => _53.authenticatorSelection, 'optionalAccess', _54 => _54.userVerification]) === "required"
+      options.mediation === "conditional" && _optionalChain([publicKey, 'access', _52 => _52.authenticatorSelection, 'optionalAccess', _53 => _53.userVerification]) === "required"
     ) {
       return new WebAuthnError({
         message: "User verification was required during automatic registration but it could not be performed",
         code: "ERROR_AUTO_REGISTER_USER_VERIFICATION_FAILURE",
         cause: error
       });
-    } else if (_optionalChain([publicKey, 'access', _55 => _55.authenticatorSelection, 'optionalAccess', _56 => _56.userVerification]) === "required") {
+    } else if (_optionalChain([publicKey, 'access', _54 => _54.authenticatorSelection, 'optionalAccess', _55 => _55.userVerification]) === "required") {
       return new WebAuthnError({
         message: "User verification was required but no available authenticator supported it",
         code: "ERROR_AUTHENTICATOR_MISSING_USER_VERIFICATION_SUPPORT",
@@ -2318,7 +2354,7 @@ async function startRegistration(options) {
       ...optionsJSON.user,
       id: base64URLStringToBuffer(optionsJSON.user.id)
     },
-    excludeCredentials: _optionalChain([optionsJSON, 'access', _57 => _57.excludeCredentials, 'optionalAccess', _58 => _58.map, 'call', _59 => _59(toPublicKeyCredentialDescriptor)])
+    excludeCredentials: _optionalChain([optionsJSON, 'access', _56 => _56.excludeCredentials, 'optionalAccess', _57 => _57.map, 'call', _58 => _58(toPublicKeyCredentialDescriptor)])
   };
   const createOptions = {};
   if (useAutoRegister) {
@@ -2394,7 +2430,7 @@ function browserSupportsWebAuthnAutofill() {
     return _browserSupportsWebAuthnAutofillInternals.stubThis(new Promise((resolve) => resolve(false)));
   }
   const globalPublicKeyCredential = globalThis.PublicKeyCredential;
-  if (_optionalChain([globalPublicKeyCredential, 'optionalAccess', _60 => _60.isConditionalMediationAvailable]) === void 0) {
+  if (_optionalChain([globalPublicKeyCredential, 'optionalAccess', _59 => _59.isConditionalMediationAvailable]) === void 0) {
     return _browserSupportsWebAuthnAutofillInternals.stubThis(new Promise((resolve) => resolve(false)));
   }
   return _browserSupportsWebAuthnAutofillInternals.stubThis(globalPublicKeyCredential.isConditionalMediationAvailable());
@@ -2459,8 +2495,8 @@ async function startAuthentication(options) {
     throw new Error("WebAuthn is not supported in this browser");
   }
   let allowCredentials;
-  if (_optionalChain([optionsJSON, 'access', _61 => _61.allowCredentials, 'optionalAccess', _62 => _62.length]) !== 0) {
-    allowCredentials = _optionalChain([optionsJSON, 'access', _63 => _63.allowCredentials, 'optionalAccess', _64 => _64.map, 'call', _65 => _65(toPublicKeyCredentialDescriptor)]);
+  if (_optionalChain([optionsJSON, 'access', _60 => _60.allowCredentials, 'optionalAccess', _61 => _61.length]) !== 0) {
+    allowCredentials = _optionalChain([optionsJSON, 'access', _62 => _62.allowCredentials, 'optionalAccess', _63 => _63.map, 'call', _64 => _64(toPublicKeyCredentialDescriptor)]);
   }
   const publicKey = {
     ...optionsJSON,
@@ -2514,7 +2550,7 @@ async function startAuthentication(options) {
 
 function PasskeysModal({ isOpen, onClose, onCountChange }) {
   const { api, getAccessToken, config } = useForgeConnect();
-  const theme = _nullishCoalesce(_optionalChain([config, 'access', _66 => _66.appearance, 'optionalAccess', _67 => _67.theme]), () => ( "light"));
+  const theme = _nullishCoalesce(_optionalChain([config, 'access', _65 => _65.appearance, 'optionalAccess', _66 => _66.theme]), () => ( "light"));
   const [passkeys, setPasskeys] = _react.useState.call(void 0, []);
   const [loading, setLoading] = _react.useState.call(void 0, false);
   const [addLoading, setAddLoading] = _react.useState.call(void 0, false);
@@ -2574,7 +2610,7 @@ function PasskeysModal({ isOpen, onClose, onCountChange }) {
     "div",
     {
       className: "fc-modal-content",
-      style: { "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _68 => _68.appearance, 'optionalAccess', _69 => _69.accentColor]), () => ( "#8b5cf6")) },
+      style: { "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _67 => _67.appearance, 'optionalAccess', _68 => _68.accentColor]), () => ( "#8b5cf6")) },
       "data-theme": theme,
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "fc-modal-title", children: "Passkeys" }),
@@ -2648,7 +2684,7 @@ function ErrorView({
 
 function PasswordModal({ isOpen, onClose, hasPassword }) {
   const { api, getAccessToken, config } = useForgeConnect();
-  const theme = _nullishCoalesce(_optionalChain([config, 'access', _70 => _70.appearance, 'optionalAccess', _71 => _71.theme]), () => ( "light"));
+  const theme = _nullishCoalesce(_optionalChain([config, 'access', _69 => _69.appearance, 'optionalAccess', _70 => _70.theme]), () => ( "light"));
   const [step, setStep] = _react.useState.call(void 0, "form");
   const [currentPassword, setCurrentPassword] = _react.useState.call(void 0, "");
   const [newPassword, setNewPassword] = _react.useState.call(void 0, "");
@@ -2685,7 +2721,7 @@ function PasswordModal({ isOpen, onClose, hasPassword }) {
     "div",
     {
       className: "fc-modal-content",
-      style: { "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _72 => _72.appearance, 'optionalAccess', _73 => _73.accentColor]), () => ( "#8b5cf6")) },
+      style: { "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _71 => _71.appearance, 'optionalAccess', _72 => _72.accentColor]), () => ( "#8b5cf6")) },
       "data-theme": theme,
       children: step === "done" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-tab", style: { textAlign: "center", padding: "24px 0" }, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-success", children: [
@@ -2754,7 +2790,7 @@ function PasswordModal({ isOpen, onClose, hasPassword }) {
 
 function DeleteAccountModal({ isOpen, onClose, onDeleted }) {
   const { api, getAccessToken, config, logout } = useForgeConnect();
-  const theme = _nullishCoalesce(_optionalChain([config, 'access', _74 => _74.appearance, 'optionalAccess', _75 => _75.theme]), () => ( "light"));
+  const theme = _nullishCoalesce(_optionalChain([config, 'access', _73 => _73.appearance, 'optionalAccess', _74 => _74.theme]), () => ( "light"));
   const [step, setStep] = _react.useState.call(void 0, "confirm");
   const [code, setCode] = _react.useState.call(void 0, "");
   const [loading, setLoading] = _react.useState.call(void 0, false);
@@ -2814,7 +2850,7 @@ function DeleteAccountModal({ isOpen, onClose, onDeleted }) {
     "div",
     {
       className: "fc-modal-content",
-      style: { "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _76 => _76.appearance, 'optionalAccess', _77 => _77.accentColor]), () => ( "#8b5cf6")) },
+      style: { "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _75 => _75.appearance, 'optionalAccess', _76 => _76.accentColor]), () => ( "#8b5cf6")) },
       "data-theme": theme,
       children: [
         step === "confirm" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
@@ -2941,20 +2977,20 @@ function AccountModal() {
     prevLinkOpen.current = linkModal.isOpen;
   }, [linkModal.isOpen]);
   if (!accountModal.isOpen) return null;
-  const theme = _nullishCoalesce(_optionalChain([config, 'access', _78 => _78.appearance, 'optionalAccess', _79 => _79.theme]), () => ( "light"));
-  const initial = (_nullishCoalesce(_nullishCoalesce(_optionalChain([user, 'optionalAccess', _80 => _80.displayName]), () => ( _optionalChain([user, 'optionalAccess', _81 => _81.primaryEmail]))), () => ( "?"))).charAt(0).toUpperCase();
+  const theme = _nullishCoalesce(_optionalChain([config, 'access', _77 => _77.appearance, 'optionalAccess', _78 => _78.theme]), () => ( "light"));
+  const initial = (_nullishCoalesce(_nullishCoalesce(_optionalChain([user, 'optionalAccess', _79 => _79.displayName]), () => ( _optionalChain([user, 'optionalAccess', _80 => _80.primaryEmail]))), () => ( "?"))).charAt(0).toUpperCase();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalOverlay, { isOpen: accountModal.isOpen, onClose: closeAccountModal, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
       className: "fc-modal-content",
-      style: { "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _82 => _82.appearance, 'optionalAccess', _83 => _83.accentColor]), () => ( "#8b5cf6")) },
+      style: { "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _81 => _81.appearance, 'optionalAccess', _82 => _82.accentColor]), () => ( "#8b5cf6")) },
       "data-theme": theme,
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-account-hero", children: [
-          _optionalChain([user, 'optionalAccess', _84 => _84.avatarUrl]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: user.avatarUrl, alt: "", className: "fc-account-hero-avatar" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-account-hero-avatar fc-account-hero-avatar-placeholder", children: initial }),
+          _optionalChain([user, 'optionalAccess', _83 => _83.avatarUrl]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: user.avatarUrl, alt: "", className: "fc-account-hero-avatar" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-account-hero-avatar fc-account-hero-avatar-placeholder", children: initial }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-account-hero-info", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-account-hero-name", children: _nullishCoalesce(_optionalChain([user, 'optionalAccess', _85 => _85.displayName]), () => ( "Your account")) }),
-            _optionalChain([user, 'optionalAccess', _86 => _86.primaryEmail]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-account-hero-email", children: user.primaryEmail })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-account-hero-name", children: _nullishCoalesce(_optionalChain([user, 'optionalAccess', _84 => _84.displayName]), () => ( "Your account")) }),
+            _optionalChain([user, 'optionalAccess', _85 => _85.primaryEmail]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-account-hero-email", children: user.primaryEmail })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fc-account-tabs", children: TABS.map((tab) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2992,13 +3028,13 @@ function AccountModal() {
 }
 function ProfileTab() {
   const { user, updateProfile } = useUser();
-  const [displayName, setDisplayName] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([user, 'optionalAccess', _87 => _87.displayName]), () => ( "")));
-  const [avatarUrl, setAvatarUrl] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([user, 'optionalAccess', _88 => _88.avatarUrl]), () => ( "")));
+  const [displayName, setDisplayName] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([user, 'optionalAccess', _86 => _86.displayName]), () => ( "")));
+  const [avatarUrl, setAvatarUrl] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([user, 'optionalAccess', _87 => _87.avatarUrl]), () => ( "")));
   const [loading, setLoading] = _react.useState.call(void 0, false);
   const [msg, setMsg] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
-    setDisplayName(_nullishCoalesce(_optionalChain([user, 'optionalAccess', _89 => _89.displayName]), () => ( "")));
-    setAvatarUrl(_nullishCoalesce(_optionalChain([user, 'optionalAccess', _90 => _90.avatarUrl]), () => ( "")));
+    setDisplayName(_nullishCoalesce(_optionalChain([user, 'optionalAccess', _88 => _88.displayName]), () => ( "")));
+    setAvatarUrl(_nullishCoalesce(_optionalChain([user, 'optionalAccess', _89 => _89.avatarUrl]), () => ( "")));
   }, [user]);
   const handleSave = async () => {
     setLoading(true);
@@ -3063,7 +3099,7 @@ function LoginsTab({ onLink, refreshKey }) {
     msg && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-error", children: msg }),
     loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-text", children: "Loading..." }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-account-section-desc", children: "Ways you can sign in to your account." }),
-    _optionalChain([authMethods, 'optionalAccess', _91 => _91.map, 'call', _92 => _92((m) => {
+    _optionalChain([authMethods, 'optionalAccess', _90 => _90.map, 'call', _91 => _91((m) => {
       const display = getMethodDisplay(m.provider);
       const detail = m.provider === "email" ? m.providerId : m.provider.endsWith("_wallet") ? truncate(m.providerId) : m.providerId;
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-account-item", children: [
@@ -3078,7 +3114,7 @@ function LoginsTab({ onLink, refreshKey }) {
         ] })
       ] }, m.id);
     })]),
-    _optionalChain([authMethods, 'optionalAccess', _93 => _93.length]) === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-account-empty", children: "No login methods yet" }),
+    _optionalChain([authMethods, 'optionalAccess', _92 => _92.length]) === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-account-empty", children: "No login methods yet" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "fc-btn fc-btn-secondary", onClick: onLink, style: { marginTop: 8 }, children: "+ Add login method" })
   ] });
 }
@@ -3101,8 +3137,8 @@ function WalletsTab({ onLink, refreshKey }) {
     msg && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-error", children: msg }),
     loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-text", children: "Loading..." }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-account-section-desc", children: "Crypto wallets connected to your account." }),
-    _optionalChain([wallets, 'optionalAccess', _94 => _94.map, 'call', _95 => _95((w) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-account-item", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { svg: _nullishCoalesce(_optionalChain([METHOD_DISPLAY, 'access', _96 => _96[`${w.chain}_wallet`], 'optionalAccess', _97 => _97.iconHtml]), () => ( "")), className: "fc-account-item-icon" }),
+    _optionalChain([wallets, 'optionalAccess', _93 => _93.map, 'call', _94 => _94((w) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-account-item", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { svg: _nullishCoalesce(_optionalChain([METHOD_DISPLAY, 'access', _95 => _95[`${w.chain}_wallet`], 'optionalAccess', _96 => _96.iconHtml]), () => ( "")), className: "fc-account-item-icon" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-account-item-info", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "fc-account-item-label", children: [
           w.chain.charAt(0).toUpperCase() + w.chain.slice(1),
@@ -3112,7 +3148,7 @@ function WalletsTab({ onLink, refreshKey }) {
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fc-account-item-actions", children: !w.isPrimary && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "fc-btn-primary-sm", onClick: () => handleSetPrimary(w.id), children: "Make primary" }) })
     ] }, w.id))]),
-    _optionalChain([wallets, 'optionalAccess', _98 => _98.length]) === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-account-empty", children: "No wallets connected" }),
+    _optionalChain([wallets, 'optionalAccess', _97 => _97.length]) === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-account-empty", children: "No wallets connected" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "fc-btn fc-btn-secondary", onClick: onLink, style: { marginTop: 8 }, children: "+ Connect wallet" })
   ] });
 }
@@ -3147,7 +3183,7 @@ function SecurityTab() {
     refreshStatus();
     refreshPasskeyCount();
   }, [fetchSessions, fetchAuthMethods, refreshStatus, refreshPasskeyCount]);
-  const hasPassword = _optionalChain([userAuthMethods, 'optionalAccess', _99 => _99.some, 'call', _100 => _100((m) => m.provider === "email")]);
+  const hasPassword = _optionalChain([userAuthMethods, 'optionalAccess', _98 => _98.some, 'call', _99 => _99((m) => m.provider === "email")]);
   const handleRevoke = async (id) => {
     setMsg("");
     try {
@@ -3181,7 +3217,7 @@ function SecurityTab() {
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChevronRight, {})
     ] }),
-    _optionalChain([user, 'optionalAccess', _101 => _101.primaryEmail]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _optionalChain([user, 'optionalAccess', _100 => _100.primaryEmail]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "button",
       {
         type: "button",
@@ -3202,7 +3238,7 @@ function SecurityTab() {
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fc-divider", style: { margin: "16px 0" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "active sessions" }) }),
     loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-text", children: "Loading..." }),
-    _optionalChain([sessions, 'optionalAccess', _102 => _102.map, 'call', _103 => _103((s) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-account-item", children: [
+    _optionalChain([sessions, 'optionalAccess', _101 => _101.map, 'call', _102 => _102((s) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-account-item", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "fc-account-item-icon", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "2", y: "3", width: "16", height: "11", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M7 17h6M10 14v3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
@@ -3218,7 +3254,7 @@ function SecurityTab() {
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fc-account-item-actions", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "fc-btn-danger-sm", onClick: () => handleRevoke(s.id), children: "Sign out" }) })
     ] }, s.id))]),
-    _optionalChain([sessions, 'optionalAccess', _104 => _104.length]) === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-account-empty", children: "No active sessions" }),
+    _optionalChain([sessions, 'optionalAccess', _103 => _103.length]) === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-account-empty", children: "No active sessions" }),
     sessions && sessions.length > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
@@ -3265,7 +3301,7 @@ function SecurityTab() {
         onCountChange: (count) => setPasskeyCount(count)
       }
     ),
-    _optionalChain([user, 'optionalAccess', _105 => _105.primaryEmail]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _optionalChain([user, 'optionalAccess', _104 => _104.primaryEmail]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       PasswordModal,
       {
         isOpen: showPasswordModal,
@@ -3310,7 +3346,7 @@ function LinkAuthModal() {
     if (!linkModal.isOpen) return;
     const handleMessage = (event) => {
       if (event.origin !== window.location.origin) return;
-      if (_optionalChain([event, 'access', _106 => _106.data, 'optionalAccess', _107 => _107.type]) === "fc_oauth_link_success") {
+      if (_optionalChain([event, 'access', _105 => _105.data, 'optionalAccess', _106 => _106.type]) === "fc_oauth_link_success") {
         setStep("success");
         setTimeout(() => {
           handleClose();
@@ -3321,7 +3357,7 @@ function LinkAuthModal() {
     return () => window.removeEventListener("message", handleMessage);
   }, [linkModal.isOpen]);
   if (!linkModal.isOpen) return null;
-  const theme = _nullishCoalesce(_optionalChain([config, 'access', _108 => _108.appearance, 'optionalAccess', _109 => _109.theme]), () => ( "light"));
+  const theme = _nullishCoalesce(_optionalChain([config, 'access', _107 => _107.appearance, 'optionalAccess', _108 => _108.theme]), () => ( "light"));
   const handleClose = () => {
     setStep("method-select");
     closeLinkModal();
@@ -3344,7 +3380,7 @@ function LinkAuthModal() {
     "div",
     {
       className: "fc-modal-content",
-      style: { "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _110 => _110.appearance, 'optionalAccess', _111 => _111.accentColor]), () => ( "#8b5cf6")) },
+      style: { "--fc-accent": _nullishCoalesce(_optionalChain([config, 'access', _109 => _109.appearance, 'optionalAccess', _110 => _110.accentColor]), () => ( "#8b5cf6")) },
       "data-theme": theme,
       children: step === "success" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SuccessView2, {}) : step === "error" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         ErrorView,
@@ -3360,7 +3396,7 @@ function LinkAuthModal() {
           AuthMethodSelectStep,
           {
             config,
-            connectedProviders: _nullishCoalesce(_optionalChain([authMethods, 'optionalAccess', _112 => _112.map, 'call', _113 => _113((m) => m.provider)]), () => ( [])),
+            connectedProviders: _nullishCoalesce(_optionalChain([authMethods, 'optionalAccess', _111 => _111.map, 'call', _112 => _112((m) => m.provider)]), () => ( [])),
             onSelectEmail: () => setStep("email"),
             onSelectOtp: () => setStep("otp"),
             onOAuth: handleOAuthDirect
@@ -3579,13 +3615,13 @@ function WalletLinkStep({ onBack, onSuccess, onFatalError }) {
   const [coldWallet, setColdWallet] = _react.useState.call(void 0, false);
   const mobile = _react.useMemo.call(void 0, () => isMobile(), []);
   const walletConfig = config.walletConfig;
-  const preferred = _nullishCoalesce(_optionalChain([walletConfig, 'optionalAccess', _114 => _114.preferredWallets]), () => ( []));
-  const onlyPreferred = _nullishCoalesce(_optionalChain([walletConfig, 'optionalAccess', _115 => _115.onlyPreferred]), () => ( false));
+  const preferred = _nullishCoalesce(_optionalChain([walletConfig, 'optionalAccess', _113 => _113.preferredWallets]), () => ( []));
+  const onlyPreferred = _nullishCoalesce(_optionalChain([walletConfig, 'optionalAccess', _114 => _114.onlyPreferred]), () => ( false));
   const coldWalletRef = _react.useRef.call(void 0, coldWallet);
   coldWalletRef.current = coldWallet;
   const buildSignTxFnForAdapter = _react.useCallback.call(void 0, (adapter) => {
     if (!adapter.signTransaction) return void 0;
-    const TxClass = _optionalChain([walletConfig, 'optionalAccess', _116 => _116.Transaction]);
+    const TxClass = _optionalChain([walletConfig, 'optionalAccess', _115 => _115.Transaction]);
     if (!TxClass) return void 0;
     return async (txBase64) => {
       const bytes = Uint8Array.from(atob(txBase64), (c) => c.charCodeAt(0));
@@ -3593,7 +3629,7 @@ function WalletLinkStep({ onBack, onSuccess, onFatalError }) {
       const signedTx = await adapter.signTransaction(tx);
       return btoa(String.fromCharCode(...new Uint8Array(signedTx.serialize())));
     };
-  }, [_optionalChain([walletConfig, 'optionalAccess', _117 => _117.Transaction])]);
+  }, [_optionalChain([walletConfig, 'optionalAccess', _116 => _116.Transaction])]);
   const wallet = walletAdapter;
   const handleConnect = async (w) => {
     if (w.readyState !== "Installed") {
@@ -3636,12 +3672,12 @@ function WalletLinkStep({ onBack, onSuccess, onFatalError }) {
     const prefSet = new Set(preferred);
     const others = all.filter((w) => !prefSet.has(w.adapter.name) && w.readyState === "Installed");
     return { preferredWallets: prefList, otherWallets: others };
-  }, [_optionalChain([walletAdapter, 'optionalAccess', _118 => _118.wallets]), walletConfig]);
+  }, [_optionalChain([walletAdapter, 'optionalAccess', _117 => _117.wallets]), walletConfig]);
   const mobileExtraWallets = _react.useMemo.call(void 0, () => {
     if (!mobile || !walletAdapter) return [];
     const adapterNames = new Set(walletAdapter.wallets.map((w) => w.adapter.name));
     return MOBILE_WALLETS.filter((mw) => !adapterNames.has(mw.name));
-  }, [mobile, _optionalChain([walletAdapter, 'optionalAccess', _119 => _119.wallets])]);
+  }, [mobile, _optionalChain([walletAdapter, 'optionalAccess', _118 => _118.wallets])]);
   if (!walletAdapter && mobile) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-tab", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fc-wallet-list", children: MOBILE_WALLETS.map((mw) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -3737,7 +3773,7 @@ function WalletLinkStep({ onBack, onSuccess, onFatalError }) {
         ] }, w.adapter.name))
       ] }),
       preferredWallets.length === 0 && otherWallets.length === 0 && mobileExtraWallets.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "fc-text", children: "No wallet found. Please install a Solana wallet (like Phantom) to continue." }),
-      _optionalChain([walletConfig, 'optionalAccess', _120 => _120.Transaction]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: "fc-cold-wallet-toggle", children: [
+      _optionalChain([walletConfig, 'optionalAccess', _119 => _119.Transaction]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: "fc-cold-wallet-toggle", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
@@ -3769,6 +3805,7 @@ function SuccessView2() {
 
 // src/provider.tsx
 
+var oauthExchangeCache = /* @__PURE__ */ new Map();
 function ForgeConnectProvider({ config, children, onLogin, onLogout, walletAdapter }) {
   const [auth, setAuth] = _react.useState.call(void 0, {
     status: "loading",
@@ -3827,42 +3864,81 @@ function ForgeConnectProvider({ config, children, onLogin, onLogout, walletAdapt
         return;
       }
       const authCode = params.get("fc_code");
-      if (authCode && window.opener) {
-        window.opener.postMessage(
-          { type: "fc_oauth_code", code: authCode },
-          window.location.origin
-        );
+      if (authCode) {
+        try {
+          localStorage.setItem("fc_oauth_code_pending", authCode);
+        } catch (e9) {
+        }
+        if (window.opener) {
+          window.opener.postMessage(
+            { type: "fc_oauth_code", code: authCode },
+            window.location.origin
+          );
+        }
         window.close();
         return;
       }
     }
-    const handleMessage = async (event) => {
+    const handleCode = async (code) => {
+      let exchangePromise = oauthExchangeCache.get(code);
+      if (!exchangePromise) {
+        try {
+          localStorage.removeItem("fc_oauth_code_pending");
+        } catch (e10) {
+        }
+        exchangePromise = (async () => {
+          try {
+            const result = await api.exchangeOAuthCode(code);
+            if (result.requires2FA && result.challengeToken) {
+              return { kind: "requires2FA", challengeToken: result.challengeToken };
+            }
+            const token = result.accessToken;
+            if (!token) return null;
+            const user = await api.getMe(token);
+            return { kind: "authenticated", accessToken: token, user };
+          } catch (e11) {
+            return null;
+          }
+        })();
+        oauthExchangeCache.set(code, exchangePromise);
+      }
+      const outcome = await exchangePromise;
+      if (!outcome) return;
+      if (outcome.kind === "requires2FA") {
+        setChallengeToken(outcome.challengeToken);
+        setModal({ isOpen: true, step: "verify-2fa" });
+        return;
+      }
+      setModal({ isOpen: true, step: "success" });
+      setAuth({ status: "authenticated", user: outcome.user, accessToken: outcome.accessToken });
+      scheduleRefresh(outcome.accessToken);
+      _optionalChain([onLogin, 'optionalCall', _120 => _120(outcome.user)]);
+      setTimeout(() => {
+        setModal({ isOpen: false, step: "method-select" });
+      }, 1500);
+    };
+    const handleMessage = (event) => {
       if (event.origin !== window.location.origin) return;
       if (_optionalChain([event, 'access', _121 => _121.data, 'optionalAccess', _122 => _122.type]) !== "fc_oauth_code") return;
       const code = event.data.code;
       if (!code) return;
-      try {
-        const result = await api.exchangeOAuthCode(code);
-        if (result.requires2FA && result.challengeToken) {
-          setChallengeToken(result.challengeToken);
-          setModal({ isOpen: true, step: "verify-2fa" });
-          return;
-        }
-        const token = result.accessToken;
-        if (!token) return;
-        setModal({ isOpen: true, step: "success" });
-        const user = await api.getMe(token);
-        setAuth({ status: "authenticated", user, accessToken: token });
-        scheduleRefresh(token);
-        _optionalChain([onLogin, 'optionalCall', _123 => _123(user)]);
-        setTimeout(() => {
-          setModal({ isOpen: false, step: "method-select" });
-        }, 1500);
-      } catch (e9) {
-      }
+      void handleCode(code);
+    };
+    const handleStorage = (event) => {
+      if (event.key !== "fc_oauth_code_pending" || !event.newValue) return;
+      void handleCode(event.newValue);
     };
+    try {
+      const pending = localStorage.getItem("fc_oauth_code_pending");
+      if (pending) void handleCode(pending);
+    } catch (e12) {
+    }
     window.addEventListener("message", handleMessage);
-    return () => window.removeEventListener("message", handleMessage);
+    window.addEventListener("storage", handleStorage);
+    return () => {
+      window.removeEventListener("message", handleMessage);
+      window.removeEventListener("storage", handleStorage);
+    };
   }, [api, config.apiUrl, scheduleRefresh, onLogin]);
   _react.useEffect.call(void 0, () => {
     if (config.loginMethods && config.loginMethods.length > 0) {
@@ -3880,7 +3956,7 @@ function ForgeConnectProvider({ config, children, onLogin, onLogout, walletAdapt
       setAuth({ status: "authenticated", user, accessToken: token });
       scheduleRefresh(token);
       setModal({ isOpen: true, step: "success" });
-      _optionalChain([onLogin, 'optionalCall', _124 => _124(user)]);
+      _optionalChain([onLogin, 'optionalCall', _123 => _123(user)]);
       setTimeout(() => {
         setModal({ isOpen: false, step: "method-select" });
       }, 1500);
@@ -3980,11 +4056,11 @@ function ForgeConnectProvider({ config, children, onLogin, onLogout, walletAdapt
     const token = auth.accessToken;
     if (refreshTimerRef.current) clearTimeout(refreshTimerRef.current);
     setAuth({ status: "unauthenticated", user: null, accessToken: null });
-    _optionalChain([onLogout, 'optionalCall', _125 => _125()]);
+    _optionalChain([onLogout, 'optionalCall', _124 => _124()]);
     if (token) {
       try {
         await api.logout(token);
-      } catch (e10) {
+      } catch (e13) {
       }
     }
   }, [auth.accessToken, api, onLogout]);
@@ -4034,11 +4110,11 @@ function ForgeConnectProvider({ config, children, onLogin, onLogout, walletAdapt
     const token = auth.accessToken;
     if (refreshTimerRef.current) clearTimeout(refreshTimerRef.current);
     setAuth({ status: "unauthenticated", user: null, accessToken: null });
-    _optionalChain([onLogout, 'optionalCall', _126 => _126()]);
+    _optionalChain([onLogout, 'optionalCall', _125 => _125()]);
     if (token) {
       try {
         await api.logoutAll(token);
-      } catch (e11) {
+      } catch (e14) {
       }
     }
   }, [auth.accessToken, api, onLogout]);
@@ -4219,11 +4295,11 @@ function useAdmin() {
       const token = getAccessToken();
       if (!token) throw new Error("Please sign in to continue.");
       await api.adminUpdateUserStatus(token, id, status);
-      if (_optionalChain([selectedUser, 'optionalAccess', _127 => _127.id]) === id) {
+      if (_optionalChain([selectedUser, 'optionalAccess', _126 => _126.id]) === id) {
         await getUser(id);
       }
     },
-    [api, getAccessToken, _optionalChain([selectedUser, 'optionalAccess', _128 => _128.id]), getUser]
+    [api, getAccessToken, _optionalChain([selectedUser, 'optionalAccess', _127 => _127.id]), getUser]
   );
   const getUserSessions = _react.useCallback.call(void 0, 
     async (id) => {
@@ -4340,9 +4416,9 @@ function useRoles() {
       const token = getAccessToken();
       if (!token) throw new Error("Please sign in to continue.");
       await api.adminDeleteRole(token, id);
-      if (_optionalChain([selectedRole, 'optionalAccess', _129 => _129.id]) === id) setSelectedRole(null);
+      if (_optionalChain([selectedRole, 'optionalAccess', _128 => _128.id]) === id) setSelectedRole(null);
     },
-    [api, getAccessToken, _optionalChain([selectedRole, 'optionalAccess', _130 => _130.id])]
+    [api, getAccessToken, _optionalChain([selectedRole, 'optionalAccess', _129 => _129.id])]
   );
   const getPermissions = _react.useCallback.call(void 0, 
     async () => {