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

package/.turbo/turbo-build.log

@@ -10,24 +10,24 @@
 ESM Build start
 CJS Build start
 DTS Build start
-CJS dist/index.cjs            265.06 KB
-CJS dist/shared/index.cjs     208.69 KB
+CJS dist/index.cjs            264.07 KB
+CJS dist/shared/index.cjs     208.67 KB
 CJS dist/styles/index.cjs     131.97 KB
-CJS dist/index.cjs.map        363.28 KB
-CJS dist/shared/index.cjs.map 270.84 KB
+CJS dist/index.cjs.map        359.99 KB
+CJS dist/shared/index.cjs.map 268.57 KB
 CJS dist/styles/index.cjs.map 140.12 KB
-CJS ⚡️ Build success in 5108ms
-ESM dist/index.js            256.95 KB
-ESM dist/shared/index.js     203.27 KB
+CJS ⚡️ Build success in 4769ms
+ESM dist/index.js            255.97 KB
+ESM dist/shared/index.js     203.25 KB
 ESM dist/styles/index.js     130.92 KB
-ESM dist/index.js.map        362.49 KB
-ESM dist/shared/index.js.map 269.97 KB
+ESM dist/index.js.map        359.19 KB
+ESM dist/shared/index.js.map 267.70 KB
 ESM dist/styles/index.js.map 140.06 KB
-ESM ⚡️ Build success in 5112ms
-DTS ⚡️ Build success in 12855ms
+ESM ⚡️ Build success in 4797ms
+DTS ⚡️ Build success in 11927ms
 DTS dist/styles/index.d.ts  233.00 B
-DTS dist/index.d.ts         14.06 KB
-DTS dist/shared/index.d.ts  23.60 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.06 KB
-DTS dist/shared/index.d.cts 23.60 KB
+DTS dist/index.d.cts        14.07 KB
+DTS dist/shared/index.d.cts 23.56 KB

package/dist/index.cjs

@@ -2045,8 +2045,6 @@ var import_transaction_view_headless6 = require("@lukso/transaction-view-headles
 var import_lit12 = require("lit");
 var import_decorators11 = require("lit/decorators.js");
 var import_when = require("lit/directives/when.js");
-
-// src/utils.ts
 function formatUnits(value, decimals = 18) {
   const divisor = 10n ** BigInt(decimals);
   const quotient = value / divisor;
@@ -2058,30 +2056,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);
@@ -2314,7 +2288,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 = import_lit12.html`
               <span class="inline-block overflow-hidden text-ellipsis whitespace-nowrap min-w-0 ${this.getNumericClass()}">${numeric}</span>
@@ -3023,10 +2997,22 @@ var import_when3 = require("lit/directives/when.js");
 var import_web_components = require("@lukso/web-components");
 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;
+  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;
@@ -3153,7 +3139,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;
@@ -3211,7 +3197,6 @@ var AssetCard = class extends CoreLitElement {
   _renderImages() {
     const images = this._resolvedData?.images || [];
     if (images.length === 0) return "";
-    if (!this.address) return "";
     return import_lit15.html`
           <image-list
             address=${this.address}
@@ -3224,7 +3209,6 @@ var AssetCard = class extends CoreLitElement {
   _renderAssets() {
     const assets = this._resolvedData?.assets || [];
     if (assets.length === 0) return "";
-    if (!this.address) return "";
     return import_lit15.html`
         <div class="section">
           <div class="section-title">Assets</div>
@@ -3240,11 +3224,11 @@ var AssetCard = class extends CoreLitElement {
     return import_lit15.html`
         <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>
       `;
   }
@@ -3263,14 +3247,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 import_lit15.html`
@@ -3281,61 +3257,51 @@ var AssetCard = class extends CoreLitElement {
     return import_lit15.html`
     <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">
-                ${(0, import_when3.when)(
-      this.address,
-      () => import_lit15.html`
-                    <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">
-              ${(0, import_when3.when)(
-      this.amount,
-      () => import_lit15.html`
-                  <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>
-                `,
-      () => import_lit15.html`${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">
             ${(0, import_when3.when)(
       this.amount,
       () => import_lit15.html`
-                <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>
               `,
       () => import_lit15.html`${this._resolvedData?.lsp4TokenSymbol || ""}`
     )}
-            <div class="mt-4">
-            ${(0, import_when3.when)(this.showCreator, () => this._renderCreatorSection())}
-            </div>
+          </div>
+          
+           ${(0, import_when3.when)(
+      this.displayedTokenId,
+      () => import_lit15.html`<div class="text-[14px] font-medium text-neutral-60"><span class="font-bold">#${this.displayedTokenId}</span></div>`
+    )}
+          <div class="mt-4">
+          ${(0, import_when3.when)(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>
     `;
@@ -3359,6 +3325,9 @@ __decorateClass([
 __decorateClass([
   (0, import_decorators14.property)({ type: String, attribute: "function-icon" })
 ], AssetCard.prototype, "functionIcon", 2);
+__decorateClass([
+  (0, import_decorators14.property)({ type: String })
+], AssetCard.prototype, "size", 2);
 __decorateClass([
   (0, import_decorators14.property)({ type: Boolean, attribute: "show-info-button" })
 ], AssetCard.prototype, "showInfoButton", 2);