@tatchi-xyz/sdk 0.20.0 → 0.31.0

package/dist/cjs/react/sdk/src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/viewer-drawer.js

@@ -1,261 +0,0 @@
-const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
-const require_events = require('../../../WalletIframe/events.js');
-const require_tags = require('../tags.js');
-const require_LitElementWithProps = require('../LitElementWithProps.js');
-const require_css_loader = require('../css/css-loader.js');
-const require_index = require('../Drawer/index.js');
-const require_tx_confirm_content = require('./tx-confirm-content.js');
-const require_PadlockIcon = require('../common/PadlockIcon.js');
-let lit = require("lit");
-lit = require_rolldown_runtime.__toESM(lit);
-
-//#region src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/viewer-drawer.ts
-/**
-* DrawerTxConfirmer: Drawer variant of the transaction confirmer
-*/
-var DrawerTxConfirmerElement = class extends require_LitElementWithProps.LitElementWithProps {
-	static requiredChildTags = ["w3a-tx-confirm-content", "w3a-drawer"];
-	static strictChildDefinitions = true;
-	static keepDefinitions = [require_tx_confirm_content.default, require_PadlockIcon.default];
-	static properties = {
-		nearAccountId: {
-			type: String,
-			attribute: "near-account-id"
-		},
-		txSigningRequests: { type: Array },
-		vrfChallenge: { type: Object },
-		theme: {
-			type: String,
-			reflect: true
-		},
-		loading: { type: Boolean },
-		errorMessage: { type: String },
-		body: { type: String },
-		title: { type: String },
-		confirmText: { type: String },
-		cancelText: { type: String },
-		deferClose: {
-			type: Boolean,
-			attribute: "defer-close"
-		},
-		nearExplorerUrl: {
-			type: String,
-			attribute: "near-explorer-url"
-		}
-	};
-	_ensureDrawerDefinition = require_index.default;
-	_drawerEl = null;
-	_open = false;
-	_onWindowMessage = (ev) => {
-		const data = ev && ev.data || {};
-		if (!data || typeof data.type !== "string") return;
-		if (data.type === "MODAL_TIMEOUT") {
-			const msg = typeof data.payload === "string" && data.payload ? data.payload : "Operation timed out";
-			this.loading = false;
-			this.errorMessage = msg;
-			this._drawerEl?.handleClose?.();
-			this.dispatchEvent(new CustomEvent(require_events.WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {
-				bubbles: true,
-				composed: true,
-				detail: { confirmed: false }
-			}));
-		}
-	};
-	_onKeyDown = (e) => {
-		if (e.key === "Escape" || e.key === "Esc") {
-			if (this.loading) return;
-			e.preventDefault();
-			this._drawerEl?.handleClose();
-			if (!this._drawerEl) this.dispatchEvent(new CustomEvent(require_events.WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {
-				bubbles: true,
-				composed: true,
-				detail: { confirmed: false }
-			}));
-		}
-	};
-	constructor() {
-		super();
-		this.nearAccountId = "";
-		this.txSigningRequests = [];
-		this.theme = "dark";
-		this.loading = false;
-		this.body = "";
-		this.title = "";
-		this.confirmText = "Next";
-		this.cancelText = "Cancel";
-		this.deferClose = false;
-	}
-	getComponentPrefix() {
-		return "drawer-tx";
-	}
-	createRenderRoot() {
-		const root = this;
-		require_css_loader.ensureExternalStyles(root, "w3a-components.css", "data-w3a-components-css").catch(() => {});
-		require_css_loader.ensureExternalStyles(root, "tx-tree.css", "data-w3a-tx-tree-css").catch(() => {});
-		require_css_loader.ensureExternalStyles(root, "tx-confirmer.css", "data-w3a-tx-confirmer-css").catch(() => {});
-		return root;
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		try {
-			const docEl = this.ownerDocument?.documentElement;
-			if (docEl && this.theme) {
-				const current = docEl.getAttribute("data-w3a-theme");
-				if (!current || current === "dark" || current === "light") {
-					docEl.setAttribute("data-w3a-theme", this.theme);
-					this._ownsThemeAttr = true;
-				}
-			}
-		} catch {}
-		try {
-			const docEl = this.ownerDocument?.documentElement;
-			if (docEl) require_css_loader.ensureExternalStyles(docEl, "w3a-components.css", "data-w3a-components-css").catch(() => {});
-		} catch {}
-		window.addEventListener("keydown", this._onKeyDown);
-		window.addEventListener("message", this._onWindowMessage);
-		const hostEl = this;
-		if (hostEl.tabIndex === void 0 || hostEl.tabIndex === null) hostEl.tabIndex = -1;
-		hostEl.focus({ preventScroll: true });
-		if (typeof window.focus === "function") window.focus();
-	}
-	async firstUpdated() {
-		this._drawerEl = this.querySelector(require_tags.W3A_DRAWER_ID);
-		const root = this.renderRoot;
-		await Promise.all([
-			require_css_loader.ensureExternalStyles(root, "w3a-components.css", "data-w3a-components-css"),
-			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, "drawer.css", "data-w3a-drawer-css")
-		]);
-		await new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())));
-		this._open = true;
-		this.requestUpdate();
-	}
-	disconnectedCallback() {
-		window.removeEventListener("keydown", this._onKeyDown);
-		window.removeEventListener("message", this._onWindowMessage);
-		super.disconnectedCallback();
-	}
-	updated(changed) {
-		super.updated(changed);
-		if (changed.has("theme")) {
-			const docEl = this.ownerDocument?.documentElement;
-			if (docEl && this.theme && this._ownsThemeAttr) docEl.setAttribute("data-w3a-theme", this.theme);
-		}
-	}
-	onDrawerCancel = () => {
-		if (this.loading) return;
-		this._open = false;
-		this.requestUpdate();
-		this.dispatchEvent(new CustomEvent(require_events.WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {
-			bubbles: true,
-			composed: true,
-			detail: { confirmed: false }
-		}));
-	};
-	onContentConfirm = () => {
-		if (this.loading) return;
-		this.loading = true;
-		this.requestUpdate();
-		this.dispatchEvent(new CustomEvent(require_events.WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, {
-			bubbles: true,
-			composed: true,
-			detail: { confirmed: true }
-		}));
-	};
-	onContentCancel = () => {
-		if (this.loading) return;
-		this._drawerEl?.handleClose();
-		this._open = false;
-		this.requestUpdate();
-		this.dispatchEvent(new CustomEvent(require_events.WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {
-			bubbles: true,
-			composed: true,
-			detail: { confirmed: false }
-		}));
-	};
-	close(_confirmed) {
-		this.remove();
-	}
-	render() {
-		return lit.html`
-      <w3a-drawer
-        .open=${this._open}
-        theme=${this.theme}
-        .loading=${this.loading}
-        .errorMessage=${this.errorMessage || ""}
-        .height=${"auto"}
-        .overpullPx=${160}
-        .dragToClose=${true}
-        .showCloseButton=${true}
-        @lit-cancel=${this.onDrawerCancel}
-      >
-        <div class="drawer-tx-confirmer-root">
-          <div class="section responsive-card margin-left1">
-            <div class="drawer-header">
-              ${(() => {
-			const isRegistration = (this.txSigningRequests?.length || 0) === 0;
-			const fallback = isRegistration ? "Register with Passkey" : "Confirm with Passkey";
-			const titleText = (this.title || "").trim();
-			const heading = titleText || fallback;
-			return lit.html`<h2 class="drawer-title">${heading}</h2>`;
-		})()}
-            </div>
-          </div>
-
-          <div class="section responsive-card margin-left1">
-            <div class="rpid-wrapper">
-              <div class="rpid">
-                <div class="secure-indicator">
-                      <w3a-padlock-icon class="padlock-icon"></w3a-padlock-icon>
-                  ${this.vrfChallenge?.rpId ? lit.html`<span class="domain-text">${this.vrfChallenge.rpId}</span>` : ""}
-                </div>
-                <span class="security-details">
-                  <svg xmlns="http://www.w3.org/2000/svg"
-                    class="block-height-icon"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  >
-                    <path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/>
-                    <path d="m3.3 7 8.7 5 8.7-5"/>
-                    <path d="M12 22V12"/>
-                  </svg>
-                  ${this.vrfChallenge?.blockHeight ? lit.html`block ${this.vrfChallenge.blockHeight}` : ""}
-                </span>
-              </div>
-            </div>
-            ${this.body && this.body.trim() ? lit.html`<div class="confirmation-body">${this.body}</div>` : ""}
-          </div>
-          <div class="section responsive-card responsive-card-center">
-            <w3a-tx-confirm-content
-              .nearAccountId=${this.nearAccountId || ""}
-              .txSigningRequests=${this.txSigningRequests || []}
-              .intentDigest=${this.intentDigest}
-              .vrfChallenge=${this.vrfChallenge}
-              .theme=${this.theme}
-              .nearExplorerUrl=${this.nearExplorerUrl}
-              .showShadow=${false}
-              .loading=${this.loading}
-              .errorMessage=${this.errorMessage || ""}
-              .title=${this.title}
-              .confirmText=${this.confirmText}
-              .cancelText=${this.cancelText}
-              @lit-confirm=${this.onContentConfirm}
-              @lit-cancel=${this.onContentCancel}
-            ></w3a-tx-confirm-content>
-          </div>
-
-        </div>
-      </w3a-drawer>
-    `;
-	}
-};
-if (!customElements.get(require_tags.W3A_DRAWER_TX_CONFIRMER_ID)) customElements.define(require_tags.W3A_DRAWER_TX_CONFIRMER_ID, DrawerTxConfirmerElement);
-
-//#endregion
-exports.DrawerTxConfirmerElement = DrawerTxConfirmerElement;
-//# sourceMappingURL=viewer-drawer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"viewer-drawer.js","names":["LitElementWithProps","TxConfirmContentElement","PadlockIconElement","DrawerElement","WalletIframeDomEvents","W3A_DRAWER_ID","ensureExternalStyles","W3A_DRAWER_TX_CONFIRMER_ID"],"sources":["../../../../../../../../../src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/viewer-drawer.ts"],"sourcesContent":["import { html, type PropertyValues } from 'lit';\nimport { LitElementWithProps } from '../LitElementWithProps';\nimport DrawerElement from '../Drawer';\nimport { W3A_DRAWER_ID } from '../tags';\nimport TxConfirmContentElement from './tx-confirm-content';\nimport PadlockIconElement from '../common/PadlockIcon';\nimport { ensureExternalStyles } from '../css/css-loader';\nimport { WalletIframeDomEvents } from '../../../WalletIframe/events';\nimport type { TransactionInputWasm, VRFChallenge } from '../../../types';\nimport type { ThemeName } from '../confirm-ui-types';\nimport type { ConfirmUIElement } from '../confirm-ui-types';\n\n/**\n * DrawerTxConfirmer: Drawer variant of the transaction confirmer\n */\nexport class DrawerTxConfirmerElement extends LitElementWithProps implements ConfirmUIElement {\n  static requiredChildTags = ['w3a-tx-confirm-content', 'w3a-drawer'];\n  static strictChildDefinitions = true;\n  // Prevent bundlers from dropping nested custom element definitions used via templates\n  static keepDefinitions = [TxConfirmContentElement, PadlockIconElement];\n  static properties = {\n    nearAccountId: { type: String, attribute: 'near-account-id' },\n    txSigningRequests: { type: Array },\n    vrfChallenge: { type: Object },\n    theme: { type: String, reflect: true },\n    loading: { type: Boolean },\n    errorMessage: { type: String },\n    body: { type: String },\n    title: { type: String },\n    confirmText: { type: String },\n    cancelText: { type: String },\n    // Two‑phase close: when true, host controls removal\n    deferClose: { type: Boolean, attribute: 'defer-close' },\n    nearExplorerUrl: { type: String, attribute: 'near-explorer-url' },\n  } as const;\n\n  declare nearAccountId: string;\n  declare txSigningRequests: TransactionInputWasm[];\n  declare vrfChallenge?: Partial<VRFChallenge>;\n  // Theme tokens now come from external CSS (tx-confirmer.css)\n  // style injection has been removed to satisfy strict CSP.\n  declare theme: ThemeName;\n  declare loading: boolean;\n  declare errorMessage?: string;\n  declare body: string;\n  declare title: string;\n  declare confirmText: string;\n  declare cancelText: string;\n  declare deferClose: boolean;\n  declare nearExplorerUrl?: string;\n  declare intentDigest?: string;\n\n  // Keep essential custom elements from being tree-shaken\n  private _ensureDrawerDefinition = DrawerElement;\n  private _drawerEl: any | null = null;\n  private _open: boolean = false;\n\n  private _onWindowMessage = (ev: MessageEvent) => {\n    const data = (ev && ev.data) || {};\n    if (!data || typeof (data as any).type !== 'string') return;\n    if ((data as any).type === 'MODAL_TIMEOUT') {\n      const msg = typeof (data as any).payload === 'string' && (data as any).payload\n        ? (data as any).payload\n        : 'Operation timed out';\n      this.loading = false;\n      this.errorMessage = msg;\n      // Best-effort close and emit cancel so host resolves and cleans up\n      this._drawerEl?.handleClose?.();\n      this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {\n        bubbles: true,\n        composed: true,\n        detail: { confirmed: false }\n      }));\n    }\n  };\n\n  private _onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' || e.key === 'Esc') {\n      if (this.loading) return;\n      e.preventDefault();\n      this._drawerEl?.handleClose();\n      if (!this._drawerEl) {\n        this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {\n          bubbles: true,\n          composed: true,\n          detail: { confirmed: false }\n        }));\n      }\n      // Rely on drawer's `cancel` event -> onDrawerCancel to emit w3a:modal-cancel\n    }\n  };\n\n  constructor() {\n    super();\n    this.nearAccountId = '';\n    this.txSigningRequests = [];\n    this.theme = 'dark';\n    this.loading = false;\n    this.body = '';\n    this.title = '';\n    this.confirmText = 'Next';\n    this.cancelText = 'Cancel';\n    this.deferClose = false;\n  }\n\n  protected getComponentPrefix(): string { return 'drawer-tx'; }\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    // Light DOM root so tokens cascade without Shadow DOM boundaries\n    const root = (this as unknown) as HTMLElement;\n    // Preload tokens + styles on host\n    ensureExternalStyles(root, 'w3a-components.css', 'data-w3a-components-css').catch(() => {});\n    ensureExternalStyles(root, 'tx-tree.css', 'data-w3a-tx-tree-css').catch(() => {});\n    ensureExternalStyles(root, 'tx-confirmer.css', 'data-w3a-tx-confirmer-css').catch(() => {});\n    return root;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    // Ensure root token theme is applied immediately on mount\n    try {\n      const docEl = this.ownerDocument?.documentElement as HTMLElement | undefined;\n      if (docEl && this.theme) {\n        const current = docEl.getAttribute('data-w3a-theme');\n        if (!current || current === 'dark' || current === 'light') {\n          docEl.setAttribute('data-w3a-theme', this.theme);\n          (this as any)._ownsThemeAttr = true;\n        }\n      }\n    } catch {}\n    // Also ensure tokens CSS on document root for host-scoped variables\n    try {\n      const docEl = this.ownerDocument?.documentElement as HTMLElement | undefined;\n      if (docEl) ensureExternalStyles(docEl, 'w3a-components.css', 'data-w3a-components-css').catch(() => {});\n    } catch {}\n    window.addEventListener('keydown', this._onKeyDown);\n    window.addEventListener('message', this._onWindowMessage as EventListener);\n    // Ensure immediate keyboard handling (e.g., ESC) by focusing host/iframe\n    const hostEl = this as unknown as HTMLElement;\n    if (hostEl.tabIndex === undefined || hostEl.tabIndex === null) {\n      (hostEl as any).tabIndex = -1;\n    }\n    hostEl.focus({ preventScroll: true } as FocusOptions);\n    if (typeof window.focus === 'function') { window.focus(); }\n  }\n\n  async firstUpdated(): Promise<void> {\n    this._drawerEl = (this as unknown as HTMLElement).querySelector(W3A_DRAWER_ID) as any;\n    // Ensure external styles are ready before opening (await Promise-based loader)\n    const root = (this.renderRoot as unknown) as ShadowRoot | DocumentFragment | HTMLElement;\n    await Promise.all([\n      ensureExternalStyles(root, 'w3a-components.css', 'data-w3a-components-css'),\n      ensureExternalStyles(root, 'tx-tree.css', 'data-w3a-tx-tree-css'),\n      ensureExternalStyles(root, 'tx-confirmer.css', 'data-w3a-tx-confirmer-css'),\n      // Preload drawer.css so fallback <link> is loaded before opening\n      ensureExternalStyles(root, 'drawer.css', 'data-w3a-drawer-css'),\n    ]);\n    // Open after mount with double-rAF to let layout/styles settle\n    await new Promise<void>((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())));\n    this._open = true;\n    this.requestUpdate();\n  }\n\n  disconnectedCallback(): void {\n    window.removeEventListener('keydown', this._onKeyDown);\n    window.removeEventListener('message', this._onWindowMessage as EventListener);\n    super.disconnectedCallback();\n  }\n\n  updated(changed: PropertyValues) {\n    super.updated(changed);\n    // Keep the iframe/root document's theme in sync so :root[data-w3a-theme] tokens apply\n    if (changed.has('theme')) {\n      const docEl = this.ownerDocument?.documentElement as HTMLElement | undefined;\n      if (docEl && this.theme && (this as any)._ownsThemeAttr) {\n        docEl.setAttribute('data-w3a-theme', this.theme);\n      }\n    }\n  }\n\n  private onDrawerCancel = () => {\n    if (this.loading) return;\n    // Close drawer locally to ensure animation\n    this._open = false;\n    this.requestUpdate();\n    this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {\n      bubbles: true,\n      composed: true,\n      detail: { confirmed: false }\n    }));\n  };\n\n  private onContentConfirm = () => {\n    if (this.loading) return;\n    this.loading = true;\n    this.requestUpdate();\n    // Bridge semantic event to canonical event\n    this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, {\n      bubbles: true,\n      composed: true,\n      detail: { confirmed: true }\n    }));\n  };\n\n  private onContentCancel = () => {\n    if (this.loading) return;\n    this._drawerEl?.handleClose();\n    this._open = false; this.requestUpdate();\n    this.dispatchEvent(new CustomEvent(WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {\n      bubbles: true,\n      composed: true,\n      detail: { confirmed: false }\n    }));\n  };\n\n  // Public method for two‑phase close from host/bootstrap\n  close(_confirmed: boolean) {\n    this.remove();\n  }\n\n  render() {\n    return html`\n      <w3a-drawer\n        .open=${this._open}\n        theme=${this.theme}\n        .loading=${this.loading}\n        .errorMessage=${this.errorMessage || ''}\n        .height=${'auto'}\n        .overpullPx=${160}\n        .dragToClose=${true}\n        .showCloseButton=${true}\n        @lit-cancel=${this.onDrawerCancel}\n      >\n        <div class=\"drawer-tx-confirmer-root\">\n          <div class=\"section responsive-card margin-left1\">\n            <div class=\"drawer-header\">\n              ${(() => {\n                const isRegistration = (this.txSigningRequests?.length || 0) === 0;\n                const fallback = isRegistration ? 'Register with Passkey' : 'Confirm with Passkey';\n                const titleText = (this.title || '').trim();\n                const heading = titleText || fallback;\n                return html`<h2 class=\"drawer-title\">${heading}</h2>`;\n              })()}\n            </div>\n          </div>\n\n          <div class=\"section responsive-card margin-left1\">\n            <div class=\"rpid-wrapper\">\n              <div class=\"rpid\">\n                <div class=\"secure-indicator\">\n                      <w3a-padlock-icon class=\"padlock-icon\"></w3a-padlock-icon>\n                  ${this.vrfChallenge?.rpId\n                    ? html`<span class=\"domain-text\">${this.vrfChallenge.rpId}</span>`\n                    : ''}\n                </div>\n                <span class=\"security-details\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\"\n                    class=\"block-height-icon\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"/>\n                    <path d=\"m3.3 7 8.7 5 8.7-5\"/>\n                    <path d=\"M12 22V12\"/>\n                  </svg>\n                  ${this.vrfChallenge?.blockHeight\n                    ? html`block ${this.vrfChallenge.blockHeight}`\n                    : ''}\n                </span>\n              </div>\n            </div>\n            ${\n              this.body && this.body.trim()\n              ? html`<div class=\"confirmation-body\">${this.body}</div>`\n              : ''\n            }\n          </div>\n          <div class=\"section responsive-card responsive-card-center\">\n            <w3a-tx-confirm-content\n              .nearAccountId=${this.nearAccountId || ''}\n              .txSigningRequests=${this.txSigningRequests || []}\n              .intentDigest=${this.intentDigest}\n              .vrfChallenge=${this.vrfChallenge}\n              .theme=${this.theme}\n              .nearExplorerUrl=${this.nearExplorerUrl}\n              .showShadow=${false}\n              .loading=${this.loading}\n              .errorMessage=${this.errorMessage || ''}\n              .title=${this.title}\n              .confirmText=${this.confirmText}\n              .cancelText=${this.cancelText}\n              @lit-confirm=${this.onContentConfirm}\n              @lit-cancel=${this.onContentCancel}\n            ></w3a-tx-confirm-content>\n          </div>\n\n        </div>\n      </w3a-drawer>\n    `;\n  }\n}\n\nimport { W3A_DRAWER_TX_CONFIRMER_ID } from '../tags';\n\n// Define canonical tag\nif (!customElements.get(W3A_DRAWER_TX_CONFIRMER_ID)) {\n  customElements.define(W3A_DRAWER_TX_CONFIRMER_ID, DrawerTxConfirmerElement);\n}\n\nexport default DrawerTxConfirmerElement;\n"],"mappings":"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"}

package/dist/cjs/react/sdk/src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/viewer-modal.js

@@ -1,281 +0,0 @@
-const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
-const require_events = require('../../../WalletIframe/events.js');
-const require_tags = require('../tags.js');
-const require_LitElementWithProps = require('../LitElementWithProps.js');
-const require_css_loader = require('../css/css-loader.js');
-const require_index = require('../TxTree/index.js');
-const require_tx_confirm_content = require('./tx-confirm-content.js');
-const require_index$1 = require('../HaloBorder/index.js');
-const require_index$2 = require('../PasskeyHaloLoading/index.js');
-let lit = require("lit");
-lit = require_rolldown_runtime.__toESM(lit);
-
-//#region src/core/WebAuthnManager/LitComponents/IframeTxConfirmer/viewer-modal.ts
-/**
-* Modal transaction confirmation component with multiple display variants.
-* Built with Lit with strict CSP for XSS protection and reactive updates.
-*/
-var ModalTxConfirmElement = class extends require_LitElementWithProps.LitElementWithProps {
-	static requiredChildTags = ["w3a-tx-confirm-content"];
-	static strictChildDefinitions = true;
-	static keepDefinitions = [require_tx_confirm_content.default];
-	static properties = {
-		nearAccountId: {
-			type: String,
-			attribute: "near-account-id"
-		},
-		to: { type: String },
-		totalAmount: { type: String },
-		method: { type: String },
-		fingerprint: { type: String },
-		body: { type: String },
-		title: { type: String },
-		cancelText: { type: String },
-		confirmText: { type: String },
-		txSigningRequests: { type: Array },
-		vrfChallenge: { type: Object },
-		loading: { type: Boolean },
-		errorMessage: { type: String },
-		theme: {
-			type: String,
-			attribute: "theme",
-			reflect: true
-		},
-		nearExplorerUrl: {
-			type: String,
-			attribute: "near-explorer-url"
-		}
-	};
-	totalAmount = "";
-	method = "";
-	fingerprint = "";
-	body = "";
-	title = "";
-	cancelText = "Cancel";
-	confirmText = "Next";
-	txSigningRequests = [];
-	vrfChallenge;
-	loading = false;
-	errorMessage = void 0;
-	theme = "dark";
-	nearExplorerUrl;
-	intentDigest;
-	deferClose = false;
-	_stylesReady = false;
-	_stylePromises = [];
-	_stylesAwaiting = null;
-	_ensureTreeDefinition = require_index.default;
-	_ensureHaloElements = [require_index$1.default, require_index$2.default];
-	_onKeyDown = (e) => {
-		if (e.key === "Escape" || e.key === "Esc") {
-			e.preventDefault();
-			this._handleCancel();
-		}
-	};
-	_onWindowMessage = (ev) => {
-		const data = ev && ev.data || {};
-		if (!data || typeof data.type !== "string") return;
-		if (data.type === "MODAL_TIMEOUT") {
-			const msg = typeof data.payload === "string" && data.payload ? data.payload : "Operation timed out";
-			this.loading = false;
-			this.errorMessage = msg;
-			this._handleCancel();
-		}
-	};
-	_backdropArmed = false;
-	constructor() {
-		super();
-		const root = document?.documentElement || null;
-		if (root) this._stylePromises.push(require_css_loader.ensureExternalStyles(root, "w3a-components.css", "data-w3a-components-css"), 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, "halo-border.css", "data-w3a-halo-border-css"), require_css_loader.ensureExternalStyles(root, "passkey-halo-loading.css", "data-w3a-passkey-halo-loading-css"));
-	}
-	_ownsThemeAttr = false;
-	updated(changedProperties) {
-		super.updated(changedProperties);
-		if (changedProperties.has("theme")) try {
-			const docEl = this.ownerDocument?.documentElement;
-			if (docEl && this.theme && this._ownsThemeAttr) docEl.setAttribute("data-w3a-theme", this.theme);
-		} catch {}
-	}
-	getComponentPrefix() {
-		return "modal";
-	}
-	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"));
-		this._stylePromises.push(require_css_loader.ensureExternalStyles(root, "halo-border.css", "data-w3a-halo-border-css"));
-		this._stylePromises.push(require_css_loader.ensureExternalStyles(root, "passkey-halo-loading.css", "data-w3a-passkey-halo-loading-css"));
-		return root;
-	}
-	disconnectedCallback() {
-		window.removeEventListener("keydown", this._onKeyDown);
-		window.removeEventListener("message", this._onWindowMessage);
-		super.disconnectedCallback();
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		try {
-			const docEl = this.ownerDocument?.documentElement;
-			if (docEl && this.theme) {
-				const current = docEl.getAttribute("data-w3a-theme");
-				if (!current || current === "dark" || current === "light") {
-					docEl.setAttribute("data-w3a-theme", this.theme);
-					this._ownsThemeAttr = true;
-				}
-			}
-		} catch {}
-		setTimeout(() => {
-			this._backdropArmed = true;
-		}, 0);
-		window.addEventListener("keydown", this._onKeyDown);
-		window.addEventListener("message", this._onWindowMessage);
-		const hostEl = this;
-		hostEl.tabIndex = hostEl.tabIndex ?? -1;
-		hostEl.focus({ preventScroll: true });
-		if (typeof window.focus === "function") window.focus();
-	}
-	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;
-	}
-	render() {
-		return lit.html`
-      <!-- Separate backdrop layer for independent animation -->
-      <div class="modal-backdrop-blur" @click=${this._handleBackdropClick}></div>
-      <!-- Modal content layer -->
-      <div class="modal-backdrop" @click=${this._handleContentClick}>
-        <div class="modal-container-root">
-
-          <div class="responsive-card">
-            <div class="hero">
-              <w3a-passkey-halo-loading
-                .theme=${this.theme}
-                .animated=${!this.errorMessage ? true : false}
-                .ringGap=${4}
-                .ringWidth=${4}
-                .ringBorderRadius=${"1.125rem"}
-                .ringBackground=${"var(--w3a-modal__passkey-halo-loading__ring-background)"}
-                .innerPadding=${"0px"}
-                .innerBackground=${"var(--w3a-modal__passkey-halo-loading__inner-background)"}
-                .height=${36}
-                .width=${36}
-              ></w3a-passkey-halo-loading>
-              <div class="hero-container">
-                <!-- Hero heading -->
-                ${(() => {
-			const isRegistration = (this.txSigningRequests?.length || 0) === 0;
-			const fallback = isRegistration ? "Register with Passkey" : "Confirm with Passkey";
-			const titleText = (this.title || "").trim();
-			const heading = titleText || fallback;
-			return lit.html`<h2 class="hero-heading">${heading}</h2>`;
-		})()}
-                ${this.errorMessage ? lit.html`<div class="error-banner">${this.errorMessage}</div>` : ""}
-                <!-- RpID Section -->
-                <div class="rpid-wrapper">
-                  <div class="rpid">
-                    <div class="secure-indicator">
-                      <svg xmlns="http://www.w3.org/2000/svg"
-                        class="padlock-icon"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      >
-                        <rect width="18" height="11" x="3" y="11" rx="2" ry="2"/>
-                        <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
-                      </svg>
-                      ${this.vrfChallenge?.rpId ? lit.html`<span class="domain-text">${this.vrfChallenge.rpId}</span>` : ""}
-                    </div>
-                    <span class="security-details">
-                      <svg xmlns="http://www.w3.org/2000/svg"
-                        class="block-height-icon"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      >
-                        <path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A 2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/>
-                        <path d="m3.3 7 8.7 5 8.7-5"/>
-                        <path d="M12 22V12"/>
-                      </svg>
-                      ${this.vrfChallenge?.blockHeight ? lit.html`block ${this.vrfChallenge.blockHeight}` : ""}
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-            ${this.body && this.body.trim() ? lit.html`<div class="confirmation-body">${this.body}</div>` : ""}
-          </div>
-
-          <div class="responsive-card">
-            <w3a-tx-confirm-content
-              .nearAccountId=${this["nearAccountId"] || ""}
-              .txSigningRequests=${this.txSigningRequests || []}
-              .intentDigest=${this.intentDigest}
-              .vrfChallenge=${this.vrfChallenge}
-              .theme=${this.theme}
-              .nearExplorerUrl=${this.nearExplorerUrl}
-              .showShadow=${false}
-              .loading=${this.loading}
-              .errorMessage=${this.errorMessage || ""}
-              .title=${this.title}
-              .confirmText=${this.confirmText}
-              .cancelText=${this.cancelText}
-              @lit-confirm=${this._handleConfirm}
-              @lit-cancel=${this._handleCancel}
-            ></w3a-tx-confirm-content>
-          </div>
-        </div>
-      </div>
-    `;
-	}
-	_handleCancel() {
-		if (this.loading) return;
-		this.dispatchEvent(new CustomEvent(require_events.WalletIframeDomEvents.TX_CONFIRMER_CANCEL, {
-			bubbles: true,
-			composed: true,
-			detail: { confirmed: false }
-		}));
-		if (!this.deferClose) this._resolveAndCleanup(false);
-	}
-	_handleConfirm() {
-		if (this.loading) return;
-		this.loading = true;
-		this.requestUpdate();
-		this.dispatchEvent(new CustomEvent(require_events.WalletIframeDomEvents.TX_CONFIRMER_CONFIRM, {
-			bubbles: true,
-			composed: true,
-			detail: { confirmed: true }
-		}));
-		if (!this.deferClose) this._resolveAndCleanup(true);
-	}
-	_handleBackdropClick() {
-		if (!this._backdropArmed) return;
-		this._handleCancel();
-	}
-	_handleContentClick(e) {
-		e.stopPropagation();
-	}
-	_resolveAndCleanup(confirmed) {
-		this.remove();
-	}
-	close(confirmed) {
-		this._resolveAndCleanup(confirmed);
-	}
-};
-if (!customElements.get(require_tags.W3A_MODAL_TX_CONFIRMER_ID)) customElements.define(require_tags.W3A_MODAL_TX_CONFIRMER_ID, ModalTxConfirmElement);
-
-//#endregion
-exports.ModalTxConfirmElement = ModalTxConfirmElement;
-//# sourceMappingURL=viewer-modal.js.map

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

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