@lukso/transaction-view-core 0.4.1 → 0.5.0-dev.5ea12c5

package/dist/shared/index.d.cts

@@ -78,10 +78,9 @@ declare class AddressDisplay extends LitElement {
      * Get the effective address value (supports both `value` and legacy `address` props)
      */
     private get effectiveAddress();
-    private imageData?;
-    private isLoadingImage;
     private imageLoader;
     private addressResolver;
+    isLoadingImage: boolean;
     private imageTask;
     /**
      * Get pixel size for the current size setting
@@ -192,14 +191,6 @@ declare class AddressView extends CoreLitElement {
      * Get display name for the address
      */
     private getDisplayName;
-    /**
-     * Check if this is a contract address (non-profile)
-     */
-    private get isContract();
-    /**
-     * Check if this should show the address hash (profiles show hash, contracts don't)
-     */
-    private get shouldShowAddressHash();
     /**
      * Get prefix for the address display
      */
@@ -439,11 +430,10 @@ declare class IconView extends CoreLitElement {
      * Only used when imageHint points to an array property
      */
     imageIndex?: number;
-    private imageData?;
-    private isLoadingImage;
-    private isLoadingAddress;
     private imageLoader;
     private addressResolver;
+    isLoadingAddress: boolean;
+    isLoadingImage: boolean;
     private addressTask;
     private imageTask;
     /**
@@ -561,7 +551,6 @@ declare class ProgressView extends CoreLitElement {
     address?: string;
     labelPosition: 'left' | 'right';
     private renderGasProviderLabel;
-    private renderAddressLabel;
     render(): lit.TemplateResult<1>;
 }
 declare global {
@@ -706,7 +695,7 @@ declare function useTransactionView(host: ReactiveControllerHost, transaction: D
 /**
  * Controller for working with transaction signals from the decoder
  */
-declare class TransactionSignalController<T = any> implements ReactiveController {
+declare class TransactionSignalController<_T = any> implements ReactiveController {
     private host;
     private signal;
     private unsubscribe?;
@@ -834,7 +823,6 @@ declare class ValueView extends CoreLitElement {
      * When provided, ValueView will automatically resolve token symbol and decimals
      */
     address?: string;
-    private resolvedMetadata?;
     private _hasSlotContent;
     private _onSlotChange;
     protected firstUpdated(): void;

package/dist/shared/index.d.ts

@@ -78,10 +78,9 @@ declare class AddressDisplay extends LitElement {
      * Get the effective address value (supports both `value` and legacy `address` props)
      */
     private get effectiveAddress();
-    private imageData?;
-    private isLoadingImage;
     private imageLoader;
     private addressResolver;
+    isLoadingImage: boolean;
     private imageTask;
     /**
      * Get pixel size for the current size setting
@@ -192,14 +191,6 @@ declare class AddressView extends CoreLitElement {
      * Get display name for the address
      */
     private getDisplayName;
-    /**
-     * Check if this is a contract address (non-profile)
-     */
-    private get isContract();
-    /**
-     * Check if this should show the address hash (profiles show hash, contracts don't)
-     */
-    private get shouldShowAddressHash();
     /**
      * Get prefix for the address display
      */
@@ -439,11 +430,10 @@ declare class IconView extends CoreLitElement {
      * Only used when imageHint points to an array property
      */
     imageIndex?: number;
-    private imageData?;
-    private isLoadingImage;
-    private isLoadingAddress;
     private imageLoader;
     private addressResolver;
+    isLoadingAddress: boolean;
+    isLoadingImage: boolean;
     private addressTask;
     private imageTask;
     /**
@@ -561,7 +551,6 @@ declare class ProgressView extends CoreLitElement {
     address?: string;
     labelPosition: 'left' | 'right';
     private renderGasProviderLabel;
-    private renderAddressLabel;
     render(): lit.TemplateResult<1>;
 }
 declare global {
@@ -706,7 +695,7 @@ declare function useTransactionView(host: ReactiveControllerHost, transaction: D
 /**
  * Controller for working with transaction signals from the decoder
  */
-declare class TransactionSignalController<T = any> implements ReactiveController {
+declare class TransactionSignalController<_T = any> implements ReactiveController {
     private host;
     private signal;
     private unsubscribe?;
@@ -834,7 +823,6 @@ declare class ValueView extends CoreLitElement {
      * When provided, ValueView will automatically resolve token symbol and decimals
      */
     address?: string;
-    private resolvedMetadata?;
     private _hasSlotContent;
     private _onSlotChange;
     protected firstUpdated(): void;

package/dist/shared/index.js

@@ -16,7 +16,7 @@ import {
   useImageLoader
 } from "@lukso/transaction-view-headless";
 import { css, html, LitElement } from "lit";
-import { property, state } from "lit/decorators.js";
+import { property } from "lit/decorators.js";
 
 // src/shared/safe-custom-element.ts
 function safeCustomElement(tagName) {
@@ -36,13 +36,13 @@ var AddressDisplay = class extends LitElement {
     this.showCopyButton = false;
     this.nameOnly = false;
     this.maxWidth = 200;
-    this.isLoadingImage = false;
     // Composables
     this.imageLoader = useImageLoader();
     this.addressResolver = useAddressResolver();
+    this.isLoadingImage = false;
     // Task for loading profile image
     this.imageTask = new Task(this, {
-      task: async ([resolved], { signal }) => {
+      task: async ([resolved]) => {
         if (!resolved) return null;
         this.isLoadingImage = true;
         try {
@@ -297,12 +297,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Number, attribute: "max-width" })
 ], AddressDisplay.prototype, "maxWidth", 2);
-__decorateClass([
-  state()
-], AddressDisplay.prototype, "imageData", 2);
-__decorateClass([
-  state()
-], AddressDisplay.prototype, "isLoadingImage", 2);
 AddressDisplay = __decorateClass([
   safeCustomElement("address-display")
 ], AddressDisplay);
@@ -312,12 +306,12 @@ import { Task as Task2 } from "@lit/task";
 import { useAddressResolver as useAddressResolver2 } from "@lukso/transaction-view-headless";
 import makeBlockie from "ethereum-blockies-base64";
 import { html as html2 } from "lit";
-import { property as property2, state as state2 } from "lit/decorators.js";
+import { property as property2, state } from "lit/decorators.js";
 
 // src/shared/load-web-components.ts
 var originalDefine = typeof customElements !== "undefined" ? customElements.define.bind(customElements) : null;
 if (typeof customElements !== "undefined" && originalDefine) {
-  customElements.define = function(name, constructor, options) {
+  customElements.define = (name, constructor, options) => {
     if (!customElements.get(name)) {
       originalDefine(name, constructor, options);
     }
@@ -369,14 +363,14 @@ var AddressView = class extends CoreLitElement {
     this.addressResolver = useAddressResolver2();
     // Task for resolving address data
     this.addressTask = new Task2(this, {
-      task: async ([address], { signal }) => {
+      task: async ([address]) => {
         if (!address) return null;
         this.isLoadingAddress = true;
         try {
           const resolved = await this.addressResolver.resolveAddress(address);
           this.requestUpdate();
           return resolved;
-        } catch (error) {
+        } catch (_error) {
           return null;
         } finally {
           this.isLoadingAddress = false;
@@ -403,20 +397,6 @@ var AddressView = class extends CoreLitElement {
     const computedName = this.addressResolver.formatDisplayName(resolved);
     return this.label || computedName || "Anonymous";
   }
-  /**
-   * Check if this is a contract address (non-profile)
-   */
-  get isContract() {
-    const resolved = this.addressTask.value;
-    return resolved ? resolved.__gqltype !== "Profile" : false;
-  }
-  /**
-   * Check if this should show the address hash (profiles show hash, contracts don't)
-   */
-  get shouldShowAddressHash() {
-    const resolved = this.addressTask.value;
-    return resolved ? resolved.__gqltype === "Profile" : true;
-  }
   /**
    * Get prefix for the address display
    */
@@ -657,10 +637,10 @@ __decorateClass([
   property2({ type: String, attribute: "name-color" })
 ], AddressView.prototype, "nameColor", 2);
 __decorateClass([
-  state2()
+  state()
 ], AddressView.prototype, "isLoadingAddress", 2);
 __decorateClass([
-  state2()
+  state()
 ], AddressView.prototype, "identicon", 2);
 AddressView = __decorateClass([
   safeCustomElement("address-view")
@@ -995,7 +975,7 @@ var GasProviderView = class extends CoreLitElement {
   }
   displayRelayerResetDate() {
     const date = new Date(this.relayerResetDate);
-    return isNaN(date.getTime()) ? "N/A" : date.toLocaleDateString();
+    return Number.isNaN(date.getTime()) ? "N/A" : date.toLocaleDateString();
   }
   render() {
     const formatted = this.formatToken(this.balance);
@@ -1014,9 +994,9 @@ var GasProviderView = class extends CoreLitElement {
     const options = [...relayerOptions, ...controllerOption];
     const selectedValue = this.selectedGasProvider ? this.selectedGasProvider.type === "controller" ? this.controllerAddress : (() => {
       const r = this.allRelayers.find(
-        (x) => x.id === this.selectedGasProvider.id
+        (x) => x.id === this.selectedGasProvider?.id
       );
-      return r?.website || r?.apiUrl || `relayer:${this.selectedGasProvider.id}`;
+      return r?.website || r?.apiUrl || `relayer:${this.selectedGasProvider?.id}`;
     })() : void 0;
     return html5`
       <div class="w-full">
@@ -1079,7 +1059,7 @@ import {
   useImageLoader as useImageLoader2
 } from "@lukso/transaction-view-headless";
 import { html as html6 } from "lit";
-import { property as property6, state as state5 } from "lit/decorators.js";
+import { property as property6 } from "lit/decorators.js";
 var IconView = class extends CoreLitElement {
   constructor() {
     super(...arguments);
@@ -1090,14 +1070,14 @@ var IconView = class extends CoreLitElement {
     this.showIconIdenticon = true;
     this.showLabelIdenticon = false;
     this.forceUnresolved = false;
-    this.isLoadingImage = false;
-    this.isLoadingAddress = false;
     // Composables
     this.imageLoader = useImageLoader2();
     this.addressResolver = useAddressResolver3();
+    this.isLoadingAddress = false;
+    this.isLoadingImage = false;
     // Task for resolving address data
     this.addressTask = new Task3(this, {
-      task: async ([address], { signal }) => {
+      task: async ([address]) => {
         if (!address) return null;
         this.isLoadingAddress = true;
         try {
@@ -1115,11 +1095,11 @@ var IconView = class extends CoreLitElement {
     });
     // Task for loading profile image
     this.imageTask = new Task3(this, {
-      task: async ([resolved], { signal }) => {
+      task: async ([resolved]) => {
         if (!resolved) return null;
         this.isLoadingImage = true;
         try {
-          let image;
+          let image = null;
           if (this.imageHint && resolved[this.imageHint]) {
             const imageArray = resolved[this.imageHint];
             if (Array.isArray(imageArray) && imageArray.length > 0) {
@@ -1257,15 +1237,6 @@ __decorateClass([
 __decorateClass([
   property6({ type: Number, attribute: "image-index" })
 ], IconView.prototype, "imageIndex", 2);
-__decorateClass([
-  state5()
-], IconView.prototype, "imageData", 2);
-__decorateClass([
-  state5()
-], IconView.prototype, "isLoadingImage", 2);
-__decorateClass([
-  state5()
-], IconView.prototype, "isLoadingAddress", 2);
 IconView = __decorateClass([
   safeCustomElement("icon-view")
 ], IconView);
@@ -1374,7 +1345,7 @@ function useImageLoader3(host) {
 
 // src/shared/notification-view.ts
 import { html as html7 } from "lit";
-import { property as property7, state as state6 } from "lit/decorators.js";
+import { property as property7, state as state2 } from "lit/decorators.js";
 var NotificationView = class extends CoreLitElement {
   constructor() {
     super(...arguments);
@@ -1484,7 +1455,7 @@ __decorateClass([
   property7({ attribute: "acknowledge-text" })
 ], NotificationView.prototype, "acknowledgeText", 2);
 __decorateClass([
-  state6()
+  state2()
 ], NotificationView.prototype, "acknowledged", 2);
 __decorateClass([
   property7({ type: Boolean, reflect: true })
@@ -1513,14 +1484,6 @@ var ProgressView = class extends CoreLitElement {
         `}
     `;
   }
-  renderAddressLabel() {
-    return html8`
-      <value-view
-        .value=${this.address}
-        .unit=${this.unit}
-      ></value-view>
-    `;
-  }
   render() {
     const isError = (this.className || "").split(/\s+/).includes("error");
     return html8`
@@ -1666,7 +1629,9 @@ var MultiSignalController = class {
     });
   }
   hostDisconnected() {
-    this.unsubscribes.forEach((unsubscribe) => unsubscribe());
+    this.unsubscribes.forEach((unsubscribe) => {
+      unsubscribe();
+    });
     this.unsubscribes = [];
   }
   getValue(index) {
@@ -1913,7 +1878,7 @@ function useTransactionSignal(host, signal) {
 
 // src/shared/url-view.ts
 import { html as html10 } from "lit";
-import { property as property10, state as state7 } from "lit/decorators.js";
+import { property as property10, state as state3 } from "lit/decorators.js";
 var UrlView = class extends CoreLitElement {
   constructor() {
     super(...arguments);
@@ -1943,14 +1908,14 @@ var UrlView = class extends CoreLitElement {
       this.favicon = this.faviconCandidates[this.faviconIndex];
       const hostname = u.hostname.replace(/^www\./, "");
       const hostnamePretty = hostname.split(".").filter(Boolean).slice(-2).join(" ").replace(/-/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-      if (this.label && this.label.trim()) {
+      if (this.label?.trim()) {
         this.displayName = this.label.trim();
       } else {
         this.displayName = hostnamePretty || this.url;
       }
     } catch {
       this.favicon = void 0;
-      this.displayName = this.label && this.label.trim() ? this.label : this.url;
+      this.displayName = this.label?.trim() ? this.label : this.url;
     }
   }
   handleImageError() {
@@ -2015,10 +1980,10 @@ __decorateClass([
   property10({ type: Number, attribute: "max-width" })
 ], UrlView.prototype, "maxWidth", 2);
 __decorateClass([
-  state7()
+  state3()
 ], UrlView.prototype, "favicon", 2);
 __decorateClass([
-  state7()
+  state3()
 ], UrlView.prototype, "displayName", 2);
 UrlView = __decorateClass([
   safeCustomElement("url-view")
@@ -2028,7 +1993,7 @@ UrlView = __decorateClass([
 import { Task as Task4 } from "@lit/task";
 import { useAddressResolver as useAddressResolver4 } from "@lukso/transaction-view-headless";
 import { html as html11 } from "lit";
-import { property as property11, state as state8 } from "lit/decorators.js";
+import { property as property11, state as state4 } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 function formatUnits(value, decimals = 18) {
   const divisor = 10n ** BigInt(decimals);
@@ -2137,14 +2102,15 @@ var ValueView = class extends CoreLitElement {
     if (value === null) return "null";
     if (value === void 0) return "undefined";
     switch (effectiveType) {
-      case "currency":
+      case "currency": {
         const { numeric, symbol } = this.getCurrencyParts();
         return `${numeric} ${symbol}`;
+      }
       case "bigint":
         if (typeof value === "bigint") {
-          return value.toString() + "n";
+          return `${value.toString()}n`;
         }
-        return String(value) + "n";
+        return `${String(value)}n`;
       case "boolean":
         return value ? "true" : "false";
       case "number":
@@ -2172,7 +2138,7 @@ var ValueView = class extends CoreLitElement {
     try {
       if (typeof value === "bigint") {
         numeric = formatUnits(value, effectiveDecimals);
-      } else if (typeof value === "string" && !isNaN(Number(value))) {
+      } else if (typeof value === "string" && !Number.isNaN(Number(value))) {
         const bigintValue = BigInt(value);
         numeric = formatUnits(bigintValue, effectiveDecimals);
       }
@@ -2402,10 +2368,7 @@ __decorateClass([
   property11()
 ], ValueView.prototype, "address", 2);
 __decorateClass([
-  state8()
-], ValueView.prototype, "resolvedMetadata", 2);
-__decorateClass([
-  state8()
+  state4()
 ], ValueView.prototype, "_hasSlotContent", 2);
 ValueView = __decorateClass([
   safeCustomElement("value-view")