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

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lukso/transaction-view-core@0.4.1 build /home/runner/work/service-auth-simple/service-auth-simple/packages/transaction-view-core
+> @lukso/transaction-view-core@0.5.0 build /home/runner/work/service-auth-simple/service-auth-simple/packages/transaction-view-core
 > tsup
 
 CLI Building entry: src/index.ts, src/shared/index.ts, src/styles/index.ts
@@ -10,24 +10,24 @@
 ESM Build start
 CJS Build start
 DTS Build start
-ESM dist/index.js            259.91 KB
-ESM dist/shared/index.js     204.44 KB
+ESM dist/shared/index.js     203.35 KB
 ESM dist/styles/index.js     131.02 KB
-ESM dist/index.js.map        365.86 KB
-ESM dist/shared/index.js.map 269.66 KB
+ESM dist/index.js            256.04 KB
+ESM dist/shared/index.js.map 267.80 KB
 ESM dist/styles/index.js.map 140.16 KB
-ESM ⚡️ Build success in 4575ms
-CJS dist/index.cjs            268.27 KB
-CJS dist/shared/index.cjs     209.96 KB
+ESM dist/index.js.map        359.23 KB
+ESM ⚡️ Build success in 4559ms
+CJS dist/shared/index.cjs     208.77 KB
 CJS dist/styles/index.cjs     132.07 KB
-CJS dist/index.cjs.map        366.46 KB
-CJS dist/shared/index.cjs.map 270.47 KB
+CJS dist/index.cjs            264.14 KB
+CJS dist/shared/index.cjs.map 268.67 KB
 CJS dist/styles/index.cjs.map 140.22 KB
-CJS ⚡️ Build success in 4576ms
-DTS ⚡️ Build success in 11144ms
+CJS dist/index.cjs.map        360.03 KB
+CJS ⚡️ Build success in 4562ms
+DTS ⚡️ Build success in 11722ms
 DTS dist/styles/index.d.ts  233.00 B
-DTS dist/index.d.ts         14.33 KB
-DTS dist/shared/index.d.ts  23.91 KB
+DTS dist/index.d.ts         14.07 KB
+DTS dist/shared/index.d.ts  23.56 KB
 DTS dist/styles/index.d.cts 233.00 B
-DTS dist/index.d.cts        14.33 KB
-DTS dist/shared/index.d.cts 23.91 KB
+DTS dist/index.d.cts        14.07 KB
+DTS dist/shared/index.d.cts 23.56 KB

package/.turbo/turbo-typecheck.log

@@ -0,0 +1,4 @@
+
+> @lukso/transaction-view-core@0.5.0 typecheck /home/runner/work/service-auth-simple/service-auth-simple/packages/transaction-view-core
+> tsc --noEmit
+

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [0.5.0](https://github.com/lukso-network/service-auth-simple/compare/transaction-view-core-v0.4.1...transaction-view-core-v0.5.0) (2025-12-10)
+
+
+### Features
+
+* Add switch chain functionality ([#58](https://github.com/lukso-network/service-auth-simple/issues/58)) ([e515cef](https://github.com/lukso-network/service-auth-simple/commit/e515cefdcbf9bde0adf1d378e81f9564b6880722))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @lukso/transaction-decoder bumped to 1.3.0
+    * @lukso/transaction-view-headless bumped to 0.4.0
+
 ## [0.4.1](https://github.com/lukso-network/service-auth-simple/compare/transaction-view-core-v0.4.0...transaction-view-core-v0.4.1) (2025-12-10)
 
 

package/dist/index.cjs

@@ -42,7 +42,7 @@ __export(index_exports, {
   AddressView: () => AddressView,
   CustomOption: () => CustomOption,
   CustomSelect: () => CustomSelect,
-  DefaultViewRegistry: () => import_transaction_view_headless12.DefaultViewRegistry,
+  DefaultViewRegistry: () => import_transaction_view_headless10.DefaultViewRegistry,
   FunctionNameView: () => FunctionNameView,
   GasProviderView: () => GasProviderView,
   IconView: () => IconView,
@@ -58,11 +58,11 @@ __export(index_exports, {
   UrlView: () => UrlView,
   ValueView: () => ValueView,
   getGlobalLitLoader: () => getGlobalLitLoader,
-  getGlobalRegistry: () => import_transaction_view_headless12.getGlobalRegistry,
+  getGlobalRegistry: () => import_transaction_view_headless10.getGlobalRegistry,
   resetGlobalLitLoader: () => resetGlobalLitLoader,
-  resetGlobalRegistry: () => import_transaction_view_headless12.resetGlobalRegistry,
+  resetGlobalRegistry: () => import_transaction_view_headless10.resetGlobalRegistry,
   setGlobalLitLoader: () => setGlobalLitLoader,
-  setGlobalRegistry: () => import_transaction_view_headless12.setGlobalRegistry,
+  setGlobalRegistry: () => import_transaction_view_headless10.setGlobalRegistry,
   useImageLoader: () => useImageLoader3,
   useSignal: () => useSignal,
   useSignals: () => useSignals,
@@ -95,13 +95,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 {
@@ -356,12 +356,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);
@@ -376,7 +370,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);
     }
@@ -428,14 +422,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;
@@ -462,20 +456,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
    */
@@ -1054,7 +1034,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);
@@ -1073,9 +1053,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">
@@ -1146,14 +1126,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 {
@@ -1171,11 +1151,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) {
@@ -1313,15 +1293,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);
@@ -1567,14 +1538,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`
@@ -1720,7 +1683,9 @@ var MultiSignalController = class {
     });
   }
   hostDisconnected() {
-    this.unsubscribes.forEach((unsubscribe) => unsubscribe());
+    this.unsubscribes.forEach((unsubscribe) => {
+      unsubscribe();
+    });
     this.unsubscribes = [];
   }
   getValue(index) {
@@ -1993,14 +1958,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() {
@@ -2187,14 +2152,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":
@@ -2222,7 +2188,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);
       }
@@ -2451,9 +2417,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);
@@ -2477,7 +2440,7 @@ var ImageList = class extends CoreLitElement {
     this.addressResolver = (0, import_transaction_view_headless7.useAddressResolver)();
     // Task for resolving address data
     this.addressTask = new import_task5.Task(this, {
-      task: async ([address], { signal }) => {
+      task: async ([address]) => {
         if (!address) return null;
         this.isLoading = true;
         try {
@@ -2534,7 +2497,7 @@ var ImageList = class extends CoreLitElement {
    * Render a single image item
    */
   renderImageItem(item, index) {
-    const itemIndex = item.index !== void 0 ? item.index : index;
+    const _itemIndex = item.index !== void 0 ? item.index : index;
     const isImage = this.isImageFile(item);
     if (isImage) {
       const imageSrc = item.src || item.url;
@@ -2647,8 +2610,6 @@ ImageList = __decorateClass([
 ], ImageList);
 
 // src/components/info-panel.ts
-var import_task6 = require("@lit/task");
-var import_transaction_view_headless8 = require("@lukso/transaction-view-headless");
 var import_lit14 = require("lit");
 var import_decorators13 = require("lit/decorators.js");
 var import_class_map = require("lit/directives/class-map.js");
@@ -2661,17 +2622,6 @@ var InfoPanel = class extends import_lit14.LitElement {
     this.open = false;
     this.standard = "";
     this.type = "transfer";
-    this._isAnimating = false;
-    this._resolutionTask = new import_task6.Task(this, {
-      task: async ([address]) => {
-        if (!address) return null;
-        const { resolveAddress } = (0, import_transaction_view_headless8.useAddressResolver)();
-        const data = await resolveAddress(address);
-        this._resolvedData = data;
-        return data;
-      },
-      args: () => [this.address]
-    });
   }
   _extractBaseAddress(addressOrComposite) {
     return addressOrComposite.split("-")[0];
@@ -3032,9 +2982,6 @@ __decorateClass([
 __decorateClass([
   (0, import_decorators13.property)({ type: String })
 ], InfoPanel.prototype, "type", 2);
-__decorateClass([
-  (0, import_decorators13.state)()
-], InfoPanel.prototype, "_isAnimating", 2);
 __decorateClass([
   (0, import_decorators13.state)()
 ], InfoPanel.prototype, "_resolvedData", 2);
@@ -3048,8 +2995,8 @@ var import_decorators14 = require("lit/decorators.js");
 var import_repeat3 = require("lit/directives/repeat.js");
 var import_when3 = require("lit/directives/when.js");
 var import_web_components = require("@lukso/web-components");
-var import_task7 = require("@lit/task");
-var import_transaction_view_headless9 = require("@lukso/transaction-view-headless");
+var import_task6 = require("@lit/task");
+var import_transaction_view_headless8 = require("@lukso/transaction-view-headless");
 function formatUnits2(value, decimals = 18) {
   const divisor = 10n ** BigInt(decimals);
   const quotient = value / divisor;
@@ -3069,10 +3016,9 @@ var AssetCard = class extends CoreLitElement {
     this.showInfoButton = true;
     this.showCreator = true;
     this.displayDetails = false;
-    this._imageError = false;
     // Composables
-    this.addressResolver = (0, import_transaction_view_headless9.useAddressResolver)();
-    this._resolutionTask = new import_task7.Task(this, {
+    this.addressResolver = (0, import_transaction_view_headless8.useAddressResolver)();
+    this._resolutionTask = new import_task6.Task(this, {
       task: async ([address]) => {
         if (!address) return null;
         const { resolveAddress } = this.addressResolver;
@@ -3083,25 +3029,12 @@ var AssetCard = class extends CoreLitElement {
       args: () => [this.address]
     });
   }
-  _handleImageError() {
-    this._imageError = true;
-  }
   _handleInfoClick() {
     this.displayDetails = !this.displayDetails;
   }
   _extractBaseAddress(addressOrComposite) {
     return addressOrComposite.split("-")[0];
   }
-  _extractTokenId(addressOrComposite) {
-    const parts = addressOrComposite.split("-");
-    return parts.length > 1 ? parts[1] : void 0;
-  }
-  _copyToClipboard(text) {
-    if (navigator.clipboard) {
-      navigator.clipboard.writeText(text);
-      this.dispatchEvent(new CustomEvent("copied", { detail: { text } }));
-    }
-  }
   _renderAddressSection() {
     const data = this._resolutionTask.value;
     if (!data) return "";
@@ -3351,7 +3284,7 @@ var AssetCard = class extends CoreLitElement {
             ${(0, import_when3.when)(
       this.amount,
       () => import_lit15.html`
-                <span class="">${formatUnits2(BigInt(this.amount), this._resolvedData?.decimals)}</span>
+                <span class="">${formatUnits2(BigInt(this.amount || 0), this._resolvedData?.decimals)}</span>
                 <span class="ml-1 text-neutral-60 max-w-[60px] whitespace-nowrap overflow-hidden text-ellipsis text-[14px] font-semibold">${this._resolvedData?.lsp4TokenSymbol || ""}</span>
               `,
       () => import_lit15.html`${this._resolvedData?.lsp4TokenSymbol || ""}`
@@ -3407,9 +3340,6 @@ __decorateClass([
 __decorateClass([
   (0, import_decorators14.state)()
 ], AssetCard.prototype, "_resolvedData", 2);
-__decorateClass([
-  (0, import_decorators14.state)()
-], AssetCard.prototype, "_imageError", 2);
 AssetCard = __decorateClass([
   safeCustomElement("asset-card")
 ], AssetCard);
@@ -4130,8 +4060,6 @@ UniversalTokenView = __decorateClass([
 ], UniversalTokenView);
 
 // src/components/contract-card.ts
-var import_task8 = require("@lit/task");
-var import_transaction_view_headless10 = require("@lukso/transaction-view-headless");
 var import_lit18 = require("lit");
 var import_decorators17 = require("lit/decorators.js");
 var ContractCard = class extends import_lit18.LitElement {
@@ -4144,54 +4072,6 @@ var ContractCard = class extends import_lit18.LitElement {
     this.hasOverlay = false;
     this.customClass = "";
     this.headerClass = "";
-    this._resolutionTask = new import_task8.Task(this, {
-      task: async ([address, resolved]) => {
-        if (resolved) {
-          this._resolvedData = resolved;
-          return resolved;
-        }
-        const { resolveAddress } = (0, import_transaction_view_headless10.useAddressResolver)();
-        const baseAddress = this._extractBaseAddress(address);
-        const data = await resolveAddress(baseAddress);
-        this._resolvedData = data;
-        return data;
-      },
-      args: () => [this.address, this.resolved]
-    });
-    this._profileImageTask = new import_task8.Task(this, {
-      task: async ([resolved]) => {
-        const { loadProfileImage } = (0, import_transaction_view_headless10.useImageLoader)();
-        const data = resolved || this._resolvedData;
-        if (!data) return null;
-        const image = await loadProfileImage(data, {
-          width: 256,
-          height: 256,
-          dpr: window.devicePixelRatio || 1
-        });
-        if (image?.src) {
-          this._profileImageUrl = image.src;
-        }
-        return image;
-      },
-      args: () => [this._resolvedData]
-    });
-    this._backgroundImageTask = new import_task8.Task(this, {
-      task: async ([resolved]) => {
-        const { loadBackgroundImage } = (0, import_transaction_view_headless10.useImageLoader)();
-        const data = resolved || this._resolvedData;
-        if (!data) return null;
-        const image = await loadBackgroundImage(data, {
-          width: 800,
-          height: 200,
-          dpr: window.devicePixelRatio || 1
-        });
-        if (image?.src) {
-          this._backgroundImageUrl = image.src;
-        }
-        return image;
-      },
-      args: () => [this._resolvedData]
-    });
   }
   _extractBaseAddress(addressOrComposite) {
     return addressOrComposite.split("-")[0];
@@ -4399,10 +4279,10 @@ PermissionsBlock = __decorateClass([
 ], PermissionsBlock);
 
 // src/registry/index.ts
-var import_transaction_view_headless12 = require("@lukso/transaction-view-headless");
+var import_transaction_view_headless10 = require("@lukso/transaction-view-headless");
 
 // src/registry/lit-view-loader.ts
-var import_transaction_view_headless11 = require("@lukso/transaction-view-headless");
+var import_transaction_view_headless9 = require("@lukso/transaction-view-headless");
 var LitViewLoader = class {
   constructor() {
     this.loadedComponents = /* @__PURE__ */ new Map();
@@ -4412,7 +4292,7 @@ var LitViewLoader = class {
    */
   async loadFromMatch(match) {
     if (!match.frameworkConfig) {
-      throw new import_transaction_view_headless11.ViewLoadingError(
+      throw new import_transaction_view_headless9.ViewLoadingError(
         `No framework config for view "${match.view.id}"`,
         { type: "custom-element", tagName: "" },
         {}
@@ -4444,7 +4324,7 @@ var LitViewLoader = class {
           loadedComponent = await loader.loader(config);
           break;
         default:
-          throw new import_transaction_view_headless11.ViewLoadingError(
+          throw new import_transaction_view_headless9.ViewLoadingError(
             `Unsupported loader type: ${loader.type}`,
             loader,
             config
@@ -4453,7 +4333,7 @@ var LitViewLoader = class {
       this.loadedComponents.set(component, loadedComponent);
       return loadedComponent;
     } catch (error) {
-      throw new import_transaction_view_headless11.ViewLoadingError(
+      throw new import_transaction_view_headless9.ViewLoadingError(
         `Failed to load component "${component}"`,
         loader,
         config,