@nibgate/sdk 0.2.33 → 0.2.35

package/dist/nibgate.js

@@ -27360,7 +27360,7 @@ ${prettyStateOverride(stateOverride)}`;
       <div data-nibgate-wallet-label class="nui-mono" style="font-size:18px;color:${theme.muted};margin-bottom:40px;min-height:28px">Connect wallet</div>
       <div data-nibgate-unlock-wrap style="width:100%;position:relative;border-radius:10px;overflow:hidden;cursor:pointer">
         <div data-nibgate-unlock-progress style="position:absolute;inset:0;width:0%;background:rgba(255,255,255,0.35);border-radius:10px;transition:width .05s linear;z-index:2"></div>
-        <button type="button" data-nibgate-unlock disabled style="width:100%;padding:14px 0;font-size:17px;font-weight:600;line-height:1;border:0;border-radius:10px;outline:none;cursor:pointer;position:relative;z-index:4;color:#fff;background:${theme.accent};box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:transform .1s,box-shadow .1s;font-family:inherit;display:flex;align-items:center;justify-content:center">${unlockSVG}Hold to pay</button></div>
+        <button type="button" data-nibgate-unlock style="width:100%;padding:14px 0;font-size:17px;font-weight:600;line-height:1;border:0;border-radius:10px;outline:none;cursor:pointer;position:relative;z-index:4;color:#fff;background:${theme.accent};box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:transform .1s,box-shadow .1s;font-family:inherit;display:flex;align-items:center;justify-content:center">${unlockSVG}Hold to pay</button></div>
       <div class="nui-stat" style="text-align:center;margin-top:16px" data-nibgate-status></div>
     </div>
     <div data-nibgate-premium hidden style="margin-top:32px;border-top:1px solid ${theme.border};padding-top:32px">${options.premiumContentHTML || ""}</div>
@@ -27438,12 +27438,12 @@ ${prettyStateOverride(stateOverride)}`;
         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.opacity = "1";
         btn.style.cursor = "pointer";
       } else {
         label.innerHTML = "Connect wallet";
-        btn.disabled = true;
-        btn.style.cursor = "default";
+        btn.style.opacity = "0.6";
+        btn.style.cursor = "pointer";
         btn.innerHTML = unlockSVG + "Hold to pay";
       }
     }
@@ -27455,7 +27455,7 @@ ${prettyStateOverride(stateOverride)}`;
       }
     }
     function setBtnText(t) {
-      btn.innerHTML = unlockSVG + t;
+      btn.innerHTML = unlockSVG + (t || "Hold to pay");
     }
     function resetHold() {
       holdActive = false;
@@ -27464,11 +27464,29 @@ ${prettyStateOverride(stateOverride)}`;
       btn.style.transform = "";
       btn.style.boxShadow = "";
       prog.style.width = "0%";
-      if (!btn.disabled) setBtnText("Hold to pay");
+      setBtnText("Hold to pay");
     }
     function startHold(e) {
-      if (btn.disabled || holdActive) return;
+      if (holdActive) return;
       e.preventDefault();
+      if (!ctrl.getWalletAddress()) {
+        setBtnText("Connecting\u2026");
+        btn.style.opacity = "0.6";
+        ctrl.connect().then(() => {
+          updateLabel();
+          btn.style.opacity = "1";
+          setBtnText("Hold\u2026");
+          beginHold();
+        }).catch(() => {
+          updateLabel();
+          btn.style.opacity = "1";
+          setBtnText("Hold to pay");
+        });
+        return;
+      }
+      beginHold();
+    }
+    function beginHold() {
       holdActive = true;
       holdComplete = false;
       btn.style.transform = "scale(0.96)";
@@ -27487,7 +27505,7 @@ ${prettyStateOverride(stateOverride)}`;
         btn.style.boxShadow = "";
         prog.style.transition = "width .05s linear";
         setBtnText("Processing\u2026");
-        btn.disabled = true;
+        btn.style.opacity = "0.6";
         setTimeout(() => ctrl.unlock().then(updateLabel).catch(updateLabel), 300);
       }, HOLD_MS);
     }
@@ -27497,7 +27515,9 @@ ${prettyStateOverride(stateOverride)}`;
       resetHold();
     }
     label.addEventListener("click", (e) => {
-      if (!ctrl.getWalletAddress()) {
+      if (e.target.dataset.nibgateDisconnect !== void 0) {
+        ctrl.disconnect().then(updateLabel);
+      } else if (!ctrl.getWalletAddress()) {
         ctrl.connect().then(updateLabel).catch(() => updateLabel());
       }
     });
@@ -27512,7 +27532,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>';
     }
@@ -27567,7 +27587,7 @@ ${prettyStateOverride(stateOverride)}`;
       }
     }
     if (window.ethereum) {
-      balTimer = setInterval(refreshBal, 3e3);
+      balTimer = setInterval(refreshBal, 15e3);
       setTimeout(refreshBal, 1e3);
       window.ethereum.on("accountsChanged", refreshBal);
     }