@lumiapassport/ui-kit 1.14.6 → 1.14.8

package/dist/index.js

@@ -4526,7 +4526,7 @@ import { useEffect as useEffect31 } from "react";
 // package.json
 var package_default = {
   name: "@lumiapassport/ui-kit",
-  version: "1.14.6",
+  version: "1.14.8",
   description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
   type: "module",
   main: "./dist/index.cjs",
@@ -10317,7 +10317,7 @@ function mapBlockscoutToAsset(balance) {
   if (type === "erc721") {
     formattedBalance = "1";
   } else if (decimals !== void 0) {
-    formattedBalance = parseFloat(formatUnits(BigInt(value), decimals)).toFixed(4);
+    formattedBalance = formatUnits(BigInt(value), decimals);
   } else {
     formattedBalance = value;
   }
@@ -10476,7 +10476,8 @@ function useBlockscoutAssets(options) {
             const registry = await publicClient2.readContract({
               address: tokenAddress,
               abi: ERC3643_ABI,
-              functionName: "identityRegistry"
+              functionName: "identityRegistry",
+              args: []
             });
             if (registry && registry !== "0x0000000000000000000000000000000000000000") {
               return { tokenAddress, registry };
@@ -10497,7 +10498,6 @@ function useBlockscoutAssets(options) {
     },
     enabled: !!address && enabled && detectSecurityTokens && erc20TokenAddresses.length > 0 && !!publicClient2,
     staleTime: BLOCKSCOUT_QUERY_STALE_TIME * 2,
-    // Less frequent refresh for contract calls
     gcTime: BLOCKSCOUT_QUERY_GC_TIME,
     retry: 1
   });
@@ -10621,6 +10621,7 @@ var ASSETS_RATES_QUERY_KEY = "lumia-passport-assets-rates-query-key";
 function PortfolioItem(props) {
   const { address, asset, isProjectAsset } = props;
   const [nftImageError, setNftImageError] = useState10(false);
+  const [logoError, setLogoError] = useState10(false);
   const { assets: projectAssets, showBalanceAs: showBalanceAsSymbol } = useLumiaPassportConfig().config.current.projectAssets || {};
   const qc = useQueryClient15();
   const { balanceQueryKey } = projectAssets?.find((a) => a.symbol === showBalanceAsSymbol) || {};
@@ -10655,7 +10656,7 @@ function PortfolioItem(props) {
               "group-hover:opacity-60 transition-opacity",
               // NFTs get rounded corners, tokens get circular
               isNft ? "w-12 h-12 rounded-lg" : "w-10 h-10 rounded-full",
-              !asset.logo && !nftImage && "bg-[var(--l-pass-fg)]"
+              (!asset.logo || logoError) && !nftImage && "bg-[var(--l-pass-fg)]"
             ),
             children: [
               isNft && nftImage && !nftImageError ? /* @__PURE__ */ jsx52(
@@ -10669,18 +10670,13 @@ function PortfolioItem(props) {
               ) : isNft && (!nftImage || nftImageError) ? (
                 // NFT placeholder when no image available
                 /* @__PURE__ */ jsx52("div", { className: "w-full h-full bg-[var(--l-pass-fg)] flex items-center justify-center", children: /* @__PURE__ */ jsx52(ImageIcon, { className: "w-5 h-5 text-[var(--l-pass-fg-inverted)]" }) })
-              ) : asset.logo ? /* @__PURE__ */ jsx52(
+              ) : asset.logo && !logoError ? /* @__PURE__ */ jsx52(
                 "img",
                 {
                   src: asset.logo,
                   alt: asset.symbol,
                   className: "w-full h-full object-cover",
-                  onError: (e) => {
-                    const target = e.target;
-                    target.style.display = "none";
-                    target.parentElement.classList.add("bg-[var(--l-pass-fg)]");
-                    target.parentElement.innerHTML = `<span class="text-[var(--l-pass-fg-inverted)] font-bold text-sm">${asset.symbol.charAt(0)}</span>`;
-                  }
+                  onError: () => setLogoError(true)
                 }
               ) : /* @__PURE__ */ jsx52("span", { className: "text-[var(--l-pass-fg-inverted)] font-bold text-sm", children: asset.symbol.charAt(0) }),
               isNft && /* @__PURE__ */ jsx52("div", { className: "absolute -top-1 -right-1 w-4 h-4 rounded-full bg-[var(--l-pass-accent)] flex items-center justify-center", children: /* @__PURE__ */ jsx52(Sparkles, { className: "w-2.5 h-2.5 text-[var(--l-pass-fg-inverted)]" }) }),