@lukso/transaction-view-core 0.6.9 → 0.6.10-dev.30530d6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/transaction-view-core",
-  "version": "0.6.9",
+  "version": "0.6.10-dev.30530d6",
   "description": "Core components and hooks for LUKSO transaction display",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -38,8 +38,8 @@
     "@preact/signals-core": "^1.13.0",
     "ethereum-blockies-base64": "^1.0.2",
     "viem": "^2.46.1",
-    "@lukso/transaction-view-headless": "0.4.8",
-    "@lukso/transaction-decoder": "1.3.7"
+    "@lukso/transaction-decoder": "1.3.7-dev.30530d6",
+    "@lukso/transaction-view-headless": "0.4.8-dev.30530d6"
   },
   "peerDependencies": {
     "@lit/task": "^1.0.3",

package/src/components/asset-card.ts

@@ -131,6 +131,7 @@ export class AssetCard extends CoreLitElement {
 
   private _renderContractAddress() {
     const data = this._resolutionTask.value
+    if (!data?.address) return ''
 
     return html`
         <div class="section">
@@ -140,7 +141,7 @@ export class AssetCard extends CoreLitElement {
              <address-view
               address=${data.address}
               size="medium"
-              label=${data.lsp4TokenName}
+              label=${data.lsp4TokenName ?? ''}
               max-width=${100}
               .showIdenticon=${false}
               ?is-card-view=${true}
@@ -155,15 +156,16 @@ export class AssetCard extends CoreLitElement {
 
   private _renderAssetLongName() {
     const data = this._resolutionTask.value
+    if (!data) return ''
 
     return html`
           ${when(
-            data?.lsp4TokenName,
+            data.lsp4TokenName,
             () => html`
               <value-view 
                 ?is-card-view=${true}
                 ?show-copy-button=${true}
-                value=${data.lsp4TokenName}
+                value=${data.lsp4TokenName ?? ''}
                 label="Token Name"
               ></value-view>
             `
@@ -173,15 +175,16 @@ export class AssetCard extends CoreLitElement {
 
   private _renderAssetSymbol() {
     const data = this._resolutionTask.value
+    if (!data) return ''
 
     return html`
           ${when(
-            data?.lsp4TokenSymbol,
+            data.lsp4TokenSymbol,
             () => html`
               <value-view 
                 ?is-card-view=${true}
                 ?show-copy-button=${true}
-                value=${data.lsp4TokenSymbol}
+                value=${data.lsp4TokenSymbol ?? ''}
                 label="Symbol"
               ></value-view>
             `

package/src/shared/address-view.ts

@@ -105,7 +105,7 @@ export class AddressView extends CoreLitElement {
         this.isLoadingAddress = false
       }
     },
-    args: () => [this.address],
+    args: () => [this.address] as const,
   })
 
   /**

package/src/shared/index.ts

@@ -15,6 +15,7 @@ export {
 } from './image-loader-controller.js'
 export * from './notification-view'
 export * from './progress-view'
+export * from './safe-custom-element'
 export * from './scroll-to-bottom-button'
 // Export signal integration controllers and utilities
 export {

package/src/shared/safe-custom-element.ts

@@ -30,6 +30,7 @@ export function safeCustomElement(tagName: string) {
     if (typeof customElements !== 'undefined' && !customElements.get(tagName)) {
       customElements.define(tagName, classOrDescriptor)
     }
+
     return classOrDescriptor
   }
 }