@bwalletx/connect 0.1.0 → 0.2.0

package/dist/react.cjs

@@ -0,0 +1,700 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react.ts
+var react_exports = {};
+__export(react_exports, {
+  BwalletxSignin: () => BwalletxSignin,
+  default: () => react_default
+});
+module.exports = __toCommonJS(react_exports);
+var import_react = require("react");
+
+// src/discover.ts
+var RDNS_EXTENSION = "com.bwalletx.extension";
+var RDNS_MOBILE = "space.bwallet.mobile";
+var BWALLETX_RDNS = [RDNS_EXTENSION, RDNS_MOBILE];
+function discoverBwalletX(ms = 1200) {
+  if (typeof window === "undefined") return Promise.resolve(null);
+  return new Promise((resolve) => {
+    let done = false;
+    const finish = (r) => {
+      if (done) return;
+      done = true;
+      window.removeEventListener("brc100:announceWallet", onAnnounce);
+      resolve(r);
+    };
+    const onAnnounce = (e) => {
+      const d = e.detail;
+      const rdns = d?.info?.rdns ?? "";
+      if (d?.wallet && BWALLETX_RDNS.includes(rdns)) {
+        finish({ wallet: d.wallet, method: rdns === RDNS_EXTENSION ? "extension" : "in-app", rdns });
+      }
+    };
+    window.addEventListener("brc100:announceWallet", onAnnounce);
+    window.dispatchEvent(new Event("brc100:requestWallet"));
+    setTimeout(() => {
+      const cwi = window.CWI;
+      finish(cwi ? { wallet: cwi, method: "in-app", rdns: null } : null);
+    }, ms);
+  });
+}
+
+// src/pair.ts
+var import_sdk2 = require("@bsv/sdk");
+
+// src/in-order.ts
+function inOrder(handle, onError) {
+  let queue = Promise.resolve();
+  return (frame) => {
+    queue = queue.then(() => handle(frame)).catch((e) => onError?.(e));
+    return queue;
+  };
+}
+
+// src/protocol.ts
+var import_sdk = require("@bsv/sdk");
+var PAIR_VERSION = "1";
+var PAIR_INFO = "bwallet-pair-v1";
+var PAIR_HOST = "www.bwallet.space";
+var DEFAULT_RELAY = "relay.bwallet.space";
+var QR_LIFETIME_S = 120;
+var enc = new TextEncoder();
+var dec = new TextDecoder();
+var binary = (bytes) => {
+  let s = "";
+  for (let i = 0; i < bytes.length; i += 32768) s += String.fromCharCode(...bytes.subarray(i, i + 32768));
+  return s;
+};
+var b64url = (bytes) => btoa(binary(bytes)).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+var fromB64url = (s) => {
+  const t = s.replace(/-/g, "+").replace(/_/g, "/");
+  const bin = atob(t + "=".repeat((4 - t.length % 4) % 4));
+  return Uint8Array.from(bin, (ch) => ch.charCodeAt(0));
+};
+var b64 = (bytes) => btoa(binary(bytes));
+var fromB64 = (s) => Uint8Array.from(atob(s), (ch) => ch.charCodeAt(0));
+var newChannel = () => b64url(crypto.getRandomValues(new Uint8Array(16)));
+function pairUrl(link) {
+  const q = new URLSearchParams({ v: link.v, r: link.r, c: link.c, k: link.k, o: link.o, e: String(link.e) });
+  return `https://${PAIR_HOST}/pair?${q}`;
+}
+var relaySocketUrl = (relay, channel, role, expiry) => {
+  const local = /^(localhost|127\.0\.0\.1)(:\d+)?$/.test(relay);
+  const q = new URLSearchParams({ role });
+  if (expiry) q.set("e", String(expiry));
+  return `${local ? "ws" : "wss"}://${relay}/v1/c/${channel}?${q}`;
+};
+async function deriveSession(mine, theirs, channel) {
+  const point = mine.deriveSharedSecret(import_sdk.PublicKey.fromString(theirs));
+  const ikm = new Uint8Array(point.encode(true));
+  const base = await crypto.subtle.importKey("raw", ikm, "HKDF", false, ["deriveBits"]);
+  const bits = new Uint8Array(
+    await crypto.subtle.deriveBits(
+      { name: "HKDF", hash: "SHA-256", salt: fromB64url(channel), info: enc.encode(PAIR_INFO) },
+      base,
+      256
+    )
+  );
+  const key = await crypto.subtle.importKey("raw", bits, "AES-GCM", false, ["encrypt", "decrypt"]);
+  const h = new Uint8Array(await crypto.subtle.digest("SHA-256", bits));
+  const code = String((h[0] << 8 | h[1]) % 1e4).padStart(4, "0");
+  return { key, code };
+}
+var Sealer = class {
+  constructor(key, me) {
+    this.key = key;
+    this.me = me;
+  }
+  key;
+  me;
+  sent = 0;
+  lastSeen = 0;
+  async seal(msg) {
+    const s = ++this.sent;
+    const n = crypto.getRandomValues(new Uint8Array(12));
+    const ct = new Uint8Array(
+      await crypto.subtle.encrypt(
+        { name: "AES-GCM", iv: n, additionalData: enc.encode(`${this.me}|${s}`) },
+        this.key,
+        enc.encode(JSON.stringify(msg))
+      )
+    );
+    return { s, n: b64(n), d: b64(ct) };
+  }
+  /** Decrypts a frame from the other side; null for replays, reflections or tampering. */
+  async open(f) {
+    if (!Number.isInteger(f.s) || f.s <= this.lastSeen) return null;
+    const from = this.me === "site" ? "wallet" : "site";
+    try {
+      const pt = await crypto.subtle.decrypt(
+        { name: "AES-GCM", iv: fromB64(f.n), additionalData: enc.encode(`${from}|${f.s}`) },
+        this.key,
+        fromB64(f.d)
+      );
+      this.lastSeen = f.s;
+      return JSON.parse(dec.decode(pt));
+    } catch {
+      return null;
+    }
+  }
+  /** For resuming a session after a reload: continue counters where they were. */
+  get counters() {
+    return { sent: this.sent, lastSeen: this.lastSeen };
+  }
+  restore(c) {
+    this.sent = c.sent;
+    this.lastSeen = c.lastSeen;
+  }
+};
+var isSealed = (x) => !!x && typeof x === "object" && "d" in x && "n" in x && "s" in x;
+
+// src/pair.ts
+var DEFAULT_KEY = "bwalletx.connect.pairing.v1";
+var OPEN = 1;
+function memoryStorage() {
+  const m = /* @__PURE__ */ new Map();
+  return { getItem: (k) => m.get(k) ?? null, setItem: (k, v) => void m.set(k, v), removeItem: (k) => void m.delete(k) };
+}
+function defaultStorage() {
+  try {
+    if (typeof localStorage !== "undefined") return localStorage;
+  } catch {
+  }
+  return memoryStorage();
+}
+function defaultSocket() {
+  return (url) => {
+    if (typeof WebSocket === "undefined") throw new Error("No WebSocket here. Pass options.socket.");
+    return new WebSocket(url);
+  };
+}
+function parseStored(raw) {
+  if (!raw) return null;
+  try {
+    const p = JSON.parse(raw);
+    const n = (x) => Number.isInteger(x) && x >= 0;
+    if (p.v !== 1) return null;
+    if (typeof p.c !== "string" || !/^[A-Za-z0-9_-]{22}$/.test(p.c)) return null;
+    if (typeof p.r !== "string" || !/^[a-z0-9.-]+(:\d+)?$/i.test(p.r)) return null;
+    if (typeof p.s !== "string" || !/^[0-9a-f]{64}$/i.test(p.s)) return null;
+    if (typeof p.k !== "string" || !/^0[23][0-9a-f]{64}$/i.test(p.k)) return null;
+    if (!n(p.sent) || !n(p.lastSeen) || !n(p.pairedAt)) return null;
+    return p;
+  } catch {
+    return null;
+  }
+}
+var Link = class {
+  constructor(p, sealer, storage, key, socket, timeoutMs) {
+    this.p = p;
+    this.sealer = sealer;
+    this.storage = storage;
+    this.key = key;
+    this.socket = socket;
+    this.timeoutMs = timeoutMs;
+  }
+  p;
+  sealer;
+  storage;
+  key;
+  socket;
+  timeoutMs;
+  ws = null;
+  opening = null;
+  waiting = /* @__PURE__ */ new Map();
+  forgotten = false;
+  /** Take over a socket that is already open (the one pairing used). */
+  adopt(ws) {
+    this.ws = ws;
+    this.wire(ws);
+  }
+  wire(ws) {
+    ws.onmessage = inOrder((ev) => this.onFrame(String(ev.data)));
+    ws.onerror = null;
+    ws.onclose = () => {
+      if (this.ws === ws) this.ws = null;
+      this.failAll(new Error("The connection to bWalletX closed"));
+    };
+  }
+  persist() {
+    if (this.forgotten) return;
+    this.p = { ...this.p, ...this.sealer.counters };
+    void Promise.resolve(this.storage.setItem(this.key, JSON.stringify(this.p))).catch(() => {
+    });
+  }
+  failAll(e) {
+    for (const w of this.waiting.values()) {
+      clearTimeout(w.timer);
+      w.reject(e);
+    }
+    this.waiting.clear();
+  }
+  async ensure() {
+    if (this.forgotten) throw new Error("This pairing was removed. Pair again.");
+    if (this.ws && this.ws.readyState === OPEN) return;
+    this.opening ??= this.reopen().finally(() => this.opening = null);
+    await this.opening;
+  }
+  reopen() {
+    const ws = this.socket(relaySocketUrl(this.p.r, this.p.c, "site", Math.floor(Date.now() / 1e3) + QR_LIFETIME_S - 10));
+    return new Promise((resolve, reject) => {
+      ws.onopen = () => {
+        this.ws = ws;
+        this.wire(ws);
+        resolve();
+      };
+      ws.onerror = () => reject(new Error("Could not reach the bWalletX pairing service"));
+      ws.onclose = () => reject(new Error("Could not reach the bWalletX pairing service"));
+    });
+  }
+  async onFrame(raw) {
+    let f;
+    try {
+      f = JSON.parse(raw);
+    } catch {
+      return;
+    }
+    const t = f.t;
+    if (t === "relay" && f.error) {
+      return this.failAll(new Error(`bWalletX pairing service: ${f.error}`));
+    }
+    if (!isSealed(f)) return;
+    const msg = await this.sealer.open(f);
+    if (!msg) return;
+    this.persist();
+    if (msg.t === "res") {
+      const w = this.waiting.get(msg.id);
+      if (!w) return;
+      clearTimeout(w.timer);
+      this.waiting.delete(msg.id);
+      if (msg.error) w.reject(Object.assign(new Error(msg.error.message), { code: msg.error.code }));
+      else w.resolve(msg.result);
+    } else if (msg.t === "close") {
+      this.drop();
+      this.failAll(new Error("bWalletX disconnected this site. Pair again."));
+    }
+  }
+  async call(action, params) {
+    await this.ensure();
+    const ws = this.ws;
+    const id = `${action}-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+    const result = new Promise((resolve, reject) => {
+      const timer = setTimeout(() => {
+        if (this.waiting.delete(id)) reject(new Error("No answer from bWalletX. Open it, unlocked, and approve."));
+      }, this.timeoutMs);
+      this.waiting.set(id, { resolve, reject, timer });
+    });
+    ws.send(JSON.stringify(await this.sealer.seal({ t: "req", id, action, params })));
+    this.persist();
+    return result;
+  }
+  close() {
+    const ws = this.ws;
+    this.ws = null;
+    ws?.close();
+  }
+  drop() {
+    this.forgotten = true;
+    void Promise.resolve(this.storage.removeItem(this.key)).catch(() => {
+    });
+    this.close();
+  }
+  async forget() {
+    if (this.forgotten) return;
+    try {
+      if (this.ws && this.ws.readyState === OPEN) {
+        this.ws.send(JSON.stringify(await this.sealer.seal({ t: "close", reason: "site unpaired" })));
+      }
+    } catch {
+    }
+    this.drop();
+  }
+  wallet() {
+    return new Proxy({}, {
+      get: (_t, method) => {
+        if (method === "close") return () => this.close();
+        if (method === "forget") return () => this.forget();
+        if (typeof method !== "string" || method === "then" || method === "toJSON") return void 0;
+        return (params) => this.call(method, params ?? {});
+      }
+    });
+  }
+};
+function pairBwalletX(opts) {
+  const storage = opts.storage === void 0 ? defaultStorage() : opts.storage ?? memoryStorage();
+  const key = opts.storageKey ?? DEFAULT_KEY;
+  const socket = opts.socket ?? defaultSocket();
+  const relay = opts.relay ?? DEFAULT_RELAY;
+  const origin = opts.origin ?? (typeof location !== "undefined" ? location.origin : "");
+  if (!origin) return Promise.reject(new Error("pairBwalletX needs options.origin outside a browser"));
+  const siteKey = import_sdk2.PrivateKey.fromRandom();
+  const channel = newChannel();
+  const expiry = Math.floor(Date.now() / 1e3) + QR_LIFETIME_S;
+  return new Promise((resolve, reject) => {
+    if (opts.signal?.aborted) return reject(new Error("cancelled"));
+    let ws;
+    try {
+      ws = socket(relaySocketUrl(relay, channel, "site", expiry));
+    } catch (e) {
+      return reject(e);
+    }
+    let sealer = null;
+    let walletKey = "";
+    let settled = false;
+    const fail = (e) => {
+      if (settled) return;
+      settled = true;
+      clearTimeout(timer);
+      ws.close();
+      reject(e);
+    };
+    const timer = setTimeout(() => fail(new Error("The pairing code expired. Show a new one.")), QR_LIFETIME_S * 1e3);
+    opts.signal?.addEventListener("abort", () => fail(new Error("cancelled")));
+    ws.onerror = () => fail(new Error("Could not reach the bWalletX pairing service"));
+    ws.onclose = () => fail(new Error("The connection to bWalletX closed before pairing finished"));
+    ws.onmessage = inOrder(async (ev) => {
+      if (settled) return;
+      let f;
+      try {
+        f = JSON.parse(String(ev.data));
+      } catch {
+        return;
+      }
+      if (f.t === "hello" && !sealer) {
+        walletKey = f.k;
+        const s = await deriveSession(siteKey, walletKey, channel);
+        sealer = new Sealer(s.key, "site");
+        opts.onCode(s.code);
+        return;
+      }
+      if (!sealer || !isSealed(f)) return;
+      const msg = await sealer.open(f);
+      if (!msg) return;
+      if (msg.t === "ready") {
+        settled = true;
+        clearTimeout(timer);
+        const p = { v: 1, c: channel, r: relay, s: siteKey.toHex(), k: walletKey, ...sealer.counters, pairedAt: Date.now() };
+        await Promise.resolve(storage.setItem(key, JSON.stringify(p))).catch(() => {
+        });
+        const link = new Link(p, sealer, storage, key, socket, opts.callTimeoutMs ?? 12e4);
+        link.adopt(ws);
+        resolve(link.wallet());
+      } else if (msg.t === "close") {
+        fail(new Error("Pairing was declined in bWalletX"));
+      }
+    });
+    opts.onLink(pairUrl({ v: PAIR_VERSION, r: relay, c: channel, k: siteKey.toPublicKey().toString(), o: origin, e: expiry }));
+  });
+}
+async function restorePairing(opts = {}) {
+  const storage = opts.storage === void 0 ? defaultStorage() : opts.storage ?? memoryStorage();
+  const key = opts.storageKey ?? DEFAULT_KEY;
+  const p = parseStored(await Promise.resolve(storage.getItem(key)).catch(() => null));
+  if (!p) return null;
+  const { key: aes } = await deriveSession(import_sdk2.PrivateKey.fromHex(p.s), p.k, p.c);
+  const sealer = new Sealer(aes, "site");
+  sealer.restore({ sent: p.sent, lastSeen: p.lastSeen });
+  return new Link(p, sealer, storage, key, opts.socket ?? defaultSocket(), opts.callTimeoutMs ?? 12e4).wallet();
+}
+
+// src/signin.ts
+var LOGIN_PROTOCOL = [2, "bwallet sign in"];
+async function connectBwalletX(opts = {}) {
+  if (opts.wallet) return { wallet: opts.wallet, method: "wallet" };
+  const found = await discoverBwalletX(opts.discoverMs);
+  if (found) return { wallet: found.wallet, method: found.method };
+  if (opts.reusePairing !== false) {
+    const restored = await restorePairing(opts.pairing ?? {});
+    if (restored) return { wallet: restored, method: "pairing" };
+  }
+  if (!opts.pairing) {
+    throw Object.assign(new Error("bWalletX was not found in this browser"), { code: "NOT_FOUND" });
+  }
+  return { wallet: await pairBwalletX(opts.pairing), method: "pairing" };
+}
+async function signInWithBwalletX(opts) {
+  const { wallet, method } = await connectBwalletX(opts);
+  if (method !== "pairing") await wallet.waitForAuthentication({}).catch(() => {
+  });
+  const { publicKey: identityKey } = await wallet.getPublicKey({ identityKey: true });
+  const c = await opts.challenge(identityKey);
+  const { signature } = await wallet.createSignature({
+    protocolID: c.protocolID ?? LOGIN_PROTOCOL,
+    keyID: c.keyID,
+    counterparty: "anyone",
+    data: Array.from(new TextEncoder().encode(c.message))
+  });
+  return { identityKey, signature: Array.from(signature), nonce: c.nonce, method, wallet };
+}
+
+// src/element.ts
+var SIGNIN_TAG = "bwalletx-signin";
+var GET_URL = "https://bwalletx.com/get";
+var WEB_WALLET_URL = "https://web.bwalletx.com";
+var VERBS = { signin: "Sign in with", continue: "Continue with", connect: "Connect" };
+function signinText(label = "signin", brand = "bWalletX") {
+  return `${VERBS[label] ?? VERBS.signin} ${brand}`;
+}
+var uid = 0;
+function markSvg(px = 20) {
+  const n = ++uid;
+  return `<svg viewBox="23 8 74 100" width="${Math.round(px * 0.74)}" height="${px}" aria-hidden="true" focusable="false"><defs><linearGradient id="bwxg${n}" gradientUnits="userSpaceOnUse" x1="0" y1="12" x2="0" y2="105"><stop offset="0" stop-color="#FFE58A"/><stop offset=".55" stop-color="#FFD24D"/><stop offset="1" stop-color="#C98F00"/></linearGradient><mask id="bwxh${n}"><rect width="140" height="140" fill="#fff"/><circle cx="60" cy="72" r="15" fill="#000"/></mask></defs><g fill="url(#bwxg${n})" mask="url(#bwxh${n})"><polygon points="45,12 45,76 27,76 27,30"/><circle cx="60" cy="72" r="33"/></g></svg>`;
+}
+var SIGNIN_CSS = `
+:host{display:inline-block;vertical-align:middle;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
+:host([full-width]){display:block;width:100%}
+:host([hidden]){display:none}
+button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;cursor:pointer;
+ padding:16px 20px;border-radius:12px;font-size:16px;font-weight:700;line-height:1.2;text-align:left;
+ background:linear-gradient(180deg,#fcd34d,#f59e0b);color:#000;
+ box-shadow:0 10px 15px -3px rgba(245,158,11,.2),0 4px 6px -4px rgba(245,158,11,.2);
+ transition:background .15s,transform .1s,box-shadow .15s,border-color .15s;-webkit-tap-highlight-color:transparent}
+button:hover{background:linear-gradient(180deg,#fde68a,#fbbf24)}
+button:active{transform:translateY(1px);background:linear-gradient(180deg,#fbbf24,#d97706)}
+button:focus-visible{outline:2px solid #b45309;outline-offset:3px}
+button:disabled{opacity:.6;cursor:not-allowed;transform:none}
+button[aria-busy=true]{cursor:wait}
+.mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;background:#000}
+.txt{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
+.txt b{font-weight:700;white-space:nowrap}
+.txt small{font-size:11px;font-weight:500;color:rgba(0,0,0,.65);white-space:nowrap}
+.spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,210,77,.35);border-top-color:#ffd24d;animation:r .8s linear infinite}
+@keyframes r{to{transform:rotate(360deg)}}
+@media (prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}.spin{animation:none;border-color:#ffd24d;border-right-color:transparent}}
+/* sizes */
+:host([size=md]) button{padding:10px 16px;border-radius:10px;font-size:15px;gap:10px}
+:host([size=md]) .mark{width:24px;height:24px}
+:host([size=md]) .txt small{font-size:10.5px}
+:host([size=sm]) button{padding:6px 12px 6px 6px;border-radius:8px;font-size:13px;gap:8px;min-height:36px}
+:host([size=sm]) .mark{width:22px;height:22px}
+:host([size=icon]) button{width:48px;height:48px;padding:0;border-radius:50%;gap:0}
+:host([size=icon]) .mark{width:34px;height:34px}
+/* themes */
+:host([theme=dark]) button{background:#0a0a0a;color:#fafafa;border:1px solid #3f3f46;box-shadow:none}
+:host([theme=dark]) button:hover{background:#18181b;border-color:rgba(251,191,36,.6)}
+:host([theme=dark]) button:active{background:#000}
+:host([theme=dark]) button:focus-visible{outline-color:#fcd34d}
+:host([theme=dark]) .mark{box-shadow:inset 0 0 0 1px #3f3f46}
+:host([theme=dark]) .txt small{color:rgba(255,255,255,.65)}
+:host([theme=light]) button{background:#fff;color:#09090b;border:1px solid #d4d4d8;box-shadow:0 1px 2px rgba(0,0,0,.06)}
+:host([theme=light]) button:hover{background:#fafafa;border-color:#f59e0b}
+:host([theme=light]) button:active{background:#f4f4f5}
+:host([theme=light]) .txt small{color:#52525b}
+/* not found */
+.nf{margin-top:8px;font-size:12px;line-height:1.4;color:#71717a;text-align:center}
+.nf a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}
+.nf a:focus-visible{outline:2px solid #b45309;outline-offset:2px;border-radius:2px}
+:host([theme=dark]) .nf,:host-context(.dark) .nf{color:#a1a1aa}
+.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
+`;
+function b64url2(bytes) {
+  let s = "";
+  for (const b of bytes) s += String.fromCharCode(b);
+  return btoa(s).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}
+async function buildAuthorizeUrl(p) {
+  const rnd = (n) => b64url2(crypto.getRandomValues(new Uint8Array(n)));
+  const verifier = rnd(32);
+  const state = rnd(16);
+  const nonce = rnd(16);
+  const digest = new Uint8Array(await crypto.subtle.digest("SHA-256", new TextEncoder().encode(verifier)));
+  const u = new URL(p.authorizeUrl, typeof location !== "undefined" ? location.href : void 0);
+  const set = (k, v) => {
+    if (v) u.searchParams.set(k, v);
+  };
+  set("response_type", "code");
+  set("client_id", p.clientId);
+  set("redirect_uri", p.redirectUri);
+  set("scope", p.scope || "openid profile");
+  set("state", state);
+  set("nonce", nonce);
+  set("code_challenge", b64url2(digest));
+  set("code_challenge_method", "S256");
+  try {
+    sessionStorage.setItem("bwalletx:oauth", JSON.stringify({ verifier, state, nonce }));
+  } catch {
+  }
+  return u.toString();
+}
+async function postJson(url, body) {
+  const res = await fetch(url, { method: "POST", credentials: "include", headers: { "content-type": "application/json" }, body: JSON.stringify(body) });
+  const data = await res.json().catch(() => ({}));
+  if (!res.ok) throw new Error(data.error ?? `HTTP ${res.status}`);
+  return data;
+}
+var OBSERVED = ["size", "theme", "label", "brand", "subtitle", "loading", "disabled", "full-width", "aria-label", "get-url", "web-url"];
+function createClass() {
+  return class BwalletxSigninElement extends HTMLElement {
+    static get observedAttributes() {
+      return OBSERVED;
+    }
+    #root;
+    #notFound = false;
+    #busy = false;
+    constructor() {
+      super();
+      this.#root = this.attachShadow({ mode: "open" });
+    }
+    connectedCallback() {
+      this.#render();
+    }
+    attributeChangedCallback() {
+      if (this.isConnected) this.#render();
+    }
+    /** The inner <button>, for focus() and tests. */
+    get button() {
+      return this.#root.querySelector("button");
+    }
+    get notFound() {
+      return this.#notFound;
+    }
+    focus(opts) {
+      this.button?.focus(opts);
+    }
+    #attr(name) {
+      return this.getAttribute(name);
+    }
+    #render() {
+      const size = this.#attr("size") ?? "lg";
+      const brand = this.#attr("brand") === "bWallet" ? "bWallet" : "bWalletX";
+      const text = signinText(this.#attr("label") ?? "signin", brand);
+      const subAttr = this.#attr("subtitle");
+      const subDefault = brand === "bWalletX" && (size === "lg" || size === "md") ? "also works with bWallet" : null;
+      const subtitle = subAttr === null || subAttr === "" || subAttr === "on" ? subAttr === "on" ? "also works with bWallet" : subDefault : subAttr === "off" ? null : subAttr;
+      const loading = this.hasAttribute("loading") || this.#busy;
+      const disabled = this.hasAttribute("disabled");
+      const markPx = size === "icon" ? 24 : size === "sm" ? 15 : size === "md" ? 17 : 20;
+      const aria = this.#attr("aria-label") ?? (subtitle && size !== "icon" ? `${text}, ${subtitle}` : text);
+      const getUrl = this.#attr("get-url") ?? GET_URL;
+      const webUrl = this.#attr("web-url") ?? WEB_WALLET_URL;
+      const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
+      const label = size === "icon" ? "" : `<span class="txt" part="text"><b part="label">${esc(text)}</b>${subtitle ? `<small part="subtitle">${esc(subtitle)}</small>` : ""}</span>`;
+      const mark = loading ? '<span class="spin" aria-hidden="true"></span>' : markSvg(markPx);
+      const nf = this.#notFound ? `<p class="nf" part="not-found" role="status">bWalletX wasn't found in this browser. <a href="${esc(getUrl)}" target="_blank" rel="noopener">Get ${brand}</a> or <a href="${esc(webUrl)}" target="_blank" rel="noopener">use the web wallet</a>.</p>` : "";
+      this.#root.innerHTML = `<style>${SIGNIN_CSS}</style><button type="button" part="button" aria-label="${esc(aria)}" title="${esc(subtitle ? `${text} (${subtitle})` : text)}"${disabled ? " disabled" : ""}${loading ? ' aria-busy="true"' : ""}><span class="mark" part="mark">${mark}</span>${label}</button>${loading ? '<span class="sr" role="status">Connecting to bWalletX\u2026</span>' : ""}${nf}`;
+      this.button.addEventListener("click", () => void this.#click());
+    }
+    #emit(type, detail, cancelable = false) {
+      return this.dispatchEvent(new CustomEvent(type, { detail, bubbles: true, composed: true, cancelable }));
+    }
+    #setBusy(on) {
+      this.#busy = on;
+      this.#render();
+    }
+    async #click() {
+      if (this.hasAttribute("disabled") || this.hasAttribute("loading") || this.#busy) return;
+      if (!this.#emit("bwalletx-signin", { element: this }, true)) return;
+      const href = this.#attr("href");
+      const authorizeUrl = this.#attr("authorize-url");
+      if (authorizeUrl) {
+        location.assign(await buildAuthorizeUrl({ authorizeUrl, clientId: this.#attr("client-id"), redirectUri: this.#attr("redirect-uri"), scope: this.#attr("scope") }));
+        return;
+      }
+      if (href) {
+        location.assign(href);
+        return;
+      }
+      const challengeUrl = this.#attr("challenge-url");
+      if (!challengeUrl) return;
+      this.#notFound = false;
+      this.#setBusy(true);
+      try {
+        const ms = Number(this.#attr("discover-ms")) || 1200;
+        const found = await discoverBwalletX(ms);
+        if (!found) {
+          this.#notFound = true;
+          this.#emit("bwalletx-not-found");
+          return;
+        }
+        const r = await signInWithBwalletX({ wallet: found.wallet, challenge: (identityKey) => postJson(challengeUrl, { identityKey }) });
+        const verifyUrl = this.#attr("verify-url");
+        const response = verifyUrl ? await postJson(verifyUrl, { identityKey: r.identityKey, nonce: r.nonce, signature: r.signature }) : null;
+        this.#emit("bwalletx-signed-in", { identityKey: r.identityKey, method: found.method, nonce: r.nonce, signature: r.signature, response });
+      } catch (error) {
+        this.#emit("bwalletx-error", { error });
+      } finally {
+        this.#setBusy(false);
+      }
+    }
+  };
+}
+function defineBwalletxSignin(tag = SIGNIN_TAG) {
+  if (typeof window === "undefined" || typeof customElements === "undefined") return void 0;
+  const existing = customElements.get(tag);
+  if (existing) return existing;
+  const C = createClass();
+  customElements.define(tag, C);
+  return C;
+}
+
+// src/react.ts
+function BwalletxSignin(props) {
+  const ref = (0, import_react.useRef)(null);
+  const cb = (0, import_react.useRef)(props);
+  cb.current = props;
+  (0, import_react.useEffect)(() => {
+    defineBwalletxSignin();
+    const el = ref.current;
+    if (!el) return;
+    const on = [
+      ["bwalletx-signin", (e) => cb.current.onClick?.(e)],
+      ["bwalletx-signed-in", (e) => cb.current.onSignedIn?.(e.detail)],
+      ["bwalletx-not-found", () => cb.current.onNotFound?.()],
+      ["bwalletx-error", (e) => cb.current.onError?.(e.detail.error)]
+    ];
+    for (const [t, f] of on) el.addEventListener(t, f);
+    return () => {
+      for (const [t, f] of on) el.removeEventListener(t, f);
+    };
+  }, []);
+  const p = props;
+  const flag = (v) => v ? "" : void 0;
+  return (0, import_react.createElement)("bwalletx-signin", {
+    ref,
+    id: p.id,
+    class: p.className,
+    style: p.style,
+    size: p.size,
+    theme: p.theme,
+    label: p.label,
+    brand: p.brand,
+    subtitle: p.subtitle === false ? "off" : typeof p.subtitle === "string" ? p.subtitle : void 0,
+    "full-width": flag(p.fullWidth),
+    loading: flag(p.loading),
+    disabled: flag(p.disabled),
+    "challenge-url": p.challengeUrl,
+    "verify-url": p.verifyUrl,
+    "get-url": p.getUrl,
+    "web-url": p.webUrl,
+    href: p.href,
+    "authorize-url": p.authorizeUrl,
+    "client-id": p.clientId,
+    "redirect-uri": p.redirectUri,
+    scope: p.scope,
+    "discover-ms": p.discoverMs,
+    "aria-label": p["aria-label"]
+  });
+}
+var react_default = BwalletxSignin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BwalletxSignin
+});
+//# sourceMappingURL=react.cjs.map