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

package/dist/index.d.cts

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

package/dist/index.js

@@ -1995,6 +1995,8 @@ 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;
@@ -2006,6 +2008,30 @@ 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);
@@ -2238,7 +2264,7 @@ var ValueView = class extends CoreLitElement {
       `;
       if (effectiveType === "currency") {
         const { numeric, symbol } = this.getCurrencyParts();
-        if (this.label && this.label.trim() !== "") {
+        if (this.label) {
           headerText = this.label;
           contentTemplate = html11`
               <span class="inline-block overflow-hidden text-ellipsis whitespace-nowrap min-w-0 ${this.getNumericClass()}">${numeric}</span>
@@ -2949,22 +2975,10 @@ 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;
@@ -3091,7 +3105,7 @@ var AssetCard = class extends CoreLitElement {
     const formattedTokenId = this._resolvedData?.formattedTokenId;
     const displayTokenId = formattedTokenId ? `${formattedTokenId}` : "";
     if (displayTokenId) return displayTokenId;
-    return this.tokenId && !this._resolvedData?.isCollection ? `${parseInt(this.tokenId, 16)}` : void 0;
+    return this.tokenId ? `${parseInt(this.tokenId, 16)}` : void 0;
   }
   _renderTokenId() {
     const displayTokenId = this.displayedTokenId;
@@ -3149,6 +3163,7 @@ 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}
@@ -3161,6 +3176,7 @@ 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>
@@ -3176,11 +3192,11 @@ var AssetCard = class extends CoreLitElement {
     return html14`
         <div class="flex justify-between items-center my-4">
           <function-name-view 
-          label=${this.functionName}
-          size="small"
-          icon=${this.functionIcon ? this.functionIcon : "code-outline"}
+            label=${this.functionName || "Execute"}
+            size="small"
+            icon=${this.functionIcon ? this.functionIcon : "code-outline"}
           ></function-name-view>
-          <function-name-view label=${this._resolvedData?.standard} size="small"></function-name-view>
+          <function-name-view label=${this._resolvedData?.standard ?? "Unknown"} size="small"></function-name-view>
         </div>
       `;
   }
@@ -3199,6 +3215,14 @@ 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`
@@ -3209,51 +3233,61 @@ 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">
-              <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 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>
           </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">
+          <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>
+            
             ${when3(
       this.amount,
       () => html14`
-                <span class="">${formatUnits2(BigInt(this.amount || 0), this._resolvedData?.decimals)}</span>
+                <span class="">${formatUnits(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>
-          
-           ${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 class="mt-4">
+            ${when3(this.showCreator, () => this._renderCreatorSection())}
+            </div>
           </div>
         </div>
-      </div>
-      <div class="border-neutral-90 pt-2">
-        ${this._renderTokenDetails()}
+        <div class="border-neutral-90 pt-2">
+          ${this._renderTokenDetails()}
+        </div>
       </div>
     </div>
     `;
@@ -3277,9 +3311,6 @@ __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);