@asseteragmbh/wallet-connector 0.2.3 → 0.2.5

package/dist/index.cjs

@@ -10,6 +10,7 @@ function isSignInHint(value) {
   return SIGN_IN_HINTS.includes(value);
 }
 var MESSAGE_PREFIX = "assetera-wallet:";
+var HOLD_MAX_MS = 3e5;
 var SUPPORTED_METHODS = [
   "eth_requestAccounts",
   "eth_accounts",
@@ -95,6 +96,9 @@ function isRequestMessage(value) {
 function isDisconnectMessage(value) {
   return hasType(value, "disconnect");
 }
+function isHoldMessage(value) {
+  return hasType(value, "hold") && typeof value.hold === "boolean";
+}
 var EVM_ADDRESS_RE = /^0x[0-9a-fA-F]{40}$/;
 function isOnboardedMessage(value) {
   return hasType(value, "onboarded") && typeof value.address === "string" && EVM_ADDRESS_RE.test(value.address) && typeof value.chain === "string" && // `created` is new; an older wallet sent `status` instead and always created or reused a wallet.
@@ -180,6 +184,9 @@ function createAsseteraWalletProvider(options) {
   const listeners = /* @__PURE__ */ new Map();
   let closeTimer = null;
   let requestsSent = 0;
+  let popupReady = false;
+  const holds = /* @__PURE__ */ new Set();
+  const preparedHolds = /* @__PURE__ */ new Map();
   function currentChainId() {
     return chainIdHex ?? toHexChainId(defaultChainId);
   }
@@ -214,6 +221,34 @@ function createAsseteraWalletProvider(options) {
   function removeEventListener(event, listener) {
     listeners.get(event)?.delete(listener);
   }
+  function postHold(hold) {
+    const active = popup;
+    if (!active || active.closed || !popupReady) return;
+    const message = {
+      type: `${MESSAGE_PREFIX}hold`,
+      v: PROTOCOL_VERSION,
+      hold
+    };
+    active.postMessage(message, walletOrigin);
+  }
+  function addHold(token) {
+    const wasEmpty = holds.size === 0;
+    holds.add(token);
+    if (wasEmpty) postHold(true);
+  }
+  function removeHold(token) {
+    if (!holds.delete(token)) return false;
+    return holds.size === 0;
+  }
+  function endPreparedHolds(sequence) {
+    let emptied = false;
+    for (const [token, registeredAt] of preparedHolds) {
+      if (registeredAt >= sequence) continue;
+      preparedHolds.delete(token);
+      if (removeHold(token)) emptied = true;
+    }
+    if (emptied) postHold(false);
+  }
   function stopClosePolling() {
     if (closeTimer !== null) {
       clearInterval(closeTimer);
@@ -227,7 +262,10 @@ function createAsseteraWalletProvider(options) {
     }, CLOSE_POLL_MS);
   }
   function rejectAllPending(error) {
-    for (const request2 of pending.values()) request2.reject(error);
+    for (const request2 of pending.values()) {
+      request2.reject(error);
+      endPreparedHolds(request2.sequence);
+    }
     pending.clear();
   }
   function handlePopupClosed() {
@@ -235,6 +273,7 @@ function createAsseteraWalletProvider(options) {
     stopClosePolling();
     const closedPopup = popup;
     popup = null;
+    popupReady = false;
     const closedReady = ready;
     ready = createDeferred();
     const error = disconnectedError();
@@ -257,12 +296,13 @@ function createAsseteraWalletProvider(options) {
     );
     if (!opened) return null;
     popup = opened;
+    popupReady = false;
     ready = createDeferred();
     walletDisconnected = false;
     startClosePolling();
     return opened;
   }
-  function sendRequest(method, params) {
+  function sendRequest(method, params, sequence) {
     const active = popup;
     if (!active || active.closed) return Promise.reject(disconnectedError());
     const id = crypto.randomUUID();
@@ -274,7 +314,7 @@ function createAsseteraWalletProvider(options) {
       ...params === void 0 ? {} : { params }
     };
     return new Promise((resolve, reject) => {
-      pending.set(id, { resolve, reject });
+      pending.set(id, { resolve, reject, sequence });
       active.postMessage(message, walletOrigin);
     });
   }
@@ -282,6 +322,7 @@ function createAsseteraWalletProvider(options) {
     const request2 = pending.get(message.id);
     if (!request2) return;
     pending.delete(message.id);
+    endPreparedHolds(request2.sequence);
     if ("error" in message) {
       request2.reject(new ProviderRpcError(message.error.code, message.error.message, message.error.data));
     } else {
@@ -322,6 +363,8 @@ function createAsseteraWalletProvider(options) {
     if (popup === null || event.source !== popup) return;
     const data = event.data;
     if (isReadyMessage(data)) {
+      popupReady = true;
+      if (holds.size > 0) postHold(true);
       ready.resolve(void 0);
       return;
     }
@@ -361,9 +404,10 @@ function createAsseteraWalletProvider(options) {
     if (method === "eth_chainId") return Promise.resolve(currentChainId());
     if (method === "eth_requestAccounts") {
       requestsSent += 1;
+      const sequence2 = requestsSent;
       const active2 = openPopup();
       if (!active2) return Promise.reject(blockedError());
-      return ready.promise.then(() => sendRequest("eth_requestAccounts", params)).then((result) => {
+      return ready.promise.then(() => sendRequest("eth_requestAccounts", params, sequence2)).then((result) => {
         accounts = Array.isArray(result) ? result : [];
         emit("accountsChanged", [...accounts]);
         emit("connect", { chainId: currentChainId() });
@@ -379,10 +423,11 @@ function createAsseteraWalletProvider(options) {
       );
     }
     requestsSent += 1;
+    const sequence = requestsSent;
     const active = openPopup();
     if (!active) return Promise.reject(blockedError());
     if (SIGNING_METHODS.has(method)) active.focus();
-    return ready.promise.then(() => sendRequest(method, params));
+    return ready.promise.then(() => sendRequest(method, params, sequence));
   }
   function disconnect() {
     const active = popup;
@@ -396,6 +441,9 @@ function createAsseteraWalletProvider(options) {
     }
     stopClosePolling();
     popup = null;
+    popupReady = false;
+    holds.clear();
+    preparedHolds.clear();
     const closedReady = ready;
     ready = createDeferred();
     closedReady.reject(disconnectedError("Disconnected from the Assetera Wallet."));
@@ -411,16 +459,49 @@ function createAsseteraWalletProvider(options) {
     if (!active) return { opened: false, release: () => {
     } };
     const sentAtPrepare = requestsSent;
+    const token = /* @__PURE__ */ Symbol("assetera-wallet-prepare");
+    preparedHolds.set(token, sentAtPrepare);
+    addHold(token);
     let released = false;
     return {
       opened: true,
       release() {
         if (released) return;
         released = true;
-        if (existed || popup !== active || active.closed) return;
-        if (requestsSent !== sentAtPrepare || pending.size > 0) return;
-        active.close();
-        handlePopupClosed();
+        preparedHolds.delete(token);
+        const emptied = removeHold(token);
+        const canClose = emptied && !existed && popup === active && !active.closed && requestsSent === sentAtPrepare && pending.size === 0;
+        if (canClose) {
+          active.close();
+          handlePopupClosed();
+          return;
+        }
+        if (emptied) postHold(false);
+      }
+    };
+  }
+  function holdPopup() {
+    const existed = popup !== null && !popup.closed;
+    const active = typeof window === "undefined" ? null : openPopup();
+    if (!active) return { opened: false, release: () => {
+    } };
+    const token = /* @__PURE__ */ Symbol("assetera-wallet-hold");
+    const sentAtHold = requestsSent;
+    addHold(token);
+    let released = false;
+    return {
+      opened: true,
+      release() {
+        if (released) return;
+        released = true;
+        const emptied = removeHold(token);
+        const canClose = emptied && !existed && popup === active && !active.closed && requestsSent === sentAtHold && pending.size === 0;
+        if (canClose) {
+          active.close();
+          handlePopupClosed();
+          return;
+        }
+        if (emptied) postHold(false);
       }
     };
   }
@@ -443,7 +524,8 @@ function createAsseteraWalletProvider(options) {
     disconnect,
     lastSecurityStatus,
     lastAccountNames,
-    prepareSigning
+    prepareSigning,
+    holdPopup
   };
 }
 
@@ -479,6 +561,48 @@ var DEFAULT_LABELS = {
   cancel: "Cancel",
   blocked: "Your browser blocked the Assetera Wallet window. Allow pop-ups for this site and try again."
 };
+var LIGHT_THEME = {
+  scheme: "light",
+  backdrop: "rgba(15,20,30,0.6)",
+  surface: "#ffffff",
+  text: "#101828",
+  mutedText: "#475467",
+  primary: "#101828",
+  primaryText: "#ffffff",
+  border: "none",
+  radius: "16px",
+  buttonRadius: "10px",
+  fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+};
+var DARK_THEME = {
+  scheme: "dark",
+  backdrop: "rgba(8,10,14,0.72)",
+  surface: "#1b1d24",
+  text: "#f7f8fa",
+  mutedText: "#9aa2b1",
+  primary: "#ffffff",
+  primaryText: "#101828",
+  border: "1px solid rgba(255,255,255,0.14)",
+  radius: "16px",
+  buttonRadius: "10px",
+  fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+};
+function resolveTheme(theme) {
+  const base = theme?.scheme === "dark" ? DARK_THEME : LIGHT_THEME;
+  return {
+    scheme: base.scheme,
+    backdrop: theme?.backdrop ?? base.backdrop,
+    surface: theme?.surface ?? base.surface,
+    text: theme?.text ?? base.text,
+    mutedText: theme?.mutedText ?? base.mutedText,
+    primary: theme?.primary ?? base.primary,
+    primaryText: theme?.primaryText ?? base.primaryText,
+    border: theme?.border ?? base.border,
+    radius: theme?.radius ?? base.radius,
+    buttonRadius: theme?.buttonRadius ?? base.buttonRadius,
+    fontFamily: theme?.fontFamily ?? base.fontFamily
+  };
+}
 function resolveLabels(options) {
   const overrides = typeof options.overlay === "object" && options.overlay !== null ? options.overlay : {};
   const partnerName = options.partnerName;
@@ -491,6 +615,10 @@ function resolveLabels(options) {
     blocked: overrides.blocked ?? DEFAULT_LABELS.blocked
   };
 }
+function resolveThemeOption(options) {
+  const overlay = typeof options.overlay === "object" && options.overlay !== null ? options.overlay : {};
+  return resolveTheme(overlay.theme);
+}
 function cancelCode(reason) {
   if (reason === "user") return "cancelled";
   if (reason === "refused") return "refused";
@@ -504,7 +632,7 @@ function cancelMessage(reason) {
 function copyAccountNames(accounts) {
   return accounts.map((account) => ({ address: account.address, name: account.name }));
 }
-function showOverlay(win, labels, handlers) {
+function showOverlay(win, labels, theme, handlers) {
   const doc = win.document;
   const root = doc.createElement("div");
   root.setAttribute("role", "dialog");
@@ -518,40 +646,43 @@ function showOverlay(win, labels, handlers) {
     "justify-content: center",
     "padding: 24px",
     "box-sizing: border-box",
-    "background: rgba(15,20,30,0.6)",
-    `z-index: ${OVERLAY_Z_INDEX}`,
-    "font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+    `z-index: ${OVERLAY_Z_INDEX}`
   ].join("; ");
+  root.style.setProperty("background-color", theme.backdrop);
+  root.style.setProperty("font-family", theme.fontFamily);
   const card = doc.createElement("div");
   card.style.cssText = [
     "box-sizing: border-box",
     "width: 100%",
     "max-width: 420px",
-    "border-radius: 16px",
     "padding: 24px",
-    "background: #ffffff",
-    "color: #101828",
     "box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35)"
   ].join("; ");
+  card.style.setProperty("background-color", theme.surface);
+  card.style.setProperty("color", theme.text);
+  card.style.setProperty("border", theme.border);
+  card.style.setProperty("border-radius", theme.radius);
   const title = doc.createElement("h2");
   title.textContent = labels.title;
   title.style.cssText = "margin: 0 0 10px; font-size: 18px; line-height: 1.3; font-weight: 600;";
+  title.style.setProperty("color", theme.text);
   const body = doc.createElement("p");
   body.textContent = labels.body;
-  body.style.cssText = "margin: 0 0 20px; font-size: 14px; line-height: 1.5; color: #475467;";
+  body.style.cssText = "margin: 0 0 20px; font-size: 14px; line-height: 1.5;";
+  body.style.setProperty("color", theme.mutedText);
   const focus = doc.createElement("button");
   focus.type = "button";
   focus.textContent = labels.focus;
   focus.style.cssText = [
     "padding: 10px 16px",
     "border: 0",
-    "border-radius: 10px",
-    "background: #101828",
-    "color: #ffffff",
     "font: inherit",
     "font-weight: 600",
     "cursor: pointer"
   ].join("; ");
+  focus.style.setProperty("background-color", theme.primary);
+  focus.style.setProperty("color", theme.primaryText);
+  focus.style.setProperty("border-radius", theme.buttonRadius);
   focus.addEventListener("click", handlers.onFocus);
   const cancel = doc.createElement("button");
   cancel.type = "button";
@@ -561,10 +692,11 @@ function showOverlay(win, labels, handlers) {
     "border: 0",
     "border-radius: 10px",
     "background: transparent",
-    "color: #475467",
     "font: inherit",
     "cursor: pointer"
   ].join("; ");
+  cancel.style.setProperty("color", theme.mutedText);
+  cancel.style.setProperty("border-radius", theme.buttonRadius);
   cancel.addEventListener("click", handlers.onCancel);
   const actions = doc.createElement("div");
   actions.style.cssText = "display: flex; gap: 8px; align-items: center;";
@@ -599,6 +731,7 @@ function openAsseteraOnboarding(options) {
     );
   }
   const labels = resolveLabels(options);
+  const theme = resolveThemeOption(options);
   const overlayEnabled = options.overlay !== false;
   const popup = targetWindow.open(
     onboardUrl(options.walletUrl, targetWindow.location.origin, {
@@ -653,6 +786,16 @@ function openAsseteraOnboarding(options) {
       activePopup.close();
       fail(new OnboardingError("cancelled", "The user cancelled the Assetera Wallet onboarding."));
     }
+    const controls = {
+      focus() {
+        if (finished) return;
+        activePopup.focus();
+      },
+      cancel() {
+        if (finished) return;
+        cancel();
+      }
+    };
     function signMessage(message) {
       if (finished || activePopup.closed) {
         return Promise.reject(new OnboardingError("closed", "The Assetera Wallet window was closed."));
@@ -731,11 +874,12 @@ function openAsseteraOnboarding(options) {
       );
     }, CLOSE_POLL_MS2);
     if (overlayEnabled) {
-      overlay = showOverlay(targetWindow, labels, {
-        onFocus: () => activePopup.focus(),
-        onCancel: cancel
+      overlay = showOverlay(targetWindow, labels, theme, {
+        onFocus: () => controls.focus(),
+        onCancel: () => controls.cancel()
       });
     }
+    options.onControls?.(controls);
   });
 }
 
@@ -834,6 +978,7 @@ function openAsseteraWalletManager(options) {
 }
 
 exports.CONNECT_PATH = CONNECT_PATH;
+exports.HOLD_MAX_MS = HOLD_MAX_MS;
 exports.MANAGE_PATH = MANAGE_PATH;
 exports.MESSAGE_PREFIX = MESSAGE_PREFIX;
 exports.ManagerError = ManagerError;
@@ -850,6 +995,7 @@ exports.isAccountsMessage = isAccountsMessage;
 exports.isCaip2EvmChain = isCaip2EvmChain;
 exports.isDisconnectMessage = isDisconnectMessage;
 exports.isEventMessage = isEventMessage;
+exports.isHoldMessage = isHoldMessage;
 exports.isOnboardCancelledMessage = isOnboardCancelledMessage;
 exports.isOnboardedMessage = isOnboardedMessage;
 exports.isReadyMessage = isReadyMessage;