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

package/dist/shared/index.cjs

@@ -87,13 +87,13 @@ var AddressDisplay = class extends import_lit.LitElement {
     this.showCopyButton = false;
     this.nameOnly = false;
     this.maxWidth = 200;
-    this.isLoadingImage = false;
     // Composables
     this.imageLoader = (0, import_transaction_view_headless.useImageLoader)();
     this.addressResolver = (0, import_transaction_view_headless.useAddressResolver)();
+    this.isLoadingImage = false;
     // Task for loading profile image
     this.imageTask = new import_task.Task(this, {
-      task: async ([resolved], { signal }) => {
+      task: async ([resolved]) => {
         if (!resolved) return null;
         this.isLoadingImage = true;
         try {
@@ -348,12 +348,6 @@ __decorateClass([
 __decorateClass([
   (0, import_decorators.property)({ type: Number, attribute: "max-width" })
 ], AddressDisplay.prototype, "maxWidth", 2);
-__decorateClass([
-  (0, import_decorators.state)()
-], AddressDisplay.prototype, "imageData", 2);
-__decorateClass([
-  (0, import_decorators.state)()
-], AddressDisplay.prototype, "isLoadingImage", 2);
 AddressDisplay = __decorateClass([
   safeCustomElement("address-display")
 ], AddressDisplay);
@@ -368,7 +362,7 @@ var import_decorators2 = require("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);
     }
@@ -420,14 +414,14 @@ var AddressView = class extends CoreLitElement {
     this.addressResolver = (0, import_transaction_view_headless2.useAddressResolver)();
     // Task for resolving address data
     this.addressTask = new import_task2.Task(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;
@@ -454,20 +448,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
    */
@@ -1046,7 +1026,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);
@@ -1065,9 +1045,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 import_lit6.html`
       <div class="w-full">
@@ -1138,14 +1118,14 @@ var IconView = class extends CoreLitElement {
     this.showIconIdenticon = true;
     this.showLabelIdenticon = false;
     this.forceUnresolved = false;
-    this.isLoadingImage = false;
-    this.isLoadingAddress = false;
     // Composables
     this.imageLoader = (0, import_transaction_view_headless3.useImageLoader)();
     this.addressResolver = (0, import_transaction_view_headless3.useAddressResolver)();
+    this.isLoadingAddress = false;
+    this.isLoadingImage = false;
     // Task for resolving address data
     this.addressTask = new import_task3.Task(this, {
-      task: async ([address], { signal }) => {
+      task: async ([address]) => {
         if (!address) return null;
         this.isLoadingAddress = true;
         try {
@@ -1163,11 +1143,11 @@ var IconView = class extends CoreLitElement {
     });
     // Task for loading profile image
     this.imageTask = new import_task3.Task(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) {
@@ -1305,15 +1285,6 @@ __decorateClass([
 __decorateClass([
   (0, import_decorators6.property)({ type: Number, attribute: "image-index" })
 ], IconView.prototype, "imageIndex", 2);
-__decorateClass([
-  (0, import_decorators6.state)()
-], IconView.prototype, "imageData", 2);
-__decorateClass([
-  (0, import_decorators6.state)()
-], IconView.prototype, "isLoadingImage", 2);
-__decorateClass([
-  (0, import_decorators6.state)()
-], IconView.prototype, "isLoadingAddress", 2);
 IconView = __decorateClass([
   safeCustomElement("icon-view")
 ], IconView);
@@ -1559,14 +1530,6 @@ var ProgressView = class extends CoreLitElement {
         `}
     `;
   }
-  renderAddressLabel() {
-    return import_lit9.html`
-      <value-view
-        .value=${this.address}
-        .unit=${this.unit}
-      ></value-view>
-    `;
-  }
   render() {
     const isError = (this.className || "").split(/\s+/).includes("error");
     return import_lit9.html`
@@ -1712,7 +1675,9 @@ var MultiSignalController = class {
     });
   }
   hostDisconnected() {
-    this.unsubscribes.forEach((unsubscribe) => unsubscribe());
+    this.unsubscribes.forEach((unsubscribe) => {
+      unsubscribe();
+    });
     this.unsubscribes = [];
   }
   getValue(index) {
@@ -1985,14 +1950,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() {
@@ -2179,14 +2144,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":
@@ -2214,7 +2180,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);
       }
@@ -2443,9 +2409,6 @@ __decorateClass([
 __decorateClass([
   (0, import_decorators11.property)()
 ], ValueView.prototype, "address", 2);
-__decorateClass([
-  (0, import_decorators11.state)()
-], ValueView.prototype, "resolvedMetadata", 2);
 __decorateClass([
   (0, import_decorators11.state)()
 ], ValueView.prototype, "_hasSlotContent", 2);