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

package/.turbo/turbo-build.log

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

package/dist/index.cjs

@@ -2045,6 +2045,8 @@ 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;
@@ -2056,6 +2058,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);
@@ -2288,7 +2314,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 = import_lit12.html`
               <span class="inline-block overflow-hidden text-ellipsis whitespace-nowrap min-w-0 ${this.getNumericClass()}">${numeric}</span>
@@ -2997,22 +3023,10 @@ 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;
@@ -3139,7 +3153,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;
@@ -3197,6 +3211,7 @@ 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}
@@ -3209,6 +3224,7 @@ 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>
@@ -3224,11 +3240,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}
-          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>
       `;
   }
@@ -3247,6 +3263,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 import_lit15.html`
@@ -3257,51 +3281,61 @@ 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">
-              <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">
+                ${(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>
           </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">
+              ${(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>
+            
             ${(0, import_when3.when)(
       this.amount,
       () => import_lit15.html`
-                <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>
               `,
       () => import_lit15.html`${this._resolvedData?.lsp4TokenSymbol || ""}`
     )}
-          </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 class="mt-4">
+            ${(0, import_when3.when)(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>
     `;
@@ -3325,9 +3359,6 @@ __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);