@lumiapassport/ui-kit 1.14.6 → 1.14.8

package/dist/iframe/index.html

@@ -15,7 +15,7 @@
     <meta http-equiv="X-Content-Type-Options" content="nosniff" />
     <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
 
-    <title>Lumia Passport Secure Wallet - iframe version 1.14.6</title>
+    <title>Lumia Passport Secure Wallet - iframe version 1.14.8</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -4286,7 +4286,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "1.14.6";
+var IFRAME_VERSION = "1.14.8";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -4568,7 +4568,7 @@ var import_react52 = require("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",
@@ -10357,7 +10357,7 @@ function mapBlockscoutToAsset(balance) {
   if (type === "erc721") {
     formattedBalance = "1";
   } else if (decimals !== void 0) {
-    formattedBalance = parseFloat((0, import_viem4.formatUnits)(BigInt(value), decimals)).toFixed(4);
+    formattedBalance = (0, import_viem4.formatUnits)(BigInt(value), decimals);
   } else {
     formattedBalance = value;
   }
@@ -10516,7 +10516,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 };
@@ -10537,7 +10538,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
   });
@@ -10661,6 +10661,7 @@ var ASSETS_RATES_QUERY_KEY = "lumia-passport-assets-rates-query-key";
 function PortfolioItem(props) {
   const { address, asset, isProjectAsset } = props;
   const [nftImageError, setNftImageError] = (0, import_react40.useState)(false);
+  const [logoError, setLogoError] = (0, import_react40.useState)(false);
   const { assets: projectAssets, showBalanceAs: showBalanceAsSymbol } = useLumiaPassportConfig().config.current.projectAssets || {};
   const qc = (0, import_react_query28.useQueryClient)();
   const { balanceQueryKey } = projectAssets?.find((a) => a.symbol === showBalanceAsSymbol) || {};
@@ -10695,7 +10696,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__ */ (0, import_jsx_runtime52.jsx)(
@@ -10709,18 +10710,13 @@ function PortfolioItem(props) {
               ) : isNft && (!nftImage || nftImageError) ? (
                 // NFT placeholder when no image available
                 /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-full h-full bg-[var(--l-pass-fg)] flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react34.Image, { className: "w-5 h-5 text-[var(--l-pass-fg-inverted)]" }) })
-              ) : asset.logo ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              ) : asset.logo && !logoError ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 "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__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-[var(--l-pass-fg-inverted)] font-bold text-sm", children: asset.symbol.charAt(0) }),
               isNft && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("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__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react34.Sparkles, { className: "w-2.5 h-2.5 text-[var(--l-pass-fg-inverted)]" }) }),