@seams/wallet 0.15.4 → 0.17.0

package/dist/esm/sdk/tx-confirm-ui.js

@@ -1460,30 +1460,8 @@ function buildActionNode(action, idx) {
         }
       ];
       break;
-    default: {
-      let raw = "";
-      try {
-        raw = JSON.stringify(action, null, 2);
-      } catch {
-        raw = String(action);
-      }
-      actionNodes = [
-        {
-          id: `a${idx}-action`,
-          label: `Action: ${action.type || "Unknown"}`,
-          open: false,
-          type: "file"
-        },
-        {
-          id: `a${idx}-raw`,
-          label: "Raw Data",
-          type: "file",
-          open: false,
-          content: raw
-        }
-      ];
-      break;
-    }
+    default:
+      return assertNeverAction(action);
   }
   return {
     id: `action-${idx}`,
@@ -1496,6 +1474,9 @@ function buildActionNode(action, idx) {
     children: actionNodes
   };
 }
+function assertNeverAction(action) {
+  throw new Error(`Unsupported NEAR action: ${String(action)}`);
+}
 function buildTransactionNode(tx, tIdx, totalTransactions) {
   const actionFolders = tx.actions.map((action, idx) => buildActionNode(action, idx));
   return {
@@ -2711,34 +2692,12 @@ function PadlockIcon(props) {
 var nextHaloId = 0;
 
 class HaloBorder extends C {
-  constructor() {
-    super(...arguments);
-    this.id = `seams-halo-${++nextHaloId}`;
-    this.element = M();
-    this.motion = null;
-    this.frame = null;
-    this.startedAt = null;
-    this.angle = null;
-    this.updateAnimation = () => {
-      this.cancelFrame();
-      this.angle = null;
-      this.syncDynamicStyles();
-      if (this.props.animated && this.motion?.matches) {
-        this.frame = this.element.current.ownerDocument.defaultView.requestAnimationFrame(this.tick);
-      }
-    };
-    this.tick = (timestamp) => {
-      if (!this.element.current || !this.props.animated || !this.motion?.matches)
-        return;
-      this.startedAt ??= timestamp;
-      const configuredDuration = this.props.durationMs;
-      const duration = configuredDuration && Number.isFinite(configuredDuration) && configuredDuration > 0 ? configuredDuration : 1150;
-      const angle = (timestamp - this.startedAt) % duration / duration * 360;
-      this.angle = `${angle}deg`;
-      this.syncDynamicStyles();
-      this.frame = this.element.current.ownerDocument.defaultView.requestAnimationFrame(this.tick);
-    };
-  }
+  id = `seams-halo-${++nextHaloId}`;
+  element = M();
+  motion = null;
+  frame = null;
+  startedAt = null;
+  angle = null;
   componentDidMount() {
     this.motion = this.element.current.ownerDocument.defaultView.matchMedia("(prefers-reduced-motion: no-preference)");
     this.motion.addEventListener("change", this.updateAnimation);
@@ -2767,6 +2726,25 @@ class HaloBorder extends C {
     this.frame = null;
     this.startedAt = null;
   }
+  updateAnimation = () => {
+    this.cancelFrame();
+    this.angle = null;
+    this.syncDynamicStyles();
+    if (this.props.animated && this.motion?.matches) {
+      this.frame = this.element.current.ownerDocument.defaultView.requestAnimationFrame(this.tick);
+    }
+  };
+  tick = (timestamp) => {
+    if (!this.element.current || !this.props.animated || !this.motion?.matches)
+      return;
+    this.startedAt ??= timestamp;
+    const configuredDuration = this.props.durationMs;
+    const duration = configuredDuration && Number.isFinite(configuredDuration) && configuredDuration > 0 ? configuredDuration : 1150;
+    const angle = (timestamp - this.startedAt) % duration / duration * 360;
+    this.angle = `${angle}deg`;
+    this.syncDynamicStyles();
+    this.frame = this.element.current.ownerDocument.defaultView.requestAnimationFrame(this.tick);
+  };
   syncDynamicStyles() {
     const declarations = {};
     if (this.props.innerPadding)
@@ -3195,139 +3173,19 @@ function TransactionTree(props) {
 }
 
 class TransactionNode extends C {
-  constructor() {
-    super(...arguments);
-    this.state = {
-      mode: this.props.node.contentVariants?.defaultMode === "raw" ? "raw" : "decoded",
-      copied: false
-    };
-    this.id = `seams-tree-node-${++nextNodeId}`;
-    this.details = M();
-    this.shell = M();
-    this.disposed = false;
-    this.copiedTimer = null;
-    this.frame = null;
-    this.motionTimer = null;
-    this.motion = null;
-    this.modeHeight = null;
-    this.setHeight = (height) => {
-      if (this.disposed)
-        return;
-      this.props.styles.setDynamicDeclarations(this.id, `#${this.id}`, {
-        "--seams-tree__anim-target": `${height}px`
-      });
-    };
-    this.releaseHeight = () => {
-      this.props.styles.deleteDynamicRule(this.id);
-    };
-    this.clearCopied = () => {
-      this.copiedTimer = null;
-      if (!this.disposed)
-        this.setState({ copied: false });
-    };
-    this.copy = async (event) => {
-      event.preventDefault();
-      event.stopPropagation();
-      const value = this.props.node.copyValue;
-      if (!value)
-        return;
-      const root = event.currentTarget.closest(".seams-tx-tree");
-      if (!root)
-        return;
-      try {
-        if (!await copySurfaceText(root, value))
-          return;
-        if (this.disposed)
-          return;
-        if (this.copiedTimer !== null)
-          clearTimeout(this.copiedTimer);
-        this.setState({ copied: true });
-        this.copiedTimer = setTimeout(this.clearCopied, 2000);
-        this.props.onCopy?.(value);
-      } catch {}
-    };
-    this.toggleMode = (event) => {
-      event.preventDefault();
-      event.stopPropagation();
-      if (!hasContentVariants(this.props.node))
-        return;
-      if (this.shell.current) {
-        this.modeHeight = this.shell.current.getBoundingClientRect().height;
-        this.setHeight(this.modeHeight);
-        this.shell.current.classList.add(...drivenClasses);
-      }
-      this.setState({ mode: this.state.mode === "decoded" ? "raw" : "decoded" });
-    };
-    this.toggle = (event) => {
-      const target = event.target;
-      if (target.closest("a, button")) {
-        event.stopPropagation();
-        return;
-      }
-      event.preventDefault();
-      event.stopPropagation();
-      const details = this.details.current;
-      if (!details || this.motion)
-        return;
-      const body = details.querySelector(":scope > .folder-children");
-      const open = !details.open;
-      const reduced = details.ownerDocument.defaultView.matchMedia("(prefers-reduced-motion: reduce)").matches;
-      if (!body || reduced) {
-        details.open = open;
-        this.props.onToggle?.(this.props.node.id, open);
-        return;
-      }
-      this.motion = { body, open };
-      const height = open ? 0 : body.getBoundingClientRect().height;
-      this.setHeight(height);
-      body.classList.add("anim-h", "anim-h-active", "anim-h-hold");
-      details.open = true;
-      body.offsetHeight;
-      this.frame = details.ownerDocument.defaultView.requestAnimationFrame(this.startMotion);
-    };
-    this.startMotion = () => {
-      this.frame = null;
-      if (!this.motion || this.disposed)
-        return;
-      const { body, open } = this.motion;
-      const fromCssPx = body.getBoundingClientRect().height;
-      const toCssPx = open ? body.scrollHeight : 0;
-      const claimed = announceClampedSurfaceResize({
-        reason: this.props.node.id,
-        element: body,
-        drivenClasses,
-        fromCssPx,
-        toCssPx,
-        setHeightCssPx: this.setHeight,
-        onSettled: this.finishMotion
-      });
-      if (claimed)
-        return;
-      body.addEventListener("transitionend", this.onTransitionEnd);
-      body.classList.remove("anim-h-hold");
-      this.setHeight(toCssPx);
-      this.motionTimer = setTimeout(this.finishMotion, open ? 200 : 250);
-    };
-    this.onTransitionEnd = (event) => {
-      if (event.target === this.motion?.body && event.propertyName === "height")
-        this.finishMotion();
-    };
-    this.finishMotion = () => {
-      if (this.disposed || !this.motion)
-        return;
-      const { body, open } = this.motion;
-      this.motion = null;
-      if (this.motionTimer !== null)
-        clearTimeout(this.motionTimer);
-      this.motionTimer = null;
-      body.removeEventListener("transitionend", this.onTransitionEnd);
-      body.classList.remove(...motionClasses);
-      if (this.details.current)
-        this.details.current.open = open;
-      this.releaseHeight();
-      this.props.onToggle?.(this.props.node.id, open);
-    };
-  }
+  state = {
+    mode: this.props.node.contentVariants?.defaultMode === "raw" ? "raw" : "decoded",
+    copied: false
+  };
+  id = `seams-tree-node-${++nextNodeId}`;
+  details = M();
+  shell = M();
+  disposed = false;
+  copiedTimer = null;
+  frame = null;
+  motionTimer = null;
+  motion = null;
+  modeHeight = null;
   componentDidUpdate(previous) {
     if (previous.styles !== this.props.styles)
       previous.styles.deleteDynamicRule(this.id);
@@ -3365,6 +3223,123 @@ class TransactionNode extends C {
     this.motion = null;
     this.releaseHeight();
   }
+  setHeight = (height) => {
+    if (this.disposed)
+      return;
+    this.props.styles.setDynamicDeclarations(this.id, `#${this.id}`, {
+      "--seams-tree__anim-target": `${height}px`
+    });
+  };
+  releaseHeight = () => {
+    this.props.styles.deleteDynamicRule(this.id);
+  };
+  clearCopied = () => {
+    this.copiedTimer = null;
+    if (!this.disposed)
+      this.setState({ copied: false });
+  };
+  copy = async (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    const value = this.props.node.copyValue;
+    if (!value)
+      return;
+    const root = event.currentTarget.closest(".seams-tx-tree");
+    if (!root)
+      return;
+    try {
+      if (!await copySurfaceText(root, value))
+        return;
+      if (this.disposed)
+        return;
+      if (this.copiedTimer !== null)
+        clearTimeout(this.copiedTimer);
+      this.setState({ copied: true });
+      this.copiedTimer = setTimeout(this.clearCopied, 2000);
+      this.props.onCopy?.(value);
+    } catch {}
+  };
+  toggleMode = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (!hasContentVariants(this.props.node))
+      return;
+    if (this.shell.current) {
+      this.modeHeight = this.shell.current.getBoundingClientRect().height;
+      this.setHeight(this.modeHeight);
+      this.shell.current.classList.add(...drivenClasses);
+    }
+    this.setState({ mode: this.state.mode === "decoded" ? "raw" : "decoded" });
+  };
+  toggle = (event) => {
+    const target = event.target;
+    if (target.closest("a, button")) {
+      event.stopPropagation();
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const details = this.details.current;
+    if (!details || this.motion)
+      return;
+    const body = details.querySelector(":scope > .folder-children");
+    const open = !details.open;
+    const reduced = details.ownerDocument.defaultView.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    if (!body || reduced) {
+      details.open = open;
+      this.props.onToggle?.(this.props.node.id, open);
+      return;
+    }
+    this.motion = { body, open };
+    const height = open ? 0 : body.getBoundingClientRect().height;
+    this.setHeight(height);
+    body.classList.add("anim-h", "anim-h-active", "anim-h-hold");
+    details.open = true;
+    body.offsetHeight;
+    this.frame = details.ownerDocument.defaultView.requestAnimationFrame(this.startMotion);
+  };
+  startMotion = () => {
+    this.frame = null;
+    if (!this.motion || this.disposed)
+      return;
+    const { body, open } = this.motion;
+    const fromCssPx = body.getBoundingClientRect().height;
+    const toCssPx = open ? body.scrollHeight : 0;
+    const claimed = announceClampedSurfaceResize({
+      reason: this.props.node.id,
+      element: body,
+      drivenClasses,
+      fromCssPx,
+      toCssPx,
+      setHeightCssPx: this.setHeight,
+      onSettled: this.finishMotion
+    });
+    if (claimed)
+      return;
+    body.addEventListener("transitionend", this.onTransitionEnd);
+    body.classList.remove("anim-h-hold");
+    this.setHeight(toCssPx);
+    this.motionTimer = setTimeout(this.finishMotion, open ? 200 : 250);
+  };
+  onTransitionEnd = (event) => {
+    if (event.target === this.motion?.body && event.propertyName === "height")
+      this.finishMotion();
+  };
+  finishMotion = () => {
+    if (this.disposed || !this.motion)
+      return;
+    const { body, open } = this.motion;
+    this.motion = null;
+    if (this.motionTimer !== null)
+      clearTimeout(this.motionTimer);
+    this.motionTimer = null;
+    body.removeEventListener("transitionend", this.onTransitionEnd);
+    body.classList.remove(...motionClasses);
+    if (this.details.current)
+      this.details.current.open = open;
+    this.releaseHeight();
+    this.props.onToggle?.(this.props.node.id, open);
+  };
   label(chevron) {
     const node = this.props.node;
     return /* @__PURE__ */ u2("span", {
@@ -3462,49 +3437,43 @@ function stopDragStart(event) {
 }
 
 class ConfirmContent extends C {
+  state = { armed: false };
+  id = `seams-confirm-content-${++nextContentId}`;
+  root = M();
+  reflow;
+  frame = null;
+  capturedBeforeUpdate = false;
+  reflowEnabled = true;
   constructor(props) {
     super(props);
-    this.state = { armed: false };
-    this.id = `seams-confirm-content-${++nextContentId}`;
-    this.root = M();
-    this.frame = null;
-    this.capturedBeforeUpdate = false;
-    this.reflowEnabled = true;
-    this.getReflowElement = () => {
-      const root = this.root.current;
-      return root?.closest(".modal-container-root, .seams-confirmation-drawer") ?? root;
-    };
-    this.setHeight = (height) => {
-      const element = this.getReflowElement();
-      const selector = element?.id ? `#${element.id}` : `#${this.id}`;
-      this.props.styles.setDynamicDeclarations(this.id, selector, {
-        [CONFIRM_SURFACE_HEIGHT_DRIVEN_VAR]: `${height}px`
-      });
-    };
-    this.afterFirstPaint = () => {
-      this.frame = this.root.current.ownerDocument.defaultView.requestAnimationFrame(this.arm);
-    };
-    this.arm = () => {
-      this.frame = null;
-      this.setState({ armed: true });
-    };
-    this.confirm = () => {
-      if (this.state.armed && this.props.decision.kind === "ready")
-        this.props.decision.onConfirm();
-    };
-    this.cancel = () => {
-      this.props.onCancel();
-    };
     this.reflow = createSurfaceHeightReflow({
       reason: "tx-body",
       element: this.getReflowElement,
       setHeightCssPx: this.setHeight
     });
   }
+  getReflowElement = () => {
+    const root = this.root.current;
+    return root?.closest(".modal-container-root, .seams-confirmation-drawer") ?? root;
+  };
+  setHeight = (height) => {
+    const element = this.getReflowElement();
+    const selector = element?.id ? `#${element.id}` : `#${this.id}`;
+    this.props.styles.setDynamicDeclarations(this.id, selector, {
+      [CONFIRM_SURFACE_HEIGHT_DRIVEN_VAR]: `${height}px`
+    });
+  };
   componentDidMount() {
     this.reflowEnabled = this.getReflowElement() === this.root.current;
     this.frame = this.root.current.ownerDocument.defaultView.requestAnimationFrame(this.afterFirstPaint);
   }
+  afterFirstPaint = () => {
+    this.frame = this.root.current.ownerDocument.defaultView.requestAnimationFrame(this.arm);
+  };
+  arm = () => {
+    this.frame = null;
+    this.setState({ armed: true });
+  };
   componentWillReceiveProps() {
     if (!this.reflowEnabled)
       return;
@@ -3533,6 +3502,13 @@ class ConfirmContent extends C {
     this.reflow.dispose();
     this.props.styles.deleteDynamicRule(this.id);
   }
+  confirm = () => {
+    if (this.state.armed && this.props.decision.kind === "ready")
+      this.props.decision.onConfirm();
+  };
+  cancel = () => {
+    this.props.onCancel();
+  };
   render() {
     const preparing = this.props.decision.kind === "preparing";
     return /* @__PURE__ */ u2("div", {
@@ -3609,13 +3585,10 @@ function assertNever3(value) {
 }
 
 class ConfirmationBody extends C {
-  constructor() {
-    super(...arguments);
-    this.copy = () => {
-      if (this.props.model.kind === "funding")
-        this.props.onCopyAccount(this.props.model.accountId);
-    };
-  }
+  copy = () => {
+    if (this.props.model.kind === "funding")
+      this.props.onCopyAccount(this.props.model.accountId);
+  };
   render() {
     const model = this.props.model;
     switch (model.kind) {
@@ -3693,16 +3666,13 @@ function PasskeyRegistrationDetails(props) {
 
 // src/core/signingEngine/uiConfirm/ui/preact/PasskeyRegistrationContent.tsx
 class PasskeyRegistrationContent extends C {
-  constructor() {
-    super(...arguments);
-    this.confirm = () => {
-      if (this.props.decision.kind === "ready")
-        this.props.decision.onConfirm();
-    };
-    this.cancel = () => {
-      this.props.onCancel();
-    };
-  }
+  confirm = () => {
+    if (this.props.decision.kind === "ready")
+      this.props.decision.onConfirm();
+  };
+  cancel = () => {
+    this.props.onCancel();
+  };
   render() {
     const creating = this.props.decision.kind === "creating";
     return /* @__PURE__ */ u2("div", {
@@ -3785,25 +3755,22 @@ function formatEmailOtpSentText(emailHint) {
 var nextInputId = 0;
 
 class EmailOtpInput extends C {
-  constructor() {
-    super(...arguments);
-    this.id = `seams-email-code-${++nextInputId}`;
-    this.input = (event) => {
-      if (this.props.state.kind === "editing")
-        this.props.state.onInput(event.currentTarget.value);
-    };
-    this.resend = () => {
-      if (this.props.resend?.kind === "available")
-        this.props.resend.onResend();
-    };
-    this.renderDigit = (index) => {
-      const digit = this.props.code[index] || "";
-      return /* @__PURE__ */ u2("span", {
-        class: `email-otp-confirm__slot${digit ? " is-filled" : ""}`,
-        children: digit
-      }, index);
-    };
-  }
+  id = `seams-email-code-${++nextInputId}`;
+  input = (event) => {
+    if (this.props.state.kind === "editing")
+      this.props.state.onInput(event.currentTarget.value);
+  };
+  resend = () => {
+    if (this.props.resend?.kind === "available")
+      this.props.resend.onResend();
+  };
+  renderDigit = (index) => {
+    const digit = this.props.code[index] || "";
+    return /* @__PURE__ */ u2("span", {
+      class: `email-otp-confirm__slot${digit ? " is-filled" : ""}`,
+      children: digit
+    }, index);
+  };
   render() {
     const disabled = this.props.state.kind !== "editing";
     const helperId = `${this.id}-helper`;
@@ -3868,75 +3835,26 @@ class EmailOtpInput extends C {
 
 // src/core/signingEngine/uiConfirm/ui/preact/email-otp-session.ts
 class EmailOtpSession {
+  codeState = { kind: "editing", code: "" };
+  resendState = { kind: "available", label: "Resend code" };
+  error = "";
+  countdown = null;
+  options;
   constructor(options) {
-    this.codeState = { kind: "editing", code: "" };
-    this.resendState = { kind: "available", label: "Resend code" };
-    this.error = "";
-    this.countdown = null;
-    this.input = (rawValue) => {
-      if (this.codeState.kind !== "editing")
-        return;
-      const code = rawValue.replace(/\D/g, "").slice(0, 6);
-      this.error = "";
-      this.codeState = { kind: "editing", code };
-      if (code.length === 6) {
-        this.confirm();
-      } else {
-        this.publish();
-      }
-    };
-    this.submit = () => {
-      if (this.codeState.kind !== "fading")
-        return;
-      const code = this.codeState.code;
-      this.codeState = { kind: "submitting", code };
-      this.publish();
-      if (!this.isDisposed())
-        this.options.onSubmit(code);
-    };
-    this.resend = async () => {
-      if (this.codeState.kind !== "editing" || this.resendState.kind !== "available")
-        return;
-      const action = this.options.resend;
-      if (!action)
-        return;
-      const until = Date.now() + action.cooldownMs;
-      const pending = { kind: "sending", until };
-      this.resendState = pending;
-      this.error = "";
-      this.publish();
-      if (this.isDisposed())
-        return;
-      let result;
-      try {
-        result = await action.send();
-      } catch {
-        result = { kind: "failed", message: "Could not send code." };
-      }
-      if (this.isDisposed() || this.resendState !== pending)
-        return;
-      const label = result.kind === "sent" ? "Code sent" : "Resend code";
-      if (result.kind === "failed")
-        this.error = result.message;
-      if (Date.now() >= until) {
-        this.resendState = { kind: "available", label };
-      } else {
-        this.resendState = { kind: "cooldown", until, label };
-        this.countdown = setInterval(this.tick, 250);
-      }
-      this.publish();
-    };
-    this.tick = () => {
-      if (this.resendState.kind !== "cooldown")
-        return;
-      if (Date.now() >= this.resendState.until) {
-        this.resendState = { kind: "available", label: this.resendState.label };
-        this.clearCountdown();
-      }
-      this.publish();
-    };
     this.options = options;
   }
+  input = (rawValue) => {
+    if (this.codeState.kind !== "editing")
+      return;
+    const code = rawValue.replace(/\D/g, "").slice(0, 6);
+    this.error = "";
+    this.codeState = { kind: "editing", code };
+    if (code.length === 6) {
+      this.confirm();
+    } else {
+      this.publish();
+    }
+  };
   confirm() {
     if (this.codeState.kind !== "editing")
       return "ignored";
@@ -3951,6 +3869,15 @@ class EmailOtpSession {
     this.publish();
     return "accepted";
   }
+  submit = () => {
+    if (this.codeState.kind !== "fading")
+      return;
+    const code = this.codeState.code;
+    this.codeState = { kind: "submitting", code };
+    this.publish();
+    if (!this.isDisposed())
+      this.options.onSubmit(code);
+  };
   retry(message) {
     if (this.codeState.kind === "disposed")
       return;
@@ -3977,6 +3904,47 @@ class EmailOtpSession {
         return;
     }
   }
+  resend = async () => {
+    if (this.codeState.kind !== "editing" || this.resendState.kind !== "available")
+      return;
+    const action = this.options.resend;
+    if (!action)
+      return;
+    const until = Date.now() + action.cooldownMs;
+    const pending = { kind: "sending", until };
+    this.resendState = pending;
+    this.error = "";
+    this.publish();
+    if (this.isDisposed())
+      return;
+    let result;
+    try {
+      result = await action.send();
+    } catch {
+      result = { kind: "failed", message: "Could not send code." };
+    }
+    if (this.isDisposed() || this.resendState !== pending)
+      return;
+    const label = result.kind === "sent" ? "Code sent" : "Resend code";
+    if (result.kind === "failed")
+      this.error = result.message;
+    if (Date.now() >= until) {
+      this.resendState = { kind: "available", label };
+    } else {
+      this.resendState = { kind: "cooldown", until, label };
+      this.countdown = setInterval(this.tick, 250);
+    }
+    this.publish();
+  };
+  tick = () => {
+    if (this.resendState.kind !== "cooldown")
+      return;
+    if (Date.now() >= this.resendState.until) {
+      this.resendState = { kind: "available", label: this.resendState.label };
+      this.clearCountdown();
+    }
+    this.publish();
+  };
   isDisposed() {
     return this.codeState.kind === "disposed";
   }
@@ -4028,47 +3996,11 @@ function EmailOtpContent(props) {
 }
 
 class EmailOtpSessionView extends C {
+  session;
+  form = M();
+  lifetime;
   constructor(props) {
     super(props);
-    this.form = M();
-    this.submit = (code) => {
-      if (this.lifetime.kind === "active")
-        this.props.onSubmit(code, this.lifetime.challengeId);
-    };
-    this.send = async () => {
-      const callback = this.props.prompt.onResend;
-      if (!callback)
-        return { kind: "failed", message: "Could not send code." };
-      try {
-        const result = await callback();
-        if (this.lifetime.kind === "disposed")
-          return { kind: "sent" };
-        const challengeId = String(result?.challengeId || "").trim();
-        const emailHint = String(result?.emailHint || "").trim();
-        if (challengeId) {
-          this.lifetime = {
-            kind: "active",
-            challengeId,
-            emailHint: emailHint || this.lifetime.emailHint
-          };
-        }
-        return { kind: "sent" };
-      } catch (error) {
-        return { kind: "failed", message: formatResendError(error) };
-      }
-    };
-    this.change = (snapshot) => {
-      this.setState(snapshot);
-    };
-    this.confirm = (event) => {
-      event.preventDefault();
-      event.stopPropagation();
-      if (this.session.confirm() === "invalid")
-        this.setState({}, this.focusCode);
-    };
-    this.focusCode = () => {
-      this.form.current?.querySelector("input")?.focus({ preventScroll: true });
-    };
     this.lifetime = {
       kind: "active",
       challengeId: props.prompt.challengeId,
@@ -4089,6 +4021,44 @@ class EmailOtpSessionView extends C {
       } : null
     });
   }
+  submit = (code) => {
+    if (this.lifetime.kind === "active")
+      this.props.onSubmit(code, this.lifetime.challengeId);
+  };
+  send = async () => {
+    const callback = this.props.prompt.onResend;
+    if (!callback)
+      return { kind: "failed", message: "Could not send code." };
+    try {
+      const result = await callback();
+      if (this.lifetime.kind === "disposed")
+        return { kind: "sent" };
+      const challengeId = String(result?.challengeId || "").trim();
+      const emailHint = String(result?.emailHint || "").trim();
+      if (challengeId) {
+        this.lifetime = {
+          kind: "active",
+          challengeId,
+          emailHint: emailHint || this.lifetime.emailHint
+        };
+      }
+      return { kind: "sent" };
+    } catch (error) {
+      return { kind: "failed", message: formatResendError(error) };
+    }
+  };
+  change = (snapshot) => {
+    this.setState(snapshot);
+  };
+  confirm = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (this.session.confirm() === "invalid")
+      this.setState({}, this.focusCode);
+  };
+  focusCode = () => {
+    this.form.current?.querySelector("input")?.focus({ preventScroll: true });
+  };
   componentDidMount() {
     this.session.setVerification(this.props.verification);
   }
@@ -4202,75 +4172,13 @@ function CopyStatusIcon() {
 var nextDisclosureId = 0;
 
 class ReviewDisclosure extends C {
-  constructor() {
-    super(...arguments);
-    this.root = M();
-    this.id = `seams-review-disclosure-${++nextDisclosureId}`;
-    this.motion = null;
-    this.setHeight = (height) => {
-      const details = this.root.current;
-      if (!details)
-        return;
-      confirmationDocumentStyles(details.ownerDocument).setDynamicDeclarations(this.id, `#${this.id}`, { "--seams-review-disclosure-height": `${height}px` });
-    };
-    this.finish = () => {
-      if (this.root.current && this.motion) {
-        this.root.current.open = this.motion.opening;
-        this.root.current.removeAttribute("data-closing");
-      }
-      this.clearMotion();
-    };
-    this.toggle = (event) => {
-      const details = this.root.current;
-      if (!details)
-        return;
-      event.preventDefault();
-      if (this.motion?.kind === "hosted")
-        return;
-      const opening = this.motion ? !this.motion.opening : !details.open;
-      const body = details.lastElementChild;
-      if (!(body instanceof HTMLElement))
-        return;
-      const height = details.open ? body.getBoundingClientRect().height : 0;
-      this.clearMotion();
-      details.toggleAttribute("data-closing", !opening);
-      if (window.matchMedia("(prefers-reduced-motion: reduce)").matches || !details.animate) {
-        details.open = opening;
-        details.removeAttribute("data-closing");
-        return;
-      }
-      details.open = true;
-      details.setAttribute("data-resizing", "");
-      const target = opening ? body.scrollHeight : 0;
-      this.motion = { kind: "hosted", opening };
-      if (announceClampedSurfaceResize({
-        element: body,
-        reason: "review-details",
-        fromCssPx: height,
-        toCssPx: target,
-        drivenClasses: ["seams-review-disclosure-driven"],
-        setHeightCssPx: this.setHeight,
-        onSettled: this.finish
-      }))
-        return;
-      const size = body.animate([{ height: `${height}px`, overflow: "hidden" }, { height: `${target}px`, overflow: "hidden" }], {
-        duration: opening ? 220 : 180,
-        easing: "cubic-bezier(.2,0,0,1)",
-        fill: "both"
-      });
-      const fade = body.animate(opening ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 0 }], {
-        duration: opening ? 180 : 100,
-        easing: "ease-out",
-        fill: "both"
-      });
-      this.motion = { kind: "local", opening, size, fade };
-      size.onfinish = this.finish;
-    };
-  }
+  root = M();
+  id = `seams-review-disclosure-${++nextDisclosureId}`;
   componentDidMount() {
     if (this.root.current)
       this.root.current.open = this.props.initiallyOpen ?? false;
   }
+  motion = null;
   componentWillUnmount() {
     this.clearMotion();
     if (this.root.current)
@@ -4287,6 +4195,65 @@ class ReviewDisclosure extends C {
     this.motion = null;
     this.root.current?.removeAttribute("data-resizing");
   }
+  setHeight = (height) => {
+    const details = this.root.current;
+    if (!details)
+      return;
+    confirmationDocumentStyles(details.ownerDocument).setDynamicDeclarations(this.id, `#${this.id}`, { "--seams-review-disclosure-height": `${height}px` });
+  };
+  finish = () => {
+    if (this.root.current && this.motion) {
+      this.root.current.open = this.motion.opening;
+      this.root.current.removeAttribute("data-closing");
+    }
+    this.clearMotion();
+  };
+  toggle = (event) => {
+    const details = this.root.current;
+    if (!details)
+      return;
+    event.preventDefault();
+    if (this.motion?.kind === "hosted")
+      return;
+    const opening = this.motion ? !this.motion.opening : !details.open;
+    const body = details.lastElementChild;
+    if (!(body instanceof HTMLElement))
+      return;
+    const height = details.open ? body.getBoundingClientRect().height : 0;
+    this.clearMotion();
+    details.toggleAttribute("data-closing", !opening);
+    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches || !details.animate) {
+      details.open = opening;
+      details.removeAttribute("data-closing");
+      return;
+    }
+    details.open = true;
+    details.setAttribute("data-resizing", "");
+    const target = opening ? body.scrollHeight : 0;
+    this.motion = { kind: "hosted", opening };
+    if (announceClampedSurfaceResize({
+      element: body,
+      reason: "review-details",
+      fromCssPx: height,
+      toCssPx: target,
+      drivenClasses: ["seams-review-disclosure-driven"],
+      setHeightCssPx: this.setHeight,
+      onSettled: this.finish
+    }))
+      return;
+    const size = body.animate([{ height: `${height}px`, overflow: "hidden" }, { height: `${target}px`, overflow: "hidden" }], {
+      duration: opening ? 220 : 180,
+      easing: "cubic-bezier(.2,0,0,1)",
+      fill: "both"
+    });
+    const fade = body.animate(opening ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 0 }], {
+      duration: opening ? 180 : 100,
+      easing: "ease-out",
+      fill: "both"
+    });
+    this.motion = { kind: "local", opening, size, fade };
+    size.onfinish = this.finish;
+  };
   render() {
     return /* @__PURE__ */ u2("details", {
       ref: this.root,
@@ -4520,33 +4487,12 @@ function reviewAmount(model) {
 }
 
 class CopyReviewValue extends C {
-  constructor() {
-    super(...arguments);
-    this.state = { copied: false };
-    this.lifetime = new AbortController;
-    this.timer = null;
-    this.resetCopied = () => {
-      this.setState({ copied: false });
-    };
-    this.copy = async (event) => {
-      const target = event.currentTarget;
-      if (!(target instanceof HTMLElement))
-        return;
-      const signal = this.lifetime.signal;
-      try {
-        const copied = await copySurfaceText(target, this.props.value, signal);
-        if (!copied || signal.aborted)
-          return;
-        this.setState({ copied: true });
-        if (this.timer !== null)
-          clearTimeout(this.timer);
-        this.timer = setTimeout(this.resetCopied, 3000);
-      } catch {
-        if (!signal.aborted)
-          this.setState({ copied: false });
-      }
-    };
-  }
+  state = { copied: false };
+  lifetime = new AbortController;
+  timer = null;
+  resetCopied = () => {
+    this.setState({ copied: false });
+  };
   componentWillUnmount() {
     this.lifetime.abort();
     if (this.timer !== null)
@@ -4561,6 +4507,24 @@ class CopyReviewValue extends C {
       clearTimeout(this.timer);
     this.resetCopied();
   }
+  copy = async (event) => {
+    const target = event.currentTarget;
+    if (!(target instanceof HTMLElement))
+      return;
+    const signal = this.lifetime.signal;
+    try {
+      const copied = await copySurfaceText(target, this.props.value, signal);
+      if (!copied || signal.aborted)
+        return;
+      this.setState({ copied: true });
+      if (this.timer !== null)
+        clearTimeout(this.timer);
+      this.timer = setTimeout(this.resetCopied, 3000);
+    } catch {
+      if (!signal.aborted)
+        this.setState({ copied: false });
+    }
+  };
   render() {
     return /* @__PURE__ */ u2("button", {
       type: "button",
@@ -4779,34 +4743,31 @@ function TransactionReview({
 var nextConfirmationId = 0;
 
 class ConfirmationContent extends C {
-  constructor() {
-    super(...arguments);
-    this.root = M();
-    this.otpFormId = `seams-confirmation-email-${++nextConfirmationId}`;
-    this.reflowId = `seams-confirmation-content-surface-${nextConfirmationId}`;
-    this.getReflowElement = () => {
-      const root = this.root.current;
-      return root?.closest(".modal-container-root, .seams-confirmation-drawer") ?? null;
-    };
-    this.setHeight = (height) => {
-      const element = this.getReflowElement();
-      if (!element?.id)
-        return;
-      this.props.styles.setDynamicDeclarations(this.reflowId, `#${element.id}`, {
-        [CONFIRM_SURFACE_HEIGHT_DRIVEN_VAR]: `${height}px`
-      });
-    };
-    this.reflow = createSurfaceHeightReflow({
-      reason: "confirm-body",
-      element: this.getReflowElement,
-      setHeightCssPx: this.setHeight
+  root = M();
+  otpFormId = `seams-confirmation-email-${++nextConfirmationId}`;
+  reflowId = `seams-confirmation-content-surface-${nextConfirmationId}`;
+  getReflowElement = () => {
+    const root = this.root.current;
+    return root?.closest(".modal-container-root, .seams-confirmation-drawer") ?? null;
+  };
+  setHeight = (height) => {
+    const element = this.getReflowElement();
+    if (!element?.id)
+      return;
+    this.props.styles.setDynamicDeclarations(this.reflowId, `#${element.id}`, {
+      [CONFIRM_SURFACE_HEIGHT_DRIVEN_VAR]: `${height}px`
     });
-    this.copyAccount = (accountId) => {
-      const root = this.root.current;
-      if (root)
-        copySurfaceText(root, accountId).catch(ignoreCopyFailure);
-    };
-  }
+  };
+  reflow = createSurfaceHeightReflow({
+    reason: "confirm-body",
+    element: this.getReflowElement,
+    setHeightCssPx: this.setHeight
+  });
+  copyAccount = (accountId) => {
+    const root = this.root.current;
+    if (root)
+      copySurfaceText(root, accountId).catch(ignoreCopyFailure);
+  };
   componentWillReceiveProps() {
     this.reflow.capture();
   }
@@ -4930,30 +4891,9 @@ function ConfirmationModal(props) {
 }
 
 class ModalShell extends C {
-  constructor() {
-    super(...arguments);
-    this.dialog = M();
-    this.hosted = M();
-    this.containerId = `seams-confirmation-modal-${++nextModalId}`;
-    this.cancel = (event) => {
-      event.preventDefault();
-      event.stopPropagation();
-      this.props.onCancel();
-    };
-    this.backdropClick = (event) => {
-      const dialog = this.dialog.current;
-      if (!dialog || event.target !== dialog)
-        return;
-      const bounds = dialog.getBoundingClientRect();
-      if (event.clientX < bounds.left || event.clientX > bounds.right || event.clientY < bounds.top || event.clientY > bounds.bottom) {
-        this.cancel(event);
-      }
-    };
-    this.hostedKeyDown = (event) => {
-      if (!event.defaultPrevented && event.key === "Escape")
-        this.cancel(event);
-    };
-  }
+  dialog = M();
+  hosted = M();
+  containerId = `seams-confirmation-modal-${++nextModalId}`;
   componentDidMount() {
     if (this.props.context === "standalone") {
       this.dialog.current?.showModal();
@@ -4964,6 +4904,24 @@ class ModalShell extends C {
   componentWillUnmount() {
     this.dialog.current?.close();
   }
+  cancel = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    this.props.onCancel();
+  };
+  backdropClick = (event) => {
+    const dialog = this.dialog.current;
+    if (!dialog || event.target !== dialog)
+      return;
+    const bounds = dialog.getBoundingClientRect();
+    if (event.clientX < bounds.left || event.clientX > bounds.right || event.clientY < bounds.top || event.clientY > bounds.bottom) {
+      this.cancel(event);
+    }
+  };
+  hostedKeyDown = (event) => {
+    if (!event.defaultPrevented && event.key === "Escape")
+      this.cancel(event);
+  };
   render() {
     if (this.props.context === "standalone") {
       return /* @__PURE__ */ u2("dialog", {
@@ -5017,157 +4975,19 @@ function ConfirmationDrawer(props) {
 }
 
 class DrawerShell extends C {
-  constructor() {
-    super(...arguments);
-    this.state = { settled: false };
-    this.id = `seams-confirmation-drawer-${++nextDrawerId}`;
-    this.dialog = M();
-    this.sheet = M();
-    this.body = M();
-    this.content = M();
-    this.observer = null;
-    this.frame = null;
-    this.closeTimer = null;
-    this.gesture = { kind: "idle" };
-    this.lifetime = "active";
-    this.closeReported = false;
-    this.suppressPointerClick = false;
-    this.openAfterLayout = () => {
-      this.frame = null;
-      this.setState({ settled: true });
-    };
-    this.scheduleMeasure = () => {
-      if (this.lifetime === "disposed" || this.frame !== null)
-        return;
-      this.frame = this.sheet.current.ownerDocument.defaultView.requestAnimationFrame(this.measureFrame);
-    };
-    this.measureFrame = () => {
-      this.frame = null;
-      this.measure();
-    };
-    this.measureContent = () => {
-      if (this.lifetime === "active")
-        this.measure();
-    };
-    this.reportClosed = () => {
-      this.clearCloseTimer();
-      if (this.lifetime === "disposed" || this.closeReported || this.props.state.kind !== "closing")
-        return;
-      this.closeReported = true;
-      this.props.state.onClosed();
-    };
-    this.transitionEnd = (event) => {
-      if (event.target === this.sheet.current && event.propertyName === "transform")
-        this.reportClosed();
-    };
-    this.cancel = (event) => {
-      event.preventDefault();
-      event.stopPropagation();
-      if (this.props.state.kind === "open")
-        this.props.onCancel();
-    };
-    this.backdropClick = (event) => {
-      if (this.props.dismissOnBackdrop !== false && event.target === this.dialog.current && this.canDrag())
-        this.cancel(event);
-    };
-    this.keyDown = (event) => {
-      if (!event.defaultPrevented && event.key === "Escape")
-        this.cancel(event);
-    };
-    this.pointerDown = (event) => {
-      this.clearClickSuppression();
-      if (!this.canDrag() || this.gesture.kind !== "idle" || !event.isPrimary || event.button !== 0)
-        return;
-      const target = event.target;
-      if (target instanceof Element && target.closest("a, input, textarea, select, summary, button:not(.seams-drawer-handle), [data-seams-drawer-no-drag]"))
-        return;
-      this.gesture = { kind: "pending", pointerId: event.pointerId, startY: event.clientY };
-      const doc = this.sheet.current.ownerDocument;
-      doc.addEventListener("pointermove", this.pointerMove, { passive: false });
-      doc.addEventListener("pointerup", this.pointerUp);
-      doc.addEventListener("pointercancel", this.pointerCancel);
-    };
-    this.pointerMove = (event) => {
-      let gesture = this.gesture;
-      if (gesture.kind === "idle" || gesture.pointerId !== event.pointerId)
-        return;
-      const sheet = this.sheet.current;
-      if (gesture.kind === "pending") {
-        if (Math.abs(event.clientY - gesture.startY) < 8 || this.body.current.scrollTop > 0)
-          return;
-        const win = sheet.ownerDocument.defaultView;
-        const rest = new DOMMatrixReadOnly(win.getComputedStyle(sheet).transform).m42;
-        gesture = {
-          kind: "dragging",
-          pointerId: gesture.pointerId,
-          startY: gesture.startY,
-          lastY: gesture.startY,
-          startedAt: event.timeStamp,
-          lastTime: event.timeStamp,
-          velocity: 0,
-          rest,
-          translate: rest,
-          height: sheet.offsetHeight
-        };
-        this.gesture = gesture;
-        sheet.setPointerCapture(event.pointerId);
-        sheet.classList.add("is-dragging");
-      }
-      const elapsed = event.timeStamp - gesture.lastTime;
-      if (elapsed > 0)
-        gesture.velocity = (event.clientY - gesture.lastY) / elapsed;
-      gesture.lastY = event.clientY;
-      gesture.lastTime = event.timeStamp;
-      gesture.translate = drawerDragTranslate({
-        startTranslatePx: gesture.rest,
-        deltaPx: event.clientY - gesture.startY,
-        restTranslatePx: gesture.rest,
-        sheetHeightPx: gesture.height,
-        viewportHeightPx: sheet.ownerDocument.defaultView.innerHeight,
-        minimumOverpullPx: 160
-      });
-      this.props.styles.setDynamicDeclarations(`${this.id}-drag`, `#${this.id}`, {
-        "--seams-drawer-drag": `${gesture.translate}px`
-      });
-      event.preventDefault();
-    };
-    this.pointerUp = (event) => {
-      const gesture = this.gesture;
-      if (gesture.kind === "idle" || gesture.pointerId !== event.pointerId)
-        return;
-      const dismiss = gesture.kind === "dragging" && shouldDismissDrawerDrag({
-        velocityPxPerMs: gesture.velocity,
-        totalDeltaPx: gesture.lastY - gesture.startY,
-        durationMs: event.timeStamp - gesture.startedAt,
-        translatePx: gesture.translate,
-        sheetHeightPx: gesture.height
-      });
-      if (gesture.kind === "dragging") {
-        this.suppressPointerClick = true;
-        event.preventDefault();
-      }
-      this.resetGesture();
-      if (dismiss && this.props.state.kind === "open")
-        this.props.onCancel();
-    };
-    this.pointerCancel = (event) => {
-      if (this.gesture.kind !== "idle" && this.gesture.pointerId === event.pointerId) {
-        if (this.gesture.kind === "dragging")
-          this.suppressPointerClick = true;
-        this.resetGesture();
-      }
-    };
-    this.clearClickSuppression = () => {
-      this.suppressPointerClick = false;
-    };
-    this.suppressDragClick = (event) => {
-      if (!this.suppressPointerClick || event.detail === 0)
-        return;
-      this.suppressPointerClick = false;
-      event.preventDefault();
-      event.stopPropagation();
-    };
-  }
+  state = { settled: false };
+  id = `seams-confirmation-drawer-${++nextDrawerId}`;
+  dialog = M();
+  sheet = M();
+  body = M();
+  content = M();
+  observer = null;
+  frame = null;
+  closeTimer = null;
+  gesture = { kind: "idle" };
+  lifetime = "active";
+  closeReported = false;
+  suppressPointerClick = false;
   componentDidMount() {
     const sheet = this.sheet.current;
     const win = sheet.ownerDocument.defaultView;
@@ -5184,6 +5004,10 @@ class DrawerShell extends C {
     if (this.props.state.kind === "closing")
       this.startClose();
   }
+  openAfterLayout = () => {
+    this.frame = null;
+    this.setState({ settled: true });
+  };
   componentDidUpdate(previous) {
     if (previous.styles !== this.props.styles) {
       previous.styles.deleteDynamicRule(this.id);
@@ -5216,6 +5040,19 @@ class DrawerShell extends C {
     this.props.styles.deleteDynamicRule(this.id);
     this.dialog.current?.close();
   }
+  scheduleMeasure = () => {
+    if (this.lifetime === "disposed" || this.frame !== null)
+      return;
+    this.frame = this.sheet.current.ownerDocument.defaultView.requestAnimationFrame(this.measureFrame);
+  };
+  measureFrame = () => {
+    this.frame = null;
+    this.measure();
+  };
+  measureContent = () => {
+    if (this.lifetime === "active")
+      this.measure();
+  };
   measure() {
     if (this.gesture.kind !== "idle")
       return;
@@ -5240,9 +5077,127 @@ class DrawerShell extends C {
       this.closeTimer = null;
     }
   }
+  reportClosed = () => {
+    this.clearCloseTimer();
+    if (this.lifetime === "disposed" || this.closeReported || this.props.state.kind !== "closing")
+      return;
+    this.closeReported = true;
+    this.props.state.onClosed();
+  };
+  transitionEnd = (event) => {
+    if (event.target === this.sheet.current && event.propertyName === "transform")
+      this.reportClosed();
+  };
+  cancel = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (this.props.state.kind === "open")
+      this.props.onCancel();
+  };
+  backdropClick = (event) => {
+    if (this.props.dismissOnBackdrop !== false && event.target === this.dialog.current && this.canDrag())
+      this.cancel(event);
+  };
+  keyDown = (event) => {
+    if (!event.defaultPrevented && event.key === "Escape")
+      this.cancel(event);
+  };
   canDrag() {
     return this.props.state.kind === "open" && this.props.state.interaction === "ready";
   }
+  pointerDown = (event) => {
+    this.clearClickSuppression();
+    if (!this.canDrag() || this.gesture.kind !== "idle" || !event.isPrimary || event.button !== 0)
+      return;
+    const target = event.target;
+    if (target instanceof Element && target.closest("a, input, textarea, select, summary, button:not(.seams-drawer-handle), [data-seams-drawer-no-drag]"))
+      return;
+    this.gesture = { kind: "pending", pointerId: event.pointerId, startY: event.clientY };
+    const doc = this.sheet.current.ownerDocument;
+    doc.addEventListener("pointermove", this.pointerMove, { passive: false });
+    doc.addEventListener("pointerup", this.pointerUp);
+    doc.addEventListener("pointercancel", this.pointerCancel);
+  };
+  pointerMove = (event) => {
+    let gesture = this.gesture;
+    if (gesture.kind === "idle" || gesture.pointerId !== event.pointerId)
+      return;
+    const sheet = this.sheet.current;
+    if (gesture.kind === "pending") {
+      if (Math.abs(event.clientY - gesture.startY) < 8 || this.body.current.scrollTop > 0)
+        return;
+      const win = sheet.ownerDocument.defaultView;
+      const rest = new DOMMatrixReadOnly(win.getComputedStyle(sheet).transform).m42;
+      gesture = {
+        kind: "dragging",
+        pointerId: gesture.pointerId,
+        startY: gesture.startY,
+        lastY: gesture.startY,
+        startedAt: event.timeStamp,
+        lastTime: event.timeStamp,
+        velocity: 0,
+        rest,
+        translate: rest,
+        height: sheet.offsetHeight
+      };
+      this.gesture = gesture;
+      sheet.setPointerCapture(event.pointerId);
+      sheet.classList.add("is-dragging");
+    }
+    const elapsed = event.timeStamp - gesture.lastTime;
+    if (elapsed > 0)
+      gesture.velocity = (event.clientY - gesture.lastY) / elapsed;
+    gesture.lastY = event.clientY;
+    gesture.lastTime = event.timeStamp;
+    gesture.translate = drawerDragTranslate({
+      startTranslatePx: gesture.rest,
+      deltaPx: event.clientY - gesture.startY,
+      restTranslatePx: gesture.rest,
+      sheetHeightPx: gesture.height,
+      viewportHeightPx: sheet.ownerDocument.defaultView.innerHeight,
+      minimumOverpullPx: 160
+    });
+    this.props.styles.setDynamicDeclarations(`${this.id}-drag`, `#${this.id}`, {
+      "--seams-drawer-drag": `${gesture.translate}px`
+    });
+    event.preventDefault();
+  };
+  pointerUp = (event) => {
+    const gesture = this.gesture;
+    if (gesture.kind === "idle" || gesture.pointerId !== event.pointerId)
+      return;
+    const dismiss = gesture.kind === "dragging" && shouldDismissDrawerDrag({
+      velocityPxPerMs: gesture.velocity,
+      totalDeltaPx: gesture.lastY - gesture.startY,
+      durationMs: event.timeStamp - gesture.startedAt,
+      translatePx: gesture.translate,
+      sheetHeightPx: gesture.height
+    });
+    if (gesture.kind === "dragging") {
+      this.suppressPointerClick = true;
+      event.preventDefault();
+    }
+    this.resetGesture();
+    if (dismiss && this.props.state.kind === "open")
+      this.props.onCancel();
+  };
+  pointerCancel = (event) => {
+    if (this.gesture.kind !== "idle" && this.gesture.pointerId === event.pointerId) {
+      if (this.gesture.kind === "dragging")
+        this.suppressPointerClick = true;
+      this.resetGesture();
+    }
+  };
+  clearClickSuppression = () => {
+    this.suppressPointerClick = false;
+  };
+  suppressDragClick = (event) => {
+    if (!this.suppressPointerClick || event.detail === 0)
+      return;
+    this.suppressPointerClick = false;
+    event.preventDefault();
+    event.stopPropagation();
+  };
   resetGesture() {
     const sheet = this.sheet.current;
     const previous = this.gesture;
@@ -5409,36 +5364,20 @@ var EXPLORER_REVEAL_EASING = "cubic-bezier(0.22, 1, 0.36, 1)";
 var nextExplorerRowId = 0;
 
 class TransactionReceipt extends C {
-  constructor() {
-    super(...arguments);
-    this.explorerRow = M();
-    this.explorerRowId = `seams-receipt-explorer-row-${++nextExplorerRowId}`;
-    this.minimize = () => {
-      this.props.receipt.onView("toast");
-    };
-    this.expand = () => {
-      this.props.receipt.onView("expanded");
-    };
-    this.close = () => {
-      if (receiptIsPending(this.props.receipt.state))
-        this.minimize();
-      else
-        this.props.receipt.onDismiss();
-    };
-    this.setExplorerRowHeight = (height) => {
-      const row = this.explorerRow.current;
-      if (!row)
-        return;
-      confirmationDocumentStyles(row.ownerDocument).setDynamicDeclarations(this.explorerRowId, `#${this.explorerRowId}`, { "--seams-receipt-explorer-height": `${height}px` });
-    };
-    this.releaseExplorerRow = () => {
-      const row = this.explorerRow.current;
-      if (!row)
-        return;
-      delete row.dataset.opening;
-      confirmationDocumentStyles(row.ownerDocument).deleteDynamicRule(this.explorerRowId);
-    };
-  }
+  explorerRow = M();
+  explorerRowId = `seams-receipt-explorer-row-${++nextExplorerRowId}`;
+  minimize = () => {
+    this.props.receipt.onView("toast");
+  };
+  expand = () => {
+    this.props.receipt.onView("expanded");
+  };
+  close = () => {
+    if (receiptIsPending(this.props.receipt.state))
+      this.minimize();
+    else
+      this.props.receipt.onDismiss();
+  };
   componentDidUpdate(previous) {
     const { receipt } = this.props;
     if (receipt.view === "expanded" && previous.receipt.view === "expanded" && receipt.state.kind === "confirmed" && previous.receipt.state.kind !== "confirmed") {
@@ -5448,6 +5387,19 @@ class TransactionReceipt extends C {
   componentWillUnmount() {
     this.releaseExplorerRow();
   }
+  setExplorerRowHeight = (height) => {
+    const row = this.explorerRow.current;
+    if (!row)
+      return;
+    confirmationDocumentStyles(row.ownerDocument).setDynamicDeclarations(this.explorerRowId, `#${this.explorerRowId}`, { "--seams-receipt-explorer-height": `${height}px` });
+  };
+  releaseExplorerRow = () => {
+    const row = this.explorerRow.current;
+    if (!row)
+      return;
+    delete row.dataset.opening;
+    confirmationDocumentStyles(row.ownerDocument).deleteDynamicRule(this.explorerRowId);
+  };
   revealExplorerLink() {
     const row = this.explorerRow.current;
     const link = row?.firstElementChild;
@@ -5816,57 +5768,22 @@ function captureReceiptAnchors(surface) {
 var nextSurfaceId = 0;
 
 class MountedConfirmationSurface {
-  constructor(input) {
-    this.receipt = null;
+  element;
+  styles;
+  presentation;
+  state;
+  receipt = null;
+  receiptMotion = [];
+  receiptShell = null;
+  clearReceiptMotion = () => {
+    for (const animation of this.receiptMotion)
+      animation.cancel();
     this.receiptMotion = [];
+    this.receiptShell?.remove();
     this.receiptShell = null;
-    this.clearReceiptMotion = () => {
-      for (const animation of this.receiptMotion)
-        animation.cancel();
-      this.receiptMotion = [];
-      this.receiptShell?.remove();
-      this.receiptShell = null;
-      this.element.removeAttribute("data-receipt-morphing");
-    };
-    this.dispose = () => {
-      if (this.state.kind === "disposed")
-        return;
-      const onClosed = this.state.onClosed;
-      this.remove();
-      onClosed();
-    };
-    this.cancel = () => {
-      if (this.state.kind !== "mounted")
-        return;
-      if (this.receipt) {
-        if (receiptIsPending(this.receipt.state))
-          this.receipt.onView("toast");
-        else
-          this.receipt.onDismiss();
-        return;
-      }
-      const content = this.state.model.content;
-      if (content.kind === "registration")
-        content.registration.onCancel();
-      else
-        content.transaction.onCancel();
-    };
-    this.confirm = () => {
-      if (this.state.kind !== "mounted")
-        return;
-      const content = this.state.model.content;
-      const decision = content.kind === "registration" ? content.registration.decision : content.transaction.decision;
-      if (decision.kind === "ready")
-        decision.onConfirm();
-    };
-    this.submitOtp = (code, challengeId) => {
-      if (this.state.kind !== "mounted")
-        return;
-      const content = this.state.model.content;
-      if (content.kind === "transaction" && content.prompt.kind === "email") {
-        content.prompt.email.onSubmit(code, challengeId);
-      }
-    };
+    this.element.removeAttribute("data-receipt-morphing");
+  };
+  constructor(input) {
     const document2 = input.parent.ownerDocument;
     this.styles = confirmationDocumentStyles(document2);
     this.presentation = {
@@ -5974,6 +5891,13 @@ class MountedConfirmationSurface {
       morph.onfinish = this.clearReceiptMotion;
     }
   }
+  dispose = () => {
+    if (this.state.kind === "disposed")
+      return;
+    const onClosed = this.state.onClosed;
+    this.remove();
+    onClosed();
+  };
   remove() {
     this.clearReceiptMotion();
     this.state = { kind: "disposed" };
@@ -5982,6 +5906,38 @@ class MountedConfirmationSurface {
     this.styles.deleteDynamicRule(this.element.id);
     this.element.remove();
   }
+  cancel = () => {
+    if (this.state.kind !== "mounted")
+      return;
+    if (this.receipt) {
+      if (receiptIsPending(this.receipt.state))
+        this.receipt.onView("toast");
+      else
+        this.receipt.onDismiss();
+      return;
+    }
+    const content = this.state.model.content;
+    if (content.kind === "registration")
+      content.registration.onCancel();
+    else
+      content.transaction.onCancel();
+  };
+  confirm = () => {
+    if (this.state.kind !== "mounted")
+      return;
+    const content = this.state.model.content;
+    const decision = content.kind === "registration" ? content.registration.decision : content.transaction.decision;
+    if (decision.kind === "ready")
+      decision.onConfirm();
+  };
+  submitOtp = (code, challengeId) => {
+    if (this.state.kind !== "mounted")
+      return;
+    const content = this.state.model.content;
+    if (content.kind === "transaction" && content.prompt.kind === "email") {
+      content.prompt.email.onSubmit(code, challengeId);
+    }
+  };
   renderSurface() {
     const state = this.state;
     if (state.kind === "disposed")
@@ -6069,6 +6025,13 @@ function mountConfirmationSurface(input) {
 
 // src/core/signingEngine/uiConfirm/ui/preact/confirmation-controller.ts
 class MountedConfirmationController {
+  element;
+  surface;
+  callbacks;
+  appearance;
+  presentation;
+  tree;
+  currentModel;
   constructor(input) {
     this.callbacks = input.callbacks;
     this.appearance = input.appearance;
@@ -6205,21 +6168,17 @@ function allocateSurfaceMeasurementSequence() {
 }
 
 class SurfaceMeasurementReporter {
+  options;
+  observer;
+  latestEntry = null;
+  recentPostTimes = [];
+  warnedAboutStreaming = false;
+  surfaceHasSettled = false;
+  animationFrame = null;
+  lastSize = null;
+  disconnected = false;
   constructor(options) {
     this.options = options;
-    this.latestEntry = null;
-    this.recentPostTimes = [];
-    this.warnedAboutStreaming = false;
-    this.surfaceHasSettled = false;
-    this.animationFrame = null;
-    this.lastSize = null;
-    this.disconnected = false;
-    this.onResize = (entries) => {
-      if (this.disconnected)
-        return;
-      this.latestEntry = entries.at(-1) ?? null;
-      this.scheduleReport();
-    };
     if (typeof ResizeObserver === "function") {
       this.observer = new ResizeObserver(this.onResize);
       this.observer.observe(options.element);
@@ -6243,6 +6202,12 @@ class SurfaceMeasurementReporter {
     this.animationFrame = null;
     this.latestEntry = null;
   }
+  onResize = (entries) => {
+    if (this.disconnected)
+      return;
+    this.latestEntry = entries.at(-1) ?? null;
+    this.scheduleReport();
+  };
   scheduleReport() {
     if (this.disconnected)
       return;
@@ -6288,7 +6253,7 @@ class SurfaceMeasurementReporter {
     if (this.recentPostTimes.length < STREAMING_POSTS_THRESHOLD)
       return;
     this.warnedAboutStreaming = true;
-    console.warn(`[SEAMS] ${this.options.kind} posted ${this.recentPostTimes.length} surface measurements in ` + `${STREAMING_WINDOW_MS}ms after it had settled. Content inside a measured surface must ` + "announce a height change once (announceSurfaceResize) instead of animating its own " + "height; the host box cannot follow a moving target. See " + "docs/refactor-127-preact.md.");
+    console.warn(`[SEAMS] ${this.options.kind} posted ${this.recentPostTimes.length} surface measurements in ` + `${STREAMING_WINDOW_MS}ms after it had settled. Content inside a measured surface must ` + "announce a height change once (announceSurfaceResize) instead of animating its own " + "height; the host box cannot follow a moving target.");
   }
   sameSize(size) {
     return this.lastSize?.widthCssPx === size.widthCssPx && this.lastSize?.heightCssPx === size.heightCssPx;