@nibgate/sdk 0.2.23 → 0.2.25

package/dist/nibgate.js

@@ -27505,70 +27505,91 @@ ${prettyStateOverride(stateOverride)}`;
       document.removeEventListener("touchend", cancelHold);
     };
     card.addEventListener("remove", cleanup);
-    let gwOverlayEl = null;
-    let balTimer = null;
-    let balEl = null;
-    function depositIconHTML() {
-      return '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:inline;vertical-align:baseline"><path d="M12 17V3"/><path d="m6 11 6 6 6-6"/><path d="M19 21H5"/></svg>';
-    }
-    async function showGatewayWallet() {
-      if (gwOverlayEl) return;
-      gwOverlayEl = el("div", { style: "position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;padding:20px;animation:nfade .15s ease-out" });
+    const ARC_RPC = "https://arc-testnet.drpc.org";
+    const GATEWAY_WALLET = "0x0077777d7EBA4688BDeF3E311b846F25870A19B9";
+    const USDC_ADDRESS = "0x3600000000000000000000000000000000000000";
+    async function fetchBalance(addr) {
+      const sel = "0xdd62e1c6";
+      const pad4 = (a) => "000000000000000000000000" + a.slice(2).toLowerCase();
+      const data = sel + pad4(USDC_ADDRESS) + pad4(addr);
+      const r = await fetch(ARC_RPC, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ jsonrpc: "2.0", method: "eth_call", params: [{ to: GATEWAY_WALLET, data }, "latest"], id: 1 })
+      });
+      const j = await r.json();
+      return j?.result ? (Number(BigInt(j.result)) / 1e6).toFixed(2) + " USDC" : "\u2014";
+    }
+    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>';
+    }
+    function showDeposit() {
+      if (gwOverlay) return;
+      gwOverlay = el("div", { style: "position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;padding:20px;animation:nfade .15s ease-out" });
       const modal = el("div", { style: "background:" + theme.bg + ";border-radius:16px;max-width:540px;width:100%;max-height:90vh;overflow:auto;position:relative;box-shadow:0 8px 32px rgba(0,0,0,0.12);animation:nscale .15s ease-out" });
       const close = el("button", { style: "position:absolute;top:12px;right:16px;z-index:20;background:none;border:none;font-size:28px;cursor:pointer;color:" + theme.muted + ";font-family:inherit;line-height:1" }, "\xD7");
-      close.addEventListener("click", closeGatewayWallet);
+      close.addEventListener("click", () => {
+        gwOverlay.remove();
+        gwOverlay = null;
+        document.removeEventListener("keydown", onDepKey);
+      });
       modal.appendChild(close);
-      gwOverlayEl.appendChild(modal);
-      gwOverlayEl.addEventListener("click", (e) => {
-        if (e.target === gwOverlayEl) closeGatewayWallet();
+      gwOverlay.appendChild(modal);
+      gwOverlay.addEventListener("click", (e) => {
+        if (e.target === gwOverlay) {
+          gwOverlay.remove();
+          gwOverlay = null;
+          document.removeEventListener("keydown", onDepKey);
+        }
+      });
+      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(() => {
       });
-      document.body.appendChild(gwOverlayEl);
-      document.addEventListener("keydown", onGwKey);
-      const gw = await Promise.resolve().then(() => (init_default_ui(), default_ui_exports));
-      gw.renderDefaultGatewayWalletUI(modal, options.gatewayOptions || {});
-    }
-    function closeGatewayWallet() {
-      if (!gwOverlayEl) return;
-      gwOverlayEl.remove();
-      gwOverlayEl = null;
-      document.removeEventListener("keydown", onGwKey);
     }
-    function onGwKey(e) {
-      if (e.key === "Escape") closeGatewayWallet();
+    function onDepKey(e) {
+      if (e.key === "Escape" && gwOverlay) {
+        gwOverlay.remove();
+        gwOverlay = null;
+        document.removeEventListener("keydown", onDepKey);
+      }
     }
-    function ensureBalEl() {
+    function ensureBal() {
       if (balEl && balEl.isConnected) return balEl;
-      balEl = el("span", { "data-nibgate-bal": "", style: "margin-left:6px;cursor:pointer;white-space:nowrap" }, depositIconHTML() + " <span data-nibgate-bal-text></span>");
-      balEl.addEventListener("click", showGatewayWallet);
+      balEl = el(
+        "span",
+        { "data-nibgate-bal": "", style: "margin-left:4px;cursor:pointer;white-space:nowrap;color:var(--accent,#7c9a6d)" },
+        "\xB7\xA0<span data-nibgate-bal-txt></span>\xA0|\xA0" + depIcon()
+      );
+      balEl.addEventListener("click", showDeposit);
       if (label.parentNode) label.parentNode.insertBefore(balEl, label.nextSibling);
       return balEl;
     }
-    async function refreshBalance() {
-      if (!card.isConnected) return;
-      const addr = ctrl.getWalletAddress();
-      if (!addr) return;
-      const txt = ensureBalEl().querySelector("[data-nibgate-bal-text]");
-      if (options.gatewayBalanceUrl) {
-        try {
-          const res = await fetch(options.gatewayBalanceUrl + "?address=" + encodeURIComponent(addr));
-          const data = await res.json();
-          if (txt) txt.textContent = data?.balance || data?.availableBalance || "\u2026";
-          return;
-        } catch {
-        }
+    async function refreshBal() {
+      if (!card.isConnected || !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) return;
+        const t = ensureBal().querySelector("[data-nibgate-bal-txt]");
+        if (t) t.textContent = await fetchBalance(addr);
+      } catch {
       }
-      if (txt) txt.textContent = "\u2026";
     }
     if (window.ethereum) {
-      balTimer = setInterval(refreshBalance, 3e3);
-      setTimeout(refreshBalance, 1e3);
-      window.ethereum.on("accountsChanged", refreshBalance);
+      balTimer = setInterval(refreshBal, 3e3);
+      setTimeout(refreshBal, 1e3);
+      window.ethereum.on("accountsChanged", refreshBal);
     }
     return { ...ctrl, element: card, destroy: () => {
       cleanup();
       card.remove();
       if (balTimer) clearInterval(balTimer);
-      closeGatewayWallet();
+      if (gwOverlay) {
+        gwOverlay.remove();
+        gwOverlay = null;
+      }
     } };
   }
   function renderDefaultRatingUI(container, resource, options = {}) {