@lukso/transaction-view-core 0.6.8 → 0.6.10-dev.2df3eae

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/transaction-view-core",
-  "version": "0.6.8",
+  "version": "0.6.10-dev.2df3eae",
   "description": "Core components and hooks for LUKSO transaction display",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -34,23 +34,23 @@
     "url": "https://github.com/lukso-network/service-auth-simple.git"
   },
   "dependencies": {
-    "@lukso/web-components": "^1.173.3",
-    "@preact/signals-core": "^1.12.1",
+    "@lukso/web-components": "^1.179.0",
+    "@preact/signals-core": "^1.13.0",
     "ethereum-blockies-base64": "^1.0.2",
-    "viem": "^2.43.5",
-    "@lukso/transaction-decoder": "1.3.6",
-    "@lukso/transaction-view-headless": "0.4.7"
+    "viem": "^2.46.1",
+    "@lukso/transaction-decoder": "1.3.7-dev.2df3eae",
+    "@lukso/transaction-view-headless": "0.4.8-dev.2df3eae"
   },
   "peerDependencies": {
     "@lit/task": "^1.0.3",
-    "lit": "3.3.1"
+    "lit": "^3.3.1"
   },
   "devDependencies": {
     "@lit/task": "^1.0.3",
     "@tailwindcss/typography": "^0.5.19",
     "@types/postcss-import": "^14.0.3",
-    "autoprefixer": "^10.4.23",
-    "lit": "3.3.1",
+    "autoprefixer": "^10.4.24",
+    "lit": "3.3.2",
     "postcss": "^8.5.6",
     "postcss-import": "^16.1.1",
     "tailwindcss": "^3.4.19",

package/src/components/asset-card.ts

@@ -8,7 +8,7 @@ import '../shared/address-view.js'
 import '../shared/value-view.js'
 import '../shared/image-list.js'
 // Import LUKSO web components
-import '@lukso/web-components'
+import '@lukso/web-components/components'
 import { Task } from '@lit/task'
 import {
   type ResolvedAddress,
@@ -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
   }
 }