@nibgate/sdk 0.2.36 → 0.2.38

package/dist/nibgate.js

@@ -27526,7 +27526,7 @@ ${prettyStateOverride(stateOverride)}`;
       document.removeEventListener("touchend", cancelHold);
     };
     card.addEventListener("remove", cleanup);
-    let gwOverlay = null, balTimer = null;
+    let balEl = null, gwOverlay = null, balTimer = null;
     function depIcon() {
       return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:inline;vertical-align:middle"><path d="M12 17V3"/><path d="m6 11 6 6 6-6"/><path d="M19 21H5"/></svg>';
     }
@@ -27551,7 +27551,11 @@ ${prettyStateOverride(stateOverride)}`;
       });
       document.body.appendChild(gwOverlay);
       document.addEventListener("keydown", onDepKey);
-      Promise.resolve().then(() => (init_default_ui(), default_ui_exports)).then((m) => m.renderDefaultGatewayWalletUI(modal, options.gatewayOptions || {})).catch(() => {
+      Promise.resolve().then(() => (init_default_ui(), default_ui_exports)).then((m) => m.renderDefaultGatewayWalletUI(modal, {
+        address: ctrl.getWalletAddress(),
+        gatewayBalanceUrl: options.gatewayBalanceUrl,
+        ...options.gatewayOptions || {}
+      })).catch(() => {
       });
     }
     function onDepKey(e) {
@@ -27744,10 +27748,8 @@ ${prettyStateOverride(stateOverride)}`;
     wrap3.innerHTML = `
     <div style="display:flex;gap:12px;margin-bottom:20px">
       <div data-gw-wallet-card style="flex:1;background:${theme.bg};border:1px solid ${theme.border};border-radius:12px;padding:16px">
-        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:4px">
-          <div style="font-size:12px;font-weight:600;color:${theme.muted};letter-spacing:.02em">Wallet</div>
-          <button data-gw-connect style="font-size:12px;font-weight:600;cursor:pointer;border:1px solid ${theme.accent};background:transparent;color:${theme.accent};border-radius:8px;padding:4px 12px;font-family:inherit">Connect</button>
-        </div>
+        <div style="font-size:12px;font-weight:600;color:${theme.muted};margin-bottom:4px;letter-spacing:.02em">Wallet</div>
+        <div data-gw-wallet-addr class="nui-mono" style="font-size:13px;color:${theme.muted};margin-bottom:4px"></div>
         <div data-gw-wallet-balance class="nui-mono" style="font-size:24px;font-weight:700;color:${theme.fg}">\u2014</div>
       </div>
       <div style="flex:1;background:${theme.bg};border:1px solid ${theme.border};border-radius:12px;padding:16px">
@@ -27764,6 +27766,12 @@ ${prettyStateOverride(stateOverride)}`;
     (typeof container === "string" ? document.querySelector(container) : container)?.appendChild(wrap3);
     const formEl = wrap3.querySelector("[data-gw-form]");
     const tabs = wrap3.querySelectorAll("[data-tab]");
+    const walletAddrEl = wrap3.querySelector("[data-gw-wallet-addr]");
+    const walletBalEl = wrap3.querySelector("[data-gw-wallet-balance]");
+    const gwBalEl = wrap3.querySelector("[data-gw-balance]");
+    const ARC_RPC = "https://arc-testnet.drpc.org";
+    const USDC = "0x3600000000000000000000000000000000000000";
+    const BALANCE_OF = "0x70a08231";
     function select(btns, t) {
       btns.forEach((b) => {
         const on = b.dataset.tab === t;
@@ -27790,8 +27798,64 @@ ${prettyStateOverride(stateOverride)}`;
       `;
       }
     }
+    function shortAddress(a) {
+      return a ? a.slice(0, 6) + "..." + a.slice(-4) : "";
+    }
+    async function updateWallet() {
+      if (!window.ethereum) return;
+      try {
+        const accts = await window.ethereum.request({ method: "eth_accounts" });
+        const addr = Array.isArray(accts) && accts[0] ? accts[0] : null;
+        if (addr) {
+          walletAddrEl.textContent = shortAddress(addr);
+          fetchWalletUsdc(addr);
+          fetchGwBal(addr);
+        }
+      } catch {
+      }
+    }
+    async function fetchWalletUsdc(addr) {
+      try {
+        const r = await fetch(ARC_RPC, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            jsonrpc: "2.0",
+            method: "eth_call",
+            params: [{ to: USDC, data: BALANCE_OF + addr.slice(2).padStart(64, "0") }, "latest"],
+            id: 1
+          })
+        });
+        const d = await r.json();
+        const bal = d.result ? parseInt(d.result, 16) / 1e6 : 0;
+        walletBalEl.textContent = bal.toFixed(2) + " USDC";
+      } catch {
+        walletBalEl.textContent = "\u2014";
+      }
+    }
+    async function fetchGwBal(addr) {
+      if (!options.gatewayBalanceUrl) {
+        gwBalEl.textContent = "\u2014";
+        return;
+      }
+      try {
+        const r = await fetch(options.gatewayBalanceUrl, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ address: addr })
+        });
+        const data = await r.json();
+        gwBalEl.textContent = data?.balance || "0.00 USDC";
+      } catch {
+        gwBalEl.textContent = "\u2014";
+      }
+    }
+    if (window.ethereum) {
+      window.ethereum.on("accountsChanged", updateWallet);
+    }
     render("deposit");
     tabs.forEach((b) => b.addEventListener("click", () => render(b.dataset.tab)));
+    setTimeout(updateWallet, 100);
     return { element: wrap3, destroy: () => wrap3.remove(), switchTab: render };
   }
   var SID, theme, css;