@lukso/transaction-view-core 0.5.0-dev.5916302 → 0.5.0-dev.a98e9bc

package/dist/index.d.cts

@@ -133,6 +133,7 @@ declare class AssetCard extends CoreLitElement {
     standard: string | undefined;
     /** Function icon name */
     functionIcon: string;
+    size: 'small' | 'medium' | 'large';
     showInfoButton: boolean;
     showCreator: boolean;
     private displayDetails;
@@ -154,7 +155,6 @@ declare class AssetCard extends CoreLitElement {
     private _renderAssets;
     private _renderStandards;
     private _renderTokenDetails;
-    private _formattedAmount;
     private renderFormattedTokenIdBadge;
     render(): lit.TemplateResult<1>;
 }

package/dist/index.d.ts

@@ -133,6 +133,7 @@ declare class AssetCard extends CoreLitElement {
     standard: string | undefined;
     /** Function icon name */
     functionIcon: string;
+    size: 'small' | 'medium' | 'large';
     showInfoButton: boolean;
     showCreator: boolean;
     private displayDetails;
@@ -154,7 +155,6 @@ declare class AssetCard extends CoreLitElement {
     private _renderAssets;
     private _renderStandards;
     private _renderTokenDetails;
-    private _formattedAmount;
     private renderFormattedTokenIdBadge;
     render(): lit.TemplateResult<1>;
 }

package/dist/index.js

@@ -1995,8 +1995,6 @@ import { useAddressResolver as useAddressResolver4 } from "@lukso/transaction-vi
 import { html as html11 } from "lit";
 import { property as property11, state as state4 } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
-
-// src/utils.ts
 function formatUnits(value, decimals = 18) {
   const divisor = 10n ** BigInt(decimals);
   const quotient = value / divisor;
@@ -2008,30 +2006,6 @@ function formatUnits(value, decimals = 18) {
   const trimmed = remainderStr.replace(/0+$/, "");
   return `${quotient}.${trimmed}`;
 }
-function isBigIntString(str) {
-  const trimmed = str.trim();
-  if (trimmed.endsWith("n"))
-    return /^[0-9]+n$/.test(trimmed) || /^0x[0-9a-fA-F]+n$/.test(trimmed);
-  return /^[0-9]+$/.test(trimmed) || /^0x[0-9a-fA-F]+$/.test(trimmed);
-}
-function parseBigInt(value) {
-  if (!value) return void 0;
-  if (typeof value === "bigint") return value;
-  if (typeof value === "number") {
-    if (!Number.isInteger(value)) return void 0;
-    return BigInt(value);
-  }
-  const trimmed = value.trim();
-  const cleaned = trimmed.endsWith("n") ? trimmed.slice(0, -1) : trimmed;
-  if (!isBigIntString(cleaned)) return void 0;
-  try {
-    return BigInt(cleaned);
-  } catch {
-    return void 0;
-  }
-}
-
-// src/shared/value-view.ts
 var ValueView = class extends CoreLitElement {
   constructor() {
     super(...arguments);
@@ -2264,7 +2238,7 @@ var ValueView = class extends CoreLitElement {
       `;
       if (effectiveType === "currency") {
         const { numeric, symbol } = this.getCurrencyParts();
-        if (this.label) {
+        if (this.label && this.label.trim() !== "") {
           headerText = this.label;
           contentTemplate = html11`
               <span class="inline-block overflow-hidden text-ellipsis whitespace-nowrap min-w-0 ${this.getNumericClass()}">${numeric}</span>
@@ -2975,10 +2949,22 @@ import { Task as Task6 } from "@lit/task";
 import {
   useAddressResolver as useAddressResolver6
 } from "@lukso/transaction-view-headless";
+function formatUnits2(value, decimals = 18) {
+  const divisor = 10n ** BigInt(decimals);
+  const quotient = value / divisor;
+  const remainder = value % divisor;
+  if (remainder === 0n) {
+    return quotient.toString();
+  }
+  const remainderStr = remainder.toString().padStart(decimals, "0");
+  const trimmed = remainderStr.replace(/0+$/, "");
+  return `${quotient}.${trimmed}`;
+}
 var AssetCard = class extends CoreLitElement {
   constructor() {
     super(...arguments);
     this.functionIcon = "code-outline";
+    this.size = "medium";
     this.showInfoButton = true;
     this.showCreator = true;
     this.displayDetails = false;
@@ -3105,7 +3091,7 @@ var AssetCard = class extends CoreLitElement {
     const formattedTokenId = this._resolvedData?.formattedTokenId;
     const displayTokenId = formattedTokenId ? `${formattedTokenId}` : "";
     if (displayTokenId) return displayTokenId;
-    return this.tokenId ? `${parseInt(this.tokenId, 16)}` : void 0;
+    return this.tokenId && !this._resolvedData?.isCollection ? `${parseInt(this.tokenId, 16)}` : void 0;
   }
   _renderTokenId() {
     const displayTokenId = this.displayedTokenId;
@@ -3163,7 +3149,6 @@ var AssetCard = class extends CoreLitElement {
   _renderImages() {
     const images = this._resolvedData?.images || [];
     if (images.length === 0) return "";
-    if (!this.address) return "";
     return html14`
           <image-list
             address=${this.address}
@@ -3176,7 +3161,6 @@ var AssetCard = class extends CoreLitElement {
   _renderAssets() {
     const assets = this._resolvedData?.assets || [];
     if (assets.length === 0) return "";
-    if (!this.address) return "";
     return html14`
         <div class="section">
           <div class="section-title">Assets</div>
@@ -3192,11 +3176,11 @@ var AssetCard = class extends CoreLitElement {
     return html14`
         <div class="flex justify-between items-center my-4">
           <function-name-view 
-            label=${this.functionName || "Execute"}
-            size="small"
-            icon=${this.functionIcon ? this.functionIcon : "code-outline"}
+          label=${this.functionName}
+          size="small"
+          icon=${this.functionIcon ? this.functionIcon : "code-outline"}
           ></function-name-view>
-          <function-name-view label=${this._resolvedData?.standard ?? "Unknown"} size="small"></function-name-view>
+          <function-name-view label=${this._resolvedData?.standard} size="small"></function-name-view>
         </div>
       `;
   }
@@ -3215,14 +3199,6 @@ var AssetCard = class extends CoreLitElement {
       </div>
     `;
   }
-  _formattedAmount() {
-    const data = this._resolutionTask.value;
-    const amt = this.amount;
-    if (amt === void 0 || amt === null || amt === "") return void 0;
-    const bigintAmount = parseBigInt(amt);
-    if (bigintAmount === void 0) return void 0;
-    return formatUnits(bigintAmount, data?.decimals);
-  }
   renderFormattedTokenIdBadge() {
     if (!this.displayedTokenId) return "";
     return html14`
@@ -3233,61 +3209,51 @@ var AssetCard = class extends CoreLitElement {
     return html14`
     <div >
       ${this._renderStandards()}
-      <div class="mt-6 flex-col">
-        <div class="flex items-center justify-center gap-4">
-          <div class="flex justify-end w-[48%]">
-            <div class="border relative border-neutral-90 rounded-xl">
-            ${this.renderFormattedTokenIdBadge()}
-              <div class="p-2 relative">
-                ${when3(
-      this.address,
-      () => html14`
-                    <icon-view
-                      address=${this.address ?? ""}
-                      size="2x-large"
-                      .showName=${false}
-                    ></icon-view>
-                `
-    )}
-              </div>
-              <div style="height: 1px;" class="bg-neutral-90 w-full"></div>
-              <div class="px-2">
-                ${this._renderAddressSection()}
-              </div>
+    <div class="mt-6 flex-col">
+      <div class="flex items-center justify-center gap-4">
+        <div class="flex justify-end w-[48%]">
+          <div class="border relative border-neutral-90 rounded-xl">
+          ${this.renderFormattedTokenIdBadge()}
+            <div class="p-2 relative">
+              <icon-view
+                address="${this.address}"
+                size="2x-large"
+                .showName=${false}
+              ></icon-view>
+            </div>
+            <div style="height: 1px;" class="bg-neutral-90 w-full"></div>
+            <div class="px-2">
+              ${this._renderAddressSection()}
             </div>
           </div>
+        </div>
 
-          <div class="flex flex-col gap-1 w-[51%]">
-            <div class="text-[14px] font-bold text-neutral-20">
-              ${this._resolvedData?.lsp4TokenName || "UNKNOWN"}
-            </div>
-            <div class="text-[17px] font-semibold text-neutral-20">
-              ${when3(
-      this.amount,
-      () => html14`
-                  <span class="">${this._formattedAmount() ?? ""}</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>
-                `,
-      () => html14`${this._resolvedData?.lsp4TokenSymbol || ""}`
-    )}
-            </div>
-            
+        <div class="flex flex-col gap-1 w-[51%]">
+          <div class="text-[14px] font-bold text-neutral-20">
+            ${this._resolvedData?.lsp4TokenName || "UNKNOWN"}
+          </div>
+          <div class="text-[17px] font-semibold text-neutral-20">
             ${when3(
       this.amount,
       () => html14`
-                <span class="">${formatUnits(BigInt(this.amount || 0), 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>
               `,
       () => html14`${this._resolvedData?.lsp4TokenSymbol || ""}`
     )}
-            <div class="mt-4">
-            ${when3(this.showCreator, () => this._renderCreatorSection())}
-            </div>
+          </div>
+          
+           ${when3(
+      this.displayedTokenId,
+      () => html14`<div class="text-[14px] font-medium text-neutral-60"><span class="font-bold">#${this.displayedTokenId}</span></div>`
+    )}
+          <div class="mt-4">
+          ${when3(this.showCreator, () => this._renderCreatorSection())}
           </div>
         </div>
-        <div class="border-neutral-90 pt-2">
-          ${this._renderTokenDetails()}
-        </div>
+      </div>
+      <div class="border-neutral-90 pt-2">
+        ${this._renderTokenDetails()}
       </div>
     </div>
     `;
@@ -3311,6 +3277,9 @@ __decorateClass([
 __decorateClass([
   property14({ type: String, attribute: "function-icon" })
 ], AssetCard.prototype, "functionIcon", 2);
+__decorateClass([
+  property14({ type: String })
+], AssetCard.prototype, "size", 2);
 __decorateClass([
   property14({ type: Boolean, attribute: "show-info-button" })
 ], AssetCard.prototype, "showInfoButton", 2);