@forge-connect/react 1.0.10 → 1.0.12

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, SvgIcon, { svg: info.icon, className: "fc-oauth-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,20 +1457,21 @@ 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" }),
           config.appearance.termsUrl && config.appearance.privacyUrl && " and ",
           config.appearance.privacyUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { href: config.appearance.privacyUrl, target: "_blank", rel: "noopener noreferrer", className: "fc-legal-link", children: "Privacy Policy" })
-        ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NomuPill, {})
       ] })
     }
   ) });
@@ -1551,6 +1588,22 @@ function OAuthLoadingView() {
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "fc-btn fc-btn-secondary", style: { marginTop: "16px" }, onClick: () => setModalStep("method-select"), children: "Cancel" })
   ] });
 }
+var NOMU_LOGO = '<svg viewBox="0 0 466 115" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Nomu"><path d="M86.1037 1.64399C89.2226 2.96692 92.9067 6.05804 94.8954 8.90299C101.195 17.9195 103.263 31.5362 105.652 42.3487C108.921 57.1343 113.078 73.2835 111.843 88.981C111.25 96.5118 107.934 104.178 100.485 106.907C78.5857 114.928 68.4753 94.3605 55.5778 81.0755C54.0151 79.4657 49.9264 75.4498 48.017 74.7242C45.1699 73.6431 46.4243 77.2266 46.9038 78.6202C48.9075 84.4342 52.7842 89.1608 55.1111 94.4333C58.2322 101.506 56.3335 109.491 48.9353 112.563C38.6837 116.818 24.7051 108.932 18.1076 100.994C9.79754 90.9975 3.49328 72.2174 1.14497 59.3049C-1.5908 44.2668 -0.458383 24.9194 16.2003 18.5938C32.7091 12.3216 46.9723 35.7212 56.8964 45.2451C58.5169 46.8013 61.9677 50.9392 63.3912 46.949C64.6285 43.4833 63.6652 36.0102 63.4983 32.0543C62.9845 19.8418 61.3918 -1.3144 79.4334 0.0641835C81.3279 0.209749 84.3483 0.899043 86.1015 1.64399H86.1037Z"/><path d="M198.265 10.0303C208.463 15.8037 214.843 26.2244 217.82 37.2467C220.237 46.1968 221.048 56.7482 219.807 66.1799C216.628 90.3223 200.149 109.849 174.493 110.988C157.695 111.733 139.746 105.682 131.472 90.1896C118.984 66.8071 137.597 43.8678 152.329 27.1128C164.501 13.2691 178.368 -1.23604 198.265 10.0303ZM175.364 41.9176C169.771 38.1072 164.25 44.1996 162.46 49.0803C159.339 57.5916 160.988 72.0346 172.766 71.1591C180.16 70.609 181.427 61.1108 181.02 55.2047C180.752 51.3451 178.7 44.1867 175.364 41.9155V41.9176Z"/><path d="M324.975 3.83292C329.706 5.77236 335.978 13.6051 338.509 17.8479C348.347 34.3438 351.002 53.6547 350.321 73.0085C349.884 85.4008 348.086 102.122 337.415 109.993C321.938 121.407 304.25 107.993 308.199 89.9711C308.681 87.7705 309.725 85.6213 310.52 83.5555C311.913 79.9293 311.83 74.2415 310.92 70.2556C310.903 70.1807 310.614 69.4079 310.483 68.9476C309.62 65.8737 307.548 61.6908 303.712 63.5468C302.409 64.1783 300.839 66.2162 299.022 67.096C292.491 70.2577 283.616 65.5697 280.37 59.4559C279.444 57.707 277.958 52.7728 276.322 51.9444C274.342 50.9425 273.617 52.8948 273.09 54.4382C271.587 58.8437 271.701 66.5394 273.096 71.2232C273.957 74.1088 275.809 76.866 276.92 79.6103C281.115 89.9733 285.647 107.621 270.934 111.791C262.391 114.212 256.003 109.961 250.756 103.888C231.165 81.2072 230.598 47.9049 244.878 21.7289C250.014 12.3142 256.371 6.06777 268.012 6.30967C275.396 6.4638 279.829 10.469 283.241 16.5442C285.532 20.62 287.7 25.1582 290.905 28.7995C293.204 31.4111 296.462 34.0398 299.778 31.2077C303.727 27.8362 305.846 18.0876 308.505 13.2219C311.802 7.18948 317.203 0.649749 324.973 3.83292H324.975Z"/><path d="M452.977 13.4681C459.921 19.2693 464.095 29.0907 465.288 37.8695C468.466 61.282 454.854 98.4611 432.55 109.468C421.31 115.015 406.192 112.904 394.569 109.445C375.919 103.894 364.978 87.4109 363.803 68.2841C362.775 51.5612 371.925 30.2787 381.817 17.15C388.977 7.64763 404.21 11.5072 408.836 21.3243C411.705 27.4124 409.059 30.8824 406.488 36.0436C430.727 62.0334 432.463 57.1377 431.208 47.5453C429.772 36.5723 421.213 13.8256 437.17 9.58065C442.973 8.03724 448.492 9.72193 452.977 13.4681Z"/></svg>';
+function NomuPill() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fc-nomu-wrap", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "a",
+    {
+      href: "https://www.nomu.dev/",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "fc-nomu-pill",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Powered by" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { svg: NOMU_LOGO, className: "fc-nomu-logo" })
+      ]
+    }
+  ) });
+}
 function SuccessView() {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fc-success", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fc-success-icon", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 52 52", className: "fc-success-check", children: [
@@ -1645,7 +1698,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 +1870,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 +1963,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 +2171,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 +2230,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 +2238,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 +2371,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 +2447,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 +2512,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 +2567,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 +2627,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 +2701,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 +2738,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 +2807,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 +2867,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 +2994,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 +3045,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 +3116,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 +3131,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 +3154,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 +3165,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 +3200,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 +3234,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 +3255,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 +3271,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 +3318,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 +3363,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 +3374,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 +3397,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 +3413,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 +3632,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 +3646,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 +3689,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 +3790,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 +3822,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 +3881,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 +3973,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 +4073,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 +4127,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 +4312,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 +4433,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 () => {