@embarkai/ui-kit 0.4.61 → 0.4.63

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

package/dist/iframe/main.js

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

package/dist/index.cjs

@@ -1023,8 +1023,8 @@ function BalanceFeedProvider() {
     if (!isProjectAssetBalanceEnabled || !projectAssetBalance) return;
     const { cryptoFiatRate, fiatFormatted, cryptoFormatted, cryptoSymbol, fiatSymbol } = projectAssetBalance;
     const { setCryptoRate, setFiatBalance, setBalance, setCryptoSymbol, setFiatSymbol } = useLayoutDataStore.getState();
-    if (!!cryptoSymbol) setCryptoSymbol(cryptoSymbol?.toUpperCase());
-    if (!!fiatSymbol) setFiatSymbol(fiatSymbol?.toUpperCase());
+    if (!!cryptoSymbol) setCryptoSymbol(cryptoSymbol);
+    if (!!fiatSymbol) setFiatSymbol(fiatSymbol);
     setCryptoRate(cryptoFiatRate || 1);
     setFiatBalance(fiatFormatted || 0);
     setBalance({
@@ -1097,7 +1097,7 @@ var init_BalanceFeedProvider = __esm({
     NATIVE_BALANCE_QUERY_KEY = "embarkai-native-balance-query-key";
     CUSTOM_BALANCE_QUERY_KEY = "embarkai-custom-balance-query-key";
     LUMIA_RATE_QUERY_KEY = "lembarkai-root-balance-rate-query-key";
-    SKIP_SYMBOLS = ["TEST", "USDT", "P"];
+    SKIP_SYMBOLS = ["TEST", "USDT", "P", "$P USDT"];
   }
 });
 
@@ -18120,7 +18120,7 @@ var init_no_image = __esm({
 function BalanceView(props) {
   const { className } = props;
   const config = useProviderConfig().config;
-  const showFiatBalance = config.current?.features?.showActiveBalanceAsFiat;
+  const showFiatBalance = !!config.current?.features?.showActiveBalanceAsFiat;
   const balance = useLayoutDataStore((st) => st.balance);
   const cryptoSymbol = useLayoutDataStore((st) => st.cryptoSymbol);
   const cryptoBalance = Number((0, import_viem9.formatUnits)(balance?.value || BigInt(0), balance?.decimals || 18));
@@ -18139,11 +18139,10 @@ function BalanceView(props) {
       children: [
         !!BalanceIcon && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(BalanceIcon, { className: "w-5 h-5" }),
         /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { children: [
-          showFiatBalance && !!fiatBalance && BALANCE_PREFIXES[fiatSymbol],
+          BALANCE_PREFIXES[showFiatBalance ? fiatSymbol : cryptoSymbol],
           formatPrice(showFiatBalance ? fiatBalance : cryptoBalance)
         ] }),
-        showFiatBalance && !!fiatBalance && !BALANCE_PREFIXES[fiatSymbol] && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: fiatSymbol }),
-        !showFiatBalance && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: cryptoSymbol })
+        !BALANCE_PREFIXES[showFiatBalance ? fiatSymbol : cryptoSymbol] && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: showFiatBalance ? fiatSymbol : cryptoSymbol })
       ]
     }
   );
@@ -18159,11 +18158,15 @@ var init_BalanceView = __esm({
     import_viem9 = require("viem");
     import_jsx_runtime81 = require("react/jsx-runtime");
     BALANCE_PREFIXES = {
-      P: "$P\xA0",
+      /** PARLAY */
+      "$P USDT": "$P\xA0",
       // Special case for the P token, with a space
-      USD: "$",
-      EUR: "\u20AC",
-      GBP: "\xA3"
+      "P": "$P\xA0",
+      // Special case for the P token, with a space
+      /** COMMON */
+      "USD": "$",
+      "EUR": "\u20AC",
+      "GBP": "\xA3"
     };
   }
 });
@@ -18278,6 +18281,7 @@ function PortfolioItem(props) {
   const { address, asset, isProjectAsset } = props;
   const providerConfig = useProviderConfig().config.current;
   const customAssetRateQuery = providerConfig.portfolio?.assetRateQuery;
+  const customAssetRateQueryKey = providerConfig.portfolio?.assetRateQueryKey;
   const projectAssetQuery = isProjectAsset && isProjectAssetConfig(asset) ? {
     queryKey: asset.balanceQueryKey,
     queryFn: asset.balanceQuery
@@ -18296,7 +18300,7 @@ function PortfolioItem(props) {
     enabled: !!address && !hasEmbeddedRate && !isProjectAsset && !isNft && !isSecurity && (!!customAssetRateQuery || !!isAssetRateAvailable(asset.symbol)),
     retry: false,
     staleTime: 4 * 60 * 1e3,
-    queryKey: [ASSETS_RATES_QUERY_KEY, address, asset.address, asset.symbol],
+    queryKey: customAssetRateQuery && customAssetRateQueryKey ? customAssetRateQueryKey : [ASSETS_RATES_QUERY_KEY, address, asset.address, asset.symbol],
     // customAssetRateQueryKey
     queryFn: async () => await resolveAssetRate(asset.symbol, asset.address, customAssetRateQuery)
   });
@@ -18380,7 +18384,7 @@ var init_PortfolioItem = __esm({
     init_truncateMiddle();
     init_BalanceView2();
     import_jsx_runtime82 = require("react/jsx-runtime");
-    SKIP_SYMBOLS2 = ["TEST"];
+    SKIP_SYMBOLS2 = ["TEST", "USDT", "P", "$P USDT"];
     ASSETS_RATES_QUERY_KEY = "lumia-passport-assets-rates-query-key";
   }
 });
@@ -24595,7 +24599,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.61",
+      version: "0.4.63",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/dist/index.d.cts

@@ -180,6 +180,14 @@ interface ProjectAsset extends Omit<Asset, 'type'> {
     balanceQuery: () => Promise<ProjectAssetBalance>;
     hideInPortfolio?: boolean;
 }
+interface AssetRateQueryInput {
+    symbol: string;
+    address?: `0x${string}`;
+}
+interface AssetRateQueryResult {
+    symbol: string;
+    price: string;
+}
 /**
  * Token configuration for custom token watching.
  * Used when chain doesn't have Blockscout API or for project-specific tokens.
@@ -238,6 +246,8 @@ interface ProviderConfig {
     portfolio?: {
         tokenBalancesQuery?: (address: `0x${string}`) => Promise<BlockscoutTokenBalance[]>;
         tokenBalancesQueryKey?: readonly unknown[];
+        assetRateQuery?: (input: AssetRateQueryInput) => Promise<AssetRateQueryResult | null>;
+        assetRateQueryKey?: readonly unknown[];
     };
     /**
      * Custom tokens to monitor per chain.

package/dist/index.d.ts

@@ -180,6 +180,14 @@ interface ProjectAsset extends Omit<Asset, 'type'> {
     balanceQuery: () => Promise<ProjectAssetBalance>;
     hideInPortfolio?: boolean;
 }
+interface AssetRateQueryInput {
+    symbol: string;
+    address?: `0x${string}`;
+}
+interface AssetRateQueryResult {
+    symbol: string;
+    price: string;
+}
 /**
  * Token configuration for custom token watching.
  * Used when chain doesn't have Blockscout API or for project-specific tokens.
@@ -238,6 +246,8 @@ interface ProviderConfig {
     portfolio?: {
         tokenBalancesQuery?: (address: `0x${string}`) => Promise<BlockscoutTokenBalance[]>;
         tokenBalancesQueryKey?: readonly unknown[];
+        assetRateQuery?: (input: AssetRateQueryInput) => Promise<AssetRateQueryResult | null>;
+        assetRateQueryKey?: readonly unknown[];
     };
     /**
      * Custom tokens to monitor per chain.

package/dist/index.js

@@ -1016,8 +1016,8 @@ function BalanceFeedProvider() {
     if (!isProjectAssetBalanceEnabled || !projectAssetBalance) return;
     const { cryptoFiatRate, fiatFormatted, cryptoFormatted, cryptoSymbol, fiatSymbol } = projectAssetBalance;
     const { setCryptoRate, setFiatBalance, setBalance, setCryptoSymbol, setFiatSymbol } = useLayoutDataStore.getState();
-    if (!!cryptoSymbol) setCryptoSymbol(cryptoSymbol?.toUpperCase());
-    if (!!fiatSymbol) setFiatSymbol(fiatSymbol?.toUpperCase());
+    if (!!cryptoSymbol) setCryptoSymbol(cryptoSymbol);
+    if (!!fiatSymbol) setFiatSymbol(fiatSymbol);
     setCryptoRate(cryptoFiatRate || 1);
     setFiatBalance(fiatFormatted || 0);
     setBalance({
@@ -1086,7 +1086,7 @@ var init_BalanceFeedProvider = __esm({
     NATIVE_BALANCE_QUERY_KEY = "embarkai-native-balance-query-key";
     CUSTOM_BALANCE_QUERY_KEY = "embarkai-custom-balance-query-key";
     LUMIA_RATE_QUERY_KEY = "lembarkai-root-balance-rate-query-key";
-    SKIP_SYMBOLS = ["TEST", "USDT", "P"];
+    SKIP_SYMBOLS = ["TEST", "USDT", "P", "$P USDT"];
   }
 });
 
@@ -18051,7 +18051,7 @@ import { jsx as jsx81, jsxs as jsxs75 } from "react/jsx-runtime";
 function BalanceView(props) {
   const { className } = props;
   const config = useProviderConfig().config;
-  const showFiatBalance = config.current?.features?.showActiveBalanceAsFiat;
+  const showFiatBalance = !!config.current?.features?.showActiveBalanceAsFiat;
   const balance = useLayoutDataStore((st) => st.balance);
   const cryptoSymbol = useLayoutDataStore((st) => st.cryptoSymbol);
   const cryptoBalance = Number(formatUnits5(balance?.value || BigInt(0), balance?.decimals || 18));
@@ -18070,11 +18070,10 @@ function BalanceView(props) {
       children: [
         !!BalanceIcon && /* @__PURE__ */ jsx81(BalanceIcon, { className: "w-5 h-5" }),
         /* @__PURE__ */ jsxs75("span", { children: [
-          showFiatBalance && !!fiatBalance && BALANCE_PREFIXES[fiatSymbol],
+          BALANCE_PREFIXES[showFiatBalance ? fiatSymbol : cryptoSymbol],
           formatPrice(showFiatBalance ? fiatBalance : cryptoBalance)
         ] }),
-        showFiatBalance && !!fiatBalance && !BALANCE_PREFIXES[fiatSymbol] && /* @__PURE__ */ jsx81("span", { children: fiatSymbol }),
-        !showFiatBalance && /* @__PURE__ */ jsx81("span", { children: cryptoSymbol })
+        !BALANCE_PREFIXES[showFiatBalance ? fiatSymbol : cryptoSymbol] && /* @__PURE__ */ jsx81("span", { children: showFiatBalance ? fiatSymbol : cryptoSymbol })
       ]
     }
   );
@@ -18088,11 +18087,15 @@ var init_BalanceView = __esm({
     init_utils2();
     init_ProviderContext();
     BALANCE_PREFIXES = {
-      P: "$P\xA0",
+      /** PARLAY */
+      "$P USDT": "$P\xA0",
       // Special case for the P token, with a space
-      USD: "$",
-      EUR: "\u20AC",
-      GBP: "\xA3"
+      "P": "$P\xA0",
+      // Special case for the P token, with a space
+      /** COMMON */
+      "USD": "$",
+      "EUR": "\u20AC",
+      "GBP": "\xA3"
     };
   }
 });
@@ -18211,6 +18214,7 @@ function PortfolioItem(props) {
   const { address, asset, isProjectAsset } = props;
   const providerConfig = useProviderConfig().config.current;
   const customAssetRateQuery = providerConfig.portfolio?.assetRateQuery;
+  const customAssetRateQueryKey = providerConfig.portfolio?.assetRateQueryKey;
   const projectAssetQuery = isProjectAsset && isProjectAssetConfig(asset) ? {
     queryKey: asset.balanceQueryKey,
     queryFn: asset.balanceQuery
@@ -18229,7 +18233,7 @@ function PortfolioItem(props) {
     enabled: !!address && !hasEmbeddedRate && !isProjectAsset && !isNft && !isSecurity && (!!customAssetRateQuery || !!isAssetRateAvailable(asset.symbol)),
     retry: false,
     staleTime: 4 * 60 * 1e3,
-    queryKey: [ASSETS_RATES_QUERY_KEY, address, asset.address, asset.symbol],
+    queryKey: customAssetRateQuery && customAssetRateQueryKey ? customAssetRateQueryKey : [ASSETS_RATES_QUERY_KEY, address, asset.address, asset.symbol],
     // customAssetRateQueryKey
     queryFn: async () => await resolveAssetRate(asset.symbol, asset.address, customAssetRateQuery)
   });
@@ -18309,7 +18313,7 @@ var init_PortfolioItem = __esm({
     init_utils2();
     init_truncateMiddle();
     init_BalanceView2();
-    SKIP_SYMBOLS2 = ["TEST"];
+    SKIP_SYMBOLS2 = ["TEST", "USDT", "P", "$P USDT"];
     ASSETS_RATES_QUERY_KEY = "lumia-passport-assets-rates-query-key";
   }
 });
@@ -24501,7 +24505,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.61",
+      version: "0.4.63",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/package.json

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