@embarkai/ui-kit 0.4.52 → 0.4.53

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>EmbarkAI Secure Wallet - iframe version 0.4.52</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.53</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

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

package/dist/index.cjs

@@ -17903,6 +17903,9 @@ function isSecurityToken(asset) {
   if (!("type" in asset)) return false;
   return asset.type === "erc3643";
 }
+function isProjectAssetConfig(asset) {
+  return "balanceQueryKey" in asset && "balanceQuery" in asset;
+}
 function isAssetRateAvailable(symbol) {
   switch (symbol) {
     // list of prohibited symbols without market data on Binance
@@ -17986,11 +17989,17 @@ function PortfolioItemImage(props) {
 function PortfolioItem(props) {
   const { address, asset, isProjectAsset } = props;
   const providerConfig = useProviderConfig().config.current;
-  const { assets: projectAssets, showBalanceAs: showBalanceAsSymbol } = providerConfig.projectAssets || {};
   const customAssetRateQuery = providerConfig.portfolio?.assetRateQuery;
-  const qc = (0, import_react_query38.useQueryClient)();
-  const { balanceQueryKey } = projectAssets?.find((a) => a.symbol === showBalanceAsSymbol) || {};
-  const projectAssetBalance = !!balanceQueryKey ? qc.getQueryData(balanceQueryKey) : null;
+  const projectAssetQuery = isProjectAsset && isProjectAssetConfig(asset) ? {
+    queryKey: asset.balanceQueryKey,
+    queryFn: asset.balanceQuery
+  } : void 0;
+  const { data: projectAssetBalance } = (0, import_react_query38.useQuery)({
+    enabled: !!projectAssetQuery,
+    retry: false,
+    queryKey: projectAssetQuery?.queryKey ?? ["project-asset-balance-disabled", asset.symbol],
+    queryFn: async () => projectAssetQuery?.queryFn() ?? null
+  });
   const isNft = isNftAsset(asset);
   const isSecurity = isSecurityToken(asset);
   const embeddedRate = Number(asset.exchangeRateUsd || 0);
@@ -18003,8 +18012,8 @@ function PortfolioItem(props) {
     // customAssetRateQueryKey
     queryFn: async () => await resolveAssetRate(asset.symbol, asset.address, customAssetRateQuery)
   });
-  const showProjectFiatBalance = isProjectAsset && !!projectAssetBalance?.fiatFormatted;
-  const renderBalance = showProjectFiatBalance ? projectAssetBalance?.fiatFormatted || 0 : Number((0, import_viem9.formatUnits)(BigInt(asset?.balance || "0"), asset?.decimals || 18));
+  const hasProjectAssetBalance = isProjectAsset && projectAssetBalance != null;
+  const renderBalance = hasProjectAssetBalance ? projectAssetBalance.cryptoFormatted : Number((0, import_viem9.formatUnits)(BigInt(asset?.balance || "0"), asset?.decimals || 18));
   const resolvedRate = hasEmbeddedRate ? embeddedRate : Number(assetRate?.price || 0);
   const usdRenderBalance = resolvedRate > 0 ? renderBalance * resolvedRate : 0;
   const shortContractAddress = asset.address ? truncateMiddle(asset.address, 6, 4) : null;
@@ -24150,7 +24159,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.52",
+      version: "0.4.53",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/dist/index.d.cts

@@ -169,16 +169,17 @@ interface SocialProvider {
     comingSoon?: boolean;
     meta?: Record<string, any>;
 }
+interface ProjectAssetBalance {
+    cryptoFormatted: number;
+    cryptoFiatRate: number;
+    cryptoSymbol: string;
+    fiatFormatted: number;
+    fiatSymbol: string;
+}
 interface ProjectAsset extends Omit<Asset, 'type'> {
     type: 'project';
     balanceQueryKey: string[];
-    balanceQuery: () => Promise<{
-        cryptoFormatted: number;
-        cryptoFiatRate: number;
-        cryptoSymbol: string;
-        fiatFormatted: number;
-        fiatSymbol: string;
-    }>;
+    balanceQuery: () => Promise<ProjectAssetBalance>;
     hideInPortfolio?: boolean;
 }
 interface AssetRateQueryInput {

package/dist/index.d.ts

@@ -169,16 +169,17 @@ interface SocialProvider {
     comingSoon?: boolean;
     meta?: Record<string, any>;
 }
+interface ProjectAssetBalance {
+    cryptoFormatted: number;
+    cryptoFiatRate: number;
+    cryptoSymbol: string;
+    fiatFormatted: number;
+    fiatSymbol: string;
+}
 interface ProjectAsset extends Omit<Asset, 'type'> {
     type: 'project';
     balanceQueryKey: string[];
-    balanceQuery: () => Promise<{
-        cryptoFormatted: number;
-        cryptoFiatRate: number;
-        cryptoSymbol: string;
-        fiatFormatted: number;
-        fiatSymbol: string;
-    }>;
+    balanceQuery: () => Promise<ProjectAssetBalance>;
     hideInPortfolio?: boolean;
 }
 interface AssetRateQueryInput {

package/dist/index.js

@@ -17826,7 +17826,7 @@ var init_BalanceView2 = __esm({
 });
 
 // src/internal/components/PortfolioMenu/PortfolioItem.tsx
-import { useQuery as useQuery16, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
+import { useQuery as useQuery16 } from "@tanstack/react-query";
 import { LoaderIcon as LoaderIcon7, ShieldAlertIcon, SparklesIcon } from "lucide-react";
 import { formatUnits as formatUnits5 } from "viem";
 import { Fragment as Fragment30, jsx as jsx83, jsxs as jsxs77 } from "react/jsx-runtime";
@@ -17845,6 +17845,9 @@ function isSecurityToken(asset) {
   if (!("type" in asset)) return false;
   return asset.type === "erc3643";
 }
+function isProjectAssetConfig(asset) {
+  return "balanceQueryKey" in asset && "balanceQuery" in asset;
+}
 function isAssetRateAvailable(symbol) {
   switch (symbol) {
     // list of prohibited symbols without market data on Binance
@@ -17928,11 +17931,17 @@ function PortfolioItemImage(props) {
 function PortfolioItem(props) {
   const { address, asset, isProjectAsset } = props;
   const providerConfig = useProviderConfig().config.current;
-  const { assets: projectAssets, showBalanceAs: showBalanceAsSymbol } = providerConfig.projectAssets || {};
   const customAssetRateQuery = providerConfig.portfolio?.assetRateQuery;
-  const qc = useQueryClient19();
-  const { balanceQueryKey } = projectAssets?.find((a) => a.symbol === showBalanceAsSymbol) || {};
-  const projectAssetBalance = !!balanceQueryKey ? qc.getQueryData(balanceQueryKey) : null;
+  const projectAssetQuery = isProjectAsset && isProjectAssetConfig(asset) ? {
+    queryKey: asset.balanceQueryKey,
+    queryFn: asset.balanceQuery
+  } : void 0;
+  const { data: projectAssetBalance } = useQuery16({
+    enabled: !!projectAssetQuery,
+    retry: false,
+    queryKey: projectAssetQuery?.queryKey ?? ["project-asset-balance-disabled", asset.symbol],
+    queryFn: async () => projectAssetQuery?.queryFn() ?? null
+  });
   const isNft = isNftAsset(asset);
   const isSecurity = isSecurityToken(asset);
   const embeddedRate = Number(asset.exchangeRateUsd || 0);
@@ -17945,8 +17954,8 @@ function PortfolioItem(props) {
     // customAssetRateQueryKey
     queryFn: async () => await resolveAssetRate(asset.symbol, asset.address, customAssetRateQuery)
   });
-  const showProjectFiatBalance = isProjectAsset && !!projectAssetBalance?.fiatFormatted;
-  const renderBalance = showProjectFiatBalance ? projectAssetBalance?.fiatFormatted || 0 : Number(formatUnits5(BigInt(asset?.balance || "0"), asset?.decimals || 18));
+  const hasProjectAssetBalance = isProjectAsset && projectAssetBalance != null;
+  const renderBalance = hasProjectAssetBalance ? projectAssetBalance.cryptoFormatted : Number(formatUnits5(BigInt(asset?.balance || "0"), asset?.decimals || 18));
   const resolvedRate = hasEmbeddedRate ? embeddedRate : Number(assetRate?.price || 0);
   const usdRenderBalance = resolvedRate > 0 ? renderBalance * resolvedRate : 0;
   const shortContractAddress = asset.address ? truncateMiddle(asset.address, 6, 4) : null;
@@ -18027,14 +18036,14 @@ var init_PortfolioItem = __esm({
 });
 
 // src/internal/components/PortfolioMenu/PortfolioMenu.tsx
-import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient19 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle4, ArrowLeft as ArrowLeft16, Gem, Loader as Loader19, RefreshCw as RefreshCw2 } from "lucide-react";
 import { useCallback as useCallback23 } from "react";
 import { jsx as jsx84, jsxs as jsxs78 } from "react/jsx-runtime";
 function PortfolioMenu() {
   const { assets: projectAssets = [] } = useProviderConfig().config.current?.projectAssets || {};
   const { t } = useT();
-  const qc = useQueryClient20();
+  const qc = useQueryClient19();
   const address = useSession((st) => st.address);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
@@ -18749,12 +18758,12 @@ var init_UntrustApplication = __esm({
 });
 
 // src/internal/components/SecurityMenu/SecurityMenu.tsx
-import { useMutation as useMutation17, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
+import { useMutation as useMutation17, useQueryClient as useQueryClient20 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft18 } from "lucide-react";
 import { useState as useState24 } from "react";
 import { jsx as jsx91, jsxs as jsxs85 } from "react/jsx-runtime";
 function SecurityMenu() {
-  const qc = useQueryClient21();
+  const qc = useQueryClient20();
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -19769,11 +19778,11 @@ var init_useOperationHashesStore = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts
-import { useMutation as useMutation19, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
+import { useMutation as useMutation19, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
 import { useCallback as useCallback26 } from "react";
 import { useSwitchChain, useWalletClient } from "wagmi";
 function useBridge() {
-  const qc = useQueryClient22();
+  const qc = useQueryClient21();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const { data: walletClient } = useWalletClient();
@@ -20093,7 +20102,7 @@ var init_ResolveChainIcon = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
 import { CHAINS_BROWSERS_TRANSPORTS as CHAINS_BROWSERS_TRANSPORTS2 } from "@embarkai/core";
-import { useQuery as useQuery20, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
+import { useQuery as useQuery20, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
 import { useCallback as useCallback27, useEffect as useEffect37 } from "react";
 import { createPublicClient as createPublicClient2, erc20Abi as erc20Abi2, formatUnits as formatUnits7, http as http3 } from "viem";
 import { useSwitchChain as useSwitchChain2 } from "wagmi";
@@ -20104,7 +20113,7 @@ function checkWrapedTokenSymbol2(symbol) {
   return symbol.toUpperCase();
 }
 function useBridgeBalance(hyperlaneWarpRoutes) {
-  const qc = useQueryClient23();
+  const qc = useQueryClient22();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
@@ -20765,7 +20774,7 @@ var init_SuccessStep = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx
-import { useQueryClient as useQueryClient24 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient23 } from "@tanstack/react-query";
 import dayjs7 from "dayjs";
 import { ArrowRightIcon, DownloadIcon as DownloadIcon2, ExternalLinkIcon as ExternalLinkIcon3, InfoIcon as InfoIcon4, LoaderIcon as LoaderIcon11 } from "lucide-react";
 import { jsx as jsx100, jsxs as jsxs92 } from "react/jsx-runtime";
@@ -20886,7 +20895,7 @@ function HistoryItem(props) {
     txStatus
   } = props;
   const { t } = useT();
-  const qc = useQueryClient24();
+  const qc = useQueryClient23();
   const address = useSession((st) => st.address);
   const warpRoutes = qc.getQueryData([HYPERLANE_WARP_ROUTES_QUERY_KEY, address]);
   const assetWarpRoute = warpRoutes?.find((route) => {
@@ -23689,12 +23698,12 @@ var init_TransactionsGroup = __esm({
 });
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
-import { useQuery as useQuery23, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
+import { useQuery as useQuery23, useQueryClient as useQueryClient24 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft22, Loader as Loader31, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
 import { useCallback as useCallback29, useState as useState31 } from "react";
 import { jsx as jsx115, jsxs as jsxs106 } from "react/jsx-runtime";
 function TransactionsMenu() {
-  const qc = useQueryClient25();
+  const qc = useQueryClient24();
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
@@ -24061,7 +24070,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.52",
+      version: "0.4.53",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24162,12 +24171,12 @@ var init_package = __esm({
 });
 
 // src/internal/components/Footer/Footer.tsx
-import { useMutation as useMutation21, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
+import { useMutation as useMutation21, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
 import { Loader as Loader32, LogOut } from "lucide-react";
 import { useDisconnect as useDisconnect3 } from "wagmi";
 import { jsx as jsx117, jsxs as jsxs107 } from "react/jsx-runtime";
 function Footer() {
-  const qc = useQueryClient26();
+  const qc = useQueryClient25();
   const { callbacksRef } = useProviderConfig();
   const { t } = useT();
   const address = useSession((st) => st.address);
@@ -24749,11 +24758,11 @@ var init_TssManager = __esm({
 
 // src/internal/components/WalletConnectHandler.tsx
 import { useConnectModal as useConnectModal2 } from "@rainbow-me/rainbowkit";
-import { useMutation as useMutation22, useQueryClient as useQueryClient27 } from "@tanstack/react-query";
+import { useMutation as useMutation22, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
 import React27, { useCallback as useCallback33, useEffect as useEffect47 } from "react";
 import { useAccount, useDisconnect as useDisconnect4, useSignMessage as useSignMessage2 } from "wagmi";
 function WalletConnectHandler() {
-  const qc = useQueryClient27();
+  const qc = useQueryClient26();
   const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
   const { address: walletAddress, isConnected, chain, connector } = useAccount();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.4.52",
+  "version": "0.4.53",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",