@lukso/transaction-view-core 0.6.3-dev.e33b252 → 0.6.4-dev.ba618e9

package/dist/index.d.cts

@@ -1,9 +1,10 @@
 export { AddressData, AddressDisplay, AddressView, CustomOption, CustomSelect, FunctionNameView, GasProviderView, IconView, ImageLoadState, ImageLoaderController, MultiSignalController, NotificationView, ProgressSegment, ProgressView, ScrollToBottomButton, SelectOption, SignalController, TransactionSignalController, TransactionViewController, TransactionViewState, UrlView, ValueView, useImageLoader, useSignal, useSignals, useTransactionSignal, useTransactionView } from './shared/index.cjs';
 import * as lit from 'lit';
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 import { CoreLitElement } from './styles/index.cjs';
-import { ResolvedAddress, ViewMatch, FrameworkViewConfig } from '@lukso/transaction-view-headless';
+import { ResolvedAddress, ViewContext, ViewVariant, ViewMatch, FrameworkViewConfig } from '@lukso/transaction-view-headless';
 export { DecoderRecordForSelection, DefaultViewRegistry, FrameworkSupport, FrameworkViewConfig, ViewContext, ViewDefinition, ViewLoader, ViewMatch, ViewMatchOptions, ViewRegistry, getGlobalRegistry, resetGlobalRegistry, setGlobalRegistry } from '@lukso/transaction-view-headless';
+import { DecoderResult } from '@lukso/transaction-decoder';
 export { DecoderResult } from '@lukso/transaction-decoder';
 import '@preact/signals-core';
 
@@ -433,6 +434,96 @@ declare global {
     }
 }
 
+/**
+ * Lit Transaction Playback Component
+ *
+ * Provides index-based rendering of transactions with support for batch navigation
+ * and context-aware view matching.
+ *
+ * **Single Transaction:**
+ * - index="0" → renders the transaction
+ * - index="1" → renders the transaction (same)
+ * - index="2" → null/error
+ *
+ * **Batch Transaction:**
+ * - index="0" → renders batch summary/expandable view
+ * - index="1" → renders first child transaction
+ * - index="2" → renders second child transaction
+ * - etc.
+ *
+ * **Context & Variant:**
+ * - context: WHERE the transaction is displayed (approval, feed, list, detail, etc.)
+ * - variant: HOW the transaction should be rendered (full, collapsed, minimal, etc.)
+ *
+ * **Header Events:**
+ * - Listens for 'header-info' events from child views
+ * - Child views can emit header-info to override default from/to addresses
+ * - Example: Transfer view can show transfer's from/to instead of execute's from/to
+ *
+ * @example
+ * ```html
+ * <!-- Activity feed: compact view -->
+ * <transaction-playback
+ *   .transaction="${transaction}"
+ *   index="1"
+ *   context="feed"
+ *   variant="compact"
+ *   @header-info="${(e) => console.log('Header:', e.detail)}"
+ * ></transaction-playback>
+ *
+ * <!-- Approval flow: full detailed view -->
+ * <transaction-playback
+ *   .transaction="${transaction}"
+ *   index="1"
+ *   context="approval"
+ *   variant="full"
+ * ></transaction-playback>
+ *
+ * <!-- Batch summary: collapsed view -->
+ * <transaction-playback
+ *   .transaction="${transaction}"
+ *   index="0"
+ *   context="batch-summary"
+ *   variant="collapsed"
+ * ></transaction-playback>
+ * ```
+ */
+declare class TransactionPlayback extends CoreLitElement {
+    /** The root transaction to display */
+    transaction?: DecoderResult;
+    /** Index to display (0, 1, 2, ...) */
+    index: number;
+    /** Fallback view ID if no match found (optional - fallback-screen is registered with lowest priority) */
+    fallbackViewId?: string;
+    /** Context: WHERE the transaction is displayed */
+    context?: ViewContext;
+    /** Variant: HOW the transaction should be rendered */
+    variant?: ViewVariant;
+    /** Show debug information */
+    debug: boolean;
+    private playbackState?;
+    private currentResult?;
+    private isLoading;
+    private error?;
+    private loadedComponent?;
+    private headerInfo?;
+    private componentContainerRef;
+    private loader;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleHeaderInfo;
+    private loadView;
+    private renderDebugPanel;
+    render(): lit.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'transaction-playback': TransactionPlayback;
+    }
+}
+
 /**
  * Lit component view loader
  * Handles loading of Lit web components for transaction views

package/dist/index.d.ts

@@ -1,9 +1,10 @@
 export { AddressData, AddressDisplay, AddressView, CustomOption, CustomSelect, FunctionNameView, GasProviderView, IconView, ImageLoadState, ImageLoaderController, MultiSignalController, NotificationView, ProgressSegment, ProgressView, ScrollToBottomButton, SelectOption, SignalController, TransactionSignalController, TransactionViewController, TransactionViewState, UrlView, ValueView, useImageLoader, useSignal, useSignals, useTransactionSignal, useTransactionView } from './shared/index.js';
 import * as lit from 'lit';
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 import { CoreLitElement } from './styles/index.js';
-import { ResolvedAddress, ViewMatch, FrameworkViewConfig } from '@lukso/transaction-view-headless';
+import { ResolvedAddress, ViewContext, ViewVariant, ViewMatch, FrameworkViewConfig } from '@lukso/transaction-view-headless';
 export { DecoderRecordForSelection, DefaultViewRegistry, FrameworkSupport, FrameworkViewConfig, ViewContext, ViewDefinition, ViewLoader, ViewMatch, ViewMatchOptions, ViewRegistry, getGlobalRegistry, resetGlobalRegistry, setGlobalRegistry } from '@lukso/transaction-view-headless';
+import { DecoderResult } from '@lukso/transaction-decoder';
 export { DecoderResult } from '@lukso/transaction-decoder';
 import '@preact/signals-core';
 
@@ -433,6 +434,96 @@ declare global {
     }
 }
 
+/**
+ * Lit Transaction Playback Component
+ *
+ * Provides index-based rendering of transactions with support for batch navigation
+ * and context-aware view matching.
+ *
+ * **Single Transaction:**
+ * - index="0" → renders the transaction
+ * - index="1" → renders the transaction (same)
+ * - index="2" → null/error
+ *
+ * **Batch Transaction:**
+ * - index="0" → renders batch summary/expandable view
+ * - index="1" → renders first child transaction
+ * - index="2" → renders second child transaction
+ * - etc.
+ *
+ * **Context & Variant:**
+ * - context: WHERE the transaction is displayed (approval, feed, list, detail, etc.)
+ * - variant: HOW the transaction should be rendered (full, collapsed, minimal, etc.)
+ *
+ * **Header Events:**
+ * - Listens for 'header-info' events from child views
+ * - Child views can emit header-info to override default from/to addresses
+ * - Example: Transfer view can show transfer's from/to instead of execute's from/to
+ *
+ * @example
+ * ```html
+ * <!-- Activity feed: compact view -->
+ * <transaction-playback
+ *   .transaction="${transaction}"
+ *   index="1"
+ *   context="feed"
+ *   variant="compact"
+ *   @header-info="${(e) => console.log('Header:', e.detail)}"
+ * ></transaction-playback>
+ *
+ * <!-- Approval flow: full detailed view -->
+ * <transaction-playback
+ *   .transaction="${transaction}"
+ *   index="1"
+ *   context="approval"
+ *   variant="full"
+ * ></transaction-playback>
+ *
+ * <!-- Batch summary: collapsed view -->
+ * <transaction-playback
+ *   .transaction="${transaction}"
+ *   index="0"
+ *   context="batch-summary"
+ *   variant="collapsed"
+ * ></transaction-playback>
+ * ```
+ */
+declare class TransactionPlayback extends CoreLitElement {
+    /** The root transaction to display */
+    transaction?: DecoderResult;
+    /** Index to display (0, 1, 2, ...) */
+    index: number;
+    /** Fallback view ID if no match found (optional - fallback-screen is registered with lowest priority) */
+    fallbackViewId?: string;
+    /** Context: WHERE the transaction is displayed */
+    context?: ViewContext;
+    /** Variant: HOW the transaction should be rendered */
+    variant?: ViewVariant;
+    /** Show debug information */
+    debug: boolean;
+    private playbackState?;
+    private currentResult?;
+    private isLoading;
+    private error?;
+    private loadedComponent?;
+    private headerInfo?;
+    private componentContainerRef;
+    private loader;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleHeaderInfo;
+    private loadView;
+    private renderDebugPanel;
+    render(): lit.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'transaction-playback': TransactionPlayback;
+    }
+}
+
 /**
  * Lit component view loader
  * Handles loading of Lit web components for transaction views