@xrpl-wallet-kit/browser 0.1.8 → 0.1.10

package/dist/xrpl-wallet-kit.iife.js

@@ -1,4 +1,4 @@
-/*! @xrpl-wallet-kit/browser v0.1.8 | MIT | https://github.com/XRPDomains/xrpl-wallet-kit */
+/*! @xrpl-wallet-kit/browser v0.1.10 | MIT | https://github.com/XRPDomains/xrpl-wallet-kit */
 var __defProp = Object.defineProperty;
 var __typeError = (msg) => {
   throw TypeError(msg);
@@ -2431,6 +2431,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   const SESSION_KEY = "session";
   const WALLET_STORAGE_VERSION = 1;
   const RECOVER_SESSION_RETRY_DELAYS_MS = [0, 700, 1600, 3e3];
+  const DEFAULT_AUTO_RECONNECT_RESTORE_TIMEOUT_MS = 3e3;
+  const DEFAULT_PENDING_RETURN_RECOVERY_TIMEOUT_MS = 1e4;
   const DEFAULT_ACCOUNT_STATUS_TIMEOUT_MS = 2500;
   const DEFAULT_AUTHENTICATE_EXPIRES_IN_SECONDS = 3600;
   const DEFAULT_TX_CONFIRMATION_ATTEMPTS = 6;
@@ -2543,9 +2545,14 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
       try {
         if (adapter.restoreSession) {
-          const restored = await adapter.restoreSession(session);
+          const restoredResult = await this.withTimeout(adapter.restoreSession(session), DEFAULT_AUTO_RECONNECT_RESTORE_TIMEOUT_MS);
+          if (restoredResult.timedOut) {
+            await this.clearStoredSessionAsStale(session, "restore_timeout");
+            return null;
+          }
+          const restored = restoredResult.value;
           if (!(restored == null ? void 0 : restored.session)) {
-            this.emit("session_stale", { adapterId: session.adapterId, account: session.account, session, reason: "restore_unavailable" });
+            await this.clearStoredSessionAsStale(session, "restore_unavailable");
             return null;
           }
           const enrichedSession2 = await this.enrichSession(this.withWalletMetadata(restored.session, adapter));
@@ -2555,8 +2562,19 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           this.emit("connected", { adapterId: enrichedSession2.adapterId, account: enrichedSession2.account, session: enrichedSession2 });
           return enrichedSession2;
         }
-        if (adapter.isAvailable && !await adapter.isAvailable()) {
-          this.emit("session_stale", { adapterId: session.adapterId, account: session.account, session, reason: "adapter_unavailable" });
+        if (adapter.isAvailable) {
+          const availability = await this.withTimeout(Promise.resolve(adapter.isAvailable()), DEFAULT_AUTO_RECONNECT_RESTORE_TIMEOUT_MS);
+          if (availability.timedOut) {
+            await this.clearStoredSessionAsStale(session, "availability_timeout");
+            return null;
+          }
+          if (!availability.value) {
+            await this.clearStoredSessionAsStale(session, "adapter_unavailable");
+            return null;
+          }
+        }
+        if (session.expiresAt && session.expiresAt <= Date.now()) {
+          await this.clearStoredSessionAsStale(session, "session_expired");
           return null;
         }
         const enrichedSession = await this.enrichSession(this.withWalletMetadata(session, adapter));
@@ -2590,16 +2608,34 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         return null;
       const announcedAdapters = /* @__PURE__ */ new Set();
       const recoveryRetryDelaysMs = this.config.recoveryRetryDelaysMs ?? RECOVER_SESSION_RETRY_DELAYS_MS;
+      const recoveryDeadline = Date.now() + DEFAULT_PENDING_RETURN_RECOVERY_TIMEOUT_MS;
+      let timedOut = false;
       for (const delayMs of recoveryRetryDelaysMs) {
+        const remainingBeforeDelay = recoveryDeadline - Date.now();
+        if (remainingBeforeDelay <= 0) {
+          timedOut = true;
+          break;
+        }
         if (delayMs > 0)
-          await this.delay(delayMs);
+          await this.delay(Math.min(delayMs, remainingBeforeDelay));
         for (const adapter of recoverableAdapters) {
+          const remaining = recoveryDeadline - Date.now();
+          if (remaining <= 0) {
+            timedOut = true;
+            break;
+          }
           try {
             if (!announcedAdapters.has(adapter.metadata.id)) {
               announcedAdapters.add(adapter.metadata.id);
               this.emit("connecting", { adapterId: adapter.metadata.id, recovering: true });
             }
-            const recovered = await ((_a2 = adapter.recoverSession) == null ? void 0 : _a2.call(adapter, { network, walletId: adapter.metadata.id }));
+            const recovery = await this.withTimeout((_a2 = adapter.recoverSession) == null ? void 0 : _a2.call(adapter, { network, walletId: adapter.metadata.id }), remaining);
+            if (recovery.timedOut) {
+              timedOut = true;
+              this.logger.warn(`Session recovery timed out for ${adapter.metadata.id}`);
+              break;
+            }
+            const recovered = recovery.value;
             if (!(recovered == null ? void 0 : recovered.session))
               continue;
             const enrichedSession = await this.enrichSession(this.withWalletMetadata(recovered.session, adapter));
@@ -2613,14 +2649,20 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
             this.logger.warn(`Session recovery failed for ${adapter.metadata.id}`, error);
           }
         }
+        if (timedOut)
+          break;
       }
       recoverableAdapters.forEach((adapter) => {
         var _a3;
-        this.emit("session_stale", { adapterId: adapter.metadata.id, reason: "recover_unavailable", attempts: recoveryRetryDelaysMs.length });
+        this.emit("session_stale", { adapterId: adapter.metadata.id, reason: timedOut ? "recover_timeout" : "recover_unavailable", attempts: recoveryRetryDelaysMs.length });
         void ((_a3 = adapter.cancelPendingConnection) == null ? void 0 : _a3.call(adapter));
       });
       return null;
     }
+    async clearStoredSessionAsStale(session, reason) {
+      await this.storage.removeItem(SESSION_KEY);
+      this.emit("session_stale", { adapterId: session.adapterId, account: session.account, session, reason });
+    }
     delay(ms2) {
       return new Promise((resolve) => setTimeout(resolve, ms2));
     }
@@ -20587,7 +20629,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       this.bindChrome();
     }
     renderQrLoading() {
-      return `<span class="xwk-qr-loading xwk-qr-loading-skeleton" role="status" aria-live="polite"><span class="xwk-skeleton xwk-skeleton-qr xwk-qr-skeleton" aria-hidden="true"></span><span class="xwk-sr-only">${this.escapeHtml(this.messages().generatingQr)}</span></span>`;
+      return `<span class="xwk-qr-loading xwk-qr-loading-skeleton" role="status" aria-live="polite"><span class="xwk-skeleton-qr xwk-qr-skeleton" aria-hidden="true"></span><span class="xwk-sr-only">${this.escapeHtml(this.messages().generatingQr)}</span></span>`;
     }
     renderQrCopyButtonContent() {
       const messages = this.messages();
@@ -20667,7 +20709,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
     }
     renderMobileSheetOverrides(theme) {
       const inlineOverrides = `.xwk-inline{background:transparent!important;display:block!important;inset:auto!important;opacity:1!important;overflow:visible!important;padding:0!important;place-items:initial!important;position:relative!important;z-index:auto!important}.xwk-inline .xwk-modal{border:1px solid ${theme.border}!important;border-radius:${theme.radius}!important;box-shadow:none!important;max-height:none!important;max-width:none!important;opacity:1!important;transform:none!important;transition:none!important;width:100%!important}.xwk-inline .xwk-body{max-height:none!important}.xwk-inline .xwk-header-spacer{display:block;height:44px;width:44px}.xwk-inline[data-xwk-state="closing"] .xwk-modal{opacity:1!important;transform:none!important}`;
-      const skeletonOverrides = `.xwk-skeleton{animation:xwk-qr-skeleton-pulse 1.4s ease-in-out infinite;background:linear-gradient(90deg,${theme.surface} 25%,${theme.surfaceHover} 50%,${theme.surface} 75%);background-size:200% 100%;display:inline-block}.xwk-skeleton-circle{border-radius:999px}.xwk-skeleton-line{height:14px;border-radius:4px}.xwk-skeleton-pill{border-radius:999px}.xwk-skeleton-card,.xwk-skeleton-button{border-radius:${theme.walletRadius}}.xwk-skeleton-row{align-items:center;display:flex;gap:12px;width:100%}.xwk-qr-loading-skeleton{display:grid;height:100%;place-items:center;width:100%}.xwk-qr-skeleton{border-radius:12px;box-sizing:border-box;display:block;height:calc(100% - 16px);overflow:hidden;position:relative;width:calc(100% - 16px)}.xwk-qr-skeleton:before{background-image:radial-gradient(circle,${theme.muted} 0 2px,transparent 2.8px);background-size:14px 14px;content:"";inset:24px;opacity:.26;position:absolute}.xwk-wallet-badge-loading{color:transparent;min-width:72px;visibility:visible}.xwk-wallet-badge-loading:before{display:none}@keyframes xwk-qr-skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.xwk-skeleton,.xwk-qr-skeleton{animation:none!important;background:${theme.surfaceHover}!important}}`;
+      const skeletonOverrides = `.xwk-skeleton{animation:xwk-qr-skeleton-pulse 1.4s ease-in-out infinite;background:linear-gradient(90deg,${theme.surface} 25%,${theme.surfaceHover} 50%,${theme.surface} 75%);background-size:200% 100%;display:inline-block}.xwk-skeleton-circle{border-radius:999px}.xwk-skeleton-line{height:14px;border-radius:4px}.xwk-skeleton-pill{border-radius:999px}.xwk-skeleton-card,.xwk-skeleton-button{border-radius:${theme.walletRadius}}.xwk-skeleton-row{align-items:center;display:flex;gap:12px;width:100%}.xwk-qr-loading-skeleton{display:grid;height:100%;place-items:stretch;width:100%}.xwk-qr-skeleton{border-radius:10px;box-sizing:border-box;display:block;height:100%;overflow:hidden;position:relative;width:100%}.xwk-qr-skeleton:before{background-image:radial-gradient(circle,${theme.muted} 0 2px,transparent 2.8px);background-size:14px 14px;content:"";inset:0;opacity:.22;position:absolute}.xwk-qr-skeleton:after{animation:xwk-qr-shimmer 1.35s ease-in-out infinite;background:linear-gradient(90deg,transparent 0%,${theme.surfaceHover} 42%,rgba(255,255,255,.34) 50%,${theme.surfaceHover} 58%,transparent 100%);content:"";inset:0;opacity:.52;position:absolute;transform:translateX(-115%);will-change:transform}.xwk-wallet-badge-loading{color:transparent;min-width:72px;visibility:visible}.xwk-wallet-badge-loading:before{display:none}@keyframes xwk-qr-skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes xwk-qr-shimmer{0%{transform:translateX(-115%)}100%{transform:translateX(115%)}}@media(prefers-reduced-motion:reduce){.xwk-skeleton,.xwk-qr-skeleton,.xwk-qr-skeleton:after{animation:none!important}.xwk-skeleton,.xwk-qr-skeleton{background:${theme.surfaceHover}!important}.xwk-qr-skeleton:after{display:none!important}}`;
       return `${skeletonOverrides}.xwk-modal:focus{outline:none}.xwk-sr-only{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.xwk-error-text,.xwk-connect-status.xwk-error-text,.xwk-qr-loading.xwk-error-text{color:${theme.error}!important}.xwk-close,.xwk-back{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;margin:0;outline:none!important}.xwk-close:focus-visible,.xwk-back:focus-visible{outline:2px solid ${theme.accent}!important;outline-offset:0}@media(max-width:640px){.xwk-overlay{padding:max(12px,env(safe-area-inset-top)) 0 0!important;place-items:end center!important}.xwk-modal{align-self:end!important;border-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-left:0!important;border-right:0!important;border-top-left-radius:${theme.radius}!important;border-top-right-radius:${theme.radius}!important;height:auto!important;max-height:calc(100dvh - env(safe-area-inset-top))!important;max-width:none!important;width:100vw!important}.xwk-header{border-top-left-radius:${theme.radius};border-top-right-radius:${theme.radius}}.xwk-body{padding-bottom:max(6px,calc(6px + env(safe-area-inset-bottom)))!important}.xwk-overlay[data-xwk-view="list"] .xwk-body{padding-bottom:max(2px,calc(2px + env(safe-area-inset-bottom)))!important}.xwk-network-row{margin:-4px 0 8px!important}.xwk-overlay[data-xwk-view="list"] .xwk-footer{padding-top:6px!important}}${inlineOverrides}`;
     }
     renderWalletList(layout) {