npm - @tatchi-xyz/sdk - Versions diffs - 0.21.0 → 0.31.1 - Mend

@tatchi-xyz/sdk 0.21.0 → 0.31.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2501) hide show

package/dist/esm/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirmer-wrapper.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { init_validation, isObject, isString } from "../../../WalletIframe/validation.js";
-import { init_actions, isActionArgsWasm, toActionArgsWasm } from "../../../types/actions.js";
-import { computeUiIntentDigestFromTxs, orderActionForDigest } from "../../txDigest.js";
+import { isObject, isString } from "../../../../utils/validation.js";
+import { isActionArgsWasm, toActionArgsWasm } from "../../../types/actions.js";
+import { computeUiIntentDigestFromTxs, orderActionForDigest } from "../../../digests/intentDigest.js";
 import { WalletIframeDomEvents } from "../../../WalletIframe/events.js";
 import { W3A_TX_CONFIRMER_ID } from "../tags.js";
 import { LitElementWithProps } from "../LitElementWithProps.js";
@@ -10,8 +10,6 @@ import { html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 //#region src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirmer-wrapper.ts
-init_actions();
-init_validation();
 const DEFAULT_VARIANT = "modal";
 function isTransactionInput(candidate) {
 	if (!isObject(candidate)) return false;
@@ -193,16 +191,8 @@ var TxConfirmerWrapperElement = class extends LitElementWithProps {
 		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";
@@ -210,7 +200,7 @@ var TxConfirmerWrapperElement = class extends LitElementWithProps {
 			} 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) {

package/dist/esm/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirmer-wrapper.js.map CHANGED Viewed

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

package/dist/esm/core/WebAuthnManager/LitComponents/LitElementWithProps.js CHANGED Viewed

@@ -1,8 +1,9 @@
-import { init_validation, isObject } from "../../WalletIframe/validation.js";
+import { isObject } from "../../../utils/validation.js";
 import { LitElement } from "lit";
 //#region src/core/WebAuthnManager/LitComponents/LitElementWithProps.ts
-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.
@@ -26,7 +27,7 @@ var LitElementWithProps = class extends 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;
 	/**
@@ -76,17 +77,18 @@ var LitElementWithProps = class extends 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 {}
 	}
@@ -132,8 +134,9 @@ var LitElementWithProps = class extends 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");
@@ -205,17 +208,18 @@ var LitElementWithProps = class extends 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) {
@@ -226,22 +230,22 @@ var LitElementWithProps = class extends 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/esm/core/WebAuthnManager/LitComponents/LitElementWithProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LitElementWithProps.js","names":["vars: Record<string, string>","colorMappings: Record<string, string>"],"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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"}
1	+ {"version":3,"file":"LitElementWithProps.js","names":["vars: Record<string, string>","colorMappings: Record<string, string>"],"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/esm/core/WebAuthnManager/LitComponents/TxTree/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { init_validation, isNumber, isString } from "../../../WalletIframe/validation.js";
+import { isNumber, isString } from "../../../../utils/validation.js";
 import { W3A_TX_TREE_ID } from "../tags.js";
 import { LitElementWithProps } from "../LitElementWithProps.js";
 import { dispatchLitTreeToggled } from "../lit-events.js";
@@ -9,7 +9,6 @@ import { html } from "lit";
 import { repeat } from "lit/directives/repeat.js";
 //#region src/core/WebAuthnManager/LitComponents/TxTree/index.ts
-init_validation();
 /**
 * TxTree
 * A small, dependency-free Lit component that renders a tree-like UI suitable for tooltips.

package/dist/esm/core/WebAuthnManager/LitComponents/TxTree/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["clickedReceiverLink: HTMLAnchorElement \| null","root","content: TemplateResult \| undefined"],"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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"}
1	+ {"version":3,"file":"index.js","names":["clickedReceiverLink: HTMLAnchorElement \| null","root","content: TemplateResult \| undefined"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,IAAa,SAAb,cAA4B,oBAAoB;CAK9C,OAAO,aAAa;EAGlB,MAAM,EAAE,WAAW;EAEnB,OAAO;GAAE,MAAM;GAAQ,WAAW;;EAElC,QAAQ;GAAE,WAAW;GAAO,OAAO;;EACnC,OAAO;GAAE,MAAM;GAAQ,SAAS;;EAGhC,OAAO,EAAE,MAAM;EAEf,WAAW;GAAE,MAAM;GAAS,WAAW;;EAEvC,iBAAiB;GAAE,MAAM;GAAQ,WAAW;;EAG5C,YAAY;GAAE,MAAM;GAAS,WAAW;;;CAK1C;CACA;CACA;CACA;CAEA;CAEA;CAEA;CAEA;CAEA,aAAsB;CAKtB,AAAQ,0BAAuB,IAAI;CACnC,AAAQ,8BAAmC,IAAI;CAC/C,AAAQ,6BAA0C,IAAI;CAEtD,AAAQ,SAAS,IAAqB;AACpC,SAAO,KAAK,QAAQ,IAAI;;CAG1B,MAAc,gBAAgB,GAAU,MAAgB;AACtD,IAAE;EACF,MAAM,QAAQ,KAAK;AACnB,MAAI,CAAC,MAAO;AACZ,MAAI;AACF,OAAI,UAAU,aAAa,UAAU,UAAU,UAC7C,OAAM,UAAU,UAAU,UAAU;QAC/B;IACL,MAAM,KAAK,SAAS,cAAc;AAClC,OAAG,QAAQ;AACX,OAAG,aAAa,YAAY;AAC5B,OAAG,YAAY;AACf,aAAS,KAAK,YAAY;AAC1B,OAAG;AACH,QAAI;AAAE,cAAS,YAAY;YAAiB;AAC5C,aAAS,KAAK,YAAY;;AAG5B,QAAK,QAAQ,IAAI,KAAK;AACtB,QAAK;GACL,MAAM,WAAW,KAAK,YAAY,IAAI,KAAK;AAC3C,OAAI,SACF,QAAO,aAAa;GAEtB,MAAM,QAAQ,OAAO,iBAAiB;AACpC,SAAK,QAAQ,OAAO,KAAK;AACzB,SAAK,YAAY,OAAO,KAAK;AAC7B,SAAK;MACJ;AACH,QAAK,YAAY,IAAI,KAAK,IAAI;UACxB;;CAKV,AAAQ,eAAe;AAErB,yBAAuB;;;;;;CAOzB,AAAQ,kBAAkB,MAAa;EACrC,MAAM,UAAU,EAAE;AAClB,MAAI,CAAC,QAAS;EAId,MAAM,OAAQ,EAAU;EACxB,IAAIA,sBAAgD;AACpD,MAAI,MAAM,QAAQ,OAChB;QAAK,MAAM,KAAK,KACd,KAAI,KAAK,OAAQ,EAAU,YAAY,cAAe,EAAU,QAAQ,4BAA4B;AAClG,0BAAsB;AACtB;;SAGC;GACL,MAAM,SAAS,EAAE;AACjB,yBAAuB,QAAQ,UAAU,8BAA2D;;AAEtG,MAAI,qBAAqB;AACvB,KAAE;AACF,KAAE;AACF,OAAI;AAAE,WAAO,KAAK,oBAAoB,MAAM,UAAU;WAAqB;AAC3E;;AAIF,IAAE;AACF,IAAE;EAEF,MAAM,UAAU,QAAQ,QAAQ;AAChC,MAAI,CAAC,WAAW,KAAK,WAAW,IAAI,SAAU;EAG9C,MAAM,OAAO,QAAQ,cAAc;AAEnC,MAAI,CAAC,MAAM;AACT,WAAQ,OAAO,CAAC,QAAQ;AACxB,QAAK;AACL;;EAIF,MAAM,sBAAsB;AAC1B,UAAO,OAAO,WAAW,eAAe,gBAAgB,SACpD,OAAO,WAAW,oCAAoC,UACtD;;AAGN,MAAI,cAAc;AAChB,WAAQ,OAAO,CAAC,QAAQ;AACxB,QAAK;AACL;;AAGF,MAAI,CAAC,QAAQ,KACX,MAAK,YAAY,SAAS;MAE1B,MAAK,aAAa,SAAS;;CAI/B,AAAQ,YAAY,SAA6B,MAAmB;AAClE,OAAK,WAAW,IAAI;AAEpB,OAAK,UAAU,IAAI;AACnB,UAAQ,OAAO;AAEf,8BAA4B;GAC1B,MAAM,SAAS,GAAG,KAAK,aAAa;AAEpC,QAAK,WAAW,EAAE,2BAA2B;AAE7C,QAAK,UAAU,IAAI;GACnB,IAAI,OAAO;GACX,MAAM,gBAAgB;AACpB,QAAI,KAAM;AAAQ,WAAO;AACzB,SAAK,UAAU,OAAO;AACtB,SAAK,UAAU,OAAO;AACtB,SAAK,WAAW,OAAO;AACvB,SAAK;;GAEP,MAAM,SAAS,OAAwB;AACrC,QAAI,GAAG,iBAAiB,SAAU;AAClC,SAAK,oBAAoB,iBAAiB;AAC1C;;AAEF,QAAK,iBAAiB,iBAAiB;AAEvC,UAAO,iBAAiB;AACtB,SAAK,oBAAoB,iBAAiB;AAC1C;MACC;;;CAIP,AAAQ,aAAa,SAA6B,MAAmB;AACnE,OAAK,WAAW,IAAI;EACpB,MAAM,QAAQ,GAAG,KAAK,aAAa;AAEnC,OAAK,WAAW,EAAE,2BAA2B;AAC7C,OAAK,UAAU,IAAI;AACnB,OAAK,UAAU,IAAI;AAEnB,EAAK,KAAK;AACV,8BAA4B;AAC1B,QAAK,UAAU,OAAO;GACtB,IAAI,OAAO;GACX,MAAM,gBAAgB;AACpB,QAAI,KAAM;AAAQ,WAAO;AACzB,SAAK,oBAAoB,iBAAiB;AAC1C,YAAQ,OAAO;AACf,SAAK,UAAU,OAAO;AACtB,SAAK,WAAW,OAAO;AACvB,SAAK;;GAEP,MAAM,SAAS,OAAwB;AACrC,QAAI,GAAG,iBAAiB,SAAU;AAClC;;AAEF,QAAK,iBAAiB,iBAAiB;AAEvC,UAAO,iBAAiB,WAAW;;;CAIvC,AAAU,qBAA6B;AACrC,SAAO;;CAGT,AAAU,YAAY,QAA4B;AAChD,QAAM,YAAY,QAAQ;;CAM5B,AAAU,mBAAmD;AAC3D,MAAI,KAAK,WAAW;GAElB,MAAMC,SAAO,MAAM;AACnB,wBAAqBA,QAAqD,eAAe,wBAAwB,YAAY;AAC7H,UAAOA;;AAGT,uBAAqB,MAAgC,eAAe,wBAAwB,YAAY;EACxG,MAAM,OAAQ,KAAK,eAAe,KAAK;AACvC,MAAI,QAAQ,OAAO,SAAS,YAAY,UAAU,KAChD,sBAAqB,MAAoB,eAAe,wBAAwB,YAAY;AAE9F,SAAO;;;;;CAMT,AAAU,QAAQ,mBAAiE;AACjF,QAAM,QAAQ;EAEd,MAAM,oBAAoB,CAAC,CAAC,KAAK,UAAU,OAAO,KAAK,KAAK,QAAmC,SAAS;AACxG,MAAI,kBAAkB,IAAI,aAAa,kBACrC,MAAK,YAAY,KAAK;AAKxB,MAAI,kBAAkB,IAAI,YAAY,CAAC,qBAAqB,KAAK,OAAO;GACtE,MAAM,SAAS,eAAe,KAAK,UAAU,eAAe;AAC5D,QAAK,YAAY;;;CAIrB,oBAA0B;AACxB,QAAM;;CAGR,AAAQ,kCAAkC,UAA6C;AAErF,MAAI,SAAS,QAAQ;GACnB,MAAM,IAAI,SAAS;AACnB,WAAQ,EAAE,MAAV;IACE,KAAK,gBAAgB;KACnB,IAAI,SAAS,EAAE;KACf,IAAI,SAAS,UAAU,EAAE;KACzB,IAAI,aAAa,cAAc,EAAE;AACjC,YAAO,IAAI,+CAA+C,OAAO;gBAC3D,eAAe,WAAW,IAAI,6CAA6C,WAAW,WAAW,GAAG;gBACpG,SAAS,IAAI,8CAA8C,OAAO,WAAW;;IAErF,KAAK,YAAY;KACf,IAAI,SAAS,cAAc,EAAE;AAC7B,YAAO,IAAI,2CAA2C,OAAO;;IAE/D,KAAK,gBACH,QAAO;IACT,KAAK,gBAGH,QAAO;IACT,KAAK,QACH,QAAO,WAAW,cAAc,EAAE;IACpC,KAAK;AACM,OAAE;AAGX,YAAO;IACT,KAAK,YACH,QAAO;IACT,KAAK,kBAAkB;KACrB,MAAM,WAAW,eAAe,EAAE;AAClC,YAAO,4BAA4B,SAAS;;IAE9C,KAAK,wBAAwB;KAC3B,MAAM,WAAW,eAAgB,EAAU;KAC3C,MAAM,OAAQ,EAAU,cAAc;AACtC,YAAO,sCAAsC,KAAK,SAAS,SAAS;;IAEtE,KAAK,qBAAqB;KACxB,MAAM,YAAa,EAAU;KAC7B,MAAM,WAAY,EAAU;AAC5B,SAAI,WAAW;MACb,MAAM,QAAQ,KAAK,mBAAmB,iCAAiC,QAAQ,OAAO;MACtF,MAAM,OAAO,GAAG,KAAK,WAAW,mBAAmB;AACnD,aAAO,IAAI;;qBAEF,KAAK;;;eAGX,UAAU;;AAEf,SAAI,UAAU;MACZ,MAAM,QAAQ,cAAc,UAAU;OAAE,QAAQ;OAAI,QAAQ;;AAC5D,aAAO,IAAI,mEAAmE,MAAM;;AAEtF,YAAO;;IAET,SAAS;KACP,MAAM,UAAU,SAAS,SAAS,eAAe,IAAI,SAAS,cAAc,MAAM;KAClF,MAAM,WAAW,EAAE,QAAQ;AAC3B,YAAO,UAAU,QAAQ,IAAI;;;;AAMnC,MAAI,SAAS,aAAa;GACxB,MAAM,QAAQ,SAAS,qBAAqB;GAC5C,MAAM,MAAM,SAAS,oBAAoB;GACzC,MAAM,SAAS,QAAQ,IAAI,eAAe,MAAM,EAAE,SAAS;GAC3D,MAAM,aAAa,SAAS,YAAY;GACxC,MAAM,QAAQ,KAAK,mBAAmB,iCAAiC,QAAQ,OAAO;GACtF,MAAM,OAAO,GAAG,KAAK,WAAW,mBAAmB;AACnD,UAAO,IAAI,GAAG,OAAO;;eAEZ,KAAK;;;SAGX,WAAW;;AAIhB,SAAO,SAAS,SAAS;;;;;;CAO3B,AAAQ,kBAAkB,UAA4B;AAEpD,MAAI,SAAS,QAAQ;GACnB,MAAM,IAAI,SAAS;AACnB,WAAQ,EAAE,MAAV;IACE,KAAK,gBAAgB;KACnB,MAAM,SAAS,EAAE;KACjB,MAAM,SAAS,UAAU,EAAE;KAC3B,MAAM,aAAa,cAAc,EAAE;AACnC,YAAO,WAAW,OAAO,QAAQ,WAAW,SAAS;;IAEvD,KAAK,WACH,QAAO,YAAY,cAAc,EAAE;IACrC,KAAK,gBACH,QAAO;IACT,KAAK,gBACH,QAAO;IACT,KAAK,QACH,QAAO,WAAW,cAAc,EAAE;IACpC,KAAK,SACH,QAAO;IACT,KAAK,YACH,QAAO;IACT,KAAK,iBACH,QAAO;IACT,KAAK,wBAAwB;KAC3B,MAAM,WAAW,eAAgB,EAAU;KAC3C,MAAM,OAAQ,EAAU,cAAc;AACtC,YAAO,sCAAsC,KAAK,SAAS,SAAS;;IAEtE,KAAK,qBAAqB;KACxB,MAAM,YAAa,EAAU;KAC7B,MAAM,WAAY,EAAU;AAC5B,SAAI,UACF,QAAO,kCAAkC;AAE3C,SAAI,SACF,QAAO,+BAA+B;AAExC,YAAO;;IAET,SAAS;KACP,MAAM,UAAU,SAAS,SAAS,eAAe,IAAI,SAAS,cAAc,MAAM;KAClF,MAAM,WAAW,EAAE,QAAQ;AAC3B,YAAO,SAAS,QAAQ,IAAI;;;;AAMlC,MAAI,SAAS,aAAa;GACxB,MAAM,QAAQ,SAAS,qBAAqB;GAC5C,MAAM,MAAM,SAAS,oBAAoB;GACzC,MAAM,SAAS,QAAQ,IAAI,eAAe,MAAM,EAAE,SAAS;GAC3D,MAAM,aAAa,SAAS,YAAY;AACxC,UAAO,GAAG,SAAS;;AAGrB,SAAO,SAAS,SAAS;;CAG3B,AAAQ,WAAW,OAAe,MAA4C;EAE5E,MAAM,aAAa,KAAK,IAAI,GAAG,QAAQ;AAGvC,MAAI,SAAS,KAAK,YAAY,KAAK,QAAQ,SAAS,EAClD,QAAO,IAAI;gDAC+B,CAAC,CAAC,KAAK,KAAK;kDACV,WAAW;6BAChC,CAAC,CAAC,KAAK,UAAU;qBACzB,KAAK,eAAe;;;4DAGmB,CAAC,CAAC,KAAK,UAAU;gBAE7D,CAAC,KAAK,cACJ,IAAI;;;4BAIJ,GACH;+CACgC,KAAK,kBAAkB,MAAM;kBAC1D,KAAK,kCAAkC,MAAM;;gBAG/C,KAAK,YACH,IAAI;;kCAEY,KAAK,SAAS,KAAK,IAAI;8BAC3B,MAAa,KAAK,gBAAgB,GAAG,MAAM;4BAC7C,KAAK,SAAS,KAAK,MAAM,WAAW,OAAO;;sBAEjD,KAAK,SAAS,KAAK,MAAM,WAAW,OAAO;6BAE/C,GACH;;;wCAGyB,KAAK,QAAQ;;;;;AAOjD,SAAO,IAAI;uCACwB,WAAW;yBACzB,CAAC,CAAC,KAAK,UAAU;gBAC1B,CAAC,CAAC,KAAK,KAAK;;;wDAG4B,CAAC,CAAC,KAAK,UAAU;2CAC9B,KAAK,kBAAkB,MAAM;cAC1D,KAAK,kCAAkC,MAAM;;YAE/C,KAAK,YAAY,IAAI;;4BAEL,KAAK,SAAS,KAAK,IAAI;wBAC3B,MAAa,KAAK,gBAAgB,GAAG,MAAM;sBAC7C,KAAK,SAAS,KAAK,MAAM,WAAW,OAAO;eAClD,KAAK,SAAS,KAAK,MAAM,WAAW,OAAO;cAC5C,GAAG;;;;;CAMf,AAAQ,aAAa,OAAe,MAA4C;EAE9E,MAAM,EAAE,UAAU,iBAAiB;EACnC,MAAM,aAAa,KAAK,IAAI,GAAG,QAAQ;AAEvC,SAAO,IAAI;gDACiC,CAAC,CAAC,KAAK,KAAK;gDACZ,WAAW;2BAChC,CAAC,CAAC,KAAK,UAAU;mBACzB,KAAK,eAAe;;;wCAGC,CAAC,CAAC,KAAK,UAAU;cAC3C,CAAC,KAAK,cAAc,IAAI;;;;gBAItB,GAAG;6CAC0B,KAAK,kBAAkB,MAAM;gBAC1D,KAAK,kCAAkC,MAAM;;;;UAInD,gBAAgB,aAAa,SAAS,IAAI,IAAI;;cAE1C,OAAO,eAAe,MAAM,EAAE,KAAK,MAAM,KAAK,cAAc,GAAG,QAAQ,IAAI;;YAE7E,IAAI,GAAG;;;;CAKjB,AAAQ,cAAc,MAAgB,OAA2C;AAC/E,SAAO,KAAK,SAAS,SACjB,KAAK,WAAW,OAAO,QACvB,KAAK,aAAa,OAAO;;CAG/B,SAAS;AACP,MAAI,CAAC,KAAK,QAAS,KAAK,KAAK,SAAS,YAAY,CAAC,KAAK,KAAK,UAAU,OACrE,QAAO,IAAI;EAGb,IAAI,QAAQ,KAAK,SAAS;EAC1B,IAAIC;AACJ,MAAI,UAAU,GAAG;GACf,MAAM,aAAa,KAAK,QAAQ,IAAI,KAAK,UAAU;GACnD,MAAM,cAAc,KAAK,QAAQ,qBAAqB;GAGtD,MAAM,QAAQ,IAAI;uCACe,aAAa,YAAY;;cAElD,OACA,MAAM,QAAQ,KAAK,KAAK,YAAY,KAAK,KAAK,WAAW,KACxD,UAAU,MAAM,KAChB,UAAU,KAAK,cAAc,OAAO,QAAQ,IAC7C;;;;AAIR,aAAU,KAAK,aACX,IAAI,qCAAqC,MAAM,UAC/C;aACK,KAAK,KAAK,SAAS,SAC5B,WAAU,KAAK,aAAa,OAAO,KAAK;WAC/B,KAAK,KAAK,SAAS,OAC5B,WAAU,KAAK,WAAW,OAAO,KAAK;AAGxC,SAAO;;;AAMX,IAAI,CAAC,eAAe,IAAI,gBACtB,gBAAe,OAAO,gBAAgB;AAGxC,IAAI,CAAC,eAAe,IAAI,YAAY;CAClC,MAAM,oBAAoB,OAAO;AACjC,gBAAe,OAAO,WAAW;;AAGnC,qBAAe"}

package/dist/esm/core/WebAuthnManager/LitComponents/TxTree/tx-tree-utils.js CHANGED Viewed

@@ -1,8 +1,7 @@
-import { init_validation, isString } from "../../../WalletIframe/validation.js";
+import { isString } from "../../../../utils/validation.js";
 import { formatArgs, formatCodeSize, shortenPubkey } from "../common/formatters.js";
 //#region src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-utils.ts
-init_validation();
 function buildActionNode(action, idx) {
 	let actionNodes;
 	switch (action.type) {

package/dist/esm/core/WebAuthnManager/LitComponents/TxTree/tx-tree-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tx-tree-utils.js","names":["actionNodes: TreeNode[]","label: string","actionFolders: TreeNode[]","txFolders: TreeNode[]"],"sources":["../../../../../../src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-utils.ts"],"sourcesContent":["import { TxTreeStyles } from './tx-tree-themes';\nimport type { ActionArgs, TransactionInput } from '../../../types/actions';\nimport { formatArgs, formatDeposit, shortenPubkey, formatCodeSize } from '../common/formatters';\nimport { isString } from '../../../WalletIframe/validation';\n\nexport type TreeNodeType = 'folder' \| 'file';\n\n// Structured highlight specification for labels\nexport type HighlightSpec =\n \| { transaction: 'receiverId' }\n \| { actionType: 'FunctionCall' \| 'Transfer' \| string; highlightKeys: string[] };\n\nexport interface TreeNode {\n /* Unique identifier for the tree node, used for React keys and DOM element IDs /\n id: string;\n / Display text shown for this node in the tree UI /\n label: string;\n / Type of the tree node - either 'folder' (expandable) or 'file' (leaf node) /\n type: TreeNodeType;\n / Whether the node is initially expanded (folders only). Defaults to false.\n * When true, folder nodes will be rendered in an open state.\n /\n open?: boolean;\n / Optional content for the node. When provided on a 'file' node,\n * it will be shown inside a collapsible details section.\n * Typically used for displaying formatted data like JSON arguments.\n /\n content?: string;\n / Child nodes for folder-type nodes. Undefined or empty array for file nodes.\n * The tree structure is built recursively through this property.\n /\n children?: TreeNode[];\n /* Optional value that can be copied to clipboard when the row is clicked /\n copyValue?: string;\n /\n Optional highlighting information for special nodes\n /\n highlight?: {\n type: 'receiverId' \| 'methodName';\n color: string;\n };\n /* Structured highlighting preferences for building labels /\n highlightSpec?: HighlightSpec;\n / Optional flag to hide the chevron icon for folder nodes.\n * When true, the expand/collapse chevron will not be rendered,\n * though the folder will still be expandable/collapsible.\n /\n hideChevron?: boolean;\n / Optional flag to hide the label text for file nodes.\n * When true, the label will be set to display: none,\n * but the content will still be visible.\n /\n hideLabel?: boolean;\n\n /\n For action folder nodes, attach the underlying ActionArgs so the\n * renderer can construct the label and apply selective highlights.\n /\n action?: ActionArgs;\n /\n The index of this action within its transaction, for display purposes.\n /\n actionIndex?: number;\n /* Transaction data for transaction-level folder nodes /\n transaction?: TransactionInput;\n /* Index of this transaction in the list /\n transactionIndex?: number;\n /* Total count of transactions in the request */\n totalTransactions?: number;\n}\n\n// Builds a TreeNode for a single action\nfunction buildActionNode(action: ActionArgs, idx: number): TreeNode {\n\n let actionNodes: TreeNode[];\n\n switch (action.type) {\n case 'FunctionCall':\n actionNodes = [\n // Skip showing gas for FunctionCall, we show it in the label\n // { id: `a${idx}-gas`, label: `gas: ${formatGas(action.gas)}`, type: 'file' },\n {\n id: `a${idx}-args`,\n label: 'using args:',\n type: 'file',\n open: false,\n hideChevron: true,\n hideLabel: true, // hide \"args:\" row label\n content: formatArgs(action.args)\n }\n ];\n break;\n\n case 'Transfer':\n actionNodes = []; // Transfers don't have gas property\n break;\n\n case 'CreateAccount':\n actionNodes = [];\n break;\n\n case 'DeployContract': {\n const code = action.code;\n const codeSize = formatCodeSize(code as any);\n actionNodes = [\n {\n id: `a${idx}-code-size`,\n label: `WASM contract code size: ${codeSize}`,\n type: 'file',\n open: false,\n }\n ];\n break;\n }\n\n case 'DeployGlobalContract': {\n const code = action.code;\n const deployMode = action.deployMode;\n const codeSize = formatCodeSize(code as any);\n actionNodes = [\n {\n id: `a${idx}-deploy-mode`,\n label: `mode: ${deployMode}`,\n type: 'file',\n open: false,\n },\n {\n id: `a${idx}-code-size`,\n label: `WASM global contract code size: ${codeSize}`,\n type: 'file',\n open: false,\n }\n ];\n break;\n }\n\n case 'UseGlobalContract': {\n const accountId = action.accountId;\n const codeHash = action.codeHash;\n let label: string;\n if (accountId) {\n label = `by account: ${accountId}`;\n } else if (codeHash) {\n const short = shortenPubkey(codeHash, { prefix: 10, suffix: 6 });\n label = `by hash: ${short}`;\n } else {\n label = 'by global contract identifier';\n }\n actionNodes = [\n {\n id: `a${idx}-identifier`,\n label,\n type: 'file',\n open: false,\n }\n ];\n break;\n }\n\n case 'Stake':\n actionNodes = [\n {\n id: `a${idx}-publicKey`,\n label: `validator: ${shortenPubkey(action.publicKey)}`,\n type: 'file',\n open: true,\n copyValue: action.publicKey\n }\n ];\n break;\n\n case 'AddKey':\n const ak = action.accessKey;\n let permissions = '';\n try {\n const accessKeyObj = isString(ak) ? JSON.parse(ak) : ak;\n permissions = accessKeyObj.permission === 'FullAccess'\n ? 'Full Access'\n : 'Function Call';\n } catch {\n permissions = 'Unknown';\n }\n actionNodes = [\n {\n id: `a${idx}-publicKey`,\n label: `key: ${shortenPubkey(action.publicKey)}`,\n open: false,\n type: 'file',\n copyValue: action.publicKey\n },\n {\n id: `a${idx}-permissions`,\n label: `permissions: ${permissions}`,\n open: false,\n type: 'file'\n }\n ];\n break;\n\n case 'DeleteKey':\n actionNodes = [\n {\n id: `a${idx}-publicKey`,\n label: `key: ${shortenPubkey(action.publicKey)}`,\n open: false,\n type: 'file',\n copyValue: action.publicKey\n }\n ];\n break;\n\n case 'DeleteAccount':\n actionNodes = [\n {\n id: `a${idx}-beneficiaryId`,\n label: `sending balance to: ${action.beneficiaryId}`,\n open: false,\n type: 'file'\n }\n ];\n break;\n\n default:\n // Unknown action - show raw data\n let raw = '';\n try { raw = JSON.stringify(action, null, 2); } catch { raw = String(action); }\n actionNodes = [\n {\n id: `a${idx}-action`,\n label: `Action: ${action.type \|\| 'Unknown'}`,\n open: false,\n type: 'file'\n },\n {\n id: `a${idx}-raw`,\n label: 'Raw Data',\n type: 'file',\n open: false,\n content: raw\n }\n ];\n break;\n }\n\n return {\n id: `action-${idx}`,\n // Label is now computed at render time from action data\n label: '',\n type: 'folder',\n open: false,\n hideChevron: true,\n // Attach action data for the renderer\n action,\n actionIndex: idx,\n children: actionNodes\n } as TreeNode;\n}\n\n// Pure builder that converts a TransactionInput into a TreeNode transaction tree\n// Label format: \"Transaction to receiverId\" for single tx, \"Transaction(index) to receiverId\" for multiple txs\nexport function buildTransactionNode(\n tx: TransactionInput,\n tIdx: number,\n totalTransactions: number,\n styles?: TxTreeStyles\n): TreeNode {\n\n const actionFolders: TreeNode[] = tx.actions.map((action: ActionArgs, idx: number) =>\n buildActionNode(action, idx)\n );\n\n return {\n id: `tx-${tIdx}`,\n // Label is computed at render time; keep empty string here\n label: '',\n type: 'folder',\n open: true, // all transactions folders are open by default\n hideChevron: true,\n transaction: tx,\n transactionIndex: tIdx,\n totalTransactions,\n children: [...actionFolders]\n };\n}\n\n// Builds a display tree from transaction payloads for tooltip rendering\n// a two-level tree: Transaction -> Action N -> subfields\nexport function buildDisplayTreeFromTxPayloads(\n txSigningRequests: TransactionInput[],\n styles?: TxTreeStyles\n): TreeNode {\n\n const totalTransactions = txSigningRequests.length;\n const txFolders: TreeNode[] = txSigningRequests.map((tx: TransactionInput, tIdx: number) =>\n buildTransactionNode(tx, tIdx, totalTransactions, styles)\n );\n\n return {\n id: 'txs-root',\n label: totalTransactions > 1 ? 'Transactions' : 'Transaction',\n type: 'folder',\n open: true,\n children: txFolders\n };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"tx-tree-utils.js","names":["actionNodes: TreeNode[]","label: string","actionFolders: TreeNode[]","txFolders: TreeNode[]"],"sources":["../../../../../../src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-utils.ts"],"sourcesContent":["import { TxTreeStyles } from './tx-tree-themes';\nimport type { ActionArgs, TransactionInput } from '../../../types/actions';\nimport { formatArgs, formatDeposit, shortenPubkey, formatCodeSize } from '../common/formatters';\nimport { isString } from '@/utils/validation';\n\nexport type TreeNodeType = 'folder' \| 'file';\n\n// Structured highlight specification for labels\nexport type HighlightSpec =\n \| { transaction: 'receiverId' }\n \| { actionType: 'FunctionCall' \| 'Transfer' \| string; highlightKeys: string[] };\n\nexport interface TreeNode {\n /* Unique identifier for the tree node, used for React keys and DOM element IDs /\n id: string;\n / Display text shown for this node in the tree UI /\n label: string;\n / Type of the tree node - either 'folder' (expandable) or 'file' (leaf node) /\n type: TreeNodeType;\n / Whether the node is initially expanded (folders only). Defaults to false.\n * When true, folder nodes will be rendered in an open state.\n /\n open?: boolean;\n / Optional content for the node. When provided on a 'file' node,\n * it will be shown inside a collapsible details section.\n * Typically used for displaying formatted data like JSON arguments.\n /\n content?: string;\n / Child nodes for folder-type nodes. Undefined or empty array for file nodes.\n * The tree structure is built recursively through this property.\n /\n children?: TreeNode[];\n /* Optional value that can be copied to clipboard when the row is clicked /\n copyValue?: string;\n /\n Optional highlighting information for special nodes\n /\n highlight?: {\n type: 'receiverId' \| 'methodName';\n color: string;\n };\n /* Structured highlighting preferences for building labels /\n highlightSpec?: HighlightSpec;\n / Optional flag to hide the chevron icon for folder nodes.\n * When true, the expand/collapse chevron will not be rendered,\n * though the folder will still be expandable/collapsible.\n /\n hideChevron?: boolean;\n / Optional flag to hide the label text for file nodes.\n * When true, the label will be set to display: none,\n * but the content will still be visible.\n /\n hideLabel?: boolean;\n\n /\n For action folder nodes, attach the underlying ActionArgs so the\n * renderer can construct the label and apply selective highlights.\n /\n action?: ActionArgs;\n /\n The index of this action within its transaction, for display purposes.\n /\n actionIndex?: number;\n /* Transaction data for transaction-level folder nodes /\n transaction?: TransactionInput;\n /* Index of this transaction in the list /\n transactionIndex?: number;\n /* Total count of transactions in the request */\n totalTransactions?: number;\n}\n\n// Builds a TreeNode for a single action\nfunction buildActionNode(action: ActionArgs, idx: number): TreeNode {\n\n let actionNodes: TreeNode[];\n\n switch (action.type) {\n case 'FunctionCall':\n actionNodes = [\n // Skip showing gas for FunctionCall, we show it in the label\n // { id: `a${idx}-gas`, label: `gas: ${formatGas(action.gas)}`, type: 'file' },\n {\n id: `a${idx}-args`,\n label: 'using args:',\n type: 'file',\n open: false,\n hideChevron: true,\n hideLabel: true, // hide \"args:\" row label\n content: formatArgs(action.args)\n }\n ];\n break;\n\n case 'Transfer':\n actionNodes = []; // Transfers don't have gas property\n break;\n\n case 'CreateAccount':\n actionNodes = [];\n break;\n\n case 'DeployContract': {\n const code = action.code;\n const codeSize = formatCodeSize(code as any);\n actionNodes = [\n {\n id: `a${idx}-code-size`,\n label: `WASM contract code size: ${codeSize}`,\n type: 'file',\n open: false,\n }\n ];\n break;\n }\n\n case 'DeployGlobalContract': {\n const code = action.code;\n const deployMode = action.deployMode;\n const codeSize = formatCodeSize(code as any);\n actionNodes = [\n {\n id: `a${idx}-deploy-mode`,\n label: `mode: ${deployMode}`,\n type: 'file',\n open: false,\n },\n {\n id: `a${idx}-code-size`,\n label: `WASM global contract code size: ${codeSize}`,\n type: 'file',\n open: false,\n }\n ];\n break;\n }\n\n case 'UseGlobalContract': {\n const accountId = action.accountId;\n const codeHash = action.codeHash;\n let label: string;\n if (accountId) {\n label = `by account: ${accountId}`;\n } else if (codeHash) {\n const short = shortenPubkey(codeHash, { prefix: 10, suffix: 6 });\n label = `by hash: ${short}`;\n } else {\n label = 'by global contract identifier';\n }\n actionNodes = [\n {\n id: `a${idx}-identifier`,\n label,\n type: 'file',\n open: false,\n }\n ];\n break;\n }\n\n case 'Stake':\n actionNodes = [\n {\n id: `a${idx}-publicKey`,\n label: `validator: ${shortenPubkey(action.publicKey)}`,\n type: 'file',\n open: true,\n copyValue: action.publicKey\n }\n ];\n break;\n\n case 'AddKey':\n const ak = action.accessKey;\n let permissions = '';\n try {\n const accessKeyObj = isString(ak) ? JSON.parse(ak) : ak;\n permissions = accessKeyObj.permission === 'FullAccess'\n ? 'Full Access'\n : 'Function Call';\n } catch {\n permissions = 'Unknown';\n }\n actionNodes = [\n {\n id: `a${idx}-publicKey`,\n label: `key: ${shortenPubkey(action.publicKey)}`,\n open: false,\n type: 'file',\n copyValue: action.publicKey\n },\n {\n id: `a${idx}-permissions`,\n label: `permissions: ${permissions}`,\n open: false,\n type: 'file'\n }\n ];\n break;\n\n case 'DeleteKey':\n actionNodes = [\n {\n id: `a${idx}-publicKey`,\n label: `key: ${shortenPubkey(action.publicKey)}`,\n open: false,\n type: 'file',\n copyValue: action.publicKey\n }\n ];\n break;\n\n case 'DeleteAccount':\n actionNodes = [\n {\n id: `a${idx}-beneficiaryId`,\n label: `sending balance to: ${action.beneficiaryId}`,\n open: false,\n type: 'file'\n }\n ];\n break;\n\n default:\n // Unknown action - show raw data\n let raw = '';\n try { raw = JSON.stringify(action, null, 2); } catch { raw = String(action); }\n actionNodes = [\n {\n id: `a${idx}-action`,\n label: `Action: ${action.type \|\| 'Unknown'}`,\n open: false,\n type: 'file'\n },\n {\n id: `a${idx}-raw`,\n label: 'Raw Data',\n type: 'file',\n open: false,\n content: raw\n }\n ];\n break;\n }\n\n return {\n id: `action-${idx}`,\n // Label is now computed at render time from action data\n label: '',\n type: 'folder',\n open: false,\n hideChevron: true,\n // Attach action data for the renderer\n action,\n actionIndex: idx,\n children: actionNodes\n } as TreeNode;\n}\n\n// Pure builder that converts a TransactionInput into a TreeNode transaction tree\n// Label format: \"Transaction to receiverId\" for single tx, \"Transaction(index) to receiverId\" for multiple txs\nexport function buildTransactionNode(\n tx: TransactionInput,\n tIdx: number,\n totalTransactions: number,\n styles?: TxTreeStyles\n): TreeNode {\n\n const actionFolders: TreeNode[] = tx.actions.map((action: ActionArgs, idx: number) =>\n buildActionNode(action, idx)\n );\n\n return {\n id: `tx-${tIdx}`,\n // Label is computed at render time; keep empty string here\n label: '',\n type: 'folder',\n open: true, // all transactions folders are open by default\n hideChevron: true,\n transaction: tx,\n transactionIndex: tIdx,\n totalTransactions,\n children: [...actionFolders]\n };\n}\n\n// Builds a display tree from transaction payloads for tooltip rendering\n// a two-level tree: Transaction -> Action N -> subfields\nexport function buildDisplayTreeFromTxPayloads(\n txSigningRequests: TransactionInput[],\n styles?: TxTreeStyles\n): TreeNode {\n\n const totalTransactions = txSigningRequests.length;\n const txFolders: TreeNode[] = txSigningRequests.map((tx: TransactionInput, tIdx: number) =>\n buildTransactionNode(tx, tIdx, totalTransactions, styles)\n );\n\n return {\n id: 'txs-root',\n label: totalTransactions > 1 ? 'Transactions' : 'Transaction',\n type: 'folder',\n open: true,\n children: txFolders\n };\n}\n"],"mappings":"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"}