@nibgate/sdk 0.2.30 → 0.2.32

package/dist/nibgate.js

@@ -27435,16 +27435,25 @@ ${prettyStateOverride(stateOverride)}`;
     function updateLabel() {
       const addr = ctrl.getWalletAddress();
       if (addr) {
-        label.innerHTML = shortAddress(addr) + ' <span data-nibgate-disconnect style="cursor:pointer">\xB7 Disconnect</span>';
+        label.innerHTML = shortAddress(addr) + ' <span data-nibgate-disconnect style="cursor:pointer">\xB7 Disconnect</span> <span data-nibgate-bal style="margin-left:4px;cursor:pointer;white-space:nowrap;color:var(--accent,#7c9a6d)">\xB7 <span data-nibgate-bal-txt></span> | ' + depIcon() + "</span>";
+        balEl = label.querySelector("[data-nibgate-bal]");
+        balEl?.addEventListener("click", showDeposit);
         btn.disabled = false;
         btn.style.cursor = "pointer";
       } else {
-        label.textContent = "Connect wallet";
+        label.innerHTML = "Connect wallet";
         btn.disabled = true;
         btn.style.cursor = "default";
         btn.innerHTML = unlockSVG + "Hold to pay";
       }
     }
+    function attachBalClick() {
+      const b = label.querySelector("[data-nibgate-bal]");
+      if (b && !b._clickAttached) {
+        b.addEventListener("click", showDeposit);
+        b._clickAttached = true;
+      }
+    }
     function setBtnText(t) {
       btn.innerHTML = unlockSVG + t;
     }
@@ -27488,9 +27497,7 @@ ${prettyStateOverride(stateOverride)}`;
       resetHold();
     }
     label.addEventListener("click", (e) => {
-      if (e.target.dataset.nibgateDisconnect !== void 0) {
-        ctrl.disconnect().then(updateLabel);
-      } else if (!ctrl.getWalletAddress()) {
+      if (!ctrl.getWalletAddress()) {
         ctrl.connect().then(updateLabel).catch(() => updateLabel());
       }
     });
@@ -27505,7 +27512,7 @@ ${prettyStateOverride(stateOverride)}`;
       document.removeEventListener("touchend", cancelHold);
     };
     card.addEventListener("remove", cleanup);
-    let balEl = null, gwOverlay = null, balTimer = null;
+    let 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,24 +27547,14 @@ ${prettyStateOverride(stateOverride)}`;
         document.removeEventListener("keydown", onDepKey);
       }
     }
-    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<span data-nibgate-bal-txt></span>\xA0|\xA0" + depIcon()
-      );
-      balEl.addEventListener("click", showDeposit);
-      label.appendChild(balEl);
-      return balEl;
-    }
     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]");
+        attachBalClick();
+        const t = label.querySelector("[data-nibgate-bal-txt]");
         if (!t) return;
         const r = await fetch(options.gatewayBalanceUrl, {
           method: "POST",