@tatchi-xyz/sdk 0.21.0 → 0.31.0

package/dist/cjs/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirm-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"tx-confirm-content.js","names":["LitElementWithProps","W3A_TX_TREE_ID","TxTree","ensureExternalStyles","fromTransactionInputsWasm","buildDisplayTreeFromTxPayloads","treeTheme: 'dark' | 'light'","W3A_TX_CONFIRM_CONTENT_ID"],"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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"}
+{"version":3,"file":"tx-confirm-content.js","names":["LitElementWithProps","W3A_TX_TREE_ID","TxTree","ensureExternalStyles","fromTransactionInputsWasm","buildDisplayTreeFromTxPayloads","treeTheme: 'dark' | 'light'","W3A_TX_CONFIRM_CONTENT_ID"],"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/cjs/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirmer-wrapper.js

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-const require_validation = require('../../../WalletIframe/validation.js');
+const require_validation = require('../../../../utils/validation.js');
 const require_actions = require('../../../types/actions.js');
-const require_txDigest = require('../../txDigest.js');
+const require_intentDigest = require('../../../digests/intentDigest.js');
 const require_events = require('../../../WalletIframe/events.js');
 const require_tags = require('../tags.js');
 const require_LitElementWithProps = require('../LitElementWithProps.js');
@@ -13,8 +13,6 @@ let lit_directives_ref_js = require("lit/directives/ref.js");
 lit_directives_ref_js = require_rolldown_runtime.__toESM(lit_directives_ref_js);
 
 //#region src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirmer-wrapper.ts
-require_actions.init_actions();
-require_validation.init_validation();
 const DEFAULT_VARIANT = "modal";
 function isTransactionInput(candidate) {
 	if (!require_validation.isObject(candidate)) return false;
@@ -196,16 +194,8 @@ var TxConfirmerWrapperElement = class extends require_LitElementWithProps.LitEle
 		this.redispatchingEvent = true;
 		try {
 			event.stopImmediatePropagation();
-			console.debug("[TxConfirmerWrapper] CONFIRM received", {
-				hasIntent: !!this.intentDigest,
-				txCount: this.txSigningRequests?.length ?? 0
-			});
 			if (confirmed && this.intentDigest && (this.txSigningRequests?.length ?? 0) > 0) try {
 				const digest = await this.computeIntentDigest();
-				console.debug("[TxConfirmerWrapper] computed digest", {
-					digest,
-					expected: this.intentDigest
-				});
 				if (digest !== this.intentDigest) {
 					confirmed = false;
 					error = "INTENT_DIGEST_MISMATCH";
@@ -213,7 +203,7 @@ var TxConfirmerWrapperElement = class extends require_LitElementWithProps.LitEle
 			} catch (err) {
 				confirmed = false;
 				error = "UI_DIGEST_VALIDATION_FAILED";
-				if (typeof console !== "undefined" && typeof console.warn === "function") console.warn("[TxConfirmerWrapper] intent digest validation failed", err);
+				console.warn("[TxConfirmerWrapper] intent digest validation failed", err);
 			}
 			if (confirmed) {
 				if (!this.loading) {
@@ -246,9 +236,9 @@ var TxConfirmerWrapperElement = class extends require_LitElementWithProps.LitEle
 		const raw = Array.isArray(this.txSigningRequests) ? this.txSigningRequests : [];
 		const txs = raw.filter(isTransactionInput).map((tx) => ({
 			receiverId: tx.receiverId,
-			actions: tx.actions.map((action) => require_actions.isActionArgsWasm(action) ? action : require_actions.toActionArgsWasm(action)).map((action) => require_txDigest.orderActionForDigest(action))
+			actions: tx.actions.map((action) => require_actions.isActionArgsWasm(action) ? action : require_actions.toActionArgsWasm(action)).map((action) => require_intentDigest.orderActionForDigest(action))
 		}));
-		return require_txDigest.computeUiIntentDigestFromTxs(txs);
+		return require_intentDigest.computeUiIntentDigestFromTxs(txs);
 	}
 };
 if (!customElements.get(require_tags.W3A_TX_CONFIRMER_ID)) customElements.define(require_tags.W3A_TX_CONFIRMER_ID, TxConfirmerWrapperElement);

package/dist/cjs/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirmer-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"tx-confirmer-wrapper.js","names":["DEFAULT_VARIANT: Variant","isObject","isString","LitElementWithProps","ModalTxConfirmElement","DrawerTxConfirmerElement","WalletIframeDomEvents","error: string | undefined","detail: { confirmed: false; error?: string }","txs: TransactionInputWasm[]","isActionArgsWasm","toActionArgsWasm","orderActionForDigest","computeUiIntentDigestFromTxs","W3A_TX_CONFIRMER_ID"],"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 '../../txDigest';\nimport { isActionArgsWasm, toActionArgsWasm, type ActionArgs, type ActionArgsWasm } from '@/core/types/actions';\nimport { isObject, isString } from '../../../WalletIframe/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      console.debug('[TxConfirmerWrapper] CONFIRM received', { hasIntent: !!this.intentDigest, txCount: (this.txSigningRequests?.length ?? 0) });\n\n      if (confirmed && this.intentDigest && (this.txSigningRequests?.length ?? 0) > 0) {\n        try {\n          const digest = await this.computeIntentDigest();\n          console.debug('[TxConfirmerWrapper] computed digest', { digest, expected: this.intentDigest });\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          if (typeof console !== 'undefined' && typeof console.warn === 'function') {\n            console.warn('[TxConfirmerWrapper] intent digest validation failed', err);\n          }\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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"}
+{"version":3,"file":"tx-confirmer-wrapper.js","names":["DEFAULT_VARIANT: Variant","isObject","isString","LitElementWithProps","ModalTxConfirmElement","DrawerTxConfirmerElement","WalletIframeDomEvents","error: string | undefined","detail: { confirmed: false; error?: string }","txs: TransactionInputWasm[]","isActionArgsWasm","toActionArgsWasm","orderActionForDigest","computeUiIntentDigestFromTxs","W3A_TX_CONFIRMER_ID"],"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/cjs/core/WebAuthnManager/LitComponents/LitElementWithProps.js

@@ -1,10 +1,11 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
-const require_validation = require('../../WalletIframe/validation.js');
+const require_validation = require('../../../utils/validation.js');
 let lit = require("lit");
 lit = require_rolldown_runtime.__toESM(lit);
 
 //#region src/core/WebAuthnManager/LitComponents/LitElementWithProps.ts
-require_validation.init_validation();
+const hasAdoptedStyleSheets = (node) => !!node && typeof node === "object" && "adoptedStyleSheets" in node;
+const supportsConstructableStylesheets = () => typeof CSSStyleSheet !== "undefined" && "replaceSync" in CSSStyleSheet.prototype;
 /**
 * Drop-in replacement for LitElement that automatically handles the custom element upgrade race.
 * See lit-element-with-props.md for more details.
@@ -28,7 +29,7 @@ var LitElementWithProps = class extends lit.LitElement {
 	* Optional: Tag names that should be defined before this component renders.
 	* When missing, a console.warn is emitted to remind developers to import/keep the child.
 	* Example:
-	*   static requiredChildTags = ['w3a-tx-button'];
+	*   static requiredChildTags = ['w3a-tx-tree'];
 	*/
 	static requiredChildTags;
 	/**
@@ -78,17 +79,18 @@ var LitElementWithProps = class extends lit.LitElement {
 		if (this.styles) this.applyStyles(this.styles, this.getComponentPrefix());
 		try {
 			const ctor = this.constructor;
-			const defs = ctor.keepDefinitions;
+			const { keepDefinitions, requiredChildTags, strictChildDefinitions } = ctor;
+			const defs = keepDefinitions;
 			if (defs && defs.length) for (const d of defs);
-			const req = ctor.requiredChildTags;
+			const req = requiredChildTags;
 			if (req && Array.isArray(req)) for (const tag of req) try {
 				if (typeof tag === "string" && tag.includes("-") && !customElements.get(tag)) {
 					const msg = `[W3A] Required child custom element not defined: <${tag}>. Import the module that defines it and keep a reference via \`static keepDefinitions\` or a private field to avoid tree-shaking. See LitComponents/README.md (tree-shake checklist).`;
-					if (ctor.strictChildDefinitions) throw new Error(msg);
+					if (strictChildDefinitions) throw new Error(msg);
 					else console.error(msg);
 				}
 			} catch (err) {
-				if (ctor.strictChildDefinitions) throw err;
+				if (strictChildDefinitions) throw err;
 			}
 		} catch {}
 	}
@@ -134,8 +136,9 @@ var LitElementWithProps = class extends lit.LitElement {
 		const transformViewportUnits = (val) => {
 			if (!val || typeof val !== "string") return val;
 			try {
-				const supportsDvh = typeof CSS !== "undefined" && !!CSS.supports && CSS.supports("height", "1dvh");
-				const supportsDvw = typeof CSS !== "undefined" && !!CSS.supports && CSS.supports("width", "1dvw");
+				const canUseCssSupports = typeof CSS !== "undefined" && typeof CSS.supports === "function";
+				const supportsDvh = canUseCssSupports && CSS.supports("height", "1dvh");
+				const supportsDvw = canUseCssSupports && CSS.supports("width", "1dvw");
 				let out = val;
 				if (supportsDvh && out.includes("vh")) out = out.replace(/([0-9]+(?:\.[0-9]+)?)vh\b/g, "$1dvh");
 				if (supportsDvw && out.includes("vw")) out = out.replace(/([0-9]+(?:\.[0-9]+)?)vw\b/g, "$1dvw");
@@ -207,17 +210,18 @@ var LitElementWithProps = class extends lit.LitElement {
 			}
 			const decls = Object.entries(this._varsMap).map(([k, v]) => `${k}: ${v};`).join(" ");
 			const cssTextShadow = `:host{ ${decls} }`;
-			if (this.renderRoot instanceof ShadowRoot && "adoptedStyleSheets" in this.renderRoot && "replaceSync" in CSSStyleSheet.prototype) {
+			const canUseConstructable = supportsConstructableStylesheets();
+			if (this.renderRoot instanceof ShadowRoot && canUseConstructable && hasAdoptedStyleSheets(this.renderRoot)) {
 				if (!this._varsSheet) this._varsSheet = new CSSStyleSheet();
 				try {
 					this._varsSheet.replaceSync(cssTextShadow);
 				} catch {}
-				const sheets = this.renderRoot.adoptedStyleSheets || [];
-				const without = sheets.filter((s) => s !== this._varsSheet);
+				const sheets = this.renderRoot.adoptedStyleSheets ?? [];
+				const without = sheets.filter((sheet) => sheet !== this._varsSheet);
 				this.renderRoot.adoptedStyleSheets = [...without, this._varsSheet];
 				return;
 			}
-			const rootNode = this.getRootNode && this.getRootNode();
+			const rootNode = this.getRootNode?.();
 			const doc = rootNode instanceof Document ? rootNode : document;
 			const cssTextScoped = () => {
 				if (!this._varsClassName) {
@@ -228,22 +232,22 @@ var LitElementWithProps = class extends lit.LitElement {
 				}
 				return `.${this._varsClassName}{ ${decls} }`;
 			};
-			if (rootNode && rootNode.adoptedStyleSheets && "replaceSync" in CSSStyleSheet.prototype) {
+			if (rootNode && canUseConstructable && hasAdoptedStyleSheets(rootNode)) {
 				if (!this._varsDocSheet) this._varsDocSheet = new CSSStyleSheet();
 				try {
 					this._varsDocSheet.replaceSync(cssTextScoped());
 				} catch {}
-				const srSheets = rootNode.adoptedStyleSheets || [];
+				const srSheets = rootNode.adoptedStyleSheets ?? [];
 				if (!srSheets.includes(this._varsDocSheet)) rootNode.adoptedStyleSheets = [...srSheets, this._varsDocSheet];
 				return;
 			}
-			const docSupportsConstructable = !!doc && "adoptedStyleSheets" in doc && "replaceSync" in CSSStyleSheet.prototype;
-			if (docSupportsConstructable && doc) {
+			const docSupportsConstructable = canUseConstructable && hasAdoptedStyleSheets(doc);
+			if (docSupportsConstructable) {
 				if (!this._varsDocSheet) this._varsDocSheet = new CSSStyleSheet();
 				try {
 					this._varsDocSheet.replaceSync(cssTextScoped());
 				} catch {}
-				const current = doc.adoptedStyleSheets || [];
+				const current = doc.adoptedStyleSheets ?? [];
 				if (!current.includes(this._varsDocSheet)) doc.adoptedStyleSheets = [...current, this._varsDocSheet];
 				return;
 			}

package/dist/cjs/core/WebAuthnManager/LitComponents/LitElementWithProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"LitElementWithProps.js","names":["LitElement","vars: Record<string, string>","colorMappings: Record<string, string>","isObject"],"sources":["../../../../../src/core/WebAuthnManager/LitComponents/LitElementWithProps.ts"],"sourcesContent":["/**\n * Lit Component Property Upgrade Pattern\n *\n * Problem: The custom element upgrade race can silently drop properties set\n * on elements before the browser upgrades them from HTMLElement to the custom\n * class. Timeline: createElement → set props → append → upgrade → Lit init →\n * defaults overwrite early props.\n *\n * Solution: upgradeProperty pattern. On connectedCallback, for each declared\n * property, if a plain own-property value exists (set before upgrade), delete\n * the data property and reassign via the class setter to trigger Lit reactivity.\n *\n * This class implements that pattern and adds a few developer affordances:\n * - keepDefinitions: prevent treeshaking of nested custom elements used only\n *   through side-effects in templates by touching their constructors.\n * - requiredChildTags (+strictChildDefinitions): dev-time checks to surface\n *   missing nested element definitions early with a loud console.error or Error.\n * - applyStyles(): map style objects to CSS variables, including section-scoped\n *   tokens and viewport unit normalization (vh→dvh, vw→dvw when supported).\n *\n */\n\nimport { LitElement } from 'lit';\nimport { isObject } from '../../../core/WalletIframe/validation';\n\nexport type CSSProperties = Record<string, string | Record<string, string> | undefined>;\n\n/**\n * Drop-in replacement for LitElement that automatically handles the custom element upgrade race.\n * See lit-element-with-props.md for more details.\n * All properties defined in static properties will be automatically upgraded on mount.\n */\nexport class LitElementWithProps extends LitElement {\n  // Per-instance CSS custom properties sheet to avoid inline style mutations.\n  private _varsSheet: CSSStyleSheet | null = null;\n  private _varsMap: Record<string, string> = {};\n  // Fallback sheet attached to the Document (constructable stylesheet) + a per-instance class\n  private _varsDocSheet: CSSStyleSheet | null = null;\n  private _varsClassName: string | null = null;\n  // No inline style capability check: components never write inline styles.\n\n  /**\n   * Optional: Subclasses can provide a list of imported custom element classes they rely on\n   * to prevent bundlers from tree-shaking those definitions when they are only used\n   * through side effects (e.g., nested custom elements inside templates).\n   * Example usage in a subclass:\n   *   import TxTree from '../TxTree';\n   *   static keepDefinitions = [TxTree];\n   */\n  static keepDefinitions?: unknown[];\n\n  /**\n   * Optional: Tag names that should be defined before this component renders.\n   * When missing, a console.warn is emitted to remind developers to import/keep the child.\n   * Example:\n   *   static requiredChildTags = ['w3a-tx-button'];\n   */\n  static requiredChildTags?: string[];\n\n  /**\n   * When true, missing requiredChildTags trigger a thrown Error (instead of a warn).\n   * Useful in development to fail fast when a nested custom element definition\n   * has been tree‑shaken or not imported.\n   */\n  static strictChildDefinitions?: boolean;\n\n  /**\n   * Handles the custom element upgrade race for a specific property.\n   * This method ensures that any property values set before the custom element\n   * fully upgrades are correctly re-applied through Lit's property system.\n   * @param prop - The property name to upgrade\n   */\n  private upgradeProperty(prop: string): void {\n    if (Object.prototype.hasOwnProperty.call(this, prop)) {\n      // Capture the value that was set before upgrade\n      const selfRead = this as Record<string, unknown>;\n      const value = selfRead[prop];\n\n      // Remove the property so the class getter/setter takes over\n      delete selfRead[prop];\n\n      // Re-assign through the proper setter to trigger Lit's reactivity\n      (this as Record<string, unknown>)[prop] = value;\n    }\n  }\n\n  /**\n   * Automatically upgrades all properties defined in static properties.\n   * Called automatically in connectedCallback - no manual intervention needed.\n   */\n  private upgradeAllProperties(): void {\n    const constructor = this.constructor as typeof LitElement;\n    const properties = constructor.properties;\n\n    if (properties) {\n      // Handle both object syntax and Map syntax\n      const propertyNames = properties instanceof Map\n        ? Array.from(properties.keys())\n        : Object.keys(properties);\n\n      propertyNames.forEach(prop => this.upgradeProperty(prop));\n    }\n  }\n\n  /**\n   * Generic styles property for component customization.\n   * Subclasses can override this with their specific style types.\n   */\n  styles?: ComponentStyles;\n\n  /**\n   * Lit lifecycle: Called when element is added to DOM.\n   * Automatically upgrades all defined properties to handle the upgrade race.\n   */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.upgradeAllProperties();\n\n    // Apply styles if they exist\n    if (this.styles) {\n      this.applyStyles(this.styles, this.getComponentPrefix());\n    }\n\n    // No global token side-effects here; components read tokens from host/theme CSS\n\n    // Ensure referenced definitions are kept by bundlers (touch the values)\n    try {\n      const ctor = this.constructor as typeof LitElementWithProps & {\n        keepDefinitions?: unknown[];\n        requiredChildTags?: string[];\n      };\n      const defs = ctor.keepDefinitions;\n      if (defs && defs.length) {\n        // Touch each value to prevent tree-shaking of side-effect-only imports\n        for (const d of defs) void d;\n      }\n\n      // Dev-time reminder when nested custom elements are not defined\n      const req = ctor.requiredChildTags;\n      if (req && Array.isArray(req)) {\n        for (const tag of req) {\n          try {\n            if (typeof tag === 'string' && tag.includes('-') && !customElements.get(tag)) {\n              const msg = `[W3A] Required child custom element not defined: <${tag}>. ` +\n                'Import the module that defines it and keep a reference via `static keepDefinitions` ' +\n                'or a private field to avoid tree-shaking. See LitComponents/README.md (tree-shake checklist).';\n              if ((ctor as any).strictChildDefinitions) {\n                throw new Error(msg);\n              } else {\n                // Elevate to error for visibility without breaking execution\n                console.error(msg);\n              }\n            }\n          } catch (err) {\n            // In strict mode, surface the failure to developers immediately\n            if ((ctor as any).strictChildDefinitions) { throw err; }\n          }\n        }\n      }\n    } catch {}\n  }\n\n  /**\n   * Override this method in subclasses to return the appropriate component prefix\n   * for CSS variable naming (e.g., 'tree', 'modal', 'button').\n   */\n  protected getComponentPrefix(): string {\n    return 'component';\n  }\n\n  /**\n   * Applies component styles by translating a structured style object into\n   * CSS custom properties (variables) — never inline styles.\n   *\n   * CSP notes\n   * - No style=\"…\" attributes are written (compatible with style-src-attr 'none').\n   * - No <style> tags are injected. Variables are applied via constructable\n   *   stylesheets (adoptedStyleSheets). When unavailable, we fall back to a\n   *   document-level constructable sheet with a per-instance class. If even\n   *   that is not supported, we no-op and rely on external CSS defaults.\n   *\n   * How it works\n   * - Flattens top-level tokens (e.g., colors, radii) to canonical CSS vars\n   *   (e.g., --w3a-colors-*, --w3a-border-radius-*).\n   * - Transforms viewport units to dvh/dvw on capable engines to avoid\n   *   Safari 100vh issues.\n   * - Maps sectioned styles (nested objects) to namespaced variables of the\n   *   form --w3a-${prefix}__${section}__${prop} to scope tokens per-component.\n   * - Delegates to setCssVars(), which merges vars and updates the appropriate\n   *   constructable stylesheet target (ShadowRoot preferred).\n   *\n   * @param styles - The styles object to apply\n   * @param componentPrefix - Optional component prefix override, defaults to getComponentPrefix()\n   */\n  protected applyStyles(styles: ComponentStyles, componentPrefix?: string): void {\n    if (!styles) return;\n\n    const prefix = componentPrefix || this.getComponentPrefix();\n    const vars: Record<string, string> = {};\n    const setVar = (name: string, val: string) => { vars[name] = val; };\n    const toKebab = (s: string) => this.camelToKebab(s);\n\n    // Prefer dynamic viewport units on capable browsers to avoid Safari 100vh/100vw issues\n    const transformViewportUnits = (val: string): string => {\n      if (!val || typeof val !== 'string') return val;\n      try {\n        const supportsDvh = typeof CSS !== 'undefined' && !!(CSS as any).supports && CSS.supports('height', '1dvh');\n        const supportsDvw = typeof CSS !== 'undefined' && !!(CSS as any).supports && CSS.supports('width', '1dvw');\n        let out = val;\n        if (supportsDvh && out.includes('vh')) {\n          // Replace numeric vh occurrences (e.g., 50vh, calc(100vh - 1rem)) with dvh\n          out = out.replace(/([0-9]+(?:\\.[0-9]+)?)vh\\b/g, '$1dvh');\n        }\n        if (supportsDvw && out.includes('vw')) {\n          out = out.replace(/([0-9]+(?:\\.[0-9]+)?)vw\\b/g, '$1dvw');\n        }\n        return out;\n      } catch {\n        return val;\n      }\n    };\n\n    // Map known tokens to canonical CSS variables\n    const colorMappings: Record<string, string> = {\n      colorSecondary: '--w3a-colors-secondary',\n      colorSuccess: '--w3a-colors-success',\n      colorWarning: '--w3a-colors-warning',\n      colorError: '--w3a-colors-error',\n      colorBackground: '--w3a-colors-colorBackground',\n      surface: '--w3a-colors-surface',\n      surface2: '--w3a-colors-surface2',\n      surface3: '--w3a-colors-surface3',\n      borderPrimary: '--w3a-colors-borderPrimary',\n      borderSecondary: '--w3a-colors-borderSecondary',\n      borderHover: '--w3a-colors-borderHover',\n      textPrimary: '--w3a-colors-textPrimary',\n      textSecondary: '--w3a-colors-textSecondary',\n      textMuted: '--w3a-colors-textMuted',\n    };\n\n    const radiusMatcher = /^radius([A-Z].*)$/;\n    const shadowMatcher = /^shadow([A-Z].*)$/;\n\n    Object.entries(styles).forEach(([key, value]) => {\n      if (typeof value !== 'string') return;\n\n      const maybeTransformed = transformViewportUnits(value);\n\n      if (key in colorMappings) {\n        setVar(colorMappings[key], maybeTransformed);\n        return;\n      }\n\n      const r = key.match(radiusMatcher);\n      if (r) { setVar(`--w3a-border-radius-${r[1].toLowerCase()}`, maybeTransformed); return; }\n\n      const s = key.match(shadowMatcher);\n      if (s) { setVar(`--w3a-shadows-${s[1].toLowerCase()}`, maybeTransformed); return; }\n\n      // No legacy gap variables; rely on spacing tokens only.\n      setVar(`--w3a-${toKebab(key)}`, maybeTransformed);\n    });\n\n    // Component-scoped CSS variables\n    Object.entries(styles).forEach(([section, sectionStyles]) => {\n      if (sectionStyles && isObject(sectionStyles)) {\n        Object.entries(sectionStyles).forEach(([prop, value]) => {\n          const kebabSection = toKebab(section);\n          const kebabProp = toKebab(prop);\n          const cssVarNew = `--w3a-${prefix}__${kebabSection}__${kebabProp}`;\n          const v = typeof value === 'string' ? transformViewportUnits(value) : String(value);\n          vars[cssVarNew] = v;\n        });\n      }\n    });\n\n    this.setCssVars(vars);\n  }\n\n  /**\n   * Converts camelCase strings to kebab-case for CSS variables\n   */\n  camelToKebab(str: string): string {\n    return str.replace(/([A-Z])/g, '-$1').toLowerCase();\n  }\n\n  /** Merge and apply CSS variables via adopted stylesheets only (no inline style attr). */\n  protected setCssVars(vars: Record<string, string>): void {\n    try {\n      // Merge new vars\n      for (const [k, v] of Object.entries(vars)) {\n        if (v == null) continue;\n        this._varsMap[k] = String(v);\n      }\n      const decls = Object.entries(this._varsMap)\n        .map(([k, v]) => `${k}: ${v};`)\n        .join(' ');\n\n      const cssTextShadow = `:host{ ${decls} }`;\n\n      // 1) Preferred: ShadowRoot adopted stylesheets\n      if (this.renderRoot instanceof ShadowRoot && 'adoptedStyleSheets' in this.renderRoot && 'replaceSync' in CSSStyleSheet.prototype) {\n        if (!this._varsSheet) this._varsSheet = new CSSStyleSheet();\n        try { this._varsSheet.replaceSync(cssTextShadow); } catch {}\n        const sheets = (this.renderRoot.adoptedStyleSheets || []) as any[];\n        // Ensure the vars sheet is last so its :host var declarations override defaults\n        const without = sheets.filter((s: any) => s !== this._varsSheet);\n        this.renderRoot.adoptedStyleSheets = [...without, this._varsSheet];\n        return;\n      }\n\n      // 2) Fallback (still CSP-safe): Document-level constructable stylesheet with per-instance class\n      const rootNode = (this.getRootNode && this.getRootNode()) as Document | ShadowRoot | undefined;\n      const doc = (rootNode instanceof Document ? rootNode : document) as Document;\n      const cssTextScoped = () => {\n        if (!this._varsClassName) {\n          this._varsClassName = `w3a-vars-${Math.random().toString(36).slice(2)}`;\n          try { (this as unknown as HTMLElement).classList.add(this._varsClassName); } catch {}\n        }\n        return `.${this._varsClassName}{ ${decls} }`;\n      };\n      // Try attaching a constructable sheet to the nearest ShadowRoot when present\n      if (rootNode && (rootNode as any).adoptedStyleSheets && 'replaceSync' in CSSStyleSheet.prototype) {\n        if (!this._varsDocSheet) this._varsDocSheet = new CSSStyleSheet();\n        try { this._varsDocSheet.replaceSync(cssTextScoped()); } catch {}\n        const srSheets = ((rootNode as any).adoptedStyleSheets || []) as any[];\n        if (!srSheets.includes(this._varsDocSheet)) {\n          (rootNode as any).adoptedStyleSheets = [...srSheets, this._varsDocSheet];\n        }\n        return;\n      }\n      // Otherwise, attach to Document (styles won’t pierce closed shadow DOMs, but helps for light DOM cases)\n      const docSupportsConstructable = !!doc && 'adoptedStyleSheets' in doc && 'replaceSync' in CSSStyleSheet.prototype;\n      if (docSupportsConstructable && doc) {\n        if (!this._varsDocSheet) this._varsDocSheet = new CSSStyleSheet();\n        try { this._varsDocSheet.replaceSync(cssTextScoped()); } catch {}\n        const current = (doc.adoptedStyleSheets || []) as any[];\n        if (!current.includes(this._varsDocSheet)) {\n          doc.adoptedStyleSheets = [...current, this._varsDocSheet];\n        }\n        return;\n      }\n\n      // 3) Final fallback: no inline writes under strict CSP; rely on defaults\n    } catch {}\n  }\n}\n\n/**\n * Generic styles interface for component styling\n */\nexport interface ComponentStyles extends CSSProperties{\n  // Base design system variables\n  fontFamily?: string;\n  fontSize?: string;\n  color?: string;\n  backgroundColor?: string;\n\n  // Core color variables\n  primary?: string;\n  colorSecondary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorError?: string;\n  colorBackground?: string;\n  surface?: string;\n  surface2?: string;\n  surface3?: string;\n  borderPrimary?: string;\n  textPrimary?: string;\n  textSecondary?: string;\n\n  // Typography\n  fontSizeSm?: string;\n  fontSizeBase?: string;\n  fontSizeLg?: string;\n  fontSizeXl?: string;\n\n  // Spacing and layout\n  radiusSm?: string;\n  radiusMd?: string;\n  radiusLg?: string;\n  radiusXl?: string;\n  // Use spacing tokens via theme; no legacy gap vars\n  shadowSm?: string;\n  shadowMd?: string;\n\n  // Component-specific variables (to be extended by subclasses)\n  [key: string]: string | Record<string, string> | undefined;\n}\n"],"mappings":"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"}
+{"version":3,"file":"LitElementWithProps.js","names":["LitElement","vars: Record<string, string>","colorMappings: Record<string, string>","isObject"],"sources":["../../../../../src/core/WebAuthnManager/LitComponents/LitElementWithProps.ts"],"sourcesContent":["/**\n * Lit Component Property Upgrade Pattern\n *\n * Problem: The custom element upgrade race can silently drop properties set\n * on elements before the browser upgrades them from HTMLElement to the custom\n * class. Timeline: createElement → set props → append → upgrade → Lit init →\n * defaults overwrite early props.\n *\n * Solution: upgradeProperty pattern. On connectedCallback, for each declared\n * property, if a plain own-property value exists (set before upgrade), delete\n * the data property and reassign via the class setter to trigger Lit reactivity.\n *\n * This class implements that pattern and adds a few developer affordances:\n * - keepDefinitions: prevent treeshaking of nested custom elements used only\n *   through side-effects in templates by touching their constructors.\n * - requiredChildTags (+strictChildDefinitions): dev-time checks to surface\n *   missing nested element definitions early with a loud console.error or Error.\n * - applyStyles(): map style objects to CSS variables, including section-scoped\n *   tokens and viewport unit normalization (vh→dvh, vw→dvw when supported).\n *\n */\n\nimport { LitElement } from 'lit';\nimport { isObject } from '@/utils/validation';\n\nexport type CSSProperties = Record<string, string | Record<string, string> | undefined>;\n\ntype KeepDefinition = CustomElementConstructor;\n\ninterface LitElementWithPropsStatics {\n  keepDefinitions?: ReadonlyArray<KeepDefinition>;\n  requiredChildTags?: ReadonlyArray<string>;\n  strictChildDefinitions?: boolean;\n}\n\ninterface AdoptedStyleSheetsOwner {\n  adoptedStyleSheets: CSSStyleSheet[];\n}\n\nconst hasAdoptedStyleSheets = (node: unknown): node is AdoptedStyleSheetsOwner =>\n  !!node && typeof node === 'object' && 'adoptedStyleSheets' in node;\n\nconst supportsConstructableStylesheets = (): boolean =>\n  typeof CSSStyleSheet !== 'undefined' && 'replaceSync' in CSSStyleSheet.prototype;\n\n/**\n * Drop-in replacement for LitElement that automatically handles the custom element upgrade race.\n * See lit-element-with-props.md for more details.\n * All properties defined in static properties will be automatically upgraded on mount.\n */\nexport class LitElementWithProps extends LitElement {\n  // Per-instance CSS custom properties sheet to avoid inline style mutations.\n  private _varsSheet: CSSStyleSheet | null = null;\n  private _varsMap: Record<string, string> = {};\n  // Fallback sheet attached to the Document (constructable stylesheet) + a per-instance class\n  private _varsDocSheet: CSSStyleSheet | null = null;\n  private _varsClassName: string | null = null;\n  // No inline style capability check: components never write inline styles.\n\n  /**\n   * Optional: Subclasses can provide a list of imported custom element classes they rely on\n   * to prevent bundlers from tree-shaking those definitions when they are only used\n   * through side effects (e.g., nested custom elements inside templates).\n   * Example usage in a subclass:\n   *   import TxTree from '../TxTree';\n   *   static keepDefinitions = [TxTree];\n   */\n  static keepDefinitions?: ReadonlyArray<KeepDefinition>;\n\n  /**\n   * Optional: Tag names that should be defined before this component renders.\n   * When missing, a console.warn is emitted to remind developers to import/keep the child.\n   * Example:\n   *   static requiredChildTags = ['w3a-tx-tree'];\n   */\n  static requiredChildTags?: ReadonlyArray<string>;\n\n  /**\n   * When true, missing requiredChildTags trigger a thrown Error (instead of a warn).\n   * Useful in development to fail fast when a nested custom element definition\n   * has been tree‑shaken or not imported.\n   */\n  static strictChildDefinitions?: boolean;\n\n  /**\n   * Handles the custom element upgrade race for a specific property.\n   * This method ensures that any property values set before the custom element\n   * fully upgrades are correctly re-applied through Lit's property system.\n   * @param prop - The property name to upgrade\n   */\n  private upgradeProperty(prop: string): void {\n    if (Object.prototype.hasOwnProperty.call(this, prop)) {\n      // Capture the value that was set before upgrade\n      const selfRead = this as Record<string, unknown>;\n      const value = selfRead[prop];\n\n      // Remove the property so the class getter/setter takes over\n      delete selfRead[prop];\n\n      // Re-assign through the proper setter to trigger Lit's reactivity\n      (this as Record<string, unknown>)[prop] = value;\n    }\n  }\n\n  /**\n   * Automatically upgrades all properties defined in static properties.\n   * Called automatically in connectedCallback - no manual intervention needed.\n   */\n  private upgradeAllProperties(): void {\n    const constructor = this.constructor as typeof LitElement;\n    const properties = constructor.properties;\n\n    if (properties) {\n      // Handle both object syntax and Map syntax\n      const propertyNames = properties instanceof Map\n        ? Array.from(properties.keys())\n        : Object.keys(properties);\n\n      propertyNames.forEach(prop => this.upgradeProperty(prop));\n    }\n  }\n\n  /**\n   * Generic styles property for component customization.\n   * Subclasses can override this with their specific style types.\n   */\n  styles?: ComponentStyles;\n\n  /**\n   * Lit lifecycle: Called when element is added to DOM.\n   * Automatically upgrades all defined properties to handle the upgrade race.\n   */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.upgradeAllProperties();\n\n    // Apply styles if they exist\n    if (this.styles) {\n      this.applyStyles(this.styles, this.getComponentPrefix());\n    }\n\n    // No global token side-effects here; components read tokens from host/theme CSS\n\n    // Ensure referenced definitions are kept by bundlers (touch the values)\n    try {\n      const ctor = this.constructor as typeof LitElementWithProps & LitElementWithPropsStatics;\n      const { keepDefinitions, requiredChildTags, strictChildDefinitions } = ctor;\n      const defs = keepDefinitions;\n      if (defs && defs.length) {\n        // Touch each value to prevent tree-shaking of side-effect-only imports\n        for (const d of defs) void d;\n      }\n\n      // Dev-time reminder when nested custom elements are not defined\n      const req = requiredChildTags;\n      if (req && Array.isArray(req)) {\n        for (const tag of req) {\n          try {\n            if (typeof tag === 'string' && tag.includes('-') && !customElements.get(tag)) {\n              const msg = `[W3A] Required child custom element not defined: <${tag}>. ` +\n                'Import the module that defines it and keep a reference via `static keepDefinitions` ' +\n                'or a private field to avoid tree-shaking. See LitComponents/README.md (tree-shake checklist).';\n              if (strictChildDefinitions) {\n                throw new Error(msg);\n              } else {\n                // Elevate to error for visibility without breaking execution\n                console.error(msg);\n              }\n            }\n          } catch (err) {\n            // In strict mode, surface the failure to developers immediately\n            if (strictChildDefinitions) { throw err; }\n          }\n        }\n      }\n    } catch {}\n  }\n\n  /**\n   * Override this method in subclasses to return the appropriate component prefix\n   * for CSS variable naming (e.g., 'tree', 'modal', 'button').\n   */\n  protected getComponentPrefix(): string {\n    return 'component';\n  }\n\n  /**\n   * Applies component styles by translating a structured style object into\n   * CSS custom properties (variables) — never inline styles.\n   *\n   * CSP notes\n   * - No style=\"…\" attributes are written (compatible with style-src-attr 'none').\n   * - No <style> tags are injected. Variables are applied via constructable\n   *   stylesheets (adoptedStyleSheets). When unavailable, we fall back to a\n   *   document-level constructable sheet with a per-instance class. If even\n   *   that is not supported, we no-op and rely on external CSS defaults.\n   *\n   * How it works\n   * - Flattens top-level tokens (e.g., colors, radii) to canonical CSS vars\n   *   (e.g., --w3a-colors-*, --w3a-border-radius-*).\n   * - Transforms viewport units to dvh/dvw on capable engines to avoid\n   *   Safari 100vh issues.\n   * - Maps sectioned styles (nested objects) to namespaced variables of the\n   *   form --w3a-${prefix}__${section}__${prop} to scope tokens per-component.\n   * - Delegates to setCssVars(), which merges vars and updates the appropriate\n   *   constructable stylesheet target (ShadowRoot preferred).\n   *\n   * @param styles - The styles object to apply\n   * @param componentPrefix - Optional component prefix override, defaults to getComponentPrefix()\n   */\n  protected applyStyles(styles: ComponentStyles, componentPrefix?: string): void {\n    if (!styles) return;\n\n    const prefix = componentPrefix || this.getComponentPrefix();\n    const vars: Record<string, string> = {};\n    const setVar = (name: string, val: string) => { vars[name] = val; };\n    const toKebab = (s: string) => this.camelToKebab(s);\n\n    // Prefer dynamic viewport units on capable browsers to avoid Safari 100vh/100vw issues\n    const transformViewportUnits = (val: string): string => {\n      if (!val || typeof val !== 'string') return val;\n      try {\n        const canUseCssSupports = typeof CSS !== 'undefined' && typeof CSS.supports === 'function';\n        const supportsDvh = canUseCssSupports && CSS.supports('height', '1dvh');\n        const supportsDvw = canUseCssSupports && CSS.supports('width', '1dvw');\n        let out = val;\n        if (supportsDvh && out.includes('vh')) {\n          // Replace numeric vh occurrences (e.g., 50vh, calc(100vh - 1rem)) with dvh\n          out = out.replace(/([0-9]+(?:\\.[0-9]+)?)vh\\b/g, '$1dvh');\n        }\n        if (supportsDvw && out.includes('vw')) {\n          out = out.replace(/([0-9]+(?:\\.[0-9]+)?)vw\\b/g, '$1dvw');\n        }\n        return out;\n      } catch {\n        return val;\n      }\n    };\n\n    // Map known tokens to canonical CSS variables\n    const colorMappings: Record<string, string> = {\n      colorSecondary: '--w3a-colors-secondary',\n      colorSuccess: '--w3a-colors-success',\n      colorWarning: '--w3a-colors-warning',\n      colorError: '--w3a-colors-error',\n      colorBackground: '--w3a-colors-colorBackground',\n      surface: '--w3a-colors-surface',\n      surface2: '--w3a-colors-surface2',\n      surface3: '--w3a-colors-surface3',\n      borderPrimary: '--w3a-colors-borderPrimary',\n      borderSecondary: '--w3a-colors-borderSecondary',\n      borderHover: '--w3a-colors-borderHover',\n      textPrimary: '--w3a-colors-textPrimary',\n      textSecondary: '--w3a-colors-textSecondary',\n      textMuted: '--w3a-colors-textMuted',\n    };\n\n    const radiusMatcher = /^radius([A-Z].*)$/;\n    const shadowMatcher = /^shadow([A-Z].*)$/;\n\n    Object.entries(styles).forEach(([key, value]) => {\n      if (typeof value !== 'string') return;\n\n      const maybeTransformed = transformViewportUnits(value);\n\n      if (key in colorMappings) {\n        setVar(colorMappings[key], maybeTransformed);\n        return;\n      }\n\n      const r = key.match(radiusMatcher);\n      if (r) { setVar(`--w3a-border-radius-${r[1].toLowerCase()}`, maybeTransformed); return; }\n\n      const s = key.match(shadowMatcher);\n      if (s) { setVar(`--w3a-shadows-${s[1].toLowerCase()}`, maybeTransformed); return; }\n\n      // No legacy gap variables; rely on spacing tokens only.\n      setVar(`--w3a-${toKebab(key)}`, maybeTransformed);\n    });\n\n    // Component-scoped CSS variables\n    Object.entries(styles).forEach(([section, sectionStyles]) => {\n      if (sectionStyles && isObject(sectionStyles)) {\n        Object.entries(sectionStyles).forEach(([prop, value]) => {\n          const kebabSection = toKebab(section);\n          const kebabProp = toKebab(prop);\n          const cssVarNew = `--w3a-${prefix}__${kebabSection}__${kebabProp}`;\n          const v = typeof value === 'string' ? transformViewportUnits(value) : String(value);\n          vars[cssVarNew] = v;\n        });\n      }\n    });\n\n    this.setCssVars(vars);\n  }\n\n  /**\n   * Converts camelCase strings to kebab-case for CSS variables\n   */\n  camelToKebab(str: string): string {\n    return str.replace(/([A-Z])/g, '-$1').toLowerCase();\n  }\n\n  /** Merge and apply CSS variables via adopted stylesheets only (no inline style attr). */\n  protected setCssVars(vars: Record<string, string>): void {\n    try {\n      // Merge new vars\n      for (const [k, v] of Object.entries(vars)) {\n        if (v == null) continue;\n        this._varsMap[k] = String(v);\n      }\n      const decls = Object.entries(this._varsMap)\n        .map(([k, v]) => `${k}: ${v};`)\n        .join(' ');\n\n      const cssTextShadow = `:host{ ${decls} }`;\n      const canUseConstructable = supportsConstructableStylesheets();\n\n      // 1) Preferred: ShadowRoot adopted stylesheets\n      if (this.renderRoot instanceof ShadowRoot && canUseConstructable && hasAdoptedStyleSheets(this.renderRoot)) {\n        if (!this._varsSheet) this._varsSheet = new CSSStyleSheet();\n        try { this._varsSheet.replaceSync(cssTextShadow); } catch {}\n        const sheets = this.renderRoot.adoptedStyleSheets ?? [];\n        // Ensure the vars sheet is last so its :host var declarations override defaults\n        const without = sheets.filter(sheet => sheet !== this._varsSheet);\n        this.renderRoot.adoptedStyleSheets = [...without, this._varsSheet];\n        return;\n      }\n\n      // 2) Fallback (still CSP-safe): Document-level constructable stylesheet with per-instance class\n      const rootNode = this.getRootNode?.();\n      const doc = rootNode instanceof Document ? rootNode : document;\n      const cssTextScoped = () => {\n        if (!this._varsClassName) {\n          this._varsClassName = `w3a-vars-${Math.random().toString(36).slice(2)}`;\n          try { this.classList.add(this._varsClassName); } catch {}\n        }\n        return `.${this._varsClassName}{ ${decls} }`;\n      };\n      // Try attaching a constructable sheet to the nearest ShadowRoot when present\n      if (rootNode && canUseConstructable && hasAdoptedStyleSheets(rootNode)) {\n        if (!this._varsDocSheet) this._varsDocSheet = new CSSStyleSheet();\n        try { this._varsDocSheet.replaceSync(cssTextScoped()); } catch {}\n        const srSheets = rootNode.adoptedStyleSheets ?? [];\n        if (!srSheets.includes(this._varsDocSheet)) {\n          rootNode.adoptedStyleSheets = [...srSheets, this._varsDocSheet];\n        }\n        return;\n      }\n      // Otherwise, attach to Document (styles won’t pierce closed shadow DOMs, but helps for light DOM cases)\n      const docSupportsConstructable = canUseConstructable && hasAdoptedStyleSheets(doc);\n      if (docSupportsConstructable) {\n        if (!this._varsDocSheet) this._varsDocSheet = new CSSStyleSheet();\n        try { this._varsDocSheet.replaceSync(cssTextScoped()); } catch {}\n        const current = doc.adoptedStyleSheets ?? [];\n        if (!current.includes(this._varsDocSheet)) {\n          doc.adoptedStyleSheets = [...current, this._varsDocSheet];\n        }\n        return;\n      }\n\n      // 3) Final fallback: no inline writes under strict CSP; rely on defaults\n    } catch {}\n  }\n}\n\n/**\n * Generic styles interface for component styling\n */\nexport interface ComponentStyles extends CSSProperties{\n  // Base design system variables\n  fontFamily?: string;\n  fontSize?: string;\n  color?: string;\n  backgroundColor?: string;\n\n  // Core color variables\n  primary?: string;\n  colorSecondary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorError?: string;\n  colorBackground?: string;\n  surface?: string;\n  surface2?: string;\n  surface3?: string;\n  borderPrimary?: string;\n  textPrimary?: string;\n  textSecondary?: string;\n\n  // Typography\n  fontSizeSm?: string;\n  fontSizeBase?: string;\n  fontSizeLg?: string;\n  fontSizeXl?: string;\n\n  // Spacing and layout\n  radiusSm?: string;\n  radiusMd?: string;\n  radiusLg?: string;\n  radiusXl?: string;\n  // Use spacing tokens via theme; no legacy gap vars\n  shadowSm?: string;\n  shadowMd?: string;\n\n  // Component-specific variables (to be extended by subclasses)\n  [key: string]: string | Record<string, string> | undefined;\n}\n"],"mappings":"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"}

package/dist/cjs/core/WebAuthnManager/LitComponents/TxTree/index.js

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-const require_validation = require('../../../WalletIframe/validation.js');
+const require_validation = require('../../../../utils/validation.js');
 const require_tags = require('../tags.js');
 const require_LitElementWithProps = require('../LitElementWithProps.js');
 const require_lit_events = require('../lit-events.js');
@@ -12,7 +12,6 @@ let lit_directives_repeat_js = require("lit/directives/repeat.js");
 lit_directives_repeat_js = require_rolldown_runtime.__toESM(lit_directives_repeat_js);
 
 //#region src/core/WebAuthnManager/LitComponents/TxTree/index.ts
-require_validation.init_validation();
 /**
 * TxTree
 * A small, dependency-free Lit component that renders a tree-like UI suitable for tooltips.

package/dist/cjs/core/WebAuthnManager/LitComponents/TxTree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LitElementWithProps","clickedReceiverLink: HTMLAnchorElement | null","root","TX_TREE_THEMES","formatGas","formatDeposit","formatCodeSize","shortenPubkey","isNumber","isString","content: TemplateResult | undefined","W3A_TX_TREE_ID"],"sources":["../../../../../../src/core/WebAuthnManager/LitComponents/TxTree/index.ts"],"sourcesContent":["import { html, type TemplateResult } from 'lit';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { LitElementWithProps } from '../LitElementWithProps';\nimport { dispatchLitTreeToggled } from '../lit-events';\nimport type { TreeNode } from './tx-tree-utils';\nimport type { TxTreeStyles } from './tx-tree-themes';\nimport { TX_TREE_THEMES } from './tx-tree-themes';\nimport { formatGas, formatDeposit, formatCodeSize, shortenPubkey } from '../common/formatters';\nimport { isNumber, isString } from '../../../WalletIframe/validation';\nimport { ensureExternalStyles } from '../css/css-loader';\n// Re-export for backward compatibility\nexport type { TxTreeStyles } from './tx-tree-themes';\n\n/**\n * TxTree\n * A small, dependency-free Lit component that renders a tree-like UI suitable for tooltips.\n *\n * Usage:\n *   <w3a-tx-tree .node=${node} depth=\"0\"></w3a-tx-tree>\n *\n * Mapping note: txSigningRequests (TransactionInput[]) → TreeNode structure\n * Example (single FunctionCall):\n * {\n *   id: 'txs-root', label: 'Transaction', type: 'folder', open: true,\n *   children: [\n *     {\n *       id: 'tx-0',\n *       label: 'Transaction 1 to w3a-v1.testnet',\n *       type: 'folder',\n *       open: true,\n *       children: [\n *         {\n *           id: 'action-0',\n *           label: 'Action 1: FunctionCall',\n *           type: 'folder',\n *           open: false,\n *           children: [\n *             { id: 'a0-method', label: 'method: set_greeting', type: 'file' },\n *             { id: 'a0-gas', label: 'gas: 30000000000000', type: 'file' },\n *             { id: 'a0-deposit', label: 'deposit: 0', type: 'file' },\n *             { id: 'a0-args', label: 'args', type: 'file', content: '{\\n  \"greeting\": \"Hello from Embedded Component! [...]\"\\n}' }\n *           ]\n *         }\n *       ]\n *     }\n *   ]\n * }\n */\nexport class TxTree extends LitElementWithProps {\n\n  // Pure component contract:\n  // - Renders solely from inputs (node, depth, styles); holds no internal state\n  // - Complex inputs are passed via property binding, not attributes\n  static properties = {\n    // Explicitly disable attribute reflection for complex objects to ensure\n    // property binding (.node=..., .depth=..., .styles=...) is used and not coerced via attributes\n    node: { attribute: false },\n    // depth is driven by parent; keep attribute: false to avoid attr/property mismatch\n    depth: { type: Number, attribute: false },\n    // styles accepts full CSS customization - reactive to trigger re-renders\n    styles: { attribute: false, state: true },\n    theme: { type: String, reflect: true },\n    // Optional width for the tree at depth=0. Accepts number (px) or any CSS length string.\n    // Exposed as attribute for convenience, but property binding works too.\n    width: { type: String },\n    // Opt-in: render in Shadow DOM for encapsulation; default is light DOM for CSP simplicity\n    shadowDom: { type: Boolean, attribute: 'shadow-dom' },\n    // Optional: base URL for NEAR explorer links, e.g., https://testnet.nearblocks.io\n    nearExplorerUrl: { type: String, attribute: 'near-explorer-url' },\n    // Controls whether the outer tooltip wrapper shows a drop shadow.\n    // Defaults to true to preserve existing tooltip visuals.\n    showShadow: { type: Boolean, attribute: 'show-shadow' }\n  } as const;\n\n  // Do NOT set class field initializers for reactive props.\n  // Initializers can overwrite values set by the parent during element upgrade.\n  node?: TreeNode | null;\n  depth?: number;\n  styles?: TxTreeStyles;\n  theme?: 'dark' | 'light';\n  // Optional class applied to the root container (depth=0 only)\n  class?: string;\n  // Optional width for the tree (applies at depth=0 root container). Number is treated as pixels.\n  width?: string | number;\n  // When true, render using Shadow DOM and adopt styles into the ShadowRoot\n  shadowDom?: boolean;\n  // Optional base URL for explorer (e.g., https://testnet.nearblocks.io)\n  nearExplorerUrl?: string;\n  // When true (default), render the outer wrapper with drop shadow for tooltip usage\n  showShadow: boolean = true;\n\n  // Static styles removed; this component now relies on external tx-tree.css\n\n  // Track which node IDs have recently been copied\n  private _copied: Set<string> = new Set();\n  private _copyTimers: Map<string, number> = new Map();\n  private _animating: WeakSet<HTMLDetailsElement> = new WeakSet();\n\n  private isCopied(id: string): boolean {\n    return this._copied.has(id);\n  }\n\n  private async handleCopyClick(e: Event, node: TreeNode) {\n    e.stopPropagation();\n    const value = node.copyValue;\n    if (!value) return;\n    try {\n      if (navigator.clipboard && navigator.clipboard.writeText) {\n        await navigator.clipboard.writeText(value);\n      } else {\n        const ta = document.createElement('textarea');\n        ta.value = value;\n        ta.setAttribute('readonly', '');\n        ta.className = 'w3a-offscreen';\n        document.body.appendChild(ta);\n        ta.select();\n        try { document.execCommand('copy'); } catch {}\n        document.body.removeChild(ta);\n      }\n      // Mark as copied for 2 seconds\n      this._copied.add(node.id);\n      this.requestUpdate();\n      const existing = this._copyTimers.get(node.id);\n      if (existing) {\n        window.clearTimeout(existing);\n      }\n      const timer = window.setTimeout(() => {\n        this._copied.delete(node.id);\n        this._copyTimers.delete(node.id);\n        this.requestUpdate();\n      }, 2000);\n      this._copyTimers.set(node.id, timer);\n    } catch {\n      // Swallow errors silently\n    }\n  }\n\n  private handleToggle() {\n    // Notify parents that layout may have changed so they can re-measure\n    dispatchLitTreeToggled(this);\n  }\n\n  /**\n   * Intercept summary clicks to run height animations for open/close.\n   * Keeps native semantics by toggling details.open at the appropriate time.\n   */\n  private onSummaryClick = (e: Event) => {\n    const summary = e.currentTarget as HTMLElement | null;\n    if (!summary) return;\n\n    // If the click originated on a receiver-id link, prevent the native\n    // toggle on <summary> and open the link in a new tab instead.\n    const path = (e as any).composedPath?.() as EventTarget[] | undefined;\n    let clickedReceiverLink: HTMLAnchorElement | null = null;\n    if (Array.isArray(path)) {\n      for (const t of path) {\n        if (t && typeof (t as any).matches === 'function' && (t as any).matches('a.highlight-receiver-id')) {\n          clickedReceiverLink = t as HTMLAnchorElement;\n          break;\n        }\n      }\n    } else {\n      const target = e.target as HTMLElement | null;\n      clickedReceiverLink = (target?.closest?.('a.highlight-receiver-id') as HTMLAnchorElement | null) ?? null;\n    }\n    if (clickedReceiverLink) {\n      e.preventDefault();\n      e.stopPropagation();\n      try { window.open(clickedReceiverLink.href, '_blank', 'noopener'); } catch {}\n      return;\n    }\n\n    // Otherwise, prevent native toggle so we can animate first\n    e.preventDefault();\n    e.stopPropagation();\n\n    const details = summary.closest('details') as HTMLDetailsElement | null;\n    if (!details || this._animating.has(details)) return;\n\n    // Find the collapsible body (folder children or file row content)\n    const body = details.querySelector(':scope > .folder-children, :scope > .row.file-row') as HTMLElement | null;\n    // If no body, fall back to instant toggle + event\n    if (!body) {\n      details.open = !details.open;\n      this.handleToggle();\n      return;\n    }\n\n    // Respect reduced motion\n    const reduceMotion = (() => {\n      return typeof window !== 'undefined' && 'matchMedia' in window\n        ? window.matchMedia('(prefers-reduced-motion: reduce)').matches\n        : false;\n    })();\n\n    if (reduceMotion) {\n      details.open = !details.open;\n      this.handleToggle();\n      return;\n    }\n\n    if (!details.open) {\n      this.animateOpen(details, body);\n    } else {\n      this.animateClose(details, body);\n    }\n  }\n\n  private animateOpen(details: HTMLDetailsElement, body: HTMLElement) {\n    this._animating.add(details);\n    // Prepare closed state and open the details element\n    body.classList.add('anim-h');\n    details.open = true;\n\n    requestAnimationFrame(() => {\n      const target = `${body.scrollHeight}px`;\n      // Drive animation via host CSS variable; avoid inline styles\n      this.setCssVars({ '--w3a-tree__anim-target': target });\n      // Activate transition to target height\n      body.classList.add('anim-h-active');\n      let done = false;\n      const cleanup = () => {\n        if (done) return; done = true;\n        body.classList.remove('anim-h');\n        body.classList.remove('anim-h-active');\n        this._animating.delete(details);\n        this.handleToggle();\n      };\n      const onEnd = (ev: TransitionEvent) => {\n        if (ev.propertyName !== 'height') return;\n        body.removeEventListener('transitionend', onEnd);\n        cleanup();\n      };\n      body.addEventListener('transitionend', onEnd);\n      // Safety fallback in case transitionend doesn't fire (e.g., no CSS vars path)\n      window.setTimeout(() => {\n        body.removeEventListener('transitionend', onEnd);\n        cleanup();\n      }, 200);\n    });\n  }\n\n  private animateClose(details: HTMLDetailsElement, body: HTMLElement) {\n    this._animating.add(details);\n    const start = `${body.scrollHeight}px`;\n    // Pin current height, then transition to 0 using classes\n    this.setCssVars({ '--w3a-tree__anim-target': start });\n    body.classList.add('anim-h');\n    body.classList.add('anim-h-active');\n    // Force reflow to ensure start height is applied\n    void body.offsetHeight;\n    requestAnimationFrame(() => {\n      body.classList.remove('anim-h-active');\n      let done = false;\n      const cleanup = () => {\n        if (done) return; done = true;\n        body.removeEventListener('transitionend', onEnd);\n        details.open = false;\n        body.classList.remove('anim-h');\n        this._animating.delete(details);\n        this.handleToggle();\n      };\n      const onEnd = (ev: TransitionEvent) => {\n        if (ev.propertyName !== 'height') return;\n        cleanup();\n      };\n      body.addEventListener('transitionend', onEnd);\n      // Safety fallback in case transitionend doesn't fire\n      window.setTimeout(() => cleanup(), 250);\n    });\n  }\n\n  protected getComponentPrefix(): string {\n    return 'tree';\n  }\n\n  protected applyStyles(styles: TxTreeStyles): void {\n    super.applyStyles(styles, 'tree');\n  }\n\n  // Prefer light DOM rendering so styles are fully externalized for strict CSP.\n  // External tx-tree.css is ensured for both light/shadow contexts, but we render\n  // in light DOM by default to avoid Lit injecting a <style> tag.\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    if (this.shadowDom) {\n      // Encapsulated mode: render in ShadowRoot and adopt stylesheet there\n      const root = super.createRenderRoot();\n      ensureExternalStyles(root as ShadowRoot | DocumentFragment | HTMLElement, 'tx-tree.css', 'data-w3a-tx-tree-css').catch(() => {});\n      return root;\n    }\n    // Default: light DOM render for CSP simplicity; ensure styles at host and (if present) nearest ShadowRoot\n    ensureExternalStyles(this as unknown as HTMLElement, 'tx-tree.css', 'data-w3a-tx-tree-css').catch(() => {});\n    const root = (this.getRootNode && this.getRootNode()) as any;\n    if (root && typeof root === 'object' && 'host' in root) {\n      ensureExternalStyles(root as ShadowRoot, 'tx-tree.css', 'data-w3a-tx-tree-css').catch(() => {});\n    }\n    return this as unknown as HTMLElement;\n  }\n\n  /**\n   * Lifecycle method to apply styles when they change\n   */\n  protected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n    super.updated(changedProperties);\n    // 1) Apply explicit styles when provided and non-empty\n    const hasExplicitStyles = !!this.styles && Object.keys(this.styles as Record<string, unknown>).length > 0;\n    if (changedProperties.has('styles') && hasExplicitStyles) {\n      this.applyStyles(this.styles as TxTreeStyles);\n    }\n    // 2) Fall back to theme-driven defaults when styles are not provided/changed\n    // This makes <w3a-tx-tree theme=\"dark|light\"> responsive even if a parent forgets\n    // to pass a styles object for the theme.\n    if (changedProperties.has('theme') && !hasExplicitStyles && this.theme) {\n      const preset = TX_TREE_THEMES[this.theme] || TX_TREE_THEMES.dark;\n      this.applyStyles(preset);\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  private renderLabelWithSelectiveHighlight(treeNode: TreeNode): TemplateResult | string {\n    // Action-level labels (with inline highlights)\n    if (treeNode.action) {\n      const a = treeNode.action;\n      switch (a.type) {\n        case 'FunctionCall': {\n          let method = a.methodName;\n          let gasStr = formatGas(a.gas);\n          let depositStr = formatDeposit(a.deposit);\n          return html`Calling <span class=\"highlight-method-name\">${method}</span>\n              ${depositStr !== '0 NEAR' ? html` with <span class=\"highlight-method-name\">${depositStr}</span>` : ''}\n              ${gasStr ? html` using <span class=\"highlight-method-name\">${gasStr}</span>` : ''}`;\n        }\n        case 'Transfer': {\n          let amount = formatDeposit(a.amount);\n          return html`Transfer <span class=\"highlight-amount\">${amount}</span>`;\n        }\n        case 'CreateAccount':\n          return 'Creating Account';\n        case 'DeleteAccount':\n          // let beneficiaryId = formatDeposit(a.beneficiaryId);\n          // return html`Deleting Account, sending balance to <span class=\"highlight-amount\">${beneficiaryId}</span>`;\n          return 'Deleting Account';\n        case 'Stake':\n          return `Staking ${formatDeposit(a.stake)}`;\n        case 'AddKey':\n          let ak = a.accessKey;\n          // let accessKeyObj = typeof ak === 'string' ? JSON.parse(ak) : ak;\n          // let permission = accessKeyObj.permission === 'FullAccess' ? 'Full Access' : 'Function Call';\n          return `Adding Key`;\n        case 'DeleteKey':\n          return `Deleting Key`;\n        case 'DeployContract': {\n          const codeSize = formatCodeSize(a.code);\n          return `Deploying WASM contract (${codeSize})`;\n        }\n        case 'DeployGlobalContract': {\n          const codeSize = formatCodeSize((a as any).code);\n          const mode = (a as any).deployMode || 'Unknown';\n          return `Deploy global WASM contract (mode: ${mode}, size ${codeSize})`;\n        }\n        case 'UseGlobalContract': {\n          const accountId = (a as any).accountId;\n          const codeHash = (a as any).codeHash;\n          if (accountId) {\n            const base = (this.nearExplorerUrl || 'https://testnet.nearblocks.io').replace(/\\/$/, '');\n            const href = `${base}/address/${encodeURIComponent(accountId)}`;\n            return html`Use global contract <a\n              class=\"highlight-receiver-id\"\n              href=${href}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >${accountId}</a>`;\n          }\n          if (codeHash) {\n            const short = shortenPubkey(codeHash, { prefix: 10, suffix: 6 });\n            return html`Use global contract by hash <span class=\"highlight-method-name\">${short}</span>`;\n          }\n          return 'Use global contract';\n        }\n        default: {\n          const idxText = isNumber(treeNode.actionIndex) ? ` ${treeNode.actionIndex + 1}` : '';\n          const typeText = a.type || 'Unknown';\n          return `Action ${idxText}: ${typeText}`;\n        }\n      }\n    }\n\n    // Transaction-level labels (with inline receiver highlight)\n    if (treeNode.transaction) {\n      const total = treeNode.totalTransactions ?? 1;\n      const idx = treeNode.transactionIndex ?? 0;\n      const prefix = total > 1 ? `Transaction ${idx + 1}: to ` : 'Transaction to ';\n      const receiverId = treeNode.transaction.receiverId;\n      const base = (this.nearExplorerUrl || 'https://testnet.nearblocks.io').replace(/\\/$/, '');\n      const href = `${base}/address/${encodeURIComponent(receiverId)}`;\n      return html`${prefix}<a\n        class=\"highlight-receiver-id\"\n        href=${href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >${receiverId}</a>`;\n    }\n\n    // Fallback to plain label for non-action, non-transaction nodes\n    return treeNode.label || '';\n  }\n\n  /**\n   * Compute a plain-text version of the label for use in the title tooltip.\n   * Mirrors renderLabelWithSelectiveHighlight but without inline HTML/spans.\n   */\n  private computePlainLabel(treeNode: TreeNode): string {\n    // Action-level labels\n    if (treeNode.action) {\n      const a = treeNode.action;\n      switch (a.type) {\n        case 'FunctionCall': {\n          const method = a.methodName;\n          const gasStr = formatGas(a.gas);\n          const depositStr = formatDeposit(a.deposit);\n          return `Calling ${method} with ${depositStr} using ${gasStr}`;\n        }\n        case 'Transfer':\n          return `Transfer ${formatDeposit(a.amount)}`;\n        case 'CreateAccount':\n          return 'Creating Account';\n        case 'DeleteAccount':\n          return 'Deleting Account';\n        case 'Stake':\n          return `Staking ${formatDeposit(a.stake)}`;\n        case 'AddKey':\n          return 'Adding Key';\n        case 'DeleteKey':\n          return 'Deleting Key';\n        case 'DeployContract':\n          return 'Deploying WASM contract';\n        case 'DeployGlobalContract': {\n          const codeSize = formatCodeSize((a as any).code);\n          const mode = (a as any).deployMode || 'Unknown';\n          return `Deploy global WASM contract (mode: ${mode}, size ${codeSize})`;\n        }\n        case 'UseGlobalContract': {\n          const accountId = (a as any).accountId;\n          const codeHash = (a as any).codeHash;\n          if (accountId) {\n            return `Use global contract by account ${accountId}`;\n          }\n          if (codeHash) {\n            return `Use global contract by hash ${codeHash}`;\n          }\n          return 'Use global contract';\n        }\n        default: {\n          const idxText = isNumber(treeNode.actionIndex) ? ` ${treeNode.actionIndex + 1}` : '';\n          const typeText = a.type || 'Unknown';\n          return `Action${idxText}: ${typeText}`;\n        }\n      }\n    }\n\n    // Transaction-level labels\n    if (treeNode.transaction) {\n      const total = treeNode.totalTransactions ?? 1;\n      const idx = treeNode.transactionIndex ?? 0;\n      const prefix = total > 1 ? `Transaction ${idx + 1}: to ` : 'Transaction to ';\n      const receiverId = treeNode.transaction.receiverId;\n      return `${prefix}${receiverId}`;\n    }\n\n    return treeNode.label || '';\n  }\n\n  private renderLeaf(depth: number, node: TreeNode): TemplateResult | undefined {\n\n    const depthIndex = Math.max(0, depth - 1);\n\n    // If content exists, render a collapsible details with the content\n    if (isString(node.content) && node.content.length > 0) {\n      return html`\n        <details class=\"tree-node file\" ?open=${!!node.open}>\n          <summary class=\"row summary-row depth-${depthIndex}\"\n            data-no-elbow=\"${!!node.hideLabel}\"\n            @click=${this.onSummaryClick}\n          >\n            <span class=\"indent\"></span>\n            <span class=\"label label-action-node\" ?hidden=${!!node.hideLabel}>\n              ${\n                !node.hideChevron\n                ? html`\n                  <svg class=\"chevron\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                    <path fill=\"currentColor\" d=\"M6 3l5 5-5 5z\" />\n                  </svg>`\n                : ''\n              }\n              <span class=\"label-text\" title=${this.computePlainLabel(node)}>\n                ${this.renderLabelWithSelectiveHighlight(node)}\n              </span>\n              ${\n                node.copyValue\n                ? html`\n                  <span class=\"copy-badge\"\n                    data-copied=${this.isCopied(node.id)}\n                    @click=${(e: Event) => this.handleCopyClick(e, node)}\n                    title=${this.isCopied(node.id) ? 'Copied' : 'Copy'}\n                  >\n                    ${this.isCopied(node.id) ? 'copied' : 'copy'}\n                  </span>`\n                : ''\n              }\n            </span>\n            <!-- Move file-content into .summary-row so we can collapse it by default -->\n            <div class=\"file-content\">${node.content}</div>\n          </summary>\n          <!-- Alternative rendering for file content kept for reference; no inline styles allowed -->\n        </details>\n      `;\n    }\n    // Plain file row without content\n    return html`\n      <div class=\"row file-row depth-${depthIndex}\"\n        data-no-elbow=\"${!!node.hideLabel}\"\n        ?open=${!!node.open}\n      >\n        <span class=\"indent\"></span>\n        <span class=\"label label-action-node\" ?hidden=${!!node.hideLabel}>\n          <span class=\"label-text\" title=${this.computePlainLabel(node)}>\n            ${this.renderLabelWithSelectiveHighlight(node)}\n          </span>\n          ${node.copyValue ? html`\n            <span class=\"copy-badge\"\n              data-copied=${this.isCopied(node.id)}\n              @click=${(e: Event) => this.handleCopyClick(e, node)}\n              title=${this.isCopied(node.id) ? 'Copied' : 'Copy'}\n            >${this.isCopied(node.id) ? 'copied' : 'copy'}</span>\n          ` : ''}\n        </span>\n      </div>\n    `;\n  }\n\n  private renderFolder(depth: number, node: TreeNode): TemplateResult | undefined {\n\n    const { children: nodeChildren } = node;\n    const depthIndex = Math.max(0, depth - 1);\n\n    return html`\n      <details class=\"tree-node folder\" ?open=${!!node.open}>\n        <summary class=\"row summary-row depth-${depthIndex}\"\n          data-no-elbow=\"${!!node.hideLabel}\"\n          @click=${this.onSummaryClick}\n        >\n          <span class=\"indent\"></span>\n          <span class=\"label\" ?hidden=${!!node.hideLabel}>\n            ${!node.hideChevron ? html`\n              <svg class=\"chevron\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                <path fill=\"currentColor\" d=\"M6 3l5 5-5 5z\" />\n              </svg>\n            ` : ''}\n            <span class=\"label-text\" title=${this.computePlainLabel(node)}>\n              ${this.renderLabelWithSelectiveHighlight(node)}\n            </span>\n          </span>\n        </summary>\n        ${nodeChildren && nodeChildren.length > 0 ? html`\n          <div class=\"folder-children\">\n            ${repeat(nodeChildren, (c) => c.id, (c) => this.renderAnyNode(c, depth + 1))}\n          </div>\n        ` : html``}\n      </details>\n    `;\n  }\n\n  private renderAnyNode(node: TreeNode, depth: number): TemplateResult | undefined {\n    return node.type === 'file'\n      ? this.renderLeaf(depth, node)\n      : this.renderFolder(depth, node);\n  }\n\n  render() {\n    if (!this.node || (this.node.type === 'folder' && !this.node.children?.length)) {\n      return html``;\n    }\n\n    let depth = this.depth ?? 0;\n    let content: TemplateResult | undefined;\n    if (depth === 0) {\n      const extraClass = this.class ? ` ${this.class}` : '';\n      const scrollClass = this.class ? ' scrollable-root' : '';\n      // Render only the children as top-level entries\n      // When showShadow=false, skip the outer shadow wrapper to blend into host surfaces\n      const inner = html`\n        <div class=\"tooltip-tree-root${extraClass}${scrollClass}\">\n          <div class=\"tooltip-tree-children\">\n            ${repeat(\n              Array.isArray(this.node.children) ? this.node.children : [],\n              (child) => child.id,\n              (child) => this.renderAnyNode(child, depth + 1)\n            )}\n          </div>\n        </div>\n      `;\n      content = this.showShadow\n        ? html`<div class=\"tooltip-border-outer\">${inner}</div>`\n        : inner;\n    } else if (this.node.type === 'folder') {\n      content = this.renderFolder(depth, this.node);\n    } else if (this.node.type === 'file') {\n      content = this.renderLeaf(depth, this.node);\n    }\n\n    return content;\n  }\n}\n\nimport { W3A_TX_TREE_ID } from '../tags';\n\nif (!customElements.get(W3A_TX_TREE_ID)) {\n  customElements.define(W3A_TX_TREE_ID, TxTree);\n}\n// Legacy alias: use a subclass to avoid constructor reuse error\nif (!customElements.get('tx-tree')) {\n  class TxTreeAlias extends TxTree {}\n  customElements.define('tx-tree', TxTreeAlias as unknown as CustomElementConstructor);\n}\n\nexport default TxTree;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["LitElementWithProps","clickedReceiverLink: HTMLAnchorElement | null","root","TX_TREE_THEMES","formatGas","formatDeposit","formatCodeSize","shortenPubkey","isNumber","isString","content: TemplateResult | undefined","W3A_TX_TREE_ID"],"sources":["../../../../../../src/core/WebAuthnManager/LitComponents/TxTree/index.ts"],"sourcesContent":["import { html, type TemplateResult } from 'lit';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { LitElementWithProps } from '../LitElementWithProps';\nimport { dispatchLitTreeToggled } from '../lit-events';\nimport type { TreeNode } from './tx-tree-utils';\nimport type { TxTreeStyles } from './tx-tree-themes';\nimport { TX_TREE_THEMES } from './tx-tree-themes';\nimport { formatGas, formatDeposit, formatCodeSize, shortenPubkey } from '../common/formatters';\nimport { isNumber, isString } from '@/utils/validation';\nimport { ensureExternalStyles } from '../css/css-loader';\n// Re-export for backward compatibility\nexport type { TxTreeStyles } from './tx-tree-themes';\n\n/**\n * TxTree\n * A small, dependency-free Lit component that renders a tree-like UI suitable for tooltips.\n *\n * Usage:\n *   <w3a-tx-tree .node=${node} depth=\"0\"></w3a-tx-tree>\n *\n * Mapping note: txSigningRequests (TransactionInput[]) → TreeNode structure\n * Example (single FunctionCall):\n * {\n *   id: 'txs-root', label: 'Transaction', type: 'folder', open: true,\n *   children: [\n *     {\n *       id: 'tx-0',\n *       label: 'Transaction 1 to w3a-v1.testnet',\n *       type: 'folder',\n *       open: true,\n *       children: [\n *         {\n *           id: 'action-0',\n *           label: 'Action 1: FunctionCall',\n *           type: 'folder',\n *           open: false,\n *           children: [\n *             { id: 'a0-method', label: 'method: set_greeting', type: 'file' },\n *             { id: 'a0-gas', label: 'gas: 30000000000000', type: 'file' },\n *             { id: 'a0-deposit', label: 'deposit: 0', type: 'file' },\n *             { id: 'a0-args', label: 'args', type: 'file', content: '{\\n  \"greeting\": \"Hello from Embedded Component! [...]\"\\n}' }\n *           ]\n *         }\n *       ]\n *     }\n *   ]\n * }\n */\nexport class TxTree extends LitElementWithProps {\n\n  // Pure component contract:\n  // - Renders solely from inputs (node, depth, styles); holds no internal state\n  // - Complex inputs are passed via property binding, not attributes\n  static properties = {\n    // Explicitly disable attribute reflection for complex objects to ensure\n    // property binding (.node=..., .depth=..., .styles=...) is used and not coerced via attributes\n    node: { attribute: false },\n    // depth is driven by parent; keep attribute: false to avoid attr/property mismatch\n    depth: { type: Number, attribute: false },\n    // styles accepts full CSS customization - reactive to trigger re-renders\n    styles: { attribute: false, state: true },\n    theme: { type: String, reflect: true },\n    // Optional width for the tree at depth=0. Accepts number (px) or any CSS length string.\n    // Exposed as attribute for convenience, but property binding works too.\n    width: { type: String },\n    // Opt-in: render in Shadow DOM for encapsulation; default is light DOM for CSP simplicity\n    shadowDom: { type: Boolean, attribute: 'shadow-dom' },\n    // Optional: base URL for NEAR explorer links, e.g., https://testnet.nearblocks.io\n    nearExplorerUrl: { type: String, attribute: 'near-explorer-url' },\n    // Controls whether the outer tooltip wrapper shows a drop shadow.\n    // Defaults to true to preserve existing tooltip visuals.\n    showShadow: { type: Boolean, attribute: 'show-shadow' }\n  } as const;\n\n  // Do NOT set class field initializers for reactive props.\n  // Initializers can overwrite values set by the parent during element upgrade.\n  node?: TreeNode | null;\n  depth?: number;\n  styles?: TxTreeStyles;\n  theme?: 'dark' | 'light';\n  // Optional class applied to the root container (depth=0 only)\n  class?: string;\n  // Optional width for the tree (applies at depth=0 root container). Number is treated as pixels.\n  width?: string | number;\n  // When true, render using Shadow DOM and adopt styles into the ShadowRoot\n  shadowDom?: boolean;\n  // Optional base URL for explorer (e.g., https://testnet.nearblocks.io)\n  nearExplorerUrl?: string;\n  // When true (default), render the outer wrapper with drop shadow for tooltip usage\n  showShadow: boolean = true;\n\n  // Static styles removed; this component now relies on external tx-tree.css\n\n  // Track which node IDs have recently been copied\n  private _copied: Set<string> = new Set();\n  private _copyTimers: Map<string, number> = new Map();\n  private _animating: WeakSet<HTMLDetailsElement> = new WeakSet();\n\n  private isCopied(id: string): boolean {\n    return this._copied.has(id);\n  }\n\n  private async handleCopyClick(e: Event, node: TreeNode) {\n    e.stopPropagation();\n    const value = node.copyValue;\n    if (!value) return;\n    try {\n      if (navigator.clipboard && navigator.clipboard.writeText) {\n        await navigator.clipboard.writeText(value);\n      } else {\n        const ta = document.createElement('textarea');\n        ta.value = value;\n        ta.setAttribute('readonly', '');\n        ta.className = 'w3a-offscreen';\n        document.body.appendChild(ta);\n        ta.select();\n        try { document.execCommand('copy'); } catch {}\n        document.body.removeChild(ta);\n      }\n      // Mark as copied for 2 seconds\n      this._copied.add(node.id);\n      this.requestUpdate();\n      const existing = this._copyTimers.get(node.id);\n      if (existing) {\n        window.clearTimeout(existing);\n      }\n      const timer = window.setTimeout(() => {\n        this._copied.delete(node.id);\n        this._copyTimers.delete(node.id);\n        this.requestUpdate();\n      }, 2000);\n      this._copyTimers.set(node.id, timer);\n    } catch {\n      // Swallow errors silently\n    }\n  }\n\n  private handleToggle() {\n    // Notify parents that layout may have changed so they can re-measure\n    dispatchLitTreeToggled(this);\n  }\n\n  /**\n   * Intercept summary clicks to run height animations for open/close.\n   * Keeps native semantics by toggling details.open at the appropriate time.\n   */\n  private onSummaryClick = (e: Event) => {\n    const summary = e.currentTarget as HTMLElement | null;\n    if (!summary) return;\n\n    // If the click originated on a receiver-id link, prevent the native\n    // toggle on <summary> and open the link in a new tab instead.\n    const path = (e as any).composedPath?.() as EventTarget[] | undefined;\n    let clickedReceiverLink: HTMLAnchorElement | null = null;\n    if (Array.isArray(path)) {\n      for (const t of path) {\n        if (t && typeof (t as any).matches === 'function' && (t as any).matches('a.highlight-receiver-id')) {\n          clickedReceiverLink = t as HTMLAnchorElement;\n          break;\n        }\n      }\n    } else {\n      const target = e.target as HTMLElement | null;\n      clickedReceiverLink = (target?.closest?.('a.highlight-receiver-id') as HTMLAnchorElement | null) ?? null;\n    }\n    if (clickedReceiverLink) {\n      e.preventDefault();\n      e.stopPropagation();\n      try { window.open(clickedReceiverLink.href, '_blank', 'noopener'); } catch {}\n      return;\n    }\n\n    // Otherwise, prevent native toggle so we can animate first\n    e.preventDefault();\n    e.stopPropagation();\n\n    const details = summary.closest('details') as HTMLDetailsElement | null;\n    if (!details || this._animating.has(details)) return;\n\n    // Find the collapsible body (folder children or file row content)\n    const body = details.querySelector(':scope > .folder-children, :scope > .row.file-row') as HTMLElement | null;\n    // If no body, fall back to instant toggle + event\n    if (!body) {\n      details.open = !details.open;\n      this.handleToggle();\n      return;\n    }\n\n    // Respect reduced motion\n    const reduceMotion = (() => {\n      return typeof window !== 'undefined' && 'matchMedia' in window\n        ? window.matchMedia('(prefers-reduced-motion: reduce)').matches\n        : false;\n    })();\n\n    if (reduceMotion) {\n      details.open = !details.open;\n      this.handleToggle();\n      return;\n    }\n\n    if (!details.open) {\n      this.animateOpen(details, body);\n    } else {\n      this.animateClose(details, body);\n    }\n  }\n\n  private animateOpen(details: HTMLDetailsElement, body: HTMLElement) {\n    this._animating.add(details);\n    // Prepare closed state and open the details element\n    body.classList.add('anim-h');\n    details.open = true;\n\n    requestAnimationFrame(() => {\n      const target = `${body.scrollHeight}px`;\n      // Drive animation via host CSS variable; avoid inline styles\n      this.setCssVars({ '--w3a-tree__anim-target': target });\n      // Activate transition to target height\n      body.classList.add('anim-h-active');\n      let done = false;\n      const cleanup = () => {\n        if (done) return; done = true;\n        body.classList.remove('anim-h');\n        body.classList.remove('anim-h-active');\n        this._animating.delete(details);\n        this.handleToggle();\n      };\n      const onEnd = (ev: TransitionEvent) => {\n        if (ev.propertyName !== 'height') return;\n        body.removeEventListener('transitionend', onEnd);\n        cleanup();\n      };\n      body.addEventListener('transitionend', onEnd);\n      // Safety fallback in case transitionend doesn't fire (e.g., no CSS vars path)\n      window.setTimeout(() => {\n        body.removeEventListener('transitionend', onEnd);\n        cleanup();\n      }, 200);\n    });\n  }\n\n  private animateClose(details: HTMLDetailsElement, body: HTMLElement) {\n    this._animating.add(details);\n    const start = `${body.scrollHeight}px`;\n    // Pin current height, then transition to 0 using classes\n    this.setCssVars({ '--w3a-tree__anim-target': start });\n    body.classList.add('anim-h');\n    body.classList.add('anim-h-active');\n    // Force reflow to ensure start height is applied\n    void body.offsetHeight;\n    requestAnimationFrame(() => {\n      body.classList.remove('anim-h-active');\n      let done = false;\n      const cleanup = () => {\n        if (done) return; done = true;\n        body.removeEventListener('transitionend', onEnd);\n        details.open = false;\n        body.classList.remove('anim-h');\n        this._animating.delete(details);\n        this.handleToggle();\n      };\n      const onEnd = (ev: TransitionEvent) => {\n        if (ev.propertyName !== 'height') return;\n        cleanup();\n      };\n      body.addEventListener('transitionend', onEnd);\n      // Safety fallback in case transitionend doesn't fire\n      window.setTimeout(() => cleanup(), 250);\n    });\n  }\n\n  protected getComponentPrefix(): string {\n    return 'tree';\n  }\n\n  protected applyStyles(styles: TxTreeStyles): void {\n    super.applyStyles(styles, 'tree');\n  }\n\n  // Prefer light DOM rendering so styles are fully externalized for strict CSP.\n  // External tx-tree.css is ensured for both light/shadow contexts, but we render\n  // in light DOM by default to avoid Lit injecting a <style> tag.\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    if (this.shadowDom) {\n      // Encapsulated mode: render in ShadowRoot and adopt stylesheet there\n      const root = super.createRenderRoot();\n      ensureExternalStyles(root as ShadowRoot | DocumentFragment | HTMLElement, 'tx-tree.css', 'data-w3a-tx-tree-css').catch(() => {});\n      return root;\n    }\n    // Default: light DOM render for CSP simplicity; ensure styles at host and (if present) nearest ShadowRoot\n    ensureExternalStyles(this as unknown as HTMLElement, 'tx-tree.css', 'data-w3a-tx-tree-css').catch(() => {});\n    const root = (this.getRootNode && this.getRootNode()) as any;\n    if (root && typeof root === 'object' && 'host' in root) {\n      ensureExternalStyles(root as ShadowRoot, 'tx-tree.css', 'data-w3a-tx-tree-css').catch(() => {});\n    }\n    return this as unknown as HTMLElement;\n  }\n\n  /**\n   * Lifecycle method to apply styles when they change\n   */\n  protected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n    super.updated(changedProperties);\n    // 1) Apply explicit styles when provided and non-empty\n    const hasExplicitStyles = !!this.styles && Object.keys(this.styles as Record<string, unknown>).length > 0;\n    if (changedProperties.has('styles') && hasExplicitStyles) {\n      this.applyStyles(this.styles as TxTreeStyles);\n    }\n    // 2) Fall back to theme-driven defaults when styles are not provided/changed\n    // This makes <w3a-tx-tree theme=\"dark|light\"> responsive even if a parent forgets\n    // to pass a styles object for the theme.\n    if (changedProperties.has('theme') && !hasExplicitStyles && this.theme) {\n      const preset = TX_TREE_THEMES[this.theme] || TX_TREE_THEMES.dark;\n      this.applyStyles(preset);\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  private renderLabelWithSelectiveHighlight(treeNode: TreeNode): TemplateResult | string {\n    // Action-level labels (with inline highlights)\n    if (treeNode.action) {\n      const a = treeNode.action;\n      switch (a.type) {\n        case 'FunctionCall': {\n          let method = a.methodName;\n          let gasStr = formatGas(a.gas);\n          let depositStr = formatDeposit(a.deposit);\n          return html`Calling <span class=\"highlight-method-name\">${method}</span>\n              ${depositStr !== '0 NEAR' ? html` with <span class=\"highlight-method-name\">${depositStr}</span>` : ''}\n              ${gasStr ? html` using <span class=\"highlight-method-name\">${gasStr}</span>` : ''}`;\n        }\n        case 'Transfer': {\n          let amount = formatDeposit(a.amount);\n          return html`Transfer <span class=\"highlight-amount\">${amount}</span>`;\n        }\n        case 'CreateAccount':\n          return 'Creating Account';\n        case 'DeleteAccount':\n          // let beneficiaryId = formatDeposit(a.beneficiaryId);\n          // return html`Deleting Account, sending balance to <span class=\"highlight-amount\">${beneficiaryId}</span>`;\n          return 'Deleting Account';\n        case 'Stake':\n          return `Staking ${formatDeposit(a.stake)}`;\n        case 'AddKey':\n          let ak = a.accessKey;\n          // let accessKeyObj = typeof ak === 'string' ? JSON.parse(ak) : ak;\n          // let permission = accessKeyObj.permission === 'FullAccess' ? 'Full Access' : 'Function Call';\n          return `Adding Key`;\n        case 'DeleteKey':\n          return `Deleting Key`;\n        case 'DeployContract': {\n          const codeSize = formatCodeSize(a.code);\n          return `Deploying WASM contract (${codeSize})`;\n        }\n        case 'DeployGlobalContract': {\n          const codeSize = formatCodeSize((a as any).code);\n          const mode = (a as any).deployMode || 'Unknown';\n          return `Deploy global WASM contract (mode: ${mode}, size ${codeSize})`;\n        }\n        case 'UseGlobalContract': {\n          const accountId = (a as any).accountId;\n          const codeHash = (a as any).codeHash;\n          if (accountId) {\n            const base = (this.nearExplorerUrl || 'https://testnet.nearblocks.io').replace(/\\/$/, '');\n            const href = `${base}/address/${encodeURIComponent(accountId)}`;\n            return html`Use global contract <a\n              class=\"highlight-receiver-id\"\n              href=${href}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >${accountId}</a>`;\n          }\n          if (codeHash) {\n            const short = shortenPubkey(codeHash, { prefix: 10, suffix: 6 });\n            return html`Use global contract by hash <span class=\"highlight-method-name\">${short}</span>`;\n          }\n          return 'Use global contract';\n        }\n        default: {\n          const idxText = isNumber(treeNode.actionIndex) ? ` ${treeNode.actionIndex + 1}` : '';\n          const typeText = a.type || 'Unknown';\n          return `Action ${idxText}: ${typeText}`;\n        }\n      }\n    }\n\n    // Transaction-level labels (with inline receiver highlight)\n    if (treeNode.transaction) {\n      const total = treeNode.totalTransactions ?? 1;\n      const idx = treeNode.transactionIndex ?? 0;\n      const prefix = total > 1 ? `Transaction ${idx + 1}: to ` : 'Transaction to ';\n      const receiverId = treeNode.transaction.receiverId;\n      const base = (this.nearExplorerUrl || 'https://testnet.nearblocks.io').replace(/\\/$/, '');\n      const href = `${base}/address/${encodeURIComponent(receiverId)}`;\n      return html`${prefix}<a\n        class=\"highlight-receiver-id\"\n        href=${href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >${receiverId}</a>`;\n    }\n\n    // Fallback to plain label for non-action, non-transaction nodes\n    return treeNode.label || '';\n  }\n\n  /**\n   * Compute a plain-text version of the label for use in the title tooltip.\n   * Mirrors renderLabelWithSelectiveHighlight but without inline HTML/spans.\n   */\n  private computePlainLabel(treeNode: TreeNode): string {\n    // Action-level labels\n    if (treeNode.action) {\n      const a = treeNode.action;\n      switch (a.type) {\n        case 'FunctionCall': {\n          const method = a.methodName;\n          const gasStr = formatGas(a.gas);\n          const depositStr = formatDeposit(a.deposit);\n          return `Calling ${method} with ${depositStr} using ${gasStr}`;\n        }\n        case 'Transfer':\n          return `Transfer ${formatDeposit(a.amount)}`;\n        case 'CreateAccount':\n          return 'Creating Account';\n        case 'DeleteAccount':\n          return 'Deleting Account';\n        case 'Stake':\n          return `Staking ${formatDeposit(a.stake)}`;\n        case 'AddKey':\n          return 'Adding Key';\n        case 'DeleteKey':\n          return 'Deleting Key';\n        case 'DeployContract':\n          return 'Deploying WASM contract';\n        case 'DeployGlobalContract': {\n          const codeSize = formatCodeSize((a as any).code);\n          const mode = (a as any).deployMode || 'Unknown';\n          return `Deploy global WASM contract (mode: ${mode}, size ${codeSize})`;\n        }\n        case 'UseGlobalContract': {\n          const accountId = (a as any).accountId;\n          const codeHash = (a as any).codeHash;\n          if (accountId) {\n            return `Use global contract by account ${accountId}`;\n          }\n          if (codeHash) {\n            return `Use global contract by hash ${codeHash}`;\n          }\n          return 'Use global contract';\n        }\n        default: {\n          const idxText = isNumber(treeNode.actionIndex) ? ` ${treeNode.actionIndex + 1}` : '';\n          const typeText = a.type || 'Unknown';\n          return `Action${idxText}: ${typeText}`;\n        }\n      }\n    }\n\n    // Transaction-level labels\n    if (treeNode.transaction) {\n      const total = treeNode.totalTransactions ?? 1;\n      const idx = treeNode.transactionIndex ?? 0;\n      const prefix = total > 1 ? `Transaction ${idx + 1}: to ` : 'Transaction to ';\n      const receiverId = treeNode.transaction.receiverId;\n      return `${prefix}${receiverId}`;\n    }\n\n    return treeNode.label || '';\n  }\n\n  private renderLeaf(depth: number, node: TreeNode): TemplateResult | undefined {\n\n    const depthIndex = Math.max(0, depth - 1);\n\n    // If content exists, render a collapsible details with the content\n    if (isString(node.content) && node.content.length > 0) {\n      return html`\n        <details class=\"tree-node file\" ?open=${!!node.open}>\n          <summary class=\"row summary-row depth-${depthIndex}\"\n            data-no-elbow=\"${!!node.hideLabel}\"\n            @click=${this.onSummaryClick}\n          >\n            <span class=\"indent\"></span>\n            <span class=\"label label-action-node\" ?hidden=${!!node.hideLabel}>\n              ${\n                !node.hideChevron\n                ? html`\n                  <svg class=\"chevron\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                    <path fill=\"currentColor\" d=\"M6 3l5 5-5 5z\" />\n                  </svg>`\n                : ''\n              }\n              <span class=\"label-text\" title=${this.computePlainLabel(node)}>\n                ${this.renderLabelWithSelectiveHighlight(node)}\n              </span>\n              ${\n                node.copyValue\n                ? html`\n                  <span class=\"copy-badge\"\n                    data-copied=${this.isCopied(node.id)}\n                    @click=${(e: Event) => this.handleCopyClick(e, node)}\n                    title=${this.isCopied(node.id) ? 'Copied' : 'Copy'}\n                  >\n                    ${this.isCopied(node.id) ? 'copied' : 'copy'}\n                  </span>`\n                : ''\n              }\n            </span>\n            <!-- Move file-content into .summary-row so we can collapse it by default -->\n            <div class=\"file-content\">${node.content}</div>\n          </summary>\n          <!-- Alternative rendering for file content kept for reference; no inline styles allowed -->\n        </details>\n      `;\n    }\n    // Plain file row without content\n    return html`\n      <div class=\"row file-row depth-${depthIndex}\"\n        data-no-elbow=\"${!!node.hideLabel}\"\n        ?open=${!!node.open}\n      >\n        <span class=\"indent\"></span>\n        <span class=\"label label-action-node\" ?hidden=${!!node.hideLabel}>\n          <span class=\"label-text\" title=${this.computePlainLabel(node)}>\n            ${this.renderLabelWithSelectiveHighlight(node)}\n          </span>\n          ${node.copyValue ? html`\n            <span class=\"copy-badge\"\n              data-copied=${this.isCopied(node.id)}\n              @click=${(e: Event) => this.handleCopyClick(e, node)}\n              title=${this.isCopied(node.id) ? 'Copied' : 'Copy'}\n            >${this.isCopied(node.id) ? 'copied' : 'copy'}</span>\n          ` : ''}\n        </span>\n      </div>\n    `;\n  }\n\n  private renderFolder(depth: number, node: TreeNode): TemplateResult | undefined {\n\n    const { children: nodeChildren } = node;\n    const depthIndex = Math.max(0, depth - 1);\n\n    return html`\n      <details class=\"tree-node folder\" ?open=${!!node.open}>\n        <summary class=\"row summary-row depth-${depthIndex}\"\n          data-no-elbow=\"${!!node.hideLabel}\"\n          @click=${this.onSummaryClick}\n        >\n          <span class=\"indent\"></span>\n          <span class=\"label\" ?hidden=${!!node.hideLabel}>\n            ${!node.hideChevron ? html`\n              <svg class=\"chevron\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                <path fill=\"currentColor\" d=\"M6 3l5 5-5 5z\" />\n              </svg>\n            ` : ''}\n            <span class=\"label-text\" title=${this.computePlainLabel(node)}>\n              ${this.renderLabelWithSelectiveHighlight(node)}\n            </span>\n          </span>\n        </summary>\n        ${nodeChildren && nodeChildren.length > 0 ? html`\n          <div class=\"folder-children\">\n            ${repeat(nodeChildren, (c) => c.id, (c) => this.renderAnyNode(c, depth + 1))}\n          </div>\n        ` : html``}\n      </details>\n    `;\n  }\n\n  private renderAnyNode(node: TreeNode, depth: number): TemplateResult | undefined {\n    return node.type === 'file'\n      ? this.renderLeaf(depth, node)\n      : this.renderFolder(depth, node);\n  }\n\n  render() {\n    if (!this.node || (this.node.type === 'folder' && !this.node.children?.length)) {\n      return html``;\n    }\n\n    let depth = this.depth ?? 0;\n    let content: TemplateResult | undefined;\n    if (depth === 0) {\n      const extraClass = this.class ? ` ${this.class}` : '';\n      const scrollClass = this.class ? ' scrollable-root' : '';\n      // Render only the children as top-level entries\n      // When showShadow=false, skip the outer shadow wrapper to blend into host surfaces\n      const inner = html`\n        <div class=\"tooltip-tree-root${extraClass}${scrollClass}\">\n          <div class=\"tooltip-tree-children\">\n            ${repeat(\n              Array.isArray(this.node.children) ? this.node.children : [],\n              (child) => child.id,\n              (child) => this.renderAnyNode(child, depth + 1)\n            )}\n          </div>\n        </div>\n      `;\n      content = this.showShadow\n        ? html`<div class=\"tooltip-border-outer\">${inner}</div>`\n        : inner;\n    } else if (this.node.type === 'folder') {\n      content = this.renderFolder(depth, this.node);\n    } else if (this.node.type === 'file') {\n      content = this.renderLeaf(depth, this.node);\n    }\n\n    return content;\n  }\n}\n\nimport { W3A_TX_TREE_ID } from '../tags';\n\nif (!customElements.get(W3A_TX_TREE_ID)) {\n  customElements.define(W3A_TX_TREE_ID, TxTree);\n}\n// Legacy alias: use a subclass to avoid constructor reuse error\nif (!customElements.get('tx-tree')) {\n  class TxTreeAlias extends TxTree {}\n  customElements.define('tx-tree', TxTreeAlias as unknown as CustomElementConstructor);\n}\n\nexport default TxTree;\n"],"mappings":"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"}