@tatchi-xyz/sdk 0.21.0 → 0.31.1

package/dist/esm/react/src/core/WebAuthnManager/LitComponents/HaloBorder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["vars: Record<string, string>"],"sources":["../../../../../../../../src/core/WebAuthnManager/LitComponents/HaloBorder/index.ts"],"sourcesContent":["import { html, type PropertyValues } from 'lit';\nimport { LitElementWithProps } from '../LitElementWithProps';\nimport { ensureExternalStyles } from '../css/css-loader';\n\nexport type HaloTheme = 'dark' | 'light';\n\nexport class HaloBorderElement extends LitElementWithProps {\n  static properties = {\n    animated: { type: Boolean },\n    theme: { type: String },\n    durationMs: { type: Number, attribute: 'duration-ms' },\n    ringGap: { type: Number, attribute: 'ring-gap' },\n    ringWidth: { type: Number, attribute: 'ring-width' },\n    ringBorderRadius: { type: String, attribute: 'ring-border-radius' },\n    ringBorderShadow: { type: String, attribute: 'ring-border-shadow' },\n    ringBackground: { type: String, attribute: 'ring-background' },\n    padding: { type: String },\n    innerPadding: { type: String, attribute: 'inner-padding' },\n    innerBackground: { type: String, attribute: 'inner-background' },\n  } as const;\n\n  declare animated?: boolean;\n  declare theme?: HaloTheme;\n  declare durationMs?: number;\n  declare ringGap?: number;\n  declare ringWidth?: number;\n  declare ringBorderRadius?: string;\n  declare ringBorderShadow?: string;\n  declare ringBackground?: string;\n  declare padding?: string;\n  declare innerPadding?: string;\n  declare innerBackground?: string;\n\n  private _stylesReady = false;\n  private _stylePromises: Promise<void>[] = [];\n  private _stylesAwaiting: Promise<void> | null = null;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    const p = ensureExternalStyles(root as ShadowRoot | DocumentFragment | HTMLElement, 'halo-border.css', 'data-w3a-halo-border-css');\n    this._stylePromises.push(p);\n    p.catch(() => {});\n    return root;\n  }\n\n  // Defer first render until external styles are adopted to avoid FOUC\n  protected shouldUpdate(_changed: Map<string | number | symbol, unknown>): boolean {\n    if (this._stylesReady) return true;\n    if (!this._stylesAwaiting) {\n      const settle = Promise.all(this._stylePromises)\n        .then(() => new Promise<void>((r) => requestAnimationFrame(() => requestAnimationFrame(() => r()))));\n      this._stylesAwaiting = settle.then(() => { this._stylesReady = true; this.requestUpdate(); });\n    }\n    return false;\n  }\n  private _rafId: number | null = null;\n  private _startTs: number = 0;\n  private _running: boolean = false;\n\n  protected updated(changed?: PropertyValues): void {\n    // Bridge prop values into CSS variables (no inline style attributes)\n    const vars: Record<string, string> = {};\n    if (typeof this.ringGap === 'number') vars['--ring-gap'] = `${this.ringGap}px`;\n    if (typeof this.ringWidth === 'number') vars['--ring-width'] = `${this.ringWidth}px`;\n    if (this.ringBorderRadius) vars['--ring-border-radius'] = this.ringBorderRadius;\n    if (this.innerPadding) vars['--inner-padding'] = this.innerPadding;\n    if (this.innerBackground) vars['--inner-background'] = this.innerBackground;\n    if (this.ringBackground) vars['--ring-stops'] = this.ringBackground;\n    if (this.ringBorderShadow) vars['--halo-box-shadow'] = this.ringBorderShadow;\n    // Ensure an initial angle is present\n    vars['--halo-angle'] = vars['--halo-angle'] || '0deg';\n    this.setCssVars(vars);\n\n    // Start/stop animation based on \"animated\" or duration changes\n    if (!changed) return;\n    if (changed.has('animated') || changed.has('durationMs')) {\n      if (this.animated) this.start(); else this.stop();\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.animated) this.start();\n  }\n\n  disconnectedCallback(): void {\n    this.stop();\n    super.disconnectedCallback();\n  }\n\n  private tick = (ts: number) => {\n    if (!this._running) return;\n    if (!this._startTs) this._startTs = ts;\n    const dur = (typeof this.durationMs === 'number' && this.durationMs > 0) ? this.durationMs : 1150;\n    const delta = (ts - this._startTs) % dur;\n    const angle = (delta / dur) * 360;\n    // Update only the angle var via adoptedStyleSheet (no style attribute writes)\n    this.setCssVars({ '--halo-angle': `${angle}deg` });\n    this._rafId = requestAnimationFrame(this.tick);\n  };\n\n  private start() {\n    if (this._running) return;\n    this._running = true;\n    this._startTs = 0;\n    this._rafId = requestAnimationFrame(this.tick);\n  }\n\n  private stop() {\n    this._running = false;\n    if (this._rafId) {\n      cancelAnimationFrame(this._rafId);\n      this._rafId = null;\n    }\n    // Reset angle\n    this.setCssVars({ '--halo-angle': `0deg` });\n  }\n\n  render() {\n    return html`\n      <div class=\"halo-root ${this.theme ?? 'light'} ${this.animated ? 'animated' : ''}\">\n        <div class=\"halo-inner\">\n          <div class=\"halo-outer\">\n            ${this.animated ? html`<div class=\"halo-ring\"></div>` : ''}\n            <div class=\"halo-content\"><slot></slot></div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\nimport { W3A_HALO_BORDER_ID } from '../tags';\n\nif (!customElements.get(W3A_HALO_BORDER_ID)) {\n  customElements.define(W3A_HALO_BORDER_ID, HaloBorderElement);\n}\n\nexport default HaloBorderElement;\n"],"mappings":"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"}

package/dist/esm/react/src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirm-content.js

@@ -0,0 +1,187 @@
+import { fromTransactionInputsWasm } from "../../../types/actions.js";
+import { W3A_TX_CONFIRM_CONTENT_ID, W3A_TX_TREE_ID } from "../tags.js";
+import { LitElementWithProps } from "../LitElementWithProps.js";
+import { dispatchLitCancel, dispatchLitConfirm } from "../lit-events.js";
+import { ensureExternalStyles } from "../css/css-loader.js";
+import TxTree_default from "../TxTree/index.js";
+import { buildDisplayTreeFromTxPayloads } from "../TxTree/tx-tree-utils.js";
+import { html } from "lit";
+
+//#region src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirm-content.ts
+/**
+* Shared confirmation content surface used by both Modal and Drawer containers.
+* - Renders summary, TxTree, and confirm/cancel actions
+* - Emits semantic events: `lit-confirm` and `lit-cancel` (containers bridge to w3a:* events)
+* - Does not own backdrop, focus traps, or ESC handling
+*/
+var TxConfirmContentElement = class extends LitElementWithProps {
+	static requiredChildTags = [W3A_TX_TREE_ID, "tx-tree"];
+	static keepDefinitions = [TxTree_default];
+	static properties = {
+		nearAccountId: {
+			type: String,
+			attribute: "near-account-id"
+		},
+		txSigningRequests: { type: Array },
+		intentDigest: {
+			type: String,
+			attribute: "intent-digest"
+		},
+		vrfChallenge: { type: Object },
+		theme: { type: String },
+		loading: { type: Boolean },
+		errorMessage: { type: String },
+		title: { type: String },
+		confirmText: { type: String },
+		cancelText: { type: String },
+		_treeNode: {
+			attribute: false,
+			state: true
+		},
+		tooltipWidth: {
+			type: String,
+			attribute: "tooltip-width"
+		},
+		nearExplorerUrl: {
+			type: String,
+			attribute: "near-explorer-url"
+		},
+		showShadow: {
+			type: Boolean,
+			attribute: "show-shadow"
+		}
+	};
+	_treeNode = null;
+	_ensureTreeDefinition = TxTree_default;
+	_txTreeWidth = "var(--tooltip-width, 100%)";
+	_stylesReady = false;
+	_stylePromises = [];
+	_stylesAwaiting = null;
+	constructor() {
+		super();
+		const root = document?.documentElement || null;
+		if (root) this._stylePromises.push(ensureExternalStyles(root, "tx-tree.css", "data-w3a-tx-tree-css"), ensureExternalStyles(root, "tx-confirmer.css", "data-w3a-tx-confirmer-css"), ensureExternalStyles(root, "w3a-components.css", "data-w3a-components-css"));
+		this.nearAccountId = "";
+		this.txSigningRequests = [];
+		this.theme = "dark";
+		this.loading = false;
+		this.title = "Review Transaction";
+		this.confirmText = "Confirm";
+		this.cancelText = "Cancel";
+		this.showShadow = false;
+	}
+	getComponentPrefix() {
+		return "tx-confirm-content";
+	}
+	createRenderRoot() {
+		const root = this;
+		this._stylePromises.push(ensureExternalStyles(root, "tx-tree.css", "data-w3a-tx-tree-css"));
+		this._stylePromises.push(ensureExternalStyles(root, "tx-confirmer.css", "data-w3a-tx-confirmer-css"));
+		return root;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this._applyTooltipWidthVar();
+		this._rebuildTree();
+		this.addEventListener("pointerdown", this._stopDragStart);
+		this.addEventListener("mousedown", this._stopDragStart);
+		this.addEventListener("touchstart", this._stopDragStart, { passive: false });
+	}
+	disconnectedCallback() {
+		this.removeEventListener("pointerdown", this._stopDragStart);
+		this.removeEventListener("mousedown", this._stopDragStart);
+		this.removeEventListener("touchstart", this._stopDragStart);
+		super.disconnectedCallback();
+	}
+	shouldUpdate(_changed) {
+		if (this._stylesReady) return true;
+		if (!this._stylesAwaiting) {
+			const p = Promise.all(this._stylePromises).then(() => new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(() => r()))));
+			this._stylesAwaiting = p.then(() => {
+				this._stylesReady = true;
+				this.requestUpdate();
+			});
+		}
+		return false;
+	}
+	updated(changed) {
+		super.updated(changed);
+		if (changed.has("txSigningRequests")) this._rebuildTree();
+		if (changed.has("tooltipWidth")) this._applyTooltipWidthVar();
+	}
+	_applyTooltipWidthVar() {
+		const w = this._normalizeWidth(this.tooltipWidth);
+		if (w) this.setCssVars({ "--tooltip-width": w });
+	}
+	_normalizeWidth(val) {
+		if (val === void 0 || val === null) return void 0;
+		if (typeof val === "number" && Number.isFinite(val)) return `${val}px`;
+		const s = String(val).trim();
+		return s.length ? s : void 0;
+	}
+	_rebuildTree() {
+		try {
+			const inputs = Array.isArray(this.txSigningRequests) ? this.txSigningRequests : [];
+			const uiTxs = fromTransactionInputsWasm(inputs);
+			this._treeNode = buildDisplayTreeFromTxPayloads(uiTxs);
+		} catch (e) {
+			console.warn("[TxConfirmContent] failed to build TxTree", e);
+			this._treeNode = null;
+		}
+		this.requestUpdate();
+	}
+	_stopDragStart = (e) => {
+		e.stopPropagation();
+	};
+	onConfirm = () => {
+		if (this.loading) return;
+		dispatchLitConfirm(this);
+	};
+	onCancel = () => {
+		if (this.loading) return;
+		dispatchLitCancel(this);
+	};
+	render() {
+		return html`
+      <div class="txc-root">
+        ${this.errorMessage ? html`<div class="error">${this.errorMessage}</div>` : null}
+        ${(() => {
+			const treeTheme = this.theme === "dark" ? "dark" : "light";
+			const explorerBase = this.nearExplorerUrl || "https://testnet.nearblocks.io";
+			return this._treeNode ? html`<div class="tooltip-width">
+                    <w3a-tx-tree
+                      light-dom
+                      .node=${this._treeNode}
+                      .theme=${treeTheme}
+                      .width=${this._txTreeWidth}
+                      .nearExplorerUrl=${explorerBase}
+                      .showShadow=${this.showShadow}
+                    ></w3a-tx-tree>
+                  </div>` : html`<div class="muted">No actions</div>`;
+		})()}
+        <div class="actions">
+          <button
+            class="cancel"
+            @click=${this.onCancel}
+            ?disabled=${this.loading}
+          >
+            ${this.cancelText}
+          </button>
+          <button
+            class="confirm ${this.loading ? "loading" : ""}"
+            @click=${this.onConfirm}
+            ?disabled=${this.loading}
+          >
+            ${this.loading ? html`<span class="loading-indicator" role="progressbar" aria-label="Loading"></span><span class="sr-only">Loading</span>` : html`${this.confirmText}`}
+          </button>
+        </div>
+      </div>
+    `;
+	}
+};
+if (!customElements.get(W3A_TX_CONFIRM_CONTENT_ID)) customElements.define(W3A_TX_CONFIRM_CONTENT_ID, TxConfirmContentElement);
+var tx_confirm_content_default = TxConfirmContentElement;
+
+//#endregion
+export { tx_confirm_content_default as default };
+//# sourceMappingURL=tx-confirm-content.js.map

package/dist/esm/react/src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirm-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tx-confirm-content.js","names":["TxTree","treeTheme: 'dark' | 'light'"],"sources":["../../../../../../../../src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirm-content.ts"],"sourcesContent":["import { html, type PropertyValues } from 'lit';\nimport { LitElementWithProps } from '../LitElementWithProps';\nimport { dispatchLitCancel, dispatchLitConfirm } from '../lit-events';\n\nimport type { TransactionInputWasm } from '../../../types';\nimport type { VRFChallenge } from '../../../types/vrf-worker';\nimport { fromTransactionInputsWasm } from '../../../types/actions';\nimport TxTree from '../TxTree';\nimport { buildDisplayTreeFromTxPayloads } from '../TxTree/tx-tree-utils';\nimport { ensureExternalStyles } from '../css/css-loader';\nimport { W3A_TX_TREE_ID } from '../tags';\nimport type { ThemeName } from '../confirm-ui-types';\n\n/**\n * Shared confirmation content surface used by both Modal and Drawer containers.\n * - Renders summary, TxTree, and confirm/cancel actions\n * - Emits semantic events: `lit-confirm` and `lit-cancel` (containers bridge to w3a:* events)\n * - Does not own backdrop, focus traps, or ESC handling\n */\nexport class TxConfirmContentElement extends LitElementWithProps {\n  // Fail fast in dev if nested custom elements are not defined\n  static requiredChildTags = [W3A_TX_TREE_ID, 'tx-tree'];\n  static keepDefinitions = [TxTree];\n  static properties = {\n    nearAccountId: { type: String, attribute: 'near-account-id' },\n    txSigningRequests: { type: Array },\n    intentDigest: { type: String, attribute: 'intent-digest' },\n    vrfChallenge: { type: Object },\n    theme: { type: String },\n    loading: { type: Boolean },\n    errorMessage: { type: String },\n    title: { type: String },\n    confirmText: { type: String },\n    cancelText: { type: String },\n    // Treat internal tree node as reactive state so setting it re-renders immediately\n    _treeNode: { attribute: false, state: true },\n    // Optional: set tooltip width via CSS var for nested components\n    tooltipWidth: { type: String, attribute: 'tooltip-width' },\n    // Optional: pass explorer base URL down to TxTree\n    nearExplorerUrl: { type: String, attribute: 'near-explorer-url' },\n    // Forwarded flag to control TxTree's shadow wrapper (drop shadow)\n    showShadow: { type: Boolean, attribute: 'show-shadow' },\n  } as const;\n\n  declare nearAccountId: string;\n  declare txSigningRequests: TransactionInputWasm[];\n  declare intentDigest?: string;\n  declare vrfChallenge?: Partial<VRFChallenge>;\n  declare theme: ThemeName;\n  declare loading: boolean;\n  declare errorMessage?: string;\n  declare title: string;\n  declare confirmText: string;\n  declare cancelText: string;\n  declare tooltipWidth?: string | number;\n  declare nearExplorerUrl?: string;\n  declare showShadow: boolean;\n\n  private _treeNode: any | null = null;\n  // Keep essential custom elements from being tree-shaken\n  private _ensureTreeDefinition = TxTree;\n  // Tree width now sourced from a single CSS var so host can control it.\n  // Falls back to the embedded tooltip width, and then to 360px.\n  private _txTreeWidth: string | number = 'var(--tooltip-width, 100%)';\n\n  // No static styles: structural styles are provided by tx-confirmer.css\n\n  // Styles gating to avoid first-paint before tx-tree.css is ready\n  private _stylesReady = false;\n  private _stylePromises: Promise<void>[] = [];\n  private _stylesAwaiting: Promise<void> | null = null;\n\n  constructor() {\n    super();\n    // Pre-ensure document-level styles to warm the cache and await link loads\n    const root = (document?.documentElement || null) as unknown as HTMLElement | null;\n    if (root) {\n      this._stylePromises.push(\n        ensureExternalStyles(root, 'tx-tree.css', 'data-w3a-tx-tree-css'),\n        ensureExternalStyles(root, 'tx-confirmer.css', 'data-w3a-tx-confirmer-css'),\n        ensureExternalStyles(root, 'w3a-components.css', 'data-w3a-components-css'),\n      );\n    }\n    this.nearAccountId = '';\n    this.txSigningRequests = [];\n    this.theme = 'dark';\n    this.loading = false;\n    this.title = 'Review Transaction';\n    this.confirmText = 'Confirm';\n    this.cancelText = 'Cancel';\n    this.showShadow = false;\n    // Leave tooltipWidth undefined by default so CSS responsive var applies.\n  }\n\n  protected getComponentPrefix(): string { return 'tx-confirm-content'; }\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = (this as unknown) as HTMLElement;\n    // Ensure tx-tree.css for nested light-DOM TxTree\n    this._stylePromises.push(ensureExternalStyles(root, 'tx-tree.css', 'data-w3a-tx-tree-css'));\n    // Also ensure tx-confirmer.css for shared confirmer styles\n    this._stylePromises.push(ensureExternalStyles(root, 'tx-confirmer.css', 'data-w3a-tx-confirmer-css'));\n    return root;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    // Reflect tooltip width var for nested components\n    this._applyTooltipWidthVar();\n    // Build initial tree from any pre-set props (upgrade-safe)\n    this._rebuildTree();\n    // Prevent drawer drag initiation from content area\n    this.addEventListener('pointerdown', this._stopDragStart as EventListener);\n    this.addEventListener('mousedown', this._stopDragStart as EventListener);\n    this.addEventListener('touchstart', this._stopDragStart as EventListener, { passive: false } as AddEventListenerOptions);\n  }\n\n  disconnectedCallback(): void {\n    this.removeEventListener('pointerdown', this._stopDragStart as EventListener);\n    this.removeEventListener('mousedown', this._stopDragStart as EventListener);\n    this.removeEventListener('touchstart', this._stopDragStart as EventListener);\n    // No resize listener to clean up (width is CSS-driven)\n    super.disconnectedCallback();\n  }\n\n  protected shouldUpdate(_changed: PropertyValues): boolean {\n    if (this._stylesReady) return true;\n    if (!this._stylesAwaiting) {\n      const p = Promise.all(this._stylePromises).then(\n        () => new Promise<void>((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())))\n      );\n      this._stylesAwaiting = p.then(() => { this._stylesReady = true; this.requestUpdate(); });\n    }\n    return false;\n  }\n\n  updated(changed: PropertyValues) {\n    super.updated(changed);\n    if (changed.has('txSigningRequests')) {\n      this._rebuildTree();\n    }\n    if (changed.has('tooltipWidth')) {\n      this._applyTooltipWidthVar();\n    }\n  }\n\n  private _applyTooltipWidthVar() {\n    const w = this._normalizeWidth(this.tooltipWidth);\n    // Only set when a caller explicitly provides a width; otherwise\n    // keep the responsive CSS default defined on :host.\n    if (w) this.setCssVars({ '--tooltip-width': w });\n  }\n\n  private _normalizeWidth(val?: string | number): string | undefined {\n    if (val === undefined || val === null) return undefined;\n    if (typeof val === 'number' && Number.isFinite(val)) return `${val}px`;\n    const s = String(val).trim();\n    return s.length ? s : undefined;\n  }\n\n  private _rebuildTree() {\n    try {\n      const inputs = Array.isArray(this.txSigningRequests) ? this.txSigningRequests : [];\n      const uiTxs = fromTransactionInputsWasm(inputs);\n      this._treeNode = buildDisplayTreeFromTxPayloads(uiTxs);\n    } catch (e) {\n      console.warn('[TxConfirmContent] failed to build TxTree', e);\n      this._treeNode = null;\n    }\n    // Ensure view refreshes even if this runs in firstUpdated before Lit schedules next frame\n    this.requestUpdate();\n  }\n\n  private _stopDragStart = (e: Event) => {\n    e.stopPropagation();\n  };\n\n  private onConfirm = () => {\n    if (this.loading) return;\n    // Emit semantic event for containers to bridge to canonical events\n    dispatchLitConfirm(this);\n  };\n\n  private onCancel = () => {\n    if (this.loading) return;\n    dispatchLitCancel(this);\n  };\n\n  render() {\n    return html`\n      <div class=\"txc-root\">\n        ${this.errorMessage ? html`<div class=\"error\">${this.errorMessage}</div>` : null}\n        ${(() => {\n          const treeTheme: 'dark' | 'light' = this.theme === 'dark' ? 'dark' : 'light';\n          const explorerBase = this.nearExplorerUrl || 'https://testnet.nearblocks.io';\n          return this._treeNode\n            ? html`<div class=\"tooltip-width\">\n                    <w3a-tx-tree\n                      light-dom\n                      .node=${this._treeNode}\n                      .theme=${treeTheme}\n                      .width=${this._txTreeWidth}\n                      .nearExplorerUrl=${explorerBase}\n                      .showShadow=${this.showShadow}\n                    ></w3a-tx-tree>\n                  </div>`\n            : html`<div class=\"muted\">No actions</div>`;\n        })()}\n        <div class=\"actions\">\n          <button\n            class=\"cancel\"\n            @click=${this.onCancel}\n            ?disabled=${this.loading}\n          >\n            ${this.cancelText}\n          </button>\n          <button\n            class=\"confirm ${this.loading ? 'loading' : ''}\"\n            @click=${this.onConfirm}\n            ?disabled=${this.loading}\n          >\n            ${this.loading\n              ? html`<span class=\"loading-indicator\" role=\"progressbar\" aria-label=\"Loading\"></span><span class=\"sr-only\">Loading</span>`\n              : html`${this.confirmText}`}\n          </button>\n        </div>\n      </div>\n    `;\n  }\n}\n\nimport { W3A_TX_CONFIRM_CONTENT_ID } from '../tags';\n\nif (!customElements.get(W3A_TX_CONFIRM_CONTENT_ID)) {\n  customElements.define(W3A_TX_CONFIRM_CONTENT_ID, TxConfirmContentElement);\n}\n\nexport default TxConfirmContentElement;\n"],"mappings":"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"}

package/dist/esm/react/src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirmer-wrapper.js

@@ -0,0 +1,245 @@
+import { isObject, isString } from "../../../../utils/validation.js";
+import { isActionArgsWasm, toActionArgsWasm } from "../../../types/actions.js";
+import { computeUiIntentDigestFromTxs, orderActionForDigest } from "../../../digests/intentDigest.js";
+import { WalletIframeDomEvents } from "../../../WalletIframe/events.js";
+import { W3A_TX_CONFIRMER_ID } from "../tags.js";
+import { LitElementWithProps } from "../LitElementWithProps.js";
+import { DrawerTxConfirmerElement } from "./viewer-drawer.js";
+import { ModalTxConfirmElement } from "./viewer-modal.js";
+import { html } from "lit";
+import { createRef, ref } from "lit/directives/ref.js";
+
+//#region src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirmer-wrapper.ts
+const DEFAULT_VARIANT = "modal";
+function isTransactionInput(candidate) {
+	if (!isObject(candidate)) return false;
+	const record = candidate;
+	const receiver = record.receiverId;
+	const actions = record.actions;
+	return isString(receiver) && Array.isArray(actions);
+}
+/**
+* Thin wrapper that renders the modal or drawer confirmer inline instead of
+* inside a nested iframe. It forwards props to the active variant element,
+* performs intent digest validation, and re-emits canonical events.
+*/
+var TxConfirmerWrapperElement = class extends LitElementWithProps {
+	static properties = {
+		variant: {
+			type: String,
+			reflect: true
+		},
+		nearAccountId: {
+			type: String,
+			attribute: "near-account-id"
+		},
+		txSigningRequests: { type: Array },
+		vrfChallenge: { type: Object },
+		theme: { type: String },
+		loading: { type: Boolean },
+		errorMessage: {
+			type: String,
+			attribute: "error-message"
+		},
+		intentDigest: {
+			type: String,
+			attribute: "intent-digest"
+		},
+		body: { type: String },
+		title: { type: String },
+		confirmText: {
+			type: String,
+			attribute: "confirm-text"
+		},
+		cancelText: {
+			type: String,
+			attribute: "cancel-text"
+		},
+		deferClose: {
+			type: Boolean,
+			attribute: "defer-close"
+		},
+		nearExplorerUrl: {
+			type: String,
+			attribute: "near-explorer-url"
+		}
+	};
+	static keepDefinitions = [ModalTxConfirmElement, DrawerTxConfirmerElement];
+	childRef = createRef();
+	redispatchingEvent = false;
+	currentChild = null;
+	boundConfirmListener = (event) => {
+		this.handleChildConfirm(event);
+	};
+	boundCancelListener = (_event) => {
+		this.handleChildCancel();
+	};
+	constructor() {
+		super();
+		this.variant = DEFAULT_VARIANT;
+		this.nearAccountId = "";
+		this.txSigningRequests = [];
+		this.theme = "dark";
+		this.loading = false;
+		this.deferClose = true;
+		this.body = "";
+		this.title = "";
+		this.confirmText = "Confirm";
+		this.cancelText = "Cancel";
+	}
+	createRenderRoot() {
+		return this;
+	}
+	updated(changed) {
+		super.updated(changed);
+		this.syncChildProps();
+		if (changed.has("errorMessage")) this.syncErrorAttribute();
+	}
+	render() {
+		const variant = this.variant === "drawer" ? "drawer" : "modal";
+		if (variant === "drawer") return html`
+        <w3a-drawer-tx-confirmer
+          ${ref(this.childRef)}
+          .nearAccountId=${this.nearAccountId}
+          .txSigningRequests=${this.txSigningRequests}
+          .vrfChallenge=${this.vrfChallenge}
+          .theme=${this.theme}
+          .nearExplorerUrl=${this.nearExplorerUrl}
+          .loading=${this.loading}
+          .errorMessage=${this.errorMessage || ""}
+          .body=${this.body}
+          .title=${this.title}
+          .confirmText=${this.confirmText}
+          .cancelText=${this.cancelText}
+          .deferClose=${this.deferClose}
+        ></w3a-drawer-tx-confirmer>
+      `;
+		return html`
+      <w3a-modal-tx-confirmer
+        ${ref(this.childRef)}
+        .nearAccountId=${this.nearAccountId}
+        .txSigningRequests=${this.txSigningRequests}
+        .vrfChallenge=${this.vrfChallenge}
+        .theme=${this.theme}
+        .loading=${this.loading}
+        .errorMessage=${this.errorMessage || ""}
+        .body=${this.body}
+        .title=${this.title}
+        .confirmText=${this.confirmText}
+        .cancelText=${this.cancelText}
+        .deferClose=${this.deferClose}
+      ></w3a-modal-tx-confirmer>
+    `;
+	}
+	syncChildProps() {
+		const child = this.childRef.value;
+		if (!child) return;
+		child.nearAccountId = this.nearAccountId;
+		child.txSigningRequests = this.txSigningRequests;
+		child.vrfChallenge = this.vrfChallenge;
+		child.theme = this.theme;
+		child.loading = this.loading;
+		child.errorMessage = this.errorMessage;
+		child.body = this.body;
+		child.title = this.title;
+		child.confirmText = this.confirmText;
+		child.cancelText = this.cancelText;
+		child.deferClose = this.deferClose;
+		child.nearExplorerUrl = this.nearExplorerUrl;
+		child.requestUpdate?.();
+		this.attachChildListeners();
+	}
+	syncErrorAttribute() {
+		if (this.errorMessage) this.setAttribute("data-error-message", this.errorMessage);
+		else this.removeAttribute("data-error-message");
+	}
+	attachChildListeners() {
+		const child = this.childRef.value;
+		if (!child || child === this.currentChild) return;
+		if (this.currentChild) this.detachChildListeners();
+		child.addEventListener(WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, this.boundConfirmListener);
+		child.addEventListener(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, this.boundCancelListener);
+		this.currentChild = child;
+	}
+	detachChildListeners() {
+		if (!this.currentChild) return;
+		this.currentChild.removeEventListener(WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, this.boundConfirmListener);
+		this.currentChild.removeEventListener(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, this.boundCancelListener);
+		this.currentChild = null;
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.detachChildListeners();
+		this.removeEventListener(WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, this.boundConfirmListener, { capture: true });
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.addEventListener(WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, this.boundConfirmListener, { capture: true });
+	}
+	handleChildCancel() {
+		if (this.loading) {
+			this.loading = false;
+			this.syncChildProps();
+		}
+	}
+	async handleChildConfirm(event) {
+		if (this.redispatchingEvent) return;
+		const child = this.childRef.value;
+		const detail = event?.detail;
+		let confirmed = detail?.confirmed !== false;
+		let error = typeof detail?.error === "string" ? detail.error : void 0;
+		this.redispatchingEvent = true;
+		try {
+			event.stopImmediatePropagation();
+			if (confirmed && this.intentDigest && (this.txSigningRequests?.length ?? 0) > 0) try {
+				const digest = await this.computeIntentDigest();
+				if (digest !== this.intentDigest) {
+					confirmed = false;
+					error = "INTENT_DIGEST_MISMATCH";
+				}
+			} catch (err) {
+				confirmed = false;
+				error = "UI_DIGEST_VALIDATION_FAILED";
+				console.warn("[TxConfirmerWrapper] intent digest validation failed", err);
+			}
+			if (confirmed) {
+				if (!this.loading) {
+					this.loading = true;
+					this.syncChildProps();
+				}
+				this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, {
+					detail: { confirmed: true },
+					bubbles: true,
+					composed: true
+				}));
+				return;
+			}
+			this.loading = false;
+			this.syncChildProps();
+			if (child?.close) child.close(false);
+			else this.remove();
+			const detail$1 = { confirmed: false };
+			if (typeof error === "string") detail$1.error = error;
+			this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {
+				detail: detail$1,
+				bubbles: true,
+				composed: true
+			}));
+		} finally {
+			this.redispatchingEvent = false;
+		}
+	}
+	async computeIntentDigest() {
+		const raw = Array.isArray(this.txSigningRequests) ? this.txSigningRequests : [];
+		const txs = raw.filter(isTransactionInput).map((tx) => ({
+			receiverId: tx.receiverId,
+			actions: tx.actions.map((action) => isActionArgsWasm(action) ? action : toActionArgsWasm(action)).map((action) => orderActionForDigest(action))
+		}));
+		return computeUiIntentDigestFromTxs(txs);
+	}
+};
+if (!customElements.get(W3A_TX_CONFIRMER_ID)) customElements.define(W3A_TX_CONFIRMER_ID, TxConfirmerWrapperElement);
+
+//#endregion
+export { TxConfirmerWrapperElement };
+//# sourceMappingURL=tx-confirmer-wrapper.js.map

package/dist/esm/react/src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirmer-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tx-confirmer-wrapper.js","names":["DEFAULT_VARIANT: Variant","error: string | undefined","detail: { confirmed: false; error?: string }","txs: TransactionInputWasm[]"],"sources":["../../../../../../../../src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirmer-wrapper.ts"],"sourcesContent":["import { html, type PropertyValues } from 'lit';\nimport { createRef, Ref, ref } from 'lit/directives/ref.js';\nimport { LitElementWithProps } from '../LitElementWithProps';\nimport type { ConfirmUIElement, ThemeName } from '../confirm-ui-types';\nimport { WalletIframeDomEvents } from '../../../WalletIframe/events';\nimport type { TransactionInputWasm, VRFChallenge } from '../../../types';\nimport { computeUiIntentDigestFromTxs, orderActionForDigest } from '../../../digests/intentDigest';\nimport { isActionArgsWasm, toActionArgsWasm, type ActionArgs, type ActionArgsWasm } from '@/core/types/actions';\nimport { isObject, isString } from '@/utils/validation';\nimport { W3A_TX_CONFIRMER_ID } from '../tags';\nimport { DrawerTxConfirmerElement } from './viewer-drawer';\nimport { ModalTxConfirmElement } from './viewer-modal';\n\nconst DEFAULT_VARIANT: Variant = 'modal';\n\nexport type Variant = 'modal' | 'drawer';\n\nexport type TxConfirmerVariantElement = (ConfirmUIElement & HTMLElement) & {\n  nearAccountId?: string;\n  txSigningRequests?: TransactionInputWasm[];\n  vrfChallenge?: Partial<VRFChallenge>;\n  theme?: ThemeName;\n  loading?: boolean;\n  errorMessage?: string;\n  body?: string;\n  title?: string;\n  confirmText?: string;\n  cancelText?: string;\n  deferClose?: boolean;\n  requestUpdate?: () => void;\n  close?: (confirmed: boolean) => void;\n};\n\nfunction isTransactionInput(candidate: unknown): candidate is TransactionInputWasm {\n  if (!isObject(candidate)) return false;\n  const record = candidate as Record<string, unknown>;\n  const receiver = record.receiverId;\n  const actions = record.actions;\n  return isString(receiver) && Array.isArray(actions);\n}\n\n/**\n * Thin wrapper that renders the modal or drawer confirmer inline instead of\n * inside a nested iframe. It forwards props to the active variant element,\n * performs intent digest validation, and re-emits canonical events.\n */\nexport class TxConfirmerWrapperElement extends LitElementWithProps {\n  static properties = {\n    variant: { type: String, reflect: true },\n    nearAccountId: { type: String, attribute: 'near-account-id' },\n    txSigningRequests: { type: Array },\n    vrfChallenge: { type: Object },\n    theme: { type: String },\n    loading: { type: Boolean },\n    errorMessage: { type: String, attribute: 'error-message' },\n    intentDigest: { type: String, attribute: 'intent-digest' },\n    body: { type: String },\n    title: { type: String },\n    confirmText: { type: String, attribute: 'confirm-text' },\n    cancelText: { type: String, attribute: 'cancel-text' },\n    deferClose: { type: Boolean, attribute: 'defer-close' },\n    nearExplorerUrl: { type: String, attribute: 'near-explorer-url' },\n  } as const;\n\n  static keepDefinitions = [ModalTxConfirmElement, DrawerTxConfirmerElement];\n\n  declare variant: Variant;\n  declare nearAccountId: string;\n  declare txSigningRequests: TransactionInputWasm[];\n  declare vrfChallenge?: Partial<VRFChallenge>;\n  declare theme: ThemeName;\n  declare loading: boolean;\n  declare errorMessage?: string;\n  declare intentDigest?: string;\n  declare body: string;\n  declare title: string;\n  declare confirmText: string;\n  declare cancelText: string;\n  declare deferClose: boolean;\n  declare nearExplorerUrl?: string;\n\n  private readonly childRef: Ref<TxConfirmerVariantElement> = createRef();\n  private redispatchingEvent = false;\n  private currentChild: TxConfirmerVariantElement | null = null;\n  private boundConfirmListener = (event: Event) => { void this.handleChildConfirm(event); };\n  private boundCancelListener = (_event: Event) => { this.handleChildCancel(); };\n\n  constructor() {\n    super();\n    this.variant = DEFAULT_VARIANT;\n    this.nearAccountId = '';\n    this.txSigningRequests = [];\n    this.theme = 'dark';\n    this.loading = false;\n    this.deferClose = true;\n    this.body = '';\n    this.title = '';\n    this.confirmText = 'Confirm';\n    this.cancelText = 'Cancel';\n  }\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    // Render into light DOM so the variant element controls stacking/context.\n    return this;\n  }\n\n  protected updated(changed: PropertyValues<this>): void {\n    super.updated(changed);\n    this.syncChildProps();\n    if (changed.has('errorMessage')) {\n      this.syncErrorAttribute();\n    }\n  }\n\n  render() {\n    const variant = this.variant === 'drawer' ? 'drawer' : 'modal';\n\n    if (variant === 'drawer') {\n      return html`\n        <w3a-drawer-tx-confirmer\n          ${ref(this.childRef)}\n          .nearAccountId=${this.nearAccountId}\n          .txSigningRequests=${this.txSigningRequests}\n          .vrfChallenge=${this.vrfChallenge}\n          .theme=${this.theme}\n          .nearExplorerUrl=${this.nearExplorerUrl}\n          .loading=${this.loading}\n          .errorMessage=${this.errorMessage || ''}\n          .body=${this.body}\n          .title=${this.title}\n          .confirmText=${this.confirmText}\n          .cancelText=${this.cancelText}\n          .deferClose=${this.deferClose}\n        ></w3a-drawer-tx-confirmer>\n      `;\n    }\n\n    return html`\n      <w3a-modal-tx-confirmer\n        ${ref(this.childRef)}\n        .nearAccountId=${this.nearAccountId}\n        .txSigningRequests=${this.txSigningRequests}\n        .vrfChallenge=${this.vrfChallenge}\n        .theme=${this.theme}\n        .loading=${this.loading}\n        .errorMessage=${this.errorMessage || ''}\n        .body=${this.body}\n        .title=${this.title}\n        .confirmText=${this.confirmText}\n        .cancelText=${this.cancelText}\n        .deferClose=${this.deferClose}\n      ></w3a-modal-tx-confirmer>\n    `;\n  }\n\n  private syncChildProps(): void {\n    const child = this.childRef.value;\n    if (!child) return;\n    child.nearAccountId = this.nearAccountId;\n    child.txSigningRequests = this.txSigningRequests;\n    child.vrfChallenge = this.vrfChallenge;\n    child.theme = this.theme;\n    child.loading = this.loading;\n    child.errorMessage = this.errorMessage;\n    child.body = this.body;\n    child.title = this.title;\n    child.confirmText = this.confirmText;\n    child.cancelText = this.cancelText;\n    child.deferClose = this.deferClose;\n    (child as any).nearExplorerUrl = this.nearExplorerUrl;\n    child.requestUpdate?.();\n    this.attachChildListeners();\n  }\n\n  private syncErrorAttribute(): void {\n    if (this.errorMessage) {\n      this.setAttribute('data-error-message', this.errorMessage);\n    } else {\n      this.removeAttribute('data-error-message');\n    }\n  }\n\n  private attachChildListeners(): void {\n    const child = this.childRef.value;\n    if (!child || child === this.currentChild) return;\n    if (this.currentChild) {\n      this.detachChildListeners();\n    }\n    child.addEventListener(WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, this.boundConfirmListener as EventListener);\n    child.addEventListener(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, this.boundCancelListener as EventListener);\n    this.currentChild = child;\n  }\n\n  private detachChildListeners(): void {\n    if (!this.currentChild) return;\n    this.currentChild.removeEventListener(WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, this.boundConfirmListener as EventListener);\n    this.currentChild.removeEventListener(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, this.boundCancelListener as EventListener);\n    this.currentChild = null;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.detachChildListeners();\n    // Remove capture-phase fallback listener\n    this.removeEventListener(WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, this.boundConfirmListener as EventListener, { capture: true } as any);\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    // Capture-phase fallback: ensure we catch early CONFIRM events even if child listeners\n    // are not yet attached due to rendering/refs timing.\n    this.addEventListener(\n      WalletIframeDomEvents.TX_CONFIRMER_CONFIRM,\n      this.boundConfirmListener as EventListener,\n      { capture: true } as any\n    );\n  }\n\n  private handleChildCancel(): void {\n    if (this.loading) {\n      this.loading = false;\n      this.syncChildProps();\n    }\n  }\n\n  private async handleChildConfirm(event: Event): Promise<void> {\n    if (this.redispatchingEvent) return;\n    const child = this.childRef.value;\n    const detail = (event as CustomEvent<{ confirmed?: boolean; error?: string }> | undefined)?.detail;\n    let confirmed = detail?.confirmed !== false;\n    let error: string | undefined = typeof detail?.error === 'string' ? detail.error : undefined;\n\n    this.redispatchingEvent = true;\n    try {\n      event.stopImmediatePropagation();\n\n      if (confirmed && this.intentDigest && (this.txSigningRequests?.length ?? 0) > 0) {\n        try {\n          const digest = await this.computeIntentDigest();\n          if (digest !== this.intentDigest) {\n            confirmed = false;\n            error = 'INTENT_DIGEST_MISMATCH';\n          }\n        } catch (err) {\n          confirmed = false;\n          error = 'UI_DIGEST_VALIDATION_FAILED';\n          console.warn('[TxConfirmerWrapper] intent digest validation failed', err);\n        }\n      }\n\n      if (confirmed) {\n        if (!this.loading) {\n          this.loading = true;\n          this.syncChildProps();\n        }\n        this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, {\n          detail: { confirmed: true },\n          bubbles: true,\n          composed: true,\n        }));\n        return;\n      }\n\n      this.loading = false;\n      this.syncChildProps();\n      // Close the child element if it exposes a close API; otherwise remove wrapper to avoid stale UI\n      if (child?.close) {\n        child.close(false);\n      } else {\n        this.remove();\n      }\n\n      const detail: { confirmed: false; error?: string } = { confirmed: false };\n      if (typeof error === 'string') detail.error = error;\n\n      this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {\n        detail,\n        bubbles: true,\n        composed: true,\n      }));\n    } finally {\n      this.redispatchingEvent = false;\n    }\n  }\n\n  private async computeIntentDigest(): Promise<string> {\n    const raw = Array.isArray(this.txSigningRequests) ? this.txSigningRequests : [];\n    // Use the same canonical digest shape as confirmAndPrepareSigningSession:\n    // { receiverId, actions: ActionArgsWasm[] } with actions normalized via orderActionForDigest.\n    const txs: TransactionInputWasm[] = raw\n      .filter(isTransactionInput)\n      .map((tx) => ({\n        receiverId: tx.receiverId,\n        actions: tx.actions\n          .map((action) => (isActionArgsWasm(action) ? action : toActionArgsWasm(action as ActionArgs)))\n          .map((action) => orderActionForDigest(action) as ActionArgsWasm),\n      }));\n\n    return computeUiIntentDigestFromTxs(txs);\n  }\n}\n\nif (!customElements.get(W3A_TX_CONFIRMER_ID)) {\n  customElements.define(W3A_TX_CONFIRMER_ID, TxConfirmerWrapperElement);\n}\n"],"mappings":"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"}

package/dist/esm/react/src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/viewer-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer-drawer.js","names":["TxConfirmContentElement","PadlockIconElement","DrawerElement"],"sources":["../../../../../../../../src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/viewer-drawer.ts"],"sourcesContent":["import { html, type PropertyValues } from 'lit';\nimport { LitElementWithProps } from '../LitElementWithProps';\nimport DrawerElement from '../Drawer';\nimport { W3A_DRAWER_ID } from '../tags';\nimport TxConfirmContentElement from './tx-confirm-content';\nimport PadlockIconElement from '../common/PadlockIcon';\nimport { ensureExternalStyles } from '../css/css-loader';\nimport { WalletIframeDomEvents } from '../../../WalletIframe/events';\nimport type { TransactionInputWasm, VRFChallenge } from '../../../types';\nimport type { ThemeName } from '../confirm-ui-types';\nimport type { ConfirmUIElement } from '../confirm-ui-types';\n\n/**\n * DrawerTxConfirmer: Drawer variant of the transaction confirmer\n */\nexport class DrawerTxConfirmerElement extends LitElementWithProps implements ConfirmUIElement {\n  static requiredChildTags = ['w3a-tx-confirm-content', 'w3a-drawer'];\n  static strictChildDefinitions = true;\n  // Prevent bundlers from dropping nested custom element definitions used via templates\n  static keepDefinitions = [TxConfirmContentElement, PadlockIconElement];\n  static properties = {\n    nearAccountId: { type: String, attribute: 'near-account-id' },\n    txSigningRequests: { type: Array },\n    vrfChallenge: { type: Object },\n    theme: { type: String, reflect: true },\n    loading: { type: Boolean },\n    errorMessage: { type: String },\n    body: { type: String },\n    title: { type: String },\n    confirmText: { type: String },\n    cancelText: { type: String },\n    // Two‑phase close: when true, host controls removal\n    deferClose: { type: Boolean, attribute: 'defer-close' },\n    nearExplorerUrl: { type: String, attribute: 'near-explorer-url' },\n  } as const;\n\n  declare nearAccountId: string;\n  declare txSigningRequests: TransactionInputWasm[];\n  declare vrfChallenge?: Partial<VRFChallenge>;\n  // Theme tokens now come from external CSS (tx-confirmer.css)\n  // style injection has been removed to satisfy strict CSP.\n  declare theme: ThemeName;\n  declare loading: boolean;\n  declare errorMessage?: string;\n  declare body: string;\n  declare title: string;\n  declare confirmText: string;\n  declare cancelText: string;\n  declare deferClose: boolean;\n  declare nearExplorerUrl?: string;\n  declare intentDigest?: string;\n\n  // Keep essential custom elements from being tree-shaken\n  private _ensureDrawerDefinition = DrawerElement;\n  private _drawerEl: any | null = null;\n  private _open: boolean = false;\n\n  private _onWindowMessage = (ev: MessageEvent) => {\n    const data = (ev && ev.data) || {};\n    if (!data || typeof (data as any).type !== 'string') return;\n    if ((data as any).type === 'MODAL_TIMEOUT') {\n      const msg = typeof (data as any).payload === 'string' && (data as any).payload\n        ? (data as any).payload\n        : 'Operation timed out';\n      this.loading = false;\n      this.errorMessage = msg;\n      // Best-effort close and emit cancel so host resolves and cleans up\n      this._drawerEl?.handleClose?.();\n      this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {\n        bubbles: true,\n        composed: true,\n        detail: { confirmed: false }\n      }));\n    }\n  };\n\n  private _onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' || e.key === 'Esc') {\n      if (this.loading) return;\n      e.preventDefault();\n      this._drawerEl?.handleClose();\n      if (!this._drawerEl) {\n        this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {\n          bubbles: true,\n          composed: true,\n          detail: { confirmed: false }\n        }));\n      }\n      // Rely on drawer's `cancel` event -> onDrawerCancel to emit w3a:modal-cancel\n    }\n  };\n\n  constructor() {\n    super();\n    this.nearAccountId = '';\n    this.txSigningRequests = [];\n    this.theme = 'dark';\n    this.loading = false;\n    this.body = '';\n    this.title = '';\n    this.confirmText = 'Next';\n    this.cancelText = 'Cancel';\n    this.deferClose = false;\n  }\n\n  protected getComponentPrefix(): string { return 'drawer-tx'; }\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    // Light DOM root so tokens cascade without Shadow DOM boundaries\n    const root = (this as unknown) as HTMLElement;\n    // Preload tokens + styles on host\n    ensureExternalStyles(root, 'w3a-components.css', 'data-w3a-components-css').catch(() => {});\n    ensureExternalStyles(root, 'tx-tree.css', 'data-w3a-tx-tree-css').catch(() => {});\n    ensureExternalStyles(root, 'tx-confirmer.css', 'data-w3a-tx-confirmer-css').catch(() => {});\n    return root;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    // Ensure root token theme is applied immediately on mount\n    try {\n      const docEl = this.ownerDocument?.documentElement as HTMLElement | undefined;\n      if (docEl && this.theme) {\n        const current = docEl.getAttribute('data-w3a-theme');\n        if (!current || current === 'dark' || current === 'light') {\n          docEl.setAttribute('data-w3a-theme', this.theme);\n          (this as any)._ownsThemeAttr = true;\n        }\n      }\n    } catch {}\n    // Also ensure tokens CSS on document root for host-scoped variables\n    try {\n      const docEl = this.ownerDocument?.documentElement as HTMLElement | undefined;\n      if (docEl) ensureExternalStyles(docEl, 'w3a-components.css', 'data-w3a-components-css').catch(() => {});\n    } catch {}\n    window.addEventListener('keydown', this._onKeyDown);\n    window.addEventListener('message', this._onWindowMessage as EventListener);\n    // Ensure immediate keyboard handling (e.g., ESC) by focusing host/iframe\n    const hostEl = this as unknown as HTMLElement;\n    if (hostEl.tabIndex === undefined || hostEl.tabIndex === null) {\n      (hostEl as any).tabIndex = -1;\n    }\n    hostEl.focus({ preventScroll: true } as FocusOptions);\n    if (typeof window.focus === 'function') { window.focus(); }\n  }\n\n  async firstUpdated(): Promise<void> {\n    this._drawerEl = (this as unknown as HTMLElement).querySelector(W3A_DRAWER_ID) as any;\n    // Ensure external styles are ready before opening (await Promise-based loader)\n    const root = (this.renderRoot as unknown) as ShadowRoot | DocumentFragment | HTMLElement;\n    await Promise.all([\n      ensureExternalStyles(root, 'w3a-components.css', 'data-w3a-components-css'),\n      ensureExternalStyles(root, 'tx-tree.css', 'data-w3a-tx-tree-css'),\n      ensureExternalStyles(root, 'tx-confirmer.css', 'data-w3a-tx-confirmer-css'),\n      // Preload drawer.css so fallback <link> is loaded before opening\n      ensureExternalStyles(root, 'drawer.css', 'data-w3a-drawer-css'),\n    ]);\n    // Open after mount with double-rAF to let layout/styles settle\n    await new Promise<void>((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())));\n    this._open = true;\n    this.requestUpdate();\n  }\n\n  disconnectedCallback(): void {\n    window.removeEventListener('keydown', this._onKeyDown);\n    window.removeEventListener('message', this._onWindowMessage as EventListener);\n    super.disconnectedCallback();\n  }\n\n  updated(changed: PropertyValues) {\n    super.updated(changed);\n    // Keep the iframe/root document's theme in sync so :root[data-w3a-theme] tokens apply\n    if (changed.has('theme')) {\n      const docEl = this.ownerDocument?.documentElement as HTMLElement | undefined;\n      if (docEl && this.theme && (this as any)._ownsThemeAttr) {\n        docEl.setAttribute('data-w3a-theme', this.theme);\n      }\n    }\n  }\n\n  private onDrawerCancel = () => {\n    if (this.loading) return;\n    // Close drawer locally to ensure animation\n    this._open = false;\n    this.requestUpdate();\n    this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {\n      bubbles: true,\n      composed: true,\n      detail: { confirmed: false }\n    }));\n  };\n\n  private onContentConfirm = () => {\n    if (this.loading) return;\n    this.loading = true;\n    this.requestUpdate();\n    // Bridge semantic event to canonical event\n    this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, {\n      bubbles: true,\n      composed: true,\n      detail: { confirmed: true }\n    }));\n  };\n\n  private onContentCancel = () => {\n    if (this.loading) return;\n    this._drawerEl?.handleClose();\n    this._open = false; this.requestUpdate();\n    this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {\n      bubbles: true,\n      composed: true,\n      detail: { confirmed: false }\n    }));\n  };\n\n  // Public method for two‑phase close from host/bootstrap\n  close(_confirmed: boolean) {\n    this.remove();\n  }\n\n  render() {\n    return html`\n      <w3a-drawer\n        .open=${this._open}\n        theme=${this.theme}\n        .loading=${this.loading}\n        .errorMessage=${this.errorMessage || ''}\n        .height=${'auto'}\n        .overpullPx=${160}\n        .dragToClose=${true}\n        .showCloseButton=${true}\n        @lit-cancel=${this.onDrawerCancel}\n      >\n        <div class=\"drawer-tx-confirmer-root\">\n          <div class=\"section responsive-card margin-left1\">\n            <div class=\"drawer-header\">\n              ${(() => {\n                const isRegistration = (this.txSigningRequests?.length || 0) === 0;\n                const fallback = isRegistration ? 'Register with Passkey' : 'Confirm with Passkey';\n                const titleText = (this.title || '').trim();\n                const heading = titleText || fallback;\n                return html`<h2 class=\"drawer-title\">${heading}</h2>`;\n              })()}\n            </div>\n          </div>\n\n          <div class=\"section responsive-card margin-left1\">\n            <div class=\"rpid-wrapper\">\n              <div class=\"rpid\">\n                <div class=\"secure-indicator\">\n                      <w3a-padlock-icon class=\"padlock-icon\"></w3a-padlock-icon>\n                  ${this.vrfChallenge?.rpId\n                    ? html`<span class=\"domain-text\">${this.vrfChallenge.rpId}</span>`\n                    : ''}\n                </div>\n                <span class=\"security-details\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\"\n                    class=\"block-height-icon\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"/>\n                    <path d=\"m3.3 7 8.7 5 8.7-5\"/>\n                    <path d=\"M12 22V12\"/>\n                  </svg>\n                  ${this.vrfChallenge?.blockHeight\n                    ? html`block ${this.vrfChallenge.blockHeight}`\n                    : ''}\n                </span>\n              </div>\n            </div>\n            ${\n              this.body && this.body.trim()\n              ? html`<div class=\"confirmation-body\">${this.body}</div>`\n              : ''\n            }\n          </div>\n          <div class=\"section responsive-card responsive-card-center\">\n            <w3a-tx-confirm-content\n              .nearAccountId=${this.nearAccountId || ''}\n              .txSigningRequests=${this.txSigningRequests || []}\n              .intentDigest=${this.intentDigest}\n              .vrfChallenge=${this.vrfChallenge}\n              .theme=${this.theme}\n              .nearExplorerUrl=${this.nearExplorerUrl}\n              .showShadow=${false}\n              .loading=${this.loading}\n              .errorMessage=${this.errorMessage || ''}\n              .title=${this.title}\n              .confirmText=${this.confirmText}\n              .cancelText=${this.cancelText}\n              @lit-confirm=${this.onContentConfirm}\n              @lit-cancel=${this.onContentCancel}\n            ></w3a-tx-confirm-content>\n          </div>\n\n        </div>\n      </w3a-drawer>\n    `;\n  }\n}\n\nimport { W3A_DRAWER_TX_CONFIRMER_ID } from '../tags';\n\n// Define canonical tag\nif (!customElements.get(W3A_DRAWER_TX_CONFIRMER_ID)) {\n  customElements.define(W3A_DRAWER_TX_CONFIRMER_ID, DrawerTxConfirmerElement);\n}\n\nexport default DrawerTxConfirmerElement;\n"],"mappings":";;;;;;;;;;;;;AAeA,IAAa,2BAAb,cAA8C,oBAAgD;CAC5F,OAAO,oBAAoB,CAAC,0BAA0B;CACtD,OAAO,yBAAyB;CAEhC,OAAO,kBAAkB,CAACA,4BAAyBC;CACnD,OAAO,aAAa;EAClB,eAAe;GAAE,MAAM;GAAQ,WAAW;;EAC1C,mBAAmB,EAAE,MAAM;EAC3B,cAAc,EAAE,MAAM;EACtB,OAAO;GAAE,MAAM;GAAQ,SAAS;;EAChC,SAAS,EAAE,MAAM;EACjB,cAAc,EAAE,MAAM;EACtB,MAAM,EAAE,MAAM;EACd,OAAO,EAAE,MAAM;EACf,aAAa,EAAE,MAAM;EACrB,YAAY,EAAE,MAAM;EAEpB,YAAY;GAAE,MAAM;GAAS,WAAW;;EACxC,iBAAiB;GAAE,MAAM;GAAQ,WAAW;;;CAoB9C,AAAQ,0BAA0BC;CAClC,AAAQ,YAAwB;CAChC,AAAQ,QAAiB;CAEzB,AAAQ,oBAAoB,OAAqB;EAC/C,MAAM,OAAQ,MAAM,GAAG,QAAS;AAChC,MAAI,CAAC,QAAQ,OAAQ,KAAa,SAAS,SAAU;AACrD,MAAK,KAAa,SAAS,iBAAiB;GAC1C,MAAM,MAAM,OAAQ,KAAa,YAAY,YAAa,KAAa,UAClE,KAAa,UACd;AACJ,QAAK,UAAU;AACf,QAAK,eAAe;AAEpB,QAAK,WAAW;AAChB,QAAK,cAAc,IAAI,YAAY,sBAAsB,qBAAqB;IAC5E,SAAS;IACT,UAAU;IACV,QAAQ,EAAE,WAAW;;;;CAK3B,AAAQ,cAAc,MAAqB;AACzC,MAAI,EAAE,QAAQ,YAAY,EAAE,QAAQ,OAAO;AACzC,OAAI,KAAK,QAAS;AAClB,KAAE;AACF,QAAK,WAAW;AAChB,OAAI,CAAC,KAAK,UACR,MAAK,cAAc,IAAI,YAAY,sBAAsB,qBAAqB;IAC5E,SAAS;IACT,UAAU;IACV,QAAQ,EAAE,WAAW;;;;CAO7B,cAAc;AACZ;AACA,OAAK,gBAAgB;AACrB,OAAK,oBAAoB;AACzB,OAAK,QAAQ;AACb,OAAK,UAAU;AACf,OAAK,OAAO;AACZ,OAAK,QAAQ;AACb,OAAK,cAAc;AACnB,OAAK,aAAa;AAClB,OAAK,aAAa;;CAGpB,AAAU,qBAA6B;AAAE,SAAO;;CAEhD,AAAU,mBAAmD;EAE3D,MAAM,OAAQ;AAEd,uBAAqB,MAAM,sBAAsB,2BAA2B,YAAY;AACxF,uBAAqB,MAAM,eAAe,wBAAwB,YAAY;AAC9E,uBAAqB,MAAM,oBAAoB,6BAA6B,YAAY;AACxF,SAAO;;CAGT,oBAA0B;AACxB,QAAM;AAEN,MAAI;GACF,MAAM,QAAQ,KAAK,eAAe;AAClC,OAAI,SAAS,KAAK,OAAO;IACvB,MAAM,UAAU,MAAM,aAAa;AACnC,QAAI,CAAC,WAAW,YAAY,UAAU,YAAY,SAAS;AACzD,WAAM,aAAa,kBAAkB,KAAK;AAC1C,KAAC,KAAa,iBAAiB;;;UAG7B;AAER,MAAI;GACF,MAAM,QAAQ,KAAK,eAAe;AAClC,OAAI,MAAO,sBAAqB,OAAO,sBAAsB,2BAA2B,YAAY;UAC9F;AACR,SAAO,iBAAiB,WAAW,KAAK;AACxC,SAAO,iBAAiB,WAAW,KAAK;EAExC,MAAM,SAAS;AACf,MAAI,OAAO,aAAa,UAAa,OAAO,aAAa,KACvD,CAAC,OAAe,WAAW;AAE7B,SAAO,MAAM,EAAE,eAAe;AAC9B,MAAI,OAAO,OAAO,UAAU,WAAc,QAAO;;CAGnD,MAAM,eAA8B;AAClC,OAAK,YAAa,KAAgC,cAAc;EAEhE,MAAM,OAAQ,KAAK;AACnB,QAAM,QAAQ,IAAI;GAChB,qBAAqB,MAAM,sBAAsB;GACjD,qBAAqB,MAAM,eAAe;GAC1C,qBAAqB,MAAM,oBAAoB;GAE/C,qBAAqB,MAAM,cAAc;;AAG3C,QAAM,IAAI,SAAe,MAAM,4BAA4B,4BAA4B;AACvF,OAAK,QAAQ;AACb,OAAK;;CAGP,uBAA6B;AAC3B,SAAO,oBAAoB,WAAW,KAAK;AAC3C,SAAO,oBAAoB,WAAW,KAAK;AAC3C,QAAM;;CAGR,QAAQ,SAAyB;AAC/B,QAAM,QAAQ;AAEd,MAAI,QAAQ,IAAI,UAAU;GACxB,MAAM,QAAQ,KAAK,eAAe;AAClC,OAAI,SAAS,KAAK,SAAU,KAAa,eACvC,OAAM,aAAa,kBAAkB,KAAK;;;CAKhD,AAAQ,uBAAuB;AAC7B,MAAI,KAAK,QAAS;AAElB,OAAK,QAAQ;AACb,OAAK;AACL,OAAK,cAAc,IAAI,YAAY,sBAAsB,qBAAqB;GAC5E,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,WAAW;;;CAIzB,AAAQ,yBAAyB;AAC/B,MAAI,KAAK,QAAS;AAClB,OAAK,UAAU;AACf,OAAK;AAEL,OAAK,cAAc,IAAI,YAAY,sBAAsB,sBAAsB;GAC7E,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,WAAW;;;CAIzB,AAAQ,wBAAwB;AAC9B,MAAI,KAAK,QAAS;AAClB,OAAK,WAAW;AAChB,OAAK,QAAQ;AAAO,OAAK;AACzB,OAAK,cAAc,IAAI,YAAY,sBAAsB,qBAAqB;GAC5E,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,WAAW;;;CAKzB,MAAM,YAAqB;AACzB,OAAK;;CAGP,SAAS;AACP,SAAO,IAAI;;gBAEC,KAAK,MAAM;gBACX,KAAK,MAAM;mBACR,KAAK,QAAQ;wBACR,KAAK,gBAAgB,GAAG;kBAC9B,OAAO;sBACH,IAAI;uBACH,KAAK;2BACD,KAAK;sBACV,KAAK,eAAe;;;;;uBAKnB;GACP,MAAM,kBAAkB,KAAK,mBAAmB,UAAU,OAAO;GACjE,MAAM,WAAW,iBAAiB,0BAA0B;GAC5D,MAAM,aAAa,KAAK,SAAS,IAAI;GACrC,MAAM,UAAU,aAAa;AAC7B,UAAO,IAAI,4BAA4B,QAAQ;OAC5C;;;;;;;;;oBASC,KAAK,cAAc,OACjB,IAAI,6BAA6B,KAAK,aAAa,KAAK,WACxD,GAAG;;;;;;;;;;;;;;;;oBAgBL,KAAK,cAAc,cACjB,IAAI,SAAS,KAAK,aAAa,gBAC/B,GAAG;;;;cAKX,KAAK,QAAQ,KAAK,KAAK,SACrB,IAAI,kCAAkC,KAAK,KAAK,UAChD,GACH;;;;+BAIkB,KAAK,iBAAiB,GAAG;mCACrB,KAAK,qBAAqB,GAAG;8BAClC,KAAK,aAAa;8BAClB,KAAK,aAAa;uBACzB,KAAK,MAAM;iCACD,KAAK,gBAAgB;4BAC1B,MAAM;yBACT,KAAK,QAAQ;8BACR,KAAK,gBAAgB,GAAG;uBAC/B,KAAK,MAAM;6BACL,KAAK,YAAY;4BAClB,KAAK,WAAW;6BACf,KAAK,iBAAiB;4BACvB,KAAK,gBAAgB;;;;;;;;;AAajD,IAAI,CAAC,eAAe,IAAI,4BACtB,gBAAe,OAAO,4BAA4B"}

package/dist/esm/react/src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/viewer-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer-modal.js","names":["TxConfirmContentElement","TxTree","HaloBorderElement","PasskeyHaloLoadingElement"],"sources":["../../../../../../../../src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/viewer-modal.ts"],"sourcesContent":["import { html, type PropertyValues } from 'lit';\nimport { LitElementWithProps } from '../LitElementWithProps';\n\nimport { TransactionInputWasm } from '../../../types';\nimport type { VRFChallenge } from '../../../types/vrf-worker';\n\nimport TxTree from '../TxTree';\nimport { ensureExternalStyles } from '../css/css-loader';\nimport TxConfirmContentElement from './tx-confirm-content';\nimport type { ThemeName } from '../confirm-ui-types';\n// Ensure required custom elements are defined in this bundle (avoid tree-shake drops)\nimport HaloBorderElement from '../HaloBorder';\nimport PasskeyHaloLoadingElement from '../PasskeyHaloLoading';\nimport type { ConfirmUIElement } from '../confirm-ui-types';\nimport { WalletIframeDomEvents } from '../../../WalletIframe/events';\n\nexport interface SecureTxSummary {\n  to?: string;\n  totalAmount?: string;\n  method?: string;\n  fingerprint?: string; // short digest for display\n}\n\n// TxAction from wasm-worker\nexport interface TxAction {\n  action_type: string;\n  method_name?: string;\n  args?: string;\n  gas?: string;\n  deposit?: string;\n  [key: string]: string | number | boolean | null | undefined | object;\n}\n\n/**\n * Modal transaction confirmation component with multiple display variants.\n * Built with Lit with strict CSP for XSS protection and reactive updates.\n */\nexport class ModalTxConfirmElement extends LitElementWithProps implements ConfirmUIElement {\n  static requiredChildTags = ['w3a-tx-confirm-content'];\n  static strictChildDefinitions = true;\n  // Prevent bundlers from dropping nested custom element definitions used via templates\n  static keepDefinitions = [TxConfirmContentElement];\n  // Component properties (automatically reactive)\n  static properties = {\n    nearAccountId: { type: String, attribute: 'near-account-id' },\n    to: { type: String },\n    totalAmount: { type: String },\n    method: { type: String },\n    fingerprint: { type: String },\n    body: { type: String },\n    title: { type: String },\n    cancelText: { type: String },\n    confirmText: { type: String },\n    txSigningRequests: { type: Array },\n    vrfChallenge: { type: Object },\n    loading: { type: Boolean },\n    errorMessage: { type: String },\n    theme: { type: String, attribute: 'theme', reflect: true },\n    nearExplorerUrl: { type: String, attribute: 'near-explorer-url' },\n  };\n\n  totalAmount = '';\n  method = '';\n  fingerprint = '';\n  body = '';\n  title = '';\n  cancelText = 'Cancel';\n  confirmText = 'Next';\n  txSigningRequests: TransactionInputWasm[] = [];\n  vrfChallenge?: Partial<VRFChallenge>;\n  loading = false;\n  errorMessage: string | undefined = undefined;\n  // Theme tokens now come from external CSS (tx-confirmer.css)\n  // style injection has been removed to satisfy strict CSP.\n  theme: ThemeName = 'dark';\n  nearExplorerUrl?: string;\n  intentDigest?: string;\n  declare nearAccountId: string;\n  // When true, this element will NOT remove itself on confirm/cancel.\n  // The host is responsible for sending a CLOSE_MODAL instruction.\n  deferClose = false;\n  // Styles gating to avoid first-paint FOUC\n  private _stylesReady = false;\n  private _stylePromises: Promise<void>[] = [];\n  private _stylesAwaiting: Promise<void> | null = null;\n\n  // Keep essential custom elements from being tree-shaken\n  private _ensureTreeDefinition = TxTree;\n  private _ensureHaloElements = [HaloBorderElement, PasskeyHaloLoadingElement];\n\n  // Removed fixed JS breakpoints; rely on CSS/container sizing for zoom resilience\n  private _onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' || e.key === 'Esc') {\n      // Only close for modal-style render modes\n      e.preventDefault();\n      this._handleCancel();\n    }\n  };\n  private _onWindowMessage = (ev: MessageEvent) => {\n    const data = (ev && ev.data) || {};\n    if (!data || typeof (data as any).type !== 'string') return;\n    if ((data as any).type === 'MODAL_TIMEOUT') {\n      const msg = typeof (data as any).payload === 'string' && (data as any).payload\n        ? (data as any).payload\n        : 'Operation timed out';\n      this.loading = false;\n      this.errorMessage = msg;\n      // Emit cancel so the host resolves and removes this element via two‑phase close\n      this._handleCancel();\n    }\n  };\n  // Guard to prevent immediate backdrop-cancel due to the click that mounted the modal\n  private _backdropArmed = false;\n\n  // Render in light DOM to simplify CSS variable flow across nested components\n  // (Shadow DOM disabled by returning the host element as the render root)\n\n  // No inline static styles; see tx-confirmer.css\n  constructor() {\n    super();\n    // Pre-ensure document-level styles so link loads can complete before first render\n    const root = (document?.documentElement || null) as unknown as HTMLElement | null;\n    if (root) {\n      this._stylePromises.push(\n        ensureExternalStyles(root, 'w3a-components.css', 'data-w3a-components-css'),\n        ensureExternalStyles(root, 'tx-tree.css', 'data-w3a-tx-tree-css'),\n        ensureExternalStyles(root, 'tx-confirmer.css', 'data-w3a-tx-confirmer-css'),\n        // Preload nested visuals to avoid first-paint jank when halo/loader mount\n        ensureExternalStyles(root, 'halo-border.css', 'data-w3a-halo-border-css'),\n        ensureExternalStyles(root, 'passkey-halo-loading.css', 'data-w3a-passkey-halo-loading-css'),\n      );\n    }\n  }\n\n  private _ownsThemeAttr = false;\n\n  updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    // Keep the iframe/root document's theme in sync so :root[data-w3a-theme] tokens apply\n    if (changedProperties.has('theme')) {\n      try {\n        const docEl = this.ownerDocument?.documentElement as HTMLElement | undefined;\n        if (docEl && this.theme && this._ownsThemeAttr) {\n          docEl.setAttribute('data-w3a-theme', this.theme);\n        }\n      } catch {}\n    }\n  }\n\n  protected getComponentPrefix(): string {\n    return 'modal';\n  }\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = (this as unknown) as HTMLElement;\n    // tx-tree.css for nested TxTree visuals inside the modal\n    this._stylePromises.push(ensureExternalStyles(root, 'tx-tree.css', 'data-w3a-tx-tree-css'));\n    // tx-confirmer.css for modal layout + tokens\n    this._stylePromises.push(ensureExternalStyles(root, 'tx-confirmer.css', 'data-w3a-tx-confirmer-css'));\n    // Ensure nested loader/halo styles are present before first paint to avoid FOUC\n    this._stylePromises.push(ensureExternalStyles(root, 'halo-border.css', 'data-w3a-halo-border-css'));\n    this._stylePromises.push(ensureExternalStyles(root, 'passkey-halo-loading.css', 'data-w3a-passkey-halo-loading-css'));\n    return root;\n  }\n\n  // Dynamic style application removed; CSS variables come from tx-confirmer.css\n\n  disconnectedCallback() {\n    window.removeEventListener('keydown', this._onKeyDown);\n    window.removeEventListener('message', this._onWindowMessage as EventListener);\n    super.disconnectedCallback();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    // Ensure root token theme is applied immediately on mount\n    try {\n      const docEl = this.ownerDocument?.documentElement as HTMLElement | undefined;\n      if (docEl && this.theme) {\n        const current = docEl.getAttribute('data-w3a-theme');\n        // If missing or already using built-in values, take ownership and set\n        if (!current || current === 'dark' || current === 'light') {\n          docEl.setAttribute('data-w3a-theme', this.theme);\n          this._ownsThemeAttr = true;\n        }\n      }\n    } catch {}\n    // Arm backdrop after the current event loop to avoid capturing the mounting click\n    setTimeout(() => { this._backdropArmed = true; }, 0);\n    // Listen globally so Escape works regardless of focus target\n    window.addEventListener('keydown', this._onKeyDown);\n    // Listen for global timeout notification (posted by SignerWorkerManager on operation timeout)\n    window.addEventListener('message', this._onWindowMessage as EventListener);\n    // Ensure this iframe/host receives keyboard focus so ESC works immediately\n    // Make host focusable and focus it without scrolling\n    const hostEl = this as unknown as HTMLElement;\n    hostEl.tabIndex = hostEl.tabIndex ?? -1;\n    hostEl.focus({ preventScroll: true } as FocusOptions);\n    // Also attempt to focus the frame window in case we're inside an iframe\n    if (typeof window.focus === 'function') {\n      window.focus();\n    }\n  }\n\n  protected shouldUpdate(_changed: PropertyValues): boolean {\n    if (this._stylesReady) return true;\n    if (!this._stylesAwaiting) {\n      const p = Promise.all(this._stylePromises).then(\n        () => new Promise<void>((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())))\n      );\n      this._stylesAwaiting = p.then(() => { this._stylesReady = true; this.requestUpdate(); });\n    }\n    return false;\n  }\n\n  render() {\n    return html`\n      <!-- Separate backdrop layer for independent animation -->\n      <div class=\"modal-backdrop-blur\" @click=${this._handleBackdropClick}></div>\n      <!-- Modal content layer -->\n      <div class=\"modal-backdrop\" @click=${this._handleContentClick}>\n        <div class=\"modal-container-root\">\n\n          <div class=\"responsive-card\">\n            <div class=\"hero\">\n              <w3a-passkey-halo-loading\n                .theme=${this.theme}\n                .animated=${!this.errorMessage ? true : false}\n                .ringGap=${4}\n                .ringWidth=${4}\n                .ringBorderRadius=${'1.125rem'}\n                .ringBackground=${'var(--w3a-modal__passkey-halo-loading__ring-background)'}\n                .innerPadding=${'0px'}\n                .innerBackground=${'var(--w3a-modal__passkey-halo-loading__inner-background)'}\n                .height=${36}\n                .width=${36}\n              ></w3a-passkey-halo-loading>\n              <div class=\"hero-container\">\n                <!-- Hero heading -->\n                ${(() => {\n                  const isRegistration = (this.txSigningRequests?.length || 0) === 0;\n                  const fallback = isRegistration ? 'Register with Passkey' : 'Confirm with Passkey';\n                  const titleText = (this.title || '').trim();\n                  const heading = titleText || fallback;\n                  return html`<h2 class=\"hero-heading\">${heading}</h2>`;\n                })()}\n                ${this.errorMessage\n                  ? html`<div class=\"error-banner\">${this.errorMessage}</div>`\n                  : ''}\n                <!-- RpID Section -->\n                <div class=\"rpid-wrapper\">\n                  <div class=\"rpid\">\n                    <div class=\"secure-indicator\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\"\n                        class=\"padlock-icon\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"2\"\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                      >\n                        <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"/>\n                        <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"/>\n                      </svg>\n                      ${this.vrfChallenge?.rpId\n                        ? html`<span class=\"domain-text\">${this.vrfChallenge.rpId}</span>`\n                        : ''}\n                    </div>\n                    <span class=\"security-details\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\"\n                        class=\"block-height-icon\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"2\"\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                      >\n                        <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A 2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"/>\n                        <path d=\"m3.3 7 8.7 5 8.7-5\"/>\n                        <path d=\"M12 22V12\"/>\n                      </svg>\n                      ${this.vrfChallenge?.blockHeight\n                        ? html`block ${this.vrfChallenge.blockHeight}`\n                        : ''}\n                    </span>\n                  </div>\n                </div>\n              </div>\n            </div>\n            ${\n              this.body && this.body.trim()\n              ? html`<div class=\"confirmation-body\">${this.body}</div>`\n              : ''\n            }\n          </div>\n\n          <div class=\"responsive-card\">\n            <w3a-tx-confirm-content\n              .nearAccountId=${this['nearAccountId'] || ''}\n              .txSigningRequests=${this.txSigningRequests || []}\n              .intentDigest=${this.intentDigest}\n              .vrfChallenge=${this.vrfChallenge}\n              .theme=${this.theme}\n              .nearExplorerUrl=${this.nearExplorerUrl}\n              .showShadow=${false}\n              .loading=${this.loading}\n              .errorMessage=${this.errorMessage || ''}\n              .title=${this.title}\n              .confirmText=${this.confirmText}\n              .cancelText=${this.cancelText}\n              @lit-confirm=${this._handleConfirm}\n              @lit-cancel=${this._handleCancel}\n            ></w3a-tx-confirm-content>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private _handleCancel() {\n    if (this.loading) return;\n    // Canonical event (include a consistent detail payload)\n    this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {\n      bubbles: true,\n      composed: true,\n      detail: { confirmed: false }\n    }));\n    if (!this.deferClose) {\n      this._resolveAndCleanup(false);\n    }\n  }\n\n  private _handleConfirm() {\n    if (this.loading) return;\n    this.loading = true;\n    this.requestUpdate();\n    // Canonical event (include a consistent detail payload)\n    this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, {\n      bubbles: true,\n      composed: true,\n      detail: { confirmed: true }\n    }));\n    if (!this.deferClose) {\n      this._resolveAndCleanup(true);\n    }\n  }\n\n  private _handleBackdropClick() {\n    // Ignore the first click that may have triggered mounting the modal\n    if (!this._backdropArmed) return;\n    this._handleCancel();\n  }\n\n  private _handleContentClick(e: Event) {\n    e.stopPropagation();\n  }\n\n  private _resolveAndCleanup(confirmed: boolean) {\n    this.remove();\n  }\n\n  // Public method for two-phase close from host/bootstrap\n  close(confirmed: boolean) {\n    this._resolveAndCleanup(confirmed);\n  }\n\n}\n\n// Register the custom element\nimport { W3A_MODAL_TX_CONFIRMER_ID } from '../tags';\n\n// Define canonical tag\nif (!customElements.get(W3A_MODAL_TX_CONFIRMER_ID)) {\n  customElements.define(W3A_MODAL_TX_CONFIRMER_ID, ModalTxConfirmElement);\n}\n"],"mappings":"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"}