@tatchi-xyz/sdk 0.21.0 → 0.31.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tx-confirm-content.js","names":["LitElementWithProps","W3A_TX_TREE_ID","TxTree","ensureExternalStyles","fromTransactionInputsWasm","buildDisplayTreeFromTxPayloads","treeTheme: 'dark' | 'light'","W3A_TX_CONFIRM_CONTENT_ID"],"sources":["../../../../../../../../src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/tx-confirm-content.ts"],"sourcesContent":["import { html, type PropertyValues } from 'lit';\nimport { LitElementWithProps } from '../LitElementWithProps';\nimport { dispatchLitCancel, dispatchLitConfirm } from '../lit-events';\n\nimport type { TransactionInputWasm } from '../../../types';\nimport type { VRFChallenge } from '../../../types/vrf-worker';\nimport { fromTransactionInputsWasm } from '../../../types/actions';\nimport TxTree from '../TxTree';\nimport { buildDisplayTreeFromTxPayloads } from '../TxTree/tx-tree-utils';\nimport { ensureExternalStyles } from '../css/css-loader';\nimport { W3A_TX_TREE_ID } from '../tags';\nimport type { ThemeName } from '../confirm-ui-types';\n\n/**\n * Shared confirmation content surface used by both Modal and Drawer containers.\n * - Renders summary, TxTree, and confirm/cancel actions\n * - Emits semantic events: `lit-confirm` and `lit-cancel` (containers bridge to w3a:* events)\n * - Does not own backdrop, focus traps, or ESC handling\n */\nexport class TxConfirmContentElement extends LitElementWithProps {\n  // Fail fast in dev if nested custom elements are not defined\n  static requiredChildTags = [W3A_TX_TREE_ID, 'tx-tree'];\n  static keepDefinitions = [TxTree];\n  static properties = {\n    nearAccountId: { type: String, attribute: 'near-account-id' },\n    txSigningRequests: { type: Array },\n    intentDigest: { type: String, attribute: 'intent-digest' },\n    vrfChallenge: { type: Object },\n    theme: { type: String },\n    loading: { type: Boolean },\n    errorMessage: { type: String },\n    title: { type: String },\n    confirmText: { type: String },\n    cancelText: { type: String },\n    // Treat internal tree node as reactive state so setting it re-renders immediately\n    _treeNode: { attribute: false, state: true },\n    // Optional: set tooltip width via CSS var for nested components\n    tooltipWidth: { type: String, attribute: 'tooltip-width' },\n    // Optional: pass explorer base URL down to TxTree\n    nearExplorerUrl: { type: String, attribute: 'near-explorer-url' },\n    // Forwarded flag to control TxTree's shadow wrapper (drop shadow)\n    showShadow: { type: Boolean, attribute: 'show-shadow' },\n  } as const;\n\n  declare nearAccountId: string;\n  declare txSigningRequests: TransactionInputWasm[];\n  declare intentDigest?: string;\n  declare vrfChallenge?: Partial<VRFChallenge>;\n  declare theme: ThemeName;\n  declare loading: boolean;\n  declare errorMessage?: string;\n  declare title: string;\n  declare confirmText: string;\n  declare cancelText: string;\n  declare tooltipWidth?: string | number;\n  declare nearExplorerUrl?: string;\n  declare showShadow: boolean;\n\n  private _treeNode: any | null = null;\n  // Keep essential custom elements from being tree-shaken\n  private _ensureTreeDefinition = TxTree;\n  // Tree width now sourced from a single CSS var so host can control it.\n  // Falls back to the embedded tooltip width, and then to 360px.\n  private _txTreeWidth: string | number = 'var(--tooltip-width, 100%)';\n\n  // No static styles: structural styles are provided by tx-confirmer.css\n\n  // Styles gating to avoid first-paint before tx-tree.css is ready\n  private _stylesReady = false;\n  private _stylePromises: Promise<void>[] = [];\n  private _stylesAwaiting: Promise<void> | null = null;\n\n  constructor() {\n    super();\n    // Pre-ensure document-level styles to warm the cache and await link loads\n    const root = (document?.documentElement || null) as unknown as HTMLElement | null;\n    if (root) {\n      this._stylePromises.push(\n        ensureExternalStyles(root, 'tx-tree.css', 'data-w3a-tx-tree-css'),\n        ensureExternalStyles(root, 'tx-confirmer.css', 'data-w3a-tx-confirmer-css'),\n        ensureExternalStyles(root, 'w3a-components.css', 'data-w3a-components-css'),\n      );\n    }\n    this.nearAccountId = '';\n    this.txSigningRequests = [];\n    this.theme = 'dark';\n    this.loading = false;\n    this.title = 'Review Transaction';\n    this.confirmText = 'Confirm';\n    this.cancelText = 'Cancel';\n    this.showShadow = false;\n    // Leave tooltipWidth undefined by default so CSS responsive var applies.\n  }\n\n  protected getComponentPrefix(): string { return 'tx-confirm-content'; }\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = (this as unknown) as HTMLElement;\n    // Ensure tx-tree.css for nested light-DOM TxTree\n    this._stylePromises.push(ensureExternalStyles(root, 'tx-tree.css', 'data-w3a-tx-tree-css'));\n    // Also ensure tx-confirmer.css for shared confirmer styles\n    this._stylePromises.push(ensureExternalStyles(root, 'tx-confirmer.css', 'data-w3a-tx-confirmer-css'));\n    return root;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    // Reflect tooltip width var for nested components\n    this._applyTooltipWidthVar();\n    // Build initial tree from any pre-set props (upgrade-safe)\n    this._rebuildTree();\n    // Prevent drawer drag initiation from content area\n    this.addEventListener('pointerdown', this._stopDragStart as EventListener);\n    this.addEventListener('mousedown', this._stopDragStart as EventListener);\n    this.addEventListener('touchstart', this._stopDragStart as EventListener, { passive: false } as AddEventListenerOptions);\n  }\n\n  disconnectedCallback(): void {\n    this.removeEventListener('pointerdown', this._stopDragStart as EventListener);\n    this.removeEventListener('mousedown', this._stopDragStart as EventListener);\n    this.removeEventListener('touchstart', this._stopDragStart as EventListener);\n    // No resize listener to clean up (width is CSS-driven)\n    super.disconnectedCallback();\n  }\n\n  protected shouldUpdate(_changed: PropertyValues): boolean {\n    if (this._stylesReady) return true;\n    if (!this._stylesAwaiting) {\n      const p = Promise.all(this._stylePromises).then(\n        () => new Promise<void>((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())))\n      );\n      this._stylesAwaiting = p.then(() => { this._stylesReady = true; this.requestUpdate(); });\n    }\n    return false;\n  }\n\n  updated(changed: PropertyValues) {\n    super.updated(changed);\n    if (changed.has('txSigningRequests')) {\n      this._rebuildTree();\n    }\n    if (changed.has('tooltipWidth')) {\n      this._applyTooltipWidthVar();\n    }\n  }\n\n  private _applyTooltipWidthVar() {\n    const w = this._normalizeWidth(this.tooltipWidth);\n    // Only set when a caller explicitly provides a width; otherwise\n    // keep the responsive CSS default defined on :host.\n    if (w) this.setCssVars({ '--tooltip-width': w });\n  }\n\n  private _normalizeWidth(val?: string | number): string | undefined {\n    if (val === undefined || val === null) return undefined;\n    if (typeof val === 'number' && Number.isFinite(val)) return `${val}px`;\n    const s = String(val).trim();\n    return s.length ? s : undefined;\n  }\n\n  private _rebuildTree() {\n    try {\n      const inputs = Array.isArray(this.txSigningRequests) ? this.txSigningRequests : [];\n      const uiTxs = fromTransactionInputsWasm(inputs);\n      this._treeNode = buildDisplayTreeFromTxPayloads(uiTxs);\n    } catch (e) {\n      console.warn('[TxConfirmContent] failed to build TxTree', e);\n      this._treeNode = null;\n    }\n    // Ensure view refreshes even if this runs in firstUpdated before Lit schedules next frame\n    this.requestUpdate();\n  }\n\n  private _stopDragStart = (e: Event) => {\n    e.stopPropagation();\n  };\n\n  private onConfirm = () => {\n    if (this.loading) return;\n    // Emit semantic event for containers to bridge to canonical events\n    dispatchLitConfirm(this);\n  };\n\n  private onCancel = () => {\n    if (this.loading) return;\n    dispatchLitCancel(this);\n  };\n\n  render() {\n    return html`\n      <div class=\"txc-root\">\n        ${this.errorMessage ? html`<div class=\"error\">${this.errorMessage}</div>` : null}\n        ${(() => {\n          const treeTheme: 'dark' | 'light' = this.theme === 'dark' ? 'dark' : 'light';\n          const explorerBase = this.nearExplorerUrl || 'https://testnet.nearblocks.io';\n          return this._treeNode\n            ? html`<div class=\"tooltip-width\">\n                    <w3a-tx-tree\n                      light-dom\n                      .node=${this._treeNode}\n                      .theme=${treeTheme}\n                      .width=${this._txTreeWidth}\n                      .nearExplorerUrl=${explorerBase}\n                      .showShadow=${this.showShadow}\n                    ></w3a-tx-tree>\n                  </div>`\n            : html`<div class=\"muted\">No actions</div>`;\n        })()}\n        <div class=\"actions\">\n          <button\n            class=\"cancel\"\n            @click=${this.onCancel}\n            ?disabled=${this.loading}\n          >\n            ${this.cancelText}\n          </button>\n          <button\n            class=\"confirm ${this.loading ? 'loading' : ''}\"\n            @click=${this.onConfirm}\n            ?disabled=${this.loading}\n          >\n            ${this.loading\n              ? html`<span class=\"loading-indicator\" role=\"progressbar\" aria-label=\"Loading\"></span><span class=\"sr-only\">Loading</span>`\n              : html`${this.confirmText}`}\n          </button>\n        </div>\n      </div>\n    `;\n  }\n}\n\nimport { W3A_TX_CONFIRM_CONTENT_ID } from '../tags';\n\nif (!customElements.get(W3A_TX_CONFIRM_CONTENT_ID)) {\n  customElements.define(W3A_TX_CONFIRM_CONTENT_ID, TxConfirmContentElement);\n}\n\nexport default TxConfirmContentElement;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,IAAa,0BAAb,cAA6CA,gDAAoB;CAE/D,OAAO,oBAAoB,CAACC,6BAAgB;CAC5C,OAAO,kBAAkB,CAACC;CAC1B,OAAO,aAAa;EAClB,eAAe;GAAE,MAAM;GAAQ,WAAW;;EAC1C,mBAAmB,EAAE,MAAM;EAC3B,cAAc;GAAE,MAAM;GAAQ,WAAW;;EACzC,cAAc,EAAE,MAAM;EACtB,OAAO,EAAE,MAAM;EACf,SAAS,EAAE,MAAM;EACjB,cAAc,EAAE,MAAM;EACtB,OAAO,EAAE,MAAM;EACf,aAAa,EAAE,MAAM;EACrB,YAAY,EAAE,MAAM;EAEpB,WAAW;GAAE,WAAW;GAAO,OAAO;;EAEtC,cAAc;GAAE,MAAM;GAAQ,WAAW;;EAEzC,iBAAiB;GAAE,MAAM;GAAQ,WAAW;;EAE5C,YAAY;GAAE,MAAM;GAAS,WAAW;;;CAiB1C,AAAQ,YAAwB;CAEhC,AAAQ,wBAAwBA;CAGhC,AAAQ,eAAgC;CAKxC,AAAQ,eAAe;CACvB,AAAQ,iBAAkC;CAC1C,AAAQ,kBAAwC;CAEhD,cAAc;AACZ;EAEA,MAAM,OAAQ,UAAU,mBAAmB;AAC3C,MAAI,KACF,MAAK,eAAe,KAClBC,wCAAqB,MAAM,eAAe,yBAC1CA,wCAAqB,MAAM,oBAAoB,8BAC/CA,wCAAqB,MAAM,sBAAsB;AAGrD,OAAK,gBAAgB;AACrB,OAAK,oBAAoB;AACzB,OAAK,QAAQ;AACb,OAAK,UAAU;AACf,OAAK,QAAQ;AACb,OAAK,cAAc;AACnB,OAAK,aAAa;AAClB,OAAK,aAAa;;CAIpB,AAAU,qBAA6B;AAAE,SAAO;;CAEhD,AAAU,mBAAmD;EAC3D,MAAM,OAAQ;AAEd,OAAK,eAAe,KAAKA,wCAAqB,MAAM,eAAe;AAEnE,OAAK,eAAe,KAAKA,wCAAqB,MAAM,oBAAoB;AACxE,SAAO;;CAGT,oBAA0B;AACxB,QAAM;AAEN,OAAK;AAEL,OAAK;AAEL,OAAK,iBAAiB,eAAe,KAAK;AAC1C,OAAK,iBAAiB,aAAa,KAAK;AACxC,OAAK,iBAAiB,cAAc,KAAK,gBAAiC,EAAE,SAAS;;CAGvF,uBAA6B;AAC3B,OAAK,oBAAoB,eAAe,KAAK;AAC7C,OAAK,oBAAoB,aAAa,KAAK;AAC3C,OAAK,oBAAoB,cAAc,KAAK;AAE5C,QAAM;;CAGR,AAAU,aAAa,UAAmC;AACxD,MAAI,KAAK,aAAc,QAAO;AAC9B,MAAI,CAAC,KAAK,iBAAiB;GACzB,MAAM,IAAI,QAAQ,IAAI,KAAK,gBAAgB,WACnC,IAAI,SAAe,MAAM,4BAA4B,4BAA4B;AAEzF,QAAK,kBAAkB,EAAE,WAAW;AAAE,SAAK,eAAe;AAAM,SAAK;;;AAEvE,SAAO;;CAGT,QAAQ,SAAyB;AAC/B,QAAM,QAAQ;AACd,MAAI,QAAQ,IAAI,qBACd,MAAK;AAEP,MAAI,QAAQ,IAAI,gBACd,MAAK;;CAIT,AAAQ,wBAAwB;EAC9B,MAAM,IAAI,KAAK,gBAAgB,KAAK;AAGpC,MAAI,EAAG,MAAK,WAAW,EAAE,mBAAmB;;CAG9C,AAAQ,gBAAgB,KAA2C;AACjE,MAAI,QAAQ,UAAa,QAAQ,KAAM,QAAO;AAC9C,MAAI,OAAO,QAAQ,YAAY,OAAO,SAAS,KAAM,QAAO,GAAG,IAAI;EACnE,MAAM,IAAI,OAAO,KAAK;AACtB,SAAO,EAAE,SAAS,IAAI;;CAGxB,AAAQ,eAAe;AACrB,MAAI;GACF,MAAM,SAAS,MAAM,QAAQ,KAAK,qBAAqB,KAAK,oBAAoB;GAChF,MAAM,QAAQC,0CAA0B;AACxC,QAAK,YAAYC,qDAA+B;WACzC,GAAG;AACV,WAAQ,KAAK,6CAA6C;AAC1D,QAAK,YAAY;;AAGnB,OAAK;;CAGP,AAAQ,kBAAkB,MAAa;AACrC,IAAE;;CAGJ,AAAQ,kBAAkB;AACxB,MAAI,KAAK,QAAS;AAElB,wCAAmB;;CAGrB,AAAQ,iBAAiB;AACvB,MAAI,KAAK,QAAS;AAClB,uCAAkB;;CAGpB,SAAS;AACP,SAAO,QAAI;;UAEL,KAAK,eAAe,QAAI,sBAAsB,KAAK,aAAa,UAAU,KAAK;iBACxE;GACP,MAAMC,YAA8B,KAAK,UAAU,SAAS,SAAS;GACrE,MAAM,eAAe,KAAK,mBAAmB;AAC7C,UAAO,KAAK,YACR,QAAI;;;8BAGY,KAAK,UAAU;+BACd,UAAU;+BACV,KAAK,aAAa;yCACR,aAAa;oCAClB,KAAK,WAAW;;4BAGtC,QAAI;OACL;;;;qBAIQ,KAAK,SAAS;wBACX,KAAK,QAAQ;;cAEvB,KAAK,WAAW;;;6BAGD,KAAK,UAAU,YAAY,GAAG;qBACtC,KAAK,UAAU;wBACZ,KAAK,QAAQ;;cAEvB,KAAK,UACH,QAAI,wHACJ,QAAI,GAAG,KAAK,cAAc;;;;;;;AAU1C,IAAI,CAAC,eAAe,IAAIC,wCACtB,gBAAe,OAAOA,wCAA2B;AAGnD,iCAAe"}

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

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

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

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