@nibgate/sdk 0.2.28 → 0.2.30

package/dist/nibgate.js

@@ -27505,7 +27505,7 @@ ${prettyStateOverride(stateOverride)}`;
       document.removeEventListener("touchend", cancelHold);
     };
     card.addEventListener("remove", cleanup);
-    let gwOverlay = 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>';
     }
@@ -27540,29 +27540,44 @@ ${prettyStateOverride(stateOverride)}`;
         document.removeEventListener("keydown", onDepKey);
       }
     }
-    let balEl = null;
     function ensureBal() {
       if (balEl && balEl.isConnected) return balEl;
       balEl = el(
         "span",
         { "data-nibgate-bal": "", style: "margin-left:4px;cursor:pointer;white-space:nowrap;color:var(--accent,#7c9a6d)" },
-        "\xB7\xA0|\xA0" + depIcon()
+        "\xB7\xA0<span data-nibgate-bal-txt></span>\xA0|\xA0" + depIcon()
       );
       balEl.addEventListener("click", showDeposit);
-      if (label.parentNode) label.parentNode.insertBefore(balEl, label.nextSibling);
+      label.appendChild(balEl);
       return balEl;
     }
-    if (window.ethereum) {
-      setTimeout(() => {
-        const accts = window.ethereum.request({ method: "eth_accounts" }).catch(() => []);
-        accts.then((a) => {
-          if (Array.isArray(a) && a[0]) ensureBal();
+    async function refreshBal() {
+      if (!card.isConnected || !window.ethereum || !options.gatewayBalanceUrl) return;
+      try {
+        const accts = await window.ethereum.request({ method: "eth_accounts" });
+        const addr = Array.isArray(accts) && accts[0] ? accts[0] : null;
+        if (!addr) return;
+        const t = ensureBal().querySelector("[data-nibgate-bal-txt]");
+        if (!t) return;
+        const r = await fetch(options.gatewayBalanceUrl, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ address: addr })
         });
-      }, 1e3);
+        const data = await r.json();
+        t.textContent = data?.balance || "";
+      } catch {
+      }
+    }
+    if (window.ethereum) {
+      balTimer = setInterval(refreshBal, 3e3);
+      setTimeout(refreshBal, 1e3);
+      window.ethereum.on("accountsChanged", refreshBal);
     }
     return { ...ctrl, element: card, destroy: () => {
       cleanup();
       card.remove();
+      if (balTimer) clearInterval(balTimer);
       if (gwOverlay) {
         gwOverlay.remove();
         gwOverlay = null;