@tatchi-xyz/sdk 0.21.0 → 0.31.0

package/dist/esm/react/sdk/src/core/WebAuthnManager/LitComponents/IframeButtonWithTooltipConfirmer/iframe-host.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iframe-host.js","names":["html","treeTheme: 'dark' | 'light'","stylePayload: any","txResults: ActionResult[] | undefined"],"sources":["../../../../../../../../../src/core/WebAuthnManager/LitComponents/IframeButtonWithTooltipConfirmer/iframe-host.ts"],"sourcesContent":["// External imports\nimport { html, type PropertyValues } from 'lit';\nimport { ref, createRef, Ref } from 'lit/directives/ref.js';\n// SDK imports\nimport type { TransactionInput } from '../../../types/actions';\nimport type { SignAndSendTransactionHooksOptions } from '../../../types/sdkSentEvents';\nimport type { ActionResult } from '../../../types/tatchi';\nimport { onEmbeddedBaseChange } from '../../../sdkPaths';\n// Local imports\nimport { LitElementWithProps, CSSProperties } from '../LitElementWithProps';\nimport { ensureExternalStyles } from '../css/css-loader';\n// TxTree theme styles are now provided via external CSS (tx-tree.css)\nimport type { ThemeName } from '../confirm-ui-types';\nimport { TX_TREE_THEMES } from '../TxTree/tx-tree-themes';\nimport { W3A_BUTTON_WITH_TOOLTIP_ID, IFRAME_TX_BUTTON_BOOTSTRAP_MODULE, defineTag } from '../tags';\nimport { resolveEmbeddedBase } from '../asset-base';\nimport {\n  computeExpandedIframeSizeFromGeometryPure,\n  computeIframeSizePure,\n  IframeClipPathGenerator,\n  toPx,\n  TooltipGeometry,\n  TooltipPositionInternal,\n  utilParsePx\n} from './iframe-geometry';\nimport {\n  IframeInitData,\n  IframeButtonMessageType,\n  IframeButtonMessagePayloads,\n  IframeButtonMessage,\n} from '../common/iframe-messages'\n\n/**\n * Lit component that hosts the SecureTxConfirmButton iframe and manages all iframe communication.\n */\nexport class IframeButtonHost extends LitElementWithProps {\n  static properties = {\n    nearAccountId: {\n      type: String,\n      attribute: 'near-account-id'\n    },\n    txSigningRequests: {\n      type: Array,\n      // Always treat as changed so in-place mutations propagate to the iframe\n      hasChanged(_newVal: TransactionInput[], _oldVal: TransactionInput[]) {\n        return true;\n      }\n    },\n    color: { type: String },\n    // Optional fallback text when no slotted content is provided\n    buttonTextElement: { type: String },\n    buttonStyle: {\n      type: Object,\n      hasChanged(newVal: CSSProperties, oldVal: CSSProperties) {\n        return JSON.stringify(newVal) !== JSON.stringify(oldVal);\n      }\n    },\n    buttonHoverStyle: {\n      type: Object,\n      hasChanged(newVal: CSSProperties, oldVal: CSSProperties) {\n        return JSON.stringify(newVal) !== JSON.stringify(oldVal);\n      }\n    },\n    tooltipPosition: {\n      type: Object,\n      hasChanged(newVal: TooltipPositionInternal, oldVal: TooltipPositionInternal) {\n        return JSON.stringify(newVal) !== JSON.stringify(oldVal);\n      }\n    },\n    txTreeTheme: {\n      type: String,\n      attribute: 'tooltip-theme'\n    },\n    showLoading: {\n      type: Boolean,\n      attribute: 'show-loading'\n    },\n    options: {\n      type: Object,\n      hasChanged(newVal: SignAndSendTransactionHooksOptions, oldVal: SignAndSendTransactionHooksOptions) {\n        return JSON.stringify(newVal) !== JSON.stringify(oldVal);\n      }\n    },\n    // Event handlers\n    onSuccess: { type: Object },\n    onCancel: { type: Object },\n    onLoadTouchIdPrompt: { type: Object },\n    externalConfirm: { type: Object },\n  } as const;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    // Adopt external styles for strict CSP\n    ensureExternalStyles(root as ShadowRoot | DocumentFragment | HTMLElement, 'iframe-button-host.css', 'data-w3a-iframe-button-host-css').catch(() => {});\n    return root;\n  }\n\n  private iframeInitialized = false;\n  private currentGeometry: TooltipGeometry | null = null;\n  private clipPathSupported = false;\n  private iframeRef: Ref<HTMLIFrameElement> = createRef();\n  private hostRef: Ref<HTMLDivElement> = createRef();\n  private tooltipVisible: boolean = false;\n  // Track applied dynamic styles so we can update/remove cleanly\n  private styleScopeClass = `w3a-host-${Math.random().toString(36).slice(2)}`;\n  private scopedSheet: CSSStyleSheet | null = null;\n  // (optional) event hook; not used for gating init anymore\n  private onAssetsBaseSet = () => {\n    // Reinitialize to pick up the new embedded base path set by the wallet host\n    this.iframeInitialized = false;\n    this.initializeIframe();\n    this.iframeInitialized = true;\n  };\n  private onDocPointerDown = (ev: PointerEvent) => {\n    // Click-away to close tooltip when visible\n    if (!this.tooltipVisible) return;\n    const hostEl = this.hostRef.value;\n    if (!hostEl) return;\n    const target = ev.target as Node | null;\n    if (target && hostEl.contains(target)) {\n      // Click occurred inside the host/iframe area; ignore\n      return;\n    }\n    // Hide tooltip in iframe\n    this.postToIframe('SET_TOOLTIP_VISIBILITY', false);\n  };\n\n  // Reactive properties are automatically created by Lit from static properties\n  // Don't declare them as instance properties, this overrides Lit's setters\n  declare nearAccountId: string;\n  declare txSigningRequests: TransactionInput[];\n\n  declare color: string;\n  declare buttonTextElement: string;\n  declare buttonStyle: Record<string, string | number>;\n  declare buttonHoverStyle: Record<string, string | number>;\n  declare tooltipPosition: TooltipPositionInternal;\n  declare txTreeTheme: ThemeName;\n  declare showLoading: boolean;\n  declare options: SignAndSendTransactionHooksOptions;\n  // Optional external confirm handler (e.g., to route via wallet iframe)\n  declare externalConfirm?: (args: {\n    nearAccountId: string;\n    txSigningRequests: TransactionInput[];\n    options?: SignAndSendTransactionHooksOptions;\n    theme?: 'dark' | 'light';\n  }) => Promise<ActionResult[]>;\n\n\n  // Event handlers (not reactive properties)\n  onSuccess?: (result: ActionResult[]) => void;\n  onCancel?: () => void;\n  onLoadTouchIdPrompt?: (loading: boolean) => void;\n\n  // Message handler reference for proper cleanup\n  private messageHandler?: (event: MessageEvent) => void;\n  private pendingUiDigestResolve?: (v: string) => void;\n  private pendingUiDigestReject?: (e: Error) => void;\n  private offEmbeddedBaseChange?: () => void;\n\n  constructor() {\n    super();\n    // Initialize default values for reactive properties\n    this.nearAccountId = '';\n    this.txSigningRequests = [];\n\n    this.buttonStyle = {};\n    this.buttonHoverStyle = {};\n    this.buttonTextElement = 'Sign Transaction';\n    this.tooltipPosition = {\n      width: 'min(330px, calc(var(--w3a-vw, 100vw) - 1rem))',\n      height: '300px',\n      position: 'top-center',\n      offset: '6px',\n      boxPadding: '5px',\n    };\n    this.txTreeTheme = 'dark';\n    this.showLoading = false;\n    this.options = {};\n    this.externalConfirm = undefined;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setupClipPathSupport();\n    // Apply button style CSS variables on initial connection\n    this.applyButtonStyle();\n    // Subscribe to wallet host base-change event (best-effort)\n    this.offEmbeddedBaseChange = onEmbeddedBaseChange(() => this.onAssetsBaseSet());\n  }\n\n  updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    // Apply button/hover and size styles when inputs change\n    if (\n      changedProperties.has('buttonStyle') ||\n      changedProperties.has('buttonHoverStyle') ||\n      changedProperties.has('tooltipPosition')\n    ) {\n      this.applyButtonStyle();\n      // Option A: If width is a percentage, reinitialize once after layout so\n      // percent can resolve against the container and avoid early 420px clamp.\n      if (changedProperties.has('buttonStyle')) {\n        const w = (this.buttonStyle as any)?.width as unknown;\n        const isPercent = typeof w === 'string' && /%\\s*$/.test(w.trim());\n        if (isPercent) {\n          try { requestAnimationFrame(() => this.forceIframeReinitialize()); } catch { this.forceIframeReinitialize(); }\n        }\n      }\n    }\n\n    // Initialize once; base is resolved via resolveEmbeddedBase() with a stable default\n    if (!this.iframeInitialized) {\n      this.initializeIframe();\n      this.iframeInitialized = true;\n    } else {\n      // Use postMessage to update iframe properties instead of recreating HTML\n      this.updateIframeViaPostMessage(changedProperties);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this.messageHandler) {\n      window.removeEventListener('message', this.messageHandler);\n      this.messageHandler = undefined;\n    }\n    document.removeEventListener('pointerdown', this.onDocPointerDown, true);\n    this.offEmbeddedBaseChange?.();\n    this.offEmbeddedBaseChange = undefined;\n  }\n\n  private applyButtonStyle() {\n    if (!this.buttonStyle) return;\n\n    // Build scoped CSS rules for base and hover states using a per-instance class.\n    const toDecls = (obj?: Record<string, unknown>) => {\n      if (!obj) return '';\n      const skip = new Set(['width','height']);\n      return Object.entries(obj)\n        .filter(([k, v]) => v != null && !skip.has(k))\n        .map(([k, v]) => `${this.camelToKebab(k)}: ${String(v)};`)\n        .join(' ');\n    };\n\n    const baseDecls = toDecls(this.buttonStyle as Record<string, unknown>);\n    const hoverDecls = toDecls(this.buttonHoverStyle as Record<string, unknown>);\n\n    const btnW = this.resolveButtonWidthString();\n    const btnH = toPx(this.buttonStyle?.height || '48px');\n    const iframeSize = this.calculateIframeSize();\n\n    // Minimal structural rules to work even if external CSS fails to load in dev\n    const baseRules = `.iframe-button-host.${this.styleScopeClass} { display:inline-block; position:relative; width: var(--button-width, ${btnW}); height: var(--button-height, ${btnH}); box-sizing:border-box; }\n.iframe-button-host.${this.styleScopeClass} .host-button-visual { position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; }\n.iframe-button-host.${this.styleScopeClass} iframe { position:absolute; border:0; background:transparent; color-scheme:normal; width:${iframeSize.width}px; height:${iframeSize.height}px; clip-path: var(--w3a-iframe-clip-path, none); }\n.iframe-button-host.${this.styleScopeClass} iframe.flush-top-left { top:0; left:0; }\n.iframe-button-host.${this.styleScopeClass} iframe.flush-top-center { top:0; left:50%; transform: translateX(-50%); }\n.iframe-button-host.${this.styleScopeClass} iframe.flush-top-right { top:0; right:0; }\n.iframe-button-host.${this.styleScopeClass} iframe.flush-left { top:50%; left:0; transform: translateY(-50%); }\n.iframe-button-host.${this.styleScopeClass} iframe.flush-right { top:50%; right:0; transform: translateY(-50%); }\n.iframe-button-host.${this.styleScopeClass} iframe.flush-bottom-left { bottom:0; left:0; }\n.iframe-button-host.${this.styleScopeClass} iframe.flush-bottom-center { bottom:0; left:50%; transform: translateX(-50%); }\n.iframe-button-host.${this.styleScopeClass} iframe.flush-bottom-right { bottom:0; right:0; }`;\n\n    const cssText = `${baseRules}\\n.iframe-button-host.${this.styleScopeClass} { ${baseDecls} --button-width: ${btnW}; --button-height: ${btnH}; }\\n.iframe-button-host.${this.styleScopeClass}[data-hovered=\\\"true\\\"] { ${hoverDecls} }`;\n\n    if (this.renderRoot instanceof ShadowRoot && 'adoptedStyleSheets' in this.renderRoot && 'replaceSync' in CSSStyleSheet.prototype) {\n      if (!this.scopedSheet) this.scopedSheet = new CSSStyleSheet();\n      try { this.scopedSheet.replaceSync(cssText); } catch {}\n      const sheets = (this.renderRoot.adoptedStyleSheets || []) as any[];\n      if (!sheets.includes(this.scopedSheet)) {\n        this.renderRoot.adoptedStyleSheets = [...sheets, this.scopedSheet];\n      }\n    }\n\n    // Always expose computed sizing as CSS variables for external CSS path\n    this.setCssVars({ '--button-width': btnW, '--button-height': btnH });\n  }\n\n  render() {\n    const iframeSize = this.calculateIframeSize();\n\n    return html`\n      <div class=\"iframe-button-host ${this.styleScopeClass}\" ${ref(this.hostRef)}>\n        <div class=\"host-button-visual\"><slot>${this.buttonTextElement}</slot></div>\n        <!--\n          Embedded iframe hosting the secure button UI.\n          - ref(this.iframeRef): gives us a handle to contentWindow for postMessage.\n          - class=\"${iframeSize.flushClass}\": positions the iframe relative to the host (top/left/center, etc.).\n          - width/height attributes: CSP‑safe sizing fallback computed in calculateIframeSize(); also updated later\n            via updateIframeSizeCss(). We avoid inline styles; external CSS + constructable sheets do the rest.\n          - sandbox=\"allow-scripts\": runs srcdoc on an opaque origin (no allow‑same‑origin) for tighter isolation;\n            all coordination happens via postMessage; module/CSS assets load from our /sdk base with CORS enabled.\n          - Interaction window is further constrained at runtime via clip‑path set on the iframe through the\n            --w3a-iframe-clip-path CSS variable (button‑only vs button+tooltip), and an 'interactive' class toggle.\n        -->\n        <iframe\n          ${ref(this.iframeRef)}\n          class=\"${iframeSize.flushClass}\"\n          width=\"${iframeSize.width}\"\n          height=\"${iframeSize.height}\"\n          sandbox=\"allow-scripts allow-popups allow-popups-to-escape-sandbox\"\n        ></iframe>\n      </div>\n    `;\n  }\n\n  private calculateIframeSize() {\n    const { buttonWidth, buttonHeight } = this.resolveButtonSizePx();\n    const tooltipWidth = utilParsePx(this.tooltipPosition.width);\n    // Special case: tooltip height can be 'auto', so we provide a fallback value for iframe calculations\n    const tooltipHeight = this.tooltipPosition.height === 'auto' ? 200 : utilParsePx(this.tooltipPosition.height);\n    const offset = utilParsePx(this.tooltipPosition.offset);\n\n    return computeIframeSizePure({\n      buttonWidthPx: buttonWidth,\n      buttonHeightPx: buttonHeight,\n      tooltipWidthPx: tooltipWidth,\n      tooltipHeightPx: tooltipHeight,\n      offsetPx: offset,\n      position: this.tooltipPosition.position,\n      paddingPx: 0,\n    });\n  }\n\n  private buildStyleDecls() {\n    const toDecls = (obj?: Record<string, unknown>) => {\n      if (!obj) return '';\n      const skip = new Set(['width','height']);\n      return Object.entries(obj)\n        .filter(([k, v]) => v != null && !skip.has(k))\n        .map(([k, v]) => `${this.camelToKebab(k)}: ${String(v)};`)\n        .join(' ');\n    };\n    const baseDecls = toDecls(this.buttonStyle as Record<string, unknown>);\n    const hoverDecls = toDecls(this.buttonHoverStyle as Record<string, unknown>);\n    const btnW = this.resolveButtonWidthString();\n    const btnH = toPx(this.buttonStyle?.height || '48px');\n    return { baseDecls, hoverDecls, btnW, btnH };\n  }\n\n  private updateIframeSizeCss(iframeW: number, iframeH: number) {\n    const { baseDecls, hoverDecls, btnW, btnH } = this.buildStyleDecls();\n    const baseRules = `.iframe-button-host.${this.styleScopeClass} { display:inline-block; position:relative; width: var(--button-width, ${btnW}); height: var(--button-height, ${btnH}); box-sizing:border-box; }\\n.iframe-button-host.${this.styleScopeClass} .host-button-visual { position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; }\\n.iframe-button-host.${this.styleScopeClass} iframe { position:absolute; border:0; background:transparent; color-scheme:normal; clip-path: var(--w3a-iframe-clip-path, none); width:${iframeW}px; height:${iframeH}px; }\\n.iframe-button-host.${this.styleScopeClass} iframe.flush-top-left { top:0; left:0; }\\n.iframe-button-host.${this.styleScopeClass} iframe.flush-top-center { top:0; left:50%; transform: translateX(-50%); }\\n.iframe-button-host.${this.styleScopeClass} iframe.flush-top-right { top:0; right:0; }\\n.iframe-button-host.${this.styleScopeClass} iframe.flush-left { top:50%; left:0; transform: translateY(-50%); }\\n.iframe-button-host.${this.styleScopeClass} iframe.flush-right { top:50%; right:0; transform: translateY(-50%); }\\n.iframe-button-host.${this.styleScopeClass} iframe.flush-bottom-left { bottom:0; left:0; }\\n.iframe-button-host.${this.styleScopeClass} iframe.flush-bottom-center { bottom:0; left:50%; transform: translateX(-50%); }\\n.iframe-button-host.${this.styleScopeClass} iframe.flush-bottom-right { bottom:0; right:0; }`;\n    const cssText = `${baseRules}\\n.iframe-button-host.${this.styleScopeClass} { ${baseDecls} --button-width: ${btnW}; --button-height: ${btnH}; }\\n.iframe-button-host.${this.styleScopeClass}[data-hovered=\\\"true\\\"] { ${hoverDecls} }`;\n\n    if (this.renderRoot instanceof ShadowRoot && 'adoptedStyleSheets' in this.renderRoot && 'replaceSync' in CSSStyleSheet.prototype) {\n      if (!this.scopedSheet) this.scopedSheet = new CSSStyleSheet();\n      try { this.scopedSheet.replaceSync(cssText); } catch {}\n      const sheets = (this.renderRoot.adoptedStyleSheets || []) as any[];\n      if (!sheets.includes(this.scopedSheet)) {\n        this.renderRoot.adoptedStyleSheets = [...sheets, this.scopedSheet];\n      }\n    }\n\n    // Also set iframe attributes as a CSP-safe sizing fallback\n    const iframe = this.iframeRef.value;\n    if (iframe) {\n      iframe.setAttribute('width', String(iframeW));\n      iframe.setAttribute('height', String(iframeH));\n    }\n  }\n\n  private buildInitData(): IframeInitData {\n    const buttonSize = {\n      width: this.resolveButtonWidthString(),\n      height: this.buttonStyle?.height || '48px'\n    };\n\n    const iframeSize = this.calculateIframeSize();\n\n    return {\n      size: {\n        width: toPx(buttonSize.width),\n        height: toPx(buttonSize.height)\n      },\n      tooltip: {\n        width: toPx(this.tooltipPosition.width),\n        height: this.tooltipPosition.height,\n        position: this.tooltipPosition.position,\n        offset: toPx(this.tooltipPosition.offset)\n      },\n      buttonPosition: {\n        x: iframeSize.buttonPositionX,\n        y: iframeSize.buttonPositionY\n      },\n      backgroundColor: String(this.buttonStyle?.background || this.buttonStyle?.backgroundColor || this.color),\n      tagName: W3A_BUTTON_WITH_TOOLTIP_ID,\n      targetOrigin: window.location.origin,\n    };\n  }\n\n  // ==============================\n  // Iframe Init\n  // ==============================\n  private generateIframeHtml() {\n    const embeddedTxButtonTag = W3A_BUTTON_WITH_TOOLTIP_ID;\n    const iframeBootstrapTag = IFRAME_TX_BUTTON_BOOTSTRAP_MODULE;\n    const base = resolveEmbeddedBase();\n    const isAbsoluteBase = /^https?:/i.test(base);\n    if (!isAbsoluteBase) {\n      try {\n        console.warn(\n          '[W3A][IframeButtonHost] Embedded SDK base is not absolute. Skipping CSS preloads. ' +\n          'Configure an absolute base so assets resolve: React → set TatchiPasskeyProvider config ' +\n          '{ iframeWallet: { walletOrigin: \"https://wallet.example.com\", sdkBasePath: \"/sdk\" } }, '\n        );\n      } catch {}\n    }\n    return `<!DOCTYPE html>\n      <html>\n        <head>\n          <meta charset=\"utf-8\" />\n          <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n          <link rel=\"stylesheet\" href=\"${base}wallet-service.css\" />\n          ${isAbsoluteBase ? `<script src=\"${base}wallet-shims.js\"></script>` : ''}\n          <!-- Pre-ensure critical stylesheets using absolute wallet base when available.\n               When the base isn't absolute yet (e.g., early dev), skip these here and let\n               in-iframe bootstrap ensure them to avoid host-origin ORB. -->\n          ${isAbsoluteBase ? `<link rel=\"stylesheet\" href=\"${base}w3a-components.css\" data-w3a-components-css />` : ''}\n          ${isAbsoluteBase ? `<link rel=\"stylesheet\" href=\"${base}button-with-tooltip.css\" data-w3a-button-tooltip-css />` : ''}\n          ${isAbsoluteBase ? `<link rel=\"stylesheet\" href=\"${base}tx-tree.css\" data-w3a-tx-tree-css />` : ''}\n          <script type=\"module\" crossorigin=\"anonymous\" src=\"${base}${embeddedTxButtonTag}.js\"></script>\n          <script type=\"module\" crossorigin=\"anonymous\" src=\"${base}${iframeBootstrapTag}\"></script>\n        </head>\n        <body class=\"w3a-transparent\">\n          <${embeddedTxButtonTag} id=\"etx\"></${embeddedTxButtonTag}>\n          <!-- bootstrap handled by external ${iframeBootstrapTag} module -->\n        </body>\n      </html>`;\n  }\n\n  private initializeIframe() {\n    if (!this.iframeRef.value) {\n      console.warn('[IframeButtonHost]: ⚠️ No iframe ref available for initialization');\n      return;\n    }\n\n    const html = this.generateIframeHtml();\n    const iframeEl = this.iframeRef.value;\n    iframeEl.srcdoc = html;\n\n    // Set up message handling\n    this.setupMessageHandling();\n    // Set host container to button size to prevent layout shifts\n    this.setHostContainerToButtonSize();\n  }\n\n  private setHostContainerToButtonSize() {\n    // Set CSS custom properties for the .iframe-button-host container\n    const buttonWidth = this.resolveButtonWidthString();\n    const buttonHeight = this.buttonStyle?.height || '48px';\n\n    // Set CSS custom properties that the .iframe-button-host CSS will use\n    this.setCssVars({\n      '--button-width': typeof buttonWidth === 'number' ? `${buttonWidth}px` : String(buttonWidth),\n      '--button-height': typeof buttonHeight === 'number' ? `${buttonHeight}px` : String(buttonHeight),\n    });\n  }\n\n  // ==============================\n  // Sizing & Builders (continued)\n  // ==============================\n  private updateIframeViaPostMessage(changedProperties: PropertyValues) {\n    if (!this.iframeRef.value?.contentWindow) return;\n\n    // Always push latest tx data; external apps may mutate arrays/objects in place\n    // which can bypass Lit's change detection.\n    this.postToIframe('SET_TX_DATA', {\n      nearAccountId: this.nearAccountId,\n      txSigningRequests: this.txSigningRequests\n    });\n\n    if (changedProperties.has('showLoading')) {\n      this.postToIframe('SET_LOADING', this.showLoading);\n      this.onLoadTouchIdPrompt?.(!!this.showLoading);\n    }\n\n    if (\n      changedProperties.has('buttonStyle') ||\n      changedProperties.has('buttonHoverStyle') ||\n      changedProperties.has('tooltipPosition') ||\n      changedProperties.has('txTreeTheme') ||\n      changedProperties.has('color')\n    ) {\n      this.postStyleUpdateToIframe();\n\n      // Update host container size when button style changes\n      if (changedProperties.has('buttonStyle')) {\n        this.setHostContainerToButtonSize();\n      }\n    }\n  }\n\n  // ==============================\n  // Messaging Helpers\n  // ==============================\n  private getIframeWindow(): Window | null {\n    return this.iframeRef.value?.contentWindow || null;\n  }\n\n  private postToIframe<T extends keyof IframeButtonMessagePayloads>(type: T, payload?: IframeButtonMessagePayloads[T]) {\n    const w = this.getIframeWindow();\n    if (!w) return;\n    // Srcdoc without allow-same-origin has a 'null' origin; use wildcard target.\n    w.postMessage({ type, payload }, '*');\n  }\n\n  private postInitialStateToIframe() {\n    this.postToIframe('SET_TX_DATA', {\n      nearAccountId: this.nearAccountId,\n      txSigningRequests: this.txSigningRequests\n    });\n    this.postToIframe('SET_LOADING', !!this.showLoading);\n    this.postStyleUpdateToIframe();\n  }\n\n  private postStyleUpdateToIframe() {\n    const buttonSize = {\n      width: this.resolveButtonWidthString(),\n      height: this.buttonStyle?.height || '48px'\n    };\n    // Map extended theme names to TxTree's supported keys\n    const treeTheme: 'dark' | 'light' = this.txTreeTheme === 'dark' ? 'dark' : 'light';\n    // Get theme styles for tooltip tree and embedded button\n    const tooltipTreeStyles = TX_TREE_THEMES[treeTheme];\n\n    const stylePayload: any = {\n      buttonSizing: buttonSize,\n      tooltipPosition: this.tooltipPosition,\n      tooltipTreeStyles,\n      theme: treeTheme,\n      // Force consistent mobile behavior across browsers: tap confirms, long‑press shows tooltip\n      activationMode: 'press',\n    };\n    this.postToIframe('SET_STYLE', stylePayload);\n\n    // Also re-send HS1_INIT to reapply precise positioning whenever the\n    // button's size or tooltip position changes, keeping embedded aligned.\n    this.postToIframe('HS1_INIT', this.buildInitData());\n  }\n\n  // ==============================\n  // Clip-path Helpers\n  // ==============================\n\n  private setupMessageHandling() {\n    if (!this.iframeRef.value) return;\n\n    const onMessage = (e: MessageEvent) => {\n      const w = this.getIframeWindow();\n      if (!w || e.source !== w) return;\n\n      const { type, payload } = (e.data || {}) as IframeButtonMessage;\n      switch (type as IframeButtonMessageType) {\n        case 'IFRAME_ERROR':\n        case 'IFRAME_UNHANDLED_REJECTION':\n          console.error('[IframeButton iframe]', type, payload);\n          return;\n        case 'ETX_DEFINED':\n          // The embedded element is fully upgraded; send initial state now\n          this.postInitialStateToIframe();\n          return;\n        case 'HS2_POSITIONED':\n          // The button positioning has been applied; now we can measure geometry\n          this.postToIframe('HS3_GEOMETRY_REQUEST');\n          return;\n        case 'HS5_GEOMETRY_RESULT':\n          this.handleInitGeometry(payload as IframeButtonMessagePayloads['HS5_GEOMETRY_RESULT']);\n          return;\n        case 'TOOLTIP_STATE':\n          this.handleTooltipState(payload as IframeButtonMessagePayloads['TOOLTIP_STATE']);\n          return;\n        case 'BUTTON_HOVER': {\n          const p = payload as IframeButtonMessagePayloads['BUTTON_HOVER'];\n          this.handleButtonHover(p);\n          {\n            const el = this.hostRef.value;\n            if (el) el.dataset.hovered = p?.hovering ? 'true' : 'false';\n          }\n          return;\n        }\n        case 'BUTTON_FOCUS': {\n          const p = payload as IframeButtonMessagePayloads['BUTTON_FOCUS'];\n          {\n            const el = this.hostRef.value;\n            if (el) el.dataset.focused = p?.focused ? 'true' : 'false';\n          }\n          return;\n        }\n        case 'UI_INTENT_DIGEST': {\n          const p = payload as IframeButtonMessagePayloads['UI_INTENT_DIGEST'];\n          if (p?.ok && p?.digest && this.pendingUiDigestResolve) {\n            this.pendingUiDigestResolve(p.digest);\n          } else if (!p?.ok && this.pendingUiDigestReject) {\n            this.pendingUiDigestReject(new Error(p?.error || 'UI digest failed'));\n          }\n          this.pendingUiDigestResolve = undefined;\n          this.pendingUiDigestReject = undefined;\n          return;\n        }\n        case 'READY':\n          // Send only HS1_INIT on READY so the iframe can position accurately.\n          // Defer data/style until ETX_DEFINED to avoid upgrade races.\n          this.postToIframe('HS1_INIT', {\n            ...this.buildInitData(),\n            // Provide parent origin for tighter child->parent messaging\n            targetOrigin: window.location.origin\n          });\n          // Apply optimistic clip-path immediately to prevent blocking clicks\n          // This will be replaced once HS5_GEOMETRY_RESULT is received\n          this.applyOptimisticClipPath();\n          return;\n        case 'CONFIRM':\n          this.handleConfirm();\n          return;\n        default:\n          return;\n      }\n    };\n\n    // Remove previous listener if it exists\n    if (this.messageHandler) {\n      window.removeEventListener('message', this.messageHandler);\n    }\n\n    // Add new listener and store reference\n    this.messageHandler = onMessage;\n    window.addEventListener('message', onMessage);\n  }\n\n  private setupClipPathSupport() {\n    this.clipPathSupported = CSS.supports('clip-path: polygon(0 0)');\n    if (!this.clipPathSupported) {\n      console.warn('[IframeButton] clip-path not supported, using rectangular iframe');\n    }\n  }\n\n  /**\n   * Apply clip-path using calculated button position before geometry is available\n   */\n  private applyOptimisticClipPath() {\n    if (!this.iframeRef.value) return;\n\n    const iframeSize = this.calculateIframeSize();\n    const { buttonWidth, buttonHeight } = this.resolveButtonSizePx();\n    // Use the calculated button position from iframe sizing\n    const buttonX = iframeSize.buttonPositionX;\n    const buttonY = iframeSize.buttonPositionY;\n    const pad = 4;\n    const optimisticClipPath = `polygon(${buttonX - pad}px ${buttonY - pad}px, ${buttonX + buttonWidth + pad}px ${buttonY - pad}px, ${buttonX + buttonWidth + pad}px ${buttonY + buttonHeight + pad}px, ${buttonX - pad}px ${buttonY + buttonHeight + pad}px)`;\n\n    this.setIframeClipPath(optimisticClipPath);\n    this.iframeRef.value.classList.remove('interactive');\n  }\n\n  /**\n   * Resolves button width/height in pixels with robust handling of percentage and `auto` values.\n   * When a percentage is provided (e.g., '100%'), prefer measuring the host element’s width/height\n   * to avoid collapsing to 0 due to lack of a containing block during early layout.\n   */\n  private resolveButtonSizePx(): { buttonWidth: number; buttonHeight: number } {\n    const rawW = this.buttonStyle?.width ?? '200px';\n    const rawH = this.buttonStyle?.height ?? '48px';\n\n    const resolveOne = (raw: string | number, fallback: number, axis: 'w' | 'h'): number => {\n      const isPlainPercent = typeof raw === 'string' && /^\\s*\\d+(?:\\.\\d+)?%\\s*$/.test(raw);\n      const isPercentAny = typeof raw === 'string' && raw.includes('%');\n      const isAuto = raw === 'auto';\n      if (isPlainPercent || isAuto) {\n        const host = this.hostRef?.value as HTMLElement | null;\n        const rect = host?.getBoundingClientRect?.();\n        const measured = rect ? (axis === 'w' ? rect.width : rect.height) : 0;\n        if (measured && measured > 0) return Math.ceil(measured);\n        const parent = host?.parentElement as HTMLElement | null;\n        const prect = parent?.getBoundingClientRect?.();\n        const measuredParent = prect ? (axis === 'w' ? prect.width : prect.height) : 0;\n        if (measuredParent && measuredParent > 0) return Math.ceil(measuredParent);\n        // For plain percentages with no measurable container, warn + fallback to pixels.\n        if (isPlainPercent) {\n          this.warnPercentWidthCollapseOnce();\n          return fallback;\n        }\n        // For auto (or complex expressions containing %) try parsing via probe; else fallback\n        try { return utilParsePx(raw as any); } catch { return fallback; }\n      }\n      try { return utilParsePx(raw as any); } catch { return fallback; }\n    };\n\n    const buttonWidth = resolveOne(rawW as any, 200, 'w');\n    const buttonHeight = resolveOne(rawH as any, 48, 'h');\n    return { buttonWidth, buttonHeight };\n  }\n\n  /**\n   * Resolve the effective button width as a CSS string.\n   * - If buttonStyle is provided without width, default to '200px'.\n   * - If no buttonStyle is provided, default to 'min(100%, 420px)'.\n   * - If width is a plain percentage (e.g., '100%'), try to measure the host or its parent; if not\n   *   measurable yet, warn once and return the 200px fallback to avoid collapsing to 0.\n   * - If width is a number, return with 'px'.\n   */\n  private resolveButtonWidthString(): string {\n    const hasStyle = !!this.buttonStyle && Object.keys(this.buttonStyle).length > 0;\n    const hasExplicitWidth = this.buttonStyle && this.buttonStyle.width !== undefined && String(this.buttonStyle.width).trim() !== '';\n    const rawW = hasExplicitWidth ? this.buttonStyle!.width : (hasStyle ? '200px' : 'min(100%, 420px)');\n    const isPlainPercent = typeof rawW === 'string' && /^\\s*\\d+(?:\\.\\d+)?%\\s*$/.test(rawW);\n    if (isPlainPercent) {\n      const measured = this.resolveButtonSizePx();\n      return `${measured.buttonWidth}px`;\n    }\n    return typeof rawW === 'number' ? `${rawW}px` : String(rawW);\n  }\n\n  private _warnedPercentWidthCollapse = false;\n  private warnPercentWidthCollapseOnce() {\n    if (this._warnedPercentWidthCollapse) return;\n    this._warnedPercentWidthCollapse = true;\n    try {\n      console.warn('[IframeButtonHost] buttonStyle.width is a percentage but container width is not measurable at init. Defaulting to 200px. Consider setting an explicit pixel width or ensuring the parent has a definite width.');\n    } catch {}\n  }\n\n  /**\n   * Apply clip-path that restricts interaction to button area only\n   */\n  private applyButtonOnlyClipPath() {\n    if (!this.iframeRef.value || !this.currentGeometry) return;\n    if (!this.clipPathSupported) return;\n\n    const { button } = this.currentGeometry;\n    // Use simple rectangle to avoid clipping button corners\n    const buttonClipPath = IframeClipPathGenerator.buildButtonClipPathPure(button, 4);\n    this.setIframeClipPath(buttonClipPath);\n    // Remove pointer events to allow click-through outside button area\n    this.iframeRef.value.classList.remove('interactive');\n  }\n\n  /**\n   * Apply clip-path that includes both button and tooltip areas (for hover state)\n   */\n  private applyButtonTooltipClipPath() {\n    if (!this.iframeRef.value || !this.currentGeometry) return;\n    if (!this.clipPathSupported) return;\n    try {\n      const unionClipPath = IframeClipPathGenerator.generateUnion(this.currentGeometry, 8);\n      if (unionClipPath) {\n        this.setIframeClipPath(unionClipPath);\n        this.iframeRef.value.classList.add('interactive');\n      }\n    } catch (error) {\n      console.error('[IframeButton] Error generating button+tooltip clip-path:', error);\n      // Fallback to button-only clip-path\n      this.applyButtonOnlyClipPath();\n    }\n  }\n\n  /**\n   * Set iframe clip-path via CSS variable (CSP-safe).\n   */\n  private setIframeClipPath(path: string | null | undefined) {\n    const v = (path && typeof path === 'string' && path.trim().length) ? path : 'none';\n    this.setCssVars({ '--w3a-iframe-clip-path': v });\n  }\n\n  /**\n   * Force iframe re-initialization when tooltip style changes\n   * This recalculates iframe size and positioning based on new tooltip dimensions\n   */\n  forceIframeReinitialize() {\n    this.iframeInitialized = false;\n    this.currentGeometry = null;\n\n    // Re-initialize the iframe with new tooltip style\n    this.initializeIframe();\n    this.iframeInitialized = true;\n  }\n\n  /**\n   * Update tooltip theme dynamically - called by React component when user changes theme preference\n   */\n  updateTheme(newTheme: 'dark' | 'light'): void {\n    // Update the txTreeTheme property\n    this.txTreeTheme = newTheme as ThemeName;\n    // If iframe is already initialized, send theme update via postMessage\n    if (this.iframeInitialized) {\n      this.postStyleUpdateToIframe();\n    }\n    // Request Lit update\n    this.requestUpdate();\n  }\n\n  // ==============================\n  // Handshake Handlers\n  // ==============================\n\n  /**\n   * Handle initial geometry setup from iframe\n   * Applies button-only clip-path to prevent blocking clicks\n   */\n  private handleInitGeometry(geometry: TooltipGeometry) {\n    // Replace optimistic clip-path with precise button-only clip-path\n    this.currentGeometry = geometry;\n    this.applyButtonOnlyClipPath();\n  }\n\n  /**\n   * Handle combined tooltip state updates (geometry + visibility) from the iframe\n   */\n  private handleTooltipState(geometry: TooltipGeometry) {\n    this.currentGeometry = geometry;\n    const wasVisible = this.tooltipVisible;\n    this.tooltipVisible = !!geometry.visible;\n    // Manage global click-away listener when visibility changes\n    if (!wasVisible && this.tooltipVisible) {\n      document.addEventListener('pointerdown', this.onDocPointerDown, true);\n    } else if (wasVisible && !this.tooltipVisible) {\n      document.removeEventListener('pointerdown', this.onDocPointerDown, true);\n    }\n    // Apply appropriate clip-path based on visibility state\n    if (!geometry.visible) {\n      this.applyButtonOnlyClipPath();\n      // Restore to calculated size when tooltip is hidden\n      const iframe = this.iframeRef.value;\n      if (iframe) {\n        const size = this.calculateIframeSize();\n        this.updateIframeSizeCss(size.width, size.height);\n      }\n    } else {\n      // When tooltip is visible, expand iframe to fit measured geometry\n      const iframe = this.iframeRef.value;\n      if (iframe) {\n        const fallback = this.calculateIframeSize();\n        // Add small padding to absorb sub-pixel rounding at zoom levels\n        const size = computeExpandedIframeSizeFromGeometryPure({ geometry, fallback, paddingPx: 2 });\n        this.updateIframeSizeCss(size.width, size.height);\n      }\n\n      // CRITICAL: Update clip-path when tooltip dimensions change\n      // This handles tooltip expansion/contraction while visible\n      this.applyButtonTooltipClipPath();\n    }\n  }\n\n  /**\n   * Handle button hover state for dual clip-path management\n   * - Not hovering: Clip-path restricts to button area only\n   * - Hovering: Clip-path expands to include button + tooltip area\n   */\n  private handleButtonHover(payload: { hovering: boolean }) {\n    if (!this.iframeRef.value || !this.currentGeometry) return;\n\n    if (payload.hovering) {\n      // Apply button + tooltip clip-path when hovering and enable pointer events\n      this.applyButtonTooltipClipPath();\n    } else {\n      // Only apply button-only clip-path if tooltip is not visible\n      // This allows mouse movement from button to tooltip without closing\n      if (!this.currentGeometry.visible) {\n        this.applyButtonOnlyClipPath();\n      } else {\n        // Keep the expanded clip-path and pointer events so user can reach the tooltip\n      }\n    }\n  }\n\n  // ==============================\n  // Digest & Confirm\n  // ==============================\n\n  // Request a digest of the UI data from the iframe (computed inside embedded element)\n  requestUiIntentDigest(): Promise<string> {\n    return new Promise<string>((resolve, reject) => {\n      if (!this.getIframeWindow()) return reject(new Error('iframe not ready'));\n      if (this.pendingUiDigestReject) {\n        this.pendingUiDigestReject(new Error('superseded'));\n      }\n      this.pendingUiDigestResolve = resolve;\n      this.pendingUiDigestReject = reject;\n      this.postToIframe('REQUEST_UI_DIGEST');\n      setTimeout(() => {\n        if (this.pendingUiDigestReject) {\n          this.pendingUiDigestReject(new Error('UI digest timeout'));\n          this.pendingUiDigestResolve = undefined;\n          this.pendingUiDigestReject = undefined;\n        }\n      }, 3000);\n    });\n  }\n\n  private async handleConfirm() {\n    if (!this.nearAccountId || !this.txSigningRequests || this.txSigningRequests.length === 0) {\n      const err = new Error('Missing required data for transaction');\n      this.options?.onError?.(err);\n      return;\n    }\n\n    // Signal loading\n    this.postToIframe('SET_LOADING', true);\n    this.onLoadTouchIdPrompt?.(true)\n\n    try {\n      let txResults: ActionResult[] | undefined;\n\n      // Prefer an external confirm handler when provided (e.g., wallet iframe route)\n      if (typeof this.externalConfirm === 'function') {\n        const treeTheme: 'dark' | 'light' = this.txTreeTheme === 'dark' ? 'dark' : 'light';\n        txResults = await this.externalConfirm({\n          nearAccountId: this.nearAccountId,\n          txSigningRequests: this.txSigningRequests,\n          options: {\n            onEvent: this.options?.onEvent,\n            onError: this.options?.onError,\n            waitUntil: this.options?.waitUntil,\n            executionWait: this.options?.executionWait,\n            // Forward per-call confirmation override so callers can force drawer/modal/skip\n            confirmationConfig: this.options?.confirmationConfig,\n          },\n          theme: treeTheme\n        });\n      } else {\n        throw new Error('No external confirm handler provided');\n      }\n      this.onSuccess?.(txResults);\n\n    } catch (err) {\n      const error = err instanceof Error ? err : new Error(String(err));\n      this.options?.onError?.(error);\n\n    } finally {\n      this.postToIframe('SET_LOADING', false);\n      this.onLoadTouchIdPrompt?.(false);\n    }\n  }\n}\n\n// Define the custom element\ndefineTag('txButton', IframeButtonHost as unknown as CustomElementConstructor);\n\nexport default IframeButtonHost;\n"],"mappings":";;;;;;;;;;;;;;AAmCA,IAAa,mBAAb,cAAsC,oBAAoB;CACxD,OAAO,aAAa;EAClB,eAAe;GACb,MAAM;GACN,WAAW;;EAEb,mBAAmB;GACjB,MAAM;GAEN,WAAW,SAA6B,SAA6B;AACnE,WAAO;;;EAGX,OAAO,EAAE,MAAM;EAEf,mBAAmB,EAAE,MAAM;EAC3B,aAAa;GACX,MAAM;GACN,WAAW,QAAuB,QAAuB;AACvD,WAAO,KAAK,UAAU,YAAY,KAAK,UAAU;;;EAGrD,kBAAkB;GAChB,MAAM;GACN,WAAW,QAAuB,QAAuB;AACvD,WAAO,KAAK,UAAU,YAAY,KAAK,UAAU;;;EAGrD,iBAAiB;GACf,MAAM;GACN,WAAW,QAAiC,QAAiC;AAC3E,WAAO,KAAK,UAAU,YAAY,KAAK,UAAU;;;EAGrD,aAAa;GACX,MAAM;GACN,WAAW;;EAEb,aAAa;GACX,MAAM;GACN,WAAW;;EAEb,SAAS;GACP,MAAM;GACN,WAAW,QAA4C,QAA4C;AACjG,WAAO,KAAK,UAAU,YAAY,KAAK,UAAU;;;EAIrD,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;EAClB,qBAAqB,EAAE,MAAM;EAC7B,iBAAiB,EAAE,MAAM;;CAG3B,AAAU,mBAAmD;EAC3D,MAAM,OAAO,MAAM;AAEnB,uBAAqB,MAAqD,0BAA0B,mCAAmC,YAAY;AACnJ,SAAO;;CAGT,AAAQ,oBAAoB;CAC5B,AAAQ,kBAA0C;CAClD,AAAQ,oBAAoB;CAC5B,AAAQ,YAAoC;CAC5C,AAAQ,UAA+B;CACvC,AAAQ,iBAA0B;CAElC,AAAQ,kBAAkB,YAAY,KAAK,SAAS,SAAS,IAAI,MAAM;CACvE,AAAQ,cAAoC;CAE5C,AAAQ,wBAAwB;AAE9B,OAAK,oBAAoB;AACzB,OAAK;AACL,OAAK,oBAAoB;;CAE3B,AAAQ,oBAAoB,OAAqB;AAE/C,MAAI,CAAC,KAAK,eAAgB;EAC1B,MAAM,SAAS,KAAK,QAAQ;AAC5B,MAAI,CAAC,OAAQ;EACb,MAAM,SAAS,GAAG;AAClB,MAAI,UAAU,OAAO,SAAS,QAE5B;AAGF,OAAK,aAAa,0BAA0B;;CA0B9C;CACA;CACA;CAGA,AAAQ;CACR,AAAQ;CACR,AAAQ;CACR,AAAQ;CAER,cAAc;AACZ;AAEA,OAAK,gBAAgB;AACrB,OAAK,oBAAoB;AAEzB,OAAK,cAAc;AACnB,OAAK,mBAAmB;AACxB,OAAK,oBAAoB;AACzB,OAAK,kBAAkB;GACrB,OAAO;GACP,QAAQ;GACR,UAAU;GACV,QAAQ;GACR,YAAY;;AAEd,OAAK,cAAc;AACnB,OAAK,cAAc;AACnB,OAAK,UAAU;AACf,OAAK,kBAAkB;;CAGzB,oBAAoB;AAClB,QAAM;AACN,OAAK;AAEL,OAAK;AAEL,OAAK,wBAAwB,2BAA2B,KAAK;;CAG/D,QAAQ,mBAAmC;AACzC,QAAM,QAAQ;AAEd,MACE,kBAAkB,IAAI,kBACtB,kBAAkB,IAAI,uBACtB,kBAAkB,IAAI,oBACtB;AACA,QAAK;AAGL,OAAI,kBAAkB,IAAI,gBAAgB;IACxC,MAAM,IAAK,KAAK,aAAqB;IACrC,MAAM,YAAY,OAAO,MAAM,YAAY,QAAQ,KAAK,EAAE;AAC1D,QAAI,UACF,KAAI;AAAE,iCAA4B,KAAK;YAAoC;AAAE,UAAK;;;;AAMxF,MAAI,CAAC,KAAK,mBAAmB;AAC3B,QAAK;AACL,QAAK,oBAAoB;QAGzB,MAAK,2BAA2B;;CAIpC,uBAAuB;AACrB,QAAM;AACN,MAAI,KAAK,gBAAgB;AACvB,UAAO,oBAAoB,WAAW,KAAK;AAC3C,QAAK,iBAAiB;;AAExB,WAAS,oBAAoB,eAAe,KAAK,kBAAkB;AACnE,OAAK;AACL,OAAK,wBAAwB;;CAG/B,AAAQ,mBAAmB;AACzB,MAAI,CAAC,KAAK,YAAa;EAGvB,MAAM,WAAW,QAAkC;AACjD,OAAI,CAAC,IAAK,QAAO;GACjB,MAAM,OAAO,IAAI,IAAI,CAAC,SAAQ;AAC9B,UAAO,OAAO,QAAQ,KACnB,QAAQ,CAAC,GAAG,OAAO,KAAK,QAAQ,CAAC,KAAK,IAAI,IAC1C,KAAK,CAAC,GAAG,OAAO,GAAG,KAAK,aAAa,GAAG,IAAI,OAAO,GAAG,IACtD,KAAK;;EAGV,MAAM,YAAY,QAAQ,KAAK;EAC/B,MAAM,aAAa,QAAQ,KAAK;EAEhC,MAAM,OAAO,KAAK;EAClB,MAAM,OAAO,KAAK,KAAK,aAAa,UAAU;EAC9C,MAAM,aAAa,KAAK;EAGxB,MAAM,YAAY,uBAAuB,KAAK,gBAAgB,yEAAyE,KAAK,kCAAkC,KAAK;sBACjK,KAAK,gBAAgB;sBACrB,KAAK,gBAAgB,4FAA4F,WAAW,MAAM,aAAa,WAAW,OAAO;sBACjK,KAAK,gBAAgB;sBACrB,KAAK,gBAAgB;sBACrB,KAAK,gBAAgB;sBACrB,KAAK,gBAAgB;sBACrB,KAAK,gBAAgB;sBACrB,KAAK,gBAAgB;sBACrB,KAAK,gBAAgB;sBACrB,KAAK,gBAAgB;EAEvC,MAAM,UAAU,GAAG,UAAU,wBAAwB,KAAK,gBAAgB,KAAK,UAAU,mBAAmB,KAAK,qBAAqB,KAAK,2BAA2B,KAAK,gBAAgB,4BAA4B,WAAW;AAElO,MAAI,KAAK,sBAAsB,cAAc,wBAAwB,KAAK,cAAc,iBAAiB,cAAc,WAAW;AAChI,OAAI,CAAC,KAAK,YAAa,MAAK,cAAc,IAAI;AAC9C,OAAI;AAAE,SAAK,YAAY,YAAY;WAAkB;GACrD,MAAM,SAAU,KAAK,WAAW,sBAAsB;AACtD,OAAI,CAAC,OAAO,SAAS,KAAK,aACxB,MAAK,WAAW,qBAAqB,CAAC,GAAG,QAAQ,KAAK;;AAK1D,OAAK,WAAW;GAAE,kBAAkB;GAAM,mBAAmB;;;CAG/D,SAAS;EACP,MAAM,aAAa,KAAK;AAExB,SAAO,IAAI;uCACwB,KAAK,gBAAgB,IAAI,IAAI,KAAK,SAAS;gDAClC,KAAK,kBAAkB;;;;qBAIlD,WAAW,WAAW;;;;;;;;;YAS/B,IAAI,KAAK,WAAW;mBACb,WAAW,WAAW;mBACtB,WAAW,MAAM;oBAChB,WAAW,OAAO;;;;;;CAOpC,AAAQ,sBAAsB;EAC5B,MAAM,EAAE,aAAa,iBAAiB,KAAK;EAC3C,MAAM,eAAe,YAAY,KAAK,gBAAgB;EAEtD,MAAM,gBAAgB,KAAK,gBAAgB,WAAW,SAAS,MAAM,YAAY,KAAK,gBAAgB;EACtG,MAAM,SAAS,YAAY,KAAK,gBAAgB;AAEhD,SAAO,sBAAsB;GAC3B,eAAe;GACf,gBAAgB;GAChB,gBAAgB;GAChB,iBAAiB;GACjB,UAAU;GACV,UAAU,KAAK,gBAAgB;GAC/B,WAAW;;;CAIf,AAAQ,kBAAkB;EACxB,MAAM,WAAW,QAAkC;AACjD,OAAI,CAAC,IAAK,QAAO;GACjB,MAAM,OAAO,IAAI,IAAI,CAAC,SAAQ;AAC9B,UAAO,OAAO,QAAQ,KACnB,QAAQ,CAAC,GAAG,OAAO,KAAK,QAAQ,CAAC,KAAK,IAAI,IAC1C,KAAK,CAAC,GAAG,OAAO,GAAG,KAAK,aAAa,GAAG,IAAI,OAAO,GAAG,IACtD,KAAK;;EAEV,MAAM,YAAY,QAAQ,KAAK;EAC/B,MAAM,aAAa,QAAQ,KAAK;EAChC,MAAM,OAAO,KAAK;EAClB,MAAM,OAAO,KAAK,KAAK,aAAa,UAAU;AAC9C,SAAO;GAAE;GAAW;GAAY;GAAM;;;CAGxC,AAAQ,oBAAoB,SAAiB,SAAiB;EAC5D,MAAM,EAAE,WAAW,YAAY,MAAM,SAAS,KAAK;EACnD,MAAM,YAAY,uBAAuB,KAAK,gBAAgB,yEAAyE,KAAK,kCAAkC,KAAK,mDAAmD,KAAK,gBAAgB,mIAAmI,KAAK,gBAAgB,0IAA0I,QAAQ,aAAa,QAAQ,6BAA6B,KAAK,gBAAgB,iEAAiE,KAAK,gBAAgB,kGAAkG,KAAK,gBAAgB,mEAAmE,KAAK,gBAAgB,4FAA4F,KAAK,gBAAgB,8FAA8F,KAAK,gBAAgB,uEAAuE,KAAK,gBAAgB,wGAAwG,KAAK,gBAAgB;EAC90C,MAAM,UAAU,GAAG,UAAU,wBAAwB,KAAK,gBAAgB,KAAK,UAAU,mBAAmB,KAAK,qBAAqB,KAAK,2BAA2B,KAAK,gBAAgB,4BAA4B,WAAW;AAElO,MAAI,KAAK,sBAAsB,cAAc,wBAAwB,KAAK,cAAc,iBAAiB,cAAc,WAAW;AAChI,OAAI,CAAC,KAAK,YAAa,MAAK,cAAc,IAAI;AAC9C,OAAI;AAAE,SAAK,YAAY,YAAY;WAAkB;GACrD,MAAM,SAAU,KAAK,WAAW,sBAAsB;AACtD,OAAI,CAAC,OAAO,SAAS,KAAK,aACxB,MAAK,WAAW,qBAAqB,CAAC,GAAG,QAAQ,KAAK;;EAK1D,MAAM,SAAS,KAAK,UAAU;AAC9B,MAAI,QAAQ;AACV,UAAO,aAAa,SAAS,OAAO;AACpC,UAAO,aAAa,UAAU,OAAO;;;CAIzC,AAAQ,gBAAgC;EACtC,MAAM,aAAa;GACjB,OAAO,KAAK;GACZ,QAAQ,KAAK,aAAa,UAAU;;EAGtC,MAAM,aAAa,KAAK;AAExB,SAAO;GACL,MAAM;IACJ,OAAO,KAAK,WAAW;IACvB,QAAQ,KAAK,WAAW;;GAE1B,SAAS;IACP,OAAO,KAAK,KAAK,gBAAgB;IACjC,QAAQ,KAAK,gBAAgB;IAC7B,UAAU,KAAK,gBAAgB;IAC/B,QAAQ,KAAK,KAAK,gBAAgB;;GAEpC,gBAAgB;IACd,GAAG,WAAW;IACd,GAAG,WAAW;;GAEhB,iBAAiB,OAAO,KAAK,aAAa,cAAc,KAAK,aAAa,mBAAmB,KAAK;GAClG,SAAS;GACT,cAAc,OAAO,SAAS;;;CAOlC,AAAQ,qBAAqB;EAC3B,MAAM,sBAAsB;EAC5B,MAAM,qBAAqB;EAC3B,MAAM,OAAO;EACb,MAAM,iBAAiB,YAAY,KAAK;AACxC,MAAI,CAAC,eACH,KAAI;AACF,WAAQ,KACN;UAII;AAEV,SAAO;;;;;yCAK8B,KAAK;YAClC,iBAAiB,gBAAgB,KAAK,+BAA8B,GAAG;;;;YAIvE,iBAAiB,gCAAgC,KAAK,kDAAkD,GAAG;YAC3G,iBAAiB,gCAAgC,KAAK,2DAA2D,GAAG;YACpH,iBAAiB,gCAAgC,KAAK,wCAAwC,GAAG;+DAC9C,OAAO,oBAAoB;+DAC3B,OAAO,mBAAmB;;;aAG5E,oBAAoB,cAAc,oBAAoB;+CACpB,mBAAmB;;;;CAKhE,AAAQ,mBAAmB;AACzB,MAAI,CAAC,KAAK,UAAU,OAAO;AACzB,WAAQ,KAAK;AACb;;EAGF,MAAMA,SAAO,KAAK;EAClB,MAAM,WAAW,KAAK,UAAU;AAChC,WAAS,SAASA;AAGlB,OAAK;AAEL,OAAK;;CAGP,AAAQ,+BAA+B;EAErC,MAAM,cAAc,KAAK;EACzB,MAAM,eAAe,KAAK,aAAa,UAAU;AAGjD,OAAK,WAAW;GACd,kBAAkB,OAAO,gBAAgB,WAAW,GAAG,YAAY,MAAM,OAAO;GAChF,mBAAmB,OAAO,iBAAiB,WAAW,GAAG,aAAa,MAAM,OAAO;;;CAOvF,AAAQ,2BAA2B,mBAAmC;AACpE,MAAI,CAAC,KAAK,UAAU,OAAO,cAAe;AAI1C,OAAK,aAAa,eAAe;GAC/B,eAAe,KAAK;GACpB,mBAAmB,KAAK;;AAG1B,MAAI,kBAAkB,IAAI,gBAAgB;AACxC,QAAK,aAAa,eAAe,KAAK;AACtC,QAAK,sBAAsB,CAAC,CAAC,KAAK;;AAGpC,MACE,kBAAkB,IAAI,kBACtB,kBAAkB,IAAI,uBACtB,kBAAkB,IAAI,sBACtB,kBAAkB,IAAI,kBACtB,kBAAkB,IAAI,UACtB;AACA,QAAK;AAGL,OAAI,kBAAkB,IAAI,eACxB,MAAK;;;CAQX,AAAQ,kBAAiC;AACvC,SAAO,KAAK,UAAU,OAAO,iBAAiB;;CAGhD,AAAQ,aAA0D,MAAS,SAA0C;EACnH,MAAM,IAAI,KAAK;AACf,MAAI,CAAC,EAAG;AAER,IAAE,YAAY;GAAE;GAAM;KAAW;;CAGnC,AAAQ,2BAA2B;AACjC,OAAK,aAAa,eAAe;GAC/B,eAAe,KAAK;GACpB,mBAAmB,KAAK;;AAE1B,OAAK,aAAa,eAAe,CAAC,CAAC,KAAK;AACxC,OAAK;;CAGP,AAAQ,0BAA0B;EAChC,MAAM,aAAa;GACjB,OAAO,KAAK;GACZ,QAAQ,KAAK,aAAa,UAAU;;EAGtC,MAAMC,YAA8B,KAAK,gBAAgB,SAAS,SAAS;EAE3E,MAAM,oBAAoB,eAAe;EAEzC,MAAMC,eAAoB;GACxB,cAAc;GACd,iBAAiB,KAAK;GACtB;GACA,OAAO;GAEP,gBAAgB;;AAElB,OAAK,aAAa,aAAa;AAI/B,OAAK,aAAa,YAAY,KAAK;;CAOrC,AAAQ,uBAAuB;AAC7B,MAAI,CAAC,KAAK,UAAU,MAAO;EAE3B,MAAM,aAAa,MAAoB;GACrC,MAAM,IAAI,KAAK;AACf,OAAI,CAAC,KAAK,EAAE,WAAW,EAAG;GAE1B,MAAM,EAAE,MAAM,YAAa,EAAE,QAAQ;AACrC,WAAQ,MAAR;IACE,KAAK;IACL,KAAK;AACH,aAAQ,MAAM,yBAAyB,MAAM;AAC7C;IACF,KAAK;AAEH,UAAK;AACL;IACF,KAAK;AAEH,UAAK,aAAa;AAClB;IACF,KAAK;AACH,UAAK,mBAAmB;AACxB;IACF,KAAK;AACH,UAAK,mBAAmB;AACxB;IACF,KAAK,gBAAgB;KACnB,MAAM,IAAI;AACV,UAAK,kBAAkB;KACvB;MACE,MAAM,KAAK,KAAK,QAAQ;AACxB,UAAI,GAAI,IAAG,QAAQ,UAAU,GAAG,WAAW,SAAS;;AAEtD;;IAEF,KAAK,gBAAgB;KACnB,MAAM,IAAI;KACV;MACE,MAAM,KAAK,KAAK,QAAQ;AACxB,UAAI,GAAI,IAAG,QAAQ,UAAU,GAAG,UAAU,SAAS;;AAErD;;IAEF,KAAK,oBAAoB;KACvB,MAAM,IAAI;AACV,SAAI,GAAG,MAAM,GAAG,UAAU,KAAK,uBAC7B,MAAK,uBAAuB,EAAE;cACrB,CAAC,GAAG,MAAM,KAAK,sBACxB,MAAK,sBAAsB,IAAI,MAAM,GAAG,SAAS;AAEnD,UAAK,yBAAyB;AAC9B,UAAK,wBAAwB;AAC7B;;IAEF,KAAK;AAGH,UAAK,aAAa,YAAY;MAC5B,GAAG,KAAK;MAER,cAAc,OAAO,SAAS;;AAIhC,UAAK;AACL;IACF,KAAK;AACH,UAAK;AACL;IACF,QACE;;;AAKN,MAAI,KAAK,eACP,QAAO,oBAAoB,WAAW,KAAK;AAI7C,OAAK,iBAAiB;AACtB,SAAO,iBAAiB,WAAW;;CAGrC,AAAQ,uBAAuB;AAC7B,OAAK,oBAAoB,IAAI,SAAS;AACtC,MAAI,CAAC,KAAK,kBACR,SAAQ,KAAK;;;;;CAOjB,AAAQ,0BAA0B;AAChC,MAAI,CAAC,KAAK,UAAU,MAAO;EAE3B,MAAM,aAAa,KAAK;EACxB,MAAM,EAAE,aAAa,iBAAiB,KAAK;EAE3C,MAAM,UAAU,WAAW;EAC3B,MAAM,UAAU,WAAW;EAC3B,MAAM,MAAM;EACZ,MAAM,qBAAqB,WAAW,UAAU,IAAI,KAAK,UAAU,IAAI,MAAM,UAAU,cAAc,IAAI,KAAK,UAAU,IAAI,MAAM,UAAU,cAAc,IAAI,KAAK,UAAU,eAAe,IAAI,MAAM,UAAU,IAAI,KAAK,UAAU,eAAe,IAAI;AAEtP,OAAK,kBAAkB;AACvB,OAAK,UAAU,MAAM,UAAU,OAAO;;;;;;;CAQxC,AAAQ,sBAAqE;EAC3E,MAAM,OAAO,KAAK,aAAa,SAAS;EACxC,MAAM,OAAO,KAAK,aAAa,UAAU;EAEzC,MAAM,cAAc,KAAsB,UAAkB,SAA4B;GACtF,MAAM,iBAAiB,OAAO,QAAQ,YAAY,yBAAyB,KAAK;AAC3D,UAAO,QAAQ,YAAY,IAAI,SAAS;GAC7D,MAAM,SAAS,QAAQ;AACvB,OAAI,kBAAkB,QAAQ;IAC5B,MAAM,OAAO,KAAK,SAAS;IAC3B,MAAM,OAAO,MAAM;IACnB,MAAM,WAAW,OAAQ,SAAS,MAAM,KAAK,QAAQ,KAAK,SAAU;AACpE,QAAI,YAAY,WAAW,EAAG,QAAO,KAAK,KAAK;IAC/C,MAAM,SAAS,MAAM;IACrB,MAAM,QAAQ,QAAQ;IACtB,MAAM,iBAAiB,QAAS,SAAS,MAAM,MAAM,QAAQ,MAAM,SAAU;AAC7E,QAAI,kBAAkB,iBAAiB,EAAG,QAAO,KAAK,KAAK;AAE3D,QAAI,gBAAgB;AAClB,UAAK;AACL,YAAO;;AAGT,QAAI;AAAE,YAAO,YAAY;YAAqB;AAAE,YAAO;;;AAEzD,OAAI;AAAE,WAAO,YAAY;WAAqB;AAAE,WAAO;;;EAGzD,MAAM,cAAc,WAAW,MAAa,KAAK;EACjD,MAAM,eAAe,WAAW,MAAa,IAAI;AACjD,SAAO;GAAE;GAAa;;;;;;;;;;;CAWxB,AAAQ,2BAAmC;EACzC,MAAM,WAAW,CAAC,CAAC,KAAK,eAAe,OAAO,KAAK,KAAK,aAAa,SAAS;EAC9E,MAAM,mBAAmB,KAAK,eAAe,KAAK,YAAY,UAAU,UAAa,OAAO,KAAK,YAAY,OAAO,WAAW;EAC/H,MAAM,OAAO,mBAAmB,KAAK,YAAa,QAAS,WAAW,UAAU;EAChF,MAAM,iBAAiB,OAAO,SAAS,YAAY,yBAAyB,KAAK;AACjF,MAAI,gBAAgB;GAClB,MAAM,WAAW,KAAK;AACtB,UAAO,GAAG,SAAS,YAAY;;AAEjC,SAAO,OAAO,SAAS,WAAW,GAAG,KAAK,MAAM,OAAO;;CAGzD,AAAQ,8BAA8B;CACtC,AAAQ,+BAA+B;AACrC,MAAI,KAAK,4BAA6B;AACtC,OAAK,8BAA8B;AACnC,MAAI;AACF,WAAQ,KAAK;UACP;;;;;CAMV,AAAQ,0BAA0B;AAChC,MAAI,CAAC,KAAK,UAAU,SAAS,CAAC,KAAK,gBAAiB;AACpD,MAAI,CAAC,KAAK,kBAAmB;EAE7B,MAAM,EAAE,WAAW,KAAK;EAExB,MAAM,iBAAiB,wBAAwB,wBAAwB,QAAQ;AAC/E,OAAK,kBAAkB;AAEvB,OAAK,UAAU,MAAM,UAAU,OAAO;;;;;CAMxC,AAAQ,6BAA6B;AACnC,MAAI,CAAC,KAAK,UAAU,SAAS,CAAC,KAAK,gBAAiB;AACpD,MAAI,CAAC,KAAK,kBAAmB;AAC7B,MAAI;GACF,MAAM,gBAAgB,wBAAwB,cAAc,KAAK,iBAAiB;AAClF,OAAI,eAAe;AACjB,SAAK,kBAAkB;AACvB,SAAK,UAAU,MAAM,UAAU,IAAI;;WAE9B,OAAO;AACd,WAAQ,MAAM,6DAA6D;AAE3E,QAAK;;;;;;CAOT,AAAQ,kBAAkB,MAAiC;EACzD,MAAM,IAAK,QAAQ,OAAO,SAAS,YAAY,KAAK,OAAO,SAAU,OAAO;AAC5E,OAAK,WAAW,EAAE,0BAA0B;;;;;;CAO9C,0BAA0B;AACxB,OAAK,oBAAoB;AACzB,OAAK,kBAAkB;AAGvB,OAAK;AACL,OAAK,oBAAoB;;;;;CAM3B,YAAY,UAAkC;AAE5C,OAAK,cAAc;AAEnB,MAAI,KAAK,kBACP,MAAK;AAGP,OAAK;;;;;;CAWP,AAAQ,mBAAmB,UAA2B;AAEpD,OAAK,kBAAkB;AACvB,OAAK;;;;;CAMP,AAAQ,mBAAmB,UAA2B;AACpD,OAAK,kBAAkB;EACvB,MAAM,aAAa,KAAK;AACxB,OAAK,iBAAiB,CAAC,CAAC,SAAS;AAEjC,MAAI,CAAC,cAAc,KAAK,eACtB,UAAS,iBAAiB,eAAe,KAAK,kBAAkB;WACvD,cAAc,CAAC,KAAK,eAC7B,UAAS,oBAAoB,eAAe,KAAK,kBAAkB;AAGrE,MAAI,CAAC,SAAS,SAAS;AACrB,QAAK;GAEL,MAAM,SAAS,KAAK,UAAU;AAC9B,OAAI,QAAQ;IACV,MAAM,OAAO,KAAK;AAClB,SAAK,oBAAoB,KAAK,OAAO,KAAK;;SAEvC;GAEL,MAAM,SAAS,KAAK,UAAU;AAC9B,OAAI,QAAQ;IACV,MAAM,WAAW,KAAK;IAEtB,MAAM,OAAO,0CAA0C;KAAE;KAAU;KAAU,WAAW;;AACxF,SAAK,oBAAoB,KAAK,OAAO,KAAK;;AAK5C,QAAK;;;;;;;;CAST,AAAQ,kBAAkB,SAAgC;AACxD,MAAI,CAAC,KAAK,UAAU,SAAS,CAAC,KAAK,gBAAiB;AAEpD,MAAI,QAAQ,SAEV,MAAK;WAID,CAAC,KAAK,gBAAgB,QACxB,MAAK;;CAYX,wBAAyC;AACvC,SAAO,IAAI,SAAiB,SAAS,WAAW;AAC9C,OAAI,CAAC,KAAK,kBAAmB,QAAO,uBAAO,IAAI,MAAM;AACrD,OAAI,KAAK,sBACP,MAAK,sCAAsB,IAAI,MAAM;AAEvC,QAAK,yBAAyB;AAC9B,QAAK,wBAAwB;AAC7B,QAAK,aAAa;AAClB,oBAAiB;AACf,QAAI,KAAK,uBAAuB;AAC9B,UAAK,sCAAsB,IAAI,MAAM;AACrC,UAAK,yBAAyB;AAC9B,UAAK,wBAAwB;;MAE9B;;;CAIP,MAAc,gBAAgB;AAC5B,MAAI,CAAC,KAAK,iBAAiB,CAAC,KAAK,qBAAqB,KAAK,kBAAkB,WAAW,GAAG;GACzF,MAAM,sBAAM,IAAI,MAAM;AACtB,QAAK,SAAS,UAAU;AACxB;;AAIF,OAAK,aAAa,eAAe;AACjC,OAAK,sBAAsB;AAE3B,MAAI;GACF,IAAIC;AAGJ,OAAI,OAAO,KAAK,oBAAoB,YAAY;IAC9C,MAAMF,YAA8B,KAAK,gBAAgB,SAAS,SAAS;AAC3E,gBAAY,MAAM,KAAK,gBAAgB;KACrC,eAAe,KAAK;KACpB,mBAAmB,KAAK;KACxB,SAAS;MACP,SAAS,KAAK,SAAS;MACvB,SAAS,KAAK,SAAS;MACvB,WAAW,KAAK,SAAS;MACzB,eAAe,KAAK,SAAS;MAE7B,oBAAoB,KAAK,SAAS;;KAEpC,OAAO;;SAGT,OAAM,IAAI,MAAM;AAElB,QAAK,YAAY;WAEV,KAAK;GACZ,MAAM,QAAQ,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO;AAC5D,QAAK,SAAS,UAAU;YAEhB;AACR,QAAK,aAAa,eAAe;AACjC,QAAK,sBAAsB;;;;AAMjC,UAAU,YAAY;AAEtB,0BAAe"}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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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"}