@embarkai/ui-kit 0.4.48 → 0.4.50

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.48</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.50</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.48";
+var IFRAME_VERSION = "0.4.50";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -5556,8 +5556,9 @@ var init_en = __esm({
         },
         noItems: {
           noTransactions: "No transactions found for this account",
-          noPaymentModes: "No payment modes available for selected",
-          noCryptoForChain: "No crypto available for purchase in chain {{chain}}"
+          noFiat: "No fiat currencies available to select for purchase",
+          noPaymentModes: "No payment modes available to select for purchase",
+          noCryptoForChain: "No supported crypto available for purchase in chain {{chain}}"
         },
         inputPlaceholder: {
           selectCurrencies: "Select crypto and fiat",
@@ -5890,7 +5891,8 @@ var init_ru = __esm({
         },
         noItems: {
           noTransactions: "\u0422\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0438 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u044B \u0434\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430",
-          noPaymentModes: "\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u0432 \u043E\u043F\u043B\u0430\u0442\u044B",
+          noFiat: "\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0444\u0438\u0430\u0442\u043D\u044B\u0445 \u0432\u0430\u043B\u044E\u0442 \u0434\u043B\u044F \u0432\u044B\u0431\u043E\u0440\u0430 \u043F\u0440\u0438 \u043F\u043E\u043A\u0443\u043F\u043A\u0435",
+          noPaymentModes: "\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u0432 \u043E\u043F\u043B\u0430\u0442\u044B \u0434\u043B\u044F \u0432\u044B\u0431\u043E\u0440\u0430 \u043F\u0440\u0438 \u043F\u043E\u043A\u0443\u043F\u043A\u0435",
           noCryptoForChain: "\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0439 \u043A\u0440\u0438\u043F\u0442\u043E\u0432\u0430\u043B\u044E\u0442\u044B \u0434\u043B\u044F \u043F\u043E\u043A\u0443\u043F\u043A\u0438 \u0432 \u0441\u0435\u0442\u0438 {{chain}}"
         },
         inputPlaceholder: {
@@ -6224,7 +6226,8 @@ var init_zh = __esm({
         },
         noItems: {
           noTransactions: "\u6B64\u8D26\u6237\u672A\u627E\u5230\u4EA4\u6613\u8BB0\u5F55",
-          noPaymentModes: "\u6240\u9009\u5185\u5BB9\u65E0\u53EF\u7528\u4ED8\u6B3E\u65B9\u5F0F",
+          noFiat: "\u6682\u65E0\u53EF\u9009\u62E9\u7684\u6CD5\u5E01\u7528\u4E8E\u8D2D\u4E70",
+          noPaymentModes: "\u6682\u65E0\u53EF\u9009\u62E9\u7684\u4ED8\u6B3E\u65B9\u5F0F\u7528\u4E8E\u8D2D\u4E70",
           noCryptoForChain: "{{chain}} \u94FE\u4E0A\u6682\u65E0\u53EF\u8D2D\u4E70\u7684\u52A0\u5BC6\u8D27\u5E01"
         },
         inputPlaceholder: {
@@ -8988,17 +8991,17 @@ var init_useBuyMenuStore = __esm({
 
 // src/internal/components/BuyMenu/components/CryptoSelector.tsx
 function CryptoItem(props) {
-  const { cryptoCurrency, meta } = props;
+  const { symbol, network } = props;
   const selectedCrypto = useBuyMenuStore((st) => st.selectedCrypto);
-  const CryptoIcon = TOKENS_ICONS[cryptoCurrency.toUpperCase()] || null;
+  const CryptoIcon = TOKENS_ICONS[symbol.toUpperCase()] || null;
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     Button,
     {
       size: "large",
-      variant: selectedCrypto === cryptoCurrency ? "default" : "outline",
+      variant: selectedCrypto === symbol ? "default" : "outline",
       className: "justify-between",
       onClick: () => {
-        useBuyMenuStore.getState().setSelectedCrypto(cryptoCurrency);
+        useBuyMenuStore.getState().setSelectedCrypto(symbol);
         useBuyMenuStore.getState().setIsCryptoSelector(false);
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -9011,10 +9014,10 @@ function CryptoItem(props) {
               "flex items-center justify-center",
               "w-8 h-8 rounded-full"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-[var(--ui-kit-fg-inverted)]", children: cryptoCurrency?.charAt(0).toUpperCase() })
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-[var(--ui-kit-fg-inverted)]", children: symbol?.charAt(0).toUpperCase() })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: meta?.symbol?.toUpperCase() || cryptoCurrency.toUpperCase() })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: symbol?.toUpperCase() })
       ] })
     }
   );
@@ -9034,20 +9037,20 @@ function CryptoSelector(props) {
   );
   const filteredCoins = (0, import_react20.useMemo)(() => {
     const sorted = [...coins].sort((a, b) => {
-      const aIdx = POPULAR_CRYPTOS.indexOf(a.meta.symbol.toUpperCase());
-      const bIdx = POPULAR_CRYPTOS.indexOf(b.meta.symbol.toUpperCase());
+      const aIdx = POPULAR_CRYPTOS.indexOf(a.symbol.toUpperCase());
+      const bIdx = POPULAR_CRYPTOS.indexOf(b.symbol.toUpperCase());
       if (aIdx !== -1 && bIdx !== -1) return aIdx - bIdx;
       if (aIdx !== -1) return -1;
       if (bIdx !== -1) return 1;
-      return a.meta.symbol.localeCompare(b.meta.symbol);
+      return a.symbol.localeCompare(b.symbol);
     });
     if (!target) return sorted;
-    return sorted.filter((f) => f.meta.symbol.toLowerCase().includes(target.toLowerCase()));
+    return sorted.filter((f) => f.symbol.toLowerCase().includes(target.toLowerCase()));
   }, [coins, target]);
   const groupedCoins = (0, import_lodash_es4.toPairs)(
     filteredCoins.reduce(
       (acc, coin) => {
-        const network = coin.meta?.network;
+        const network = coin.network;
         if (!network) return acc;
         if (!acc[network]) acc[network] = [];
         acc[network].push(coin);
@@ -9073,14 +9076,7 @@ function CryptoSelector(props) {
       }
     ),
     !!groupedCoins.length && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:buyMenu.selectCrypto") }),
-    groupedCoins.length ? groupedCoins.map(([network, coins2], groupIdx) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: coins2.map(({ cryptoCurrency, meta }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      CryptoItem,
-      {
-        meta,
-        cryptoCurrency
-      },
-      `${network}-${cryptoCurrency}-${meta.id}`
-    )) }) }, `${network}-${groupIdx}`)) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)]", children: [
+    groupedCoins.length ? groupedCoins.map(([network, coins2], groupIdx) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: coins2.map(({ symbol, network: network2 }, coinIdx) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CryptoItem, { symbol, network: network2 }, `${network2}-${symbol}-${coinIdx}`)) }) }, `${network}-${groupIdx}`)) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.InfoIcon, { className: "w-4 h-4" }),
       /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-[10px]", children: t("passport:buyMenu.noItems.noCryptoForChain", { chain: chainConfig.name }) })
     ] })
@@ -9561,16 +9557,14 @@ var init_api = __esm({
   }
 });
 
-// src/internal/components/BuyMenu/binance/networks.ts
+// src/internal/components/BuyMenu/binance/config.ts
 var import_read9, CHAIN_ID_TO_BINANCE_NETWORK_NAMES;
-var init_networks = __esm({
-  "src/internal/components/BuyMenu/binance/networks.ts"() {
+var init_config = __esm({
+  "src/internal/components/BuyMenu/binance/config.ts"() {
     import_read9 = require("@embarkai/core/read");
     CHAIN_ID_TO_BINANCE_NETWORK_NAMES = {
       [import_read9.LUMIA_MAINNET_CHAIN_ID]: "LUMIA",
-      [import_read9.LUMIA_TESTNET_CHAIN_ID]: "LUMIA",
-      [import_read9.BSC_TESTNET_CHAIN_ID]: "BSC"
-      // TODO: change to BSC mainnet when supported by EmbarkAI
+      [import_read9.BSC_MAINNET_CHAIN_ID]: "BSC"
     };
   }
 });
@@ -9706,7 +9700,7 @@ var init_BinanceSummary = __esm({
     init_queryKeys();
     init_useBuyMenuStore();
     init_api();
-    init_networks();
+    init_config();
     init_useBinanceStore();
     import_jsx_runtime33 = require("react/jsx-runtime");
   }
@@ -10121,15 +10115,9 @@ var init_utils6 = __esm({
 });
 
 // src/internal/components/BuyMenu/binance/Binance.tsx
-function normalizeChainName(chainName) {
-  if (chainName.toLowerCase().startsWith("lumi")) return "LUMIA";
-  if (chainName.toLowerCase().startsWith("bsc")) return "BSC";
-  return chainName.toUpperCase();
-}
 function Binance() {
   const qc = (0, import_react_query10.useQueryClient)();
-  const { t, i18n } = useT();
-  const resolvedLanguage = i18n.resolvedLanguage || "en";
+  const { t } = useT();
   const chainConfig = useSession((st) => st.chainConfig);
   const walletAddress = useSession((st) => st.address);
   const chainTicker = CHAIN_ID_TO_BINANCE_NETWORK_NAMES[chainConfig.id] || null;
@@ -10165,7 +10153,7 @@ function Binance() {
     queryFn: async () => await getSupportedNetworksQuery()
   });
   const networkAvailableCryptoList = networksData?.data?.filter(
-    (ntw) => ntw.networks.map((n) => n.network).includes(normalizeChainName(chainConfig?.name))
+    (ntw) => ntw.networks.map((n) => n.network).includes(CHAIN_ID_TO_BINANCE_NETWORK_NAMES[chainConfig.id] || "UNSUPPORTED")
   ) || [];
   const { data: paymentModesData = null, isFetching: isPaymentModesLoading } = (0, import_react_query10.useQuery)({
     retry: false,
@@ -10209,7 +10197,7 @@ function Binance() {
       useBuyMenuStore.getState().setError(errorMsg);
     }
   });
-  const availableFiats = (tradingPairsData?.data?.fiatCurrencies || []).filter((ticker) => ticker !== "DEFAULT").map((ticker) => ({ ticker }));
+  const availableFiats = (tradingPairsData?.data?.fiatCurrencies || []).map((ticker) => ({ ticker }));
   (0, import_react24.useEffect)(() => {
     if (!!selectedFiat || !availableFiats?.length) return;
     const targetFiat = availableFiats.find((item) => item.ticker === "USD" || item.ticker === "EUR") || availableFiats[0];
@@ -10259,13 +10247,8 @@ function Binance() {
       CryptoSelector,
       {
         coins: networkAvailableCryptoList.map((crypto2) => ({
-          cryptoCurrency: crypto2.cryptoCurrency,
-          meta: {
-            id: crypto2.cryptoCurrency,
-            symbol: crypto2.cryptoCurrency,
-            name: crypto2.cryptoCurrency,
-            network: chainTicker
-          }
+          symbol: crypto2.cryptoCurrency,
+          network: chainTicker
         }))
       }
     );
@@ -10370,7 +10353,7 @@ var init_Binance = __esm({
     init_api();
     init_BinanceSummary();
     init_BinanceTxHistory();
-    init_networks();
+    init_config();
     init_useBinanceSseTracing();
     init_useBinanceStore();
     init_utils6();
@@ -10731,7 +10714,7 @@ var init_FinchPayTxHistory = __esm({
 
 // src/internal/components/BuyMenu/finchpay/networks.ts
 var import_read10, CHAIN_ID_TO_FINCHPAY_NAME;
-var init_networks2 = __esm({
+var init_networks = __esm({
   "src/internal/components/BuyMenu/finchpay/networks.ts"() {
     import_read10 = require("@embarkai/core/read");
     CHAIN_ID_TO_FINCHPAY_NAME = {
@@ -10942,14 +10925,8 @@ function FinchPay() {
       CryptoSelector,
       {
         coins: currenciesData.currentNetworkCoins.map((coin) => ({
-          cryptoCurrency: coin.ticker,
-          meta: {
-            id: `${coin.id}`,
-            name: coin.name,
-            symbol: coin.ticker,
-            network: coin.network
-            // image: { thumb: '' }
-          }
+          symbol: coin.ticker,
+          network: coin.network
         }))
       }
     );
@@ -11066,7 +11043,7 @@ var init_FinchPay = __esm({
     init_api2();
     init_FinchPaySummary();
     init_FinchPayTxHistory();
-    init_networks2();
+    init_networks();
     init_useFinchpaySseTxTracing();
     init_utils7();
     import_jsx_runtime39 = require("react/jsx-runtime");
@@ -11632,7 +11609,7 @@ var init_LumiaIcon2 = __esm({
 
 // src/internal/assets/networks/index.ts
 var import_read11, NETWORKS_ICONS;
-var init_networks3 = __esm({
+var init_networks2 = __esm({
   "src/internal/assets/networks/index.ts"() {
     import_read11 = require("@embarkai/core/read");
     init_ArbitrumIcon();
@@ -11655,9 +11632,9 @@ var init_networks3 = __esm({
 
 // src/config/networks.ts
 var import_read12, NETWORK_OPTIONS;
-var init_networks4 = __esm({
+var init_networks3 = __esm({
   "src/config/networks.ts"() {
-    init_networks3();
+    init_networks2();
     init_EmbarkIcon();
     import_read12 = require("@embarkai/core/read");
     NETWORK_OPTIONS = [...import_read12.SUPPORTED_CHAINS].map(([chainId, chain]) => ({
@@ -11859,7 +11836,7 @@ function ChainsMenu() {
 var import_core2, import_read13, import_react_query15, import_lucide_react19, import_react29, import_jsx_runtime48;
 var init_ChainsMenu = __esm({
   "src/internal/components/ChainsMenu/ChainsMenu.tsx"() {
-    init_networks4();
+    init_networks3();
     init_ProviderContext();
     init_SessionContext();
     init_useT();
@@ -11956,7 +11933,7 @@ function ChainSwitchRequest() {
 var import_lucide_react20, import_react_i18next2, import_jsx_runtime49;
 var init_ChainSwitchRequest = __esm({
   "src/internal/components/ChainsMenu/ChainSwitchRequest.tsx"() {
-    init_networks4();
+    init_networks3();
     init_ProviderContext();
     init_SessionContext();
     init_useT();
@@ -20051,7 +20028,7 @@ function isOririnChainEmbarkSupported(originChain) {
 var import_viem12;
 var init_utils8 = __esm({
   "src/internal/components/SendMenu/hyperbridge/utils.ts"() {
-    init_networks4();
+    init_networks3();
     import_viem12 = require("viem");
     init_chains();
   }
@@ -24495,7 +24472,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.48",
+      version: "0.4.50",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24701,7 +24678,7 @@ var import_react_query52, import_lucide_react76, import_wagmi7, import_jsx_runti
 var init_Footer = __esm({
   "src/internal/components/Footer/Footer.tsx"() {
     init_package();
-    init_networks4();
+    init_networks3();
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
@@ -24846,7 +24823,7 @@ var import_react_query53, import_lucide_react77, import_react84, import_jsx_runt
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_LumiaIcon3();
-    init_networks4();
+    init_networks3();
     init_ProviderContext();
     init_SessionContext();
     init_useT();

package/dist/index.d.cts

@@ -2439,6 +2439,7 @@ declare const PASSPORT_TRANSLATIONS: {
                 };
                 noItems: {
                     noTransactions: string;
+                    noFiat: string;
                     noPaymentModes: string;
                     noCryptoForChain: string;
                 };
@@ -2768,6 +2769,7 @@ declare const PASSPORT_TRANSLATIONS: {
                 };
                 noItems: {
                     noTransactions: string;
+                    noFiat: string;
                     noPaymentModes: string;
                     noCryptoForChain: string;
                 };
@@ -3097,6 +3099,7 @@ declare const PASSPORT_TRANSLATIONS: {
                 };
                 noItems: {
                     noTransactions: string;
+                    noFiat: string;
                     noPaymentModes: string;
                     noCryptoForChain: string;
                 };

package/dist/index.d.ts

@@ -2439,6 +2439,7 @@ declare const PASSPORT_TRANSLATIONS: {
                 };
                 noItems: {
                     noTransactions: string;
+                    noFiat: string;
                     noPaymentModes: string;
                     noCryptoForChain: string;
                 };
@@ -2768,6 +2769,7 @@ declare const PASSPORT_TRANSLATIONS: {
                 };
                 noItems: {
                     noTransactions: string;
+                    noFiat: string;
                     noPaymentModes: string;
                     noCryptoForChain: string;
                 };
@@ -3097,6 +3099,7 @@ declare const PASSPORT_TRANSLATIONS: {
                 };
                 noItems: {
                     noTransactions: string;
+                    noFiat: string;
                     noPaymentModes: string;
                     noCryptoForChain: string;
                 };

package/dist/index.js

@@ -5538,8 +5538,9 @@ var init_en = __esm({
         },
         noItems: {
           noTransactions: "No transactions found for this account",
-          noPaymentModes: "No payment modes available for selected",
-          noCryptoForChain: "No crypto available for purchase in chain {{chain}}"
+          noFiat: "No fiat currencies available to select for purchase",
+          noPaymentModes: "No payment modes available to select for purchase",
+          noCryptoForChain: "No supported crypto available for purchase in chain {{chain}}"
         },
         inputPlaceholder: {
           selectCurrencies: "Select crypto and fiat",
@@ -5872,7 +5873,8 @@ var init_ru = __esm({
         },
         noItems: {
           noTransactions: "\u0422\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0438 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u044B \u0434\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430",
-          noPaymentModes: "\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u0432 \u043E\u043F\u043B\u0430\u0442\u044B",
+          noFiat: "\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0444\u0438\u0430\u0442\u043D\u044B\u0445 \u0432\u0430\u043B\u044E\u0442 \u0434\u043B\u044F \u0432\u044B\u0431\u043E\u0440\u0430 \u043F\u0440\u0438 \u043F\u043E\u043A\u0443\u043F\u043A\u0435",
+          noPaymentModes: "\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u0432 \u043E\u043F\u043B\u0430\u0442\u044B \u0434\u043B\u044F \u0432\u044B\u0431\u043E\u0440\u0430 \u043F\u0440\u0438 \u043F\u043E\u043A\u0443\u043F\u043A\u0435",
           noCryptoForChain: "\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0439 \u043A\u0440\u0438\u043F\u0442\u043E\u0432\u0430\u043B\u044E\u0442\u044B \u0434\u043B\u044F \u043F\u043E\u043A\u0443\u043F\u043A\u0438 \u0432 \u0441\u0435\u0442\u0438 {{chain}}"
         },
         inputPlaceholder: {
@@ -6206,7 +6208,8 @@ var init_zh = __esm({
         },
         noItems: {
           noTransactions: "\u6B64\u8D26\u6237\u672A\u627E\u5230\u4EA4\u6613\u8BB0\u5F55",
-          noPaymentModes: "\u6240\u9009\u5185\u5BB9\u65E0\u53EF\u7528\u4ED8\u6B3E\u65B9\u5F0F",
+          noFiat: "\u6682\u65E0\u53EF\u9009\u62E9\u7684\u6CD5\u5E01\u7528\u4E8E\u8D2D\u4E70",
+          noPaymentModes: "\u6682\u65E0\u53EF\u9009\u62E9\u7684\u4ED8\u6B3E\u65B9\u5F0F\u7528\u4E8E\u8D2D\u4E70",
           noCryptoForChain: "{{chain}} \u94FE\u4E0A\u6682\u65E0\u53EF\u8D2D\u4E70\u7684\u52A0\u5BC6\u8D27\u5E01"
         },
         inputPlaceholder: {
@@ -8953,17 +8956,17 @@ import { InfoIcon, PointerIcon, SearchIcon } from "lucide-react";
 import { useCallback as useCallback9, useMemo as useMemo2, useState as useState6 } from "react";
 import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 function CryptoItem(props) {
-  const { cryptoCurrency, meta } = props;
+  const { symbol, network } = props;
   const selectedCrypto = useBuyMenuStore((st) => st.selectedCrypto);
-  const CryptoIcon = TOKENS_ICONS[cryptoCurrency.toUpperCase()] || null;
+  const CryptoIcon = TOKENS_ICONS[symbol.toUpperCase()] || null;
   return /* @__PURE__ */ jsx29(
     Button,
     {
       size: "large",
-      variant: selectedCrypto === cryptoCurrency ? "default" : "outline",
+      variant: selectedCrypto === symbol ? "default" : "outline",
       className: "justify-between",
       onClick: () => {
-        useBuyMenuStore.getState().setSelectedCrypto(cryptoCurrency);
+        useBuyMenuStore.getState().setSelectedCrypto(symbol);
         useBuyMenuStore.getState().setIsCryptoSelector(false);
       },
       children: /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -8976,10 +8979,10 @@ function CryptoItem(props) {
               "flex items-center justify-center",
               "w-8 h-8 rounded-full"
             ),
-            children: /* @__PURE__ */ jsx29("span", { className: "text-[var(--ui-kit-fg-inverted)]", children: cryptoCurrency?.charAt(0).toUpperCase() })
+            children: /* @__PURE__ */ jsx29("span", { className: "text-[var(--ui-kit-fg-inverted)]", children: symbol?.charAt(0).toUpperCase() })
           }
         ),
-        /* @__PURE__ */ jsx29("span", { children: meta?.symbol?.toUpperCase() || cryptoCurrency.toUpperCase() })
+        /* @__PURE__ */ jsx29("span", { children: symbol?.toUpperCase() })
       ] })
     }
   );
@@ -8999,20 +9002,20 @@ function CryptoSelector(props) {
   );
   const filteredCoins = useMemo2(() => {
     const sorted = [...coins].sort((a, b) => {
-      const aIdx = POPULAR_CRYPTOS.indexOf(a.meta.symbol.toUpperCase());
-      const bIdx = POPULAR_CRYPTOS.indexOf(b.meta.symbol.toUpperCase());
+      const aIdx = POPULAR_CRYPTOS.indexOf(a.symbol.toUpperCase());
+      const bIdx = POPULAR_CRYPTOS.indexOf(b.symbol.toUpperCase());
       if (aIdx !== -1 && bIdx !== -1) return aIdx - bIdx;
       if (aIdx !== -1) return -1;
       if (bIdx !== -1) return 1;
-      return a.meta.symbol.localeCompare(b.meta.symbol);
+      return a.symbol.localeCompare(b.symbol);
     });
     if (!target) return sorted;
-    return sorted.filter((f) => f.meta.symbol.toLowerCase().includes(target.toLowerCase()));
+    return sorted.filter((f) => f.symbol.toLowerCase().includes(target.toLowerCase()));
   }, [coins, target]);
   const groupedCoins = toPairs(
     filteredCoins.reduce(
       (acc, coin) => {
-        const network = coin.meta?.network;
+        const network = coin.network;
         if (!network) return acc;
         if (!acc[network]) acc[network] = [];
         acc[network].push(coin);
@@ -9038,14 +9041,7 @@ function CryptoSelector(props) {
       }
     ),
     !!groupedCoins.length && /* @__PURE__ */ jsx29("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:buyMenu.selectCrypto") }),
-    groupedCoins.length ? groupedCoins.map(([network, coins2], groupIdx) => /* @__PURE__ */ jsx29("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsx29("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: coins2.map(({ cryptoCurrency, meta }) => /* @__PURE__ */ jsx29(
-      CryptoItem,
-      {
-        meta,
-        cryptoCurrency
-      },
-      `${network}-${cryptoCurrency}-${meta.id}`
-    )) }) }, `${network}-${groupIdx}`)) : /* @__PURE__ */ jsxs26(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)]", children: [
+    groupedCoins.length ? groupedCoins.map(([network, coins2], groupIdx) => /* @__PURE__ */ jsx29("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsx29("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: coins2.map(({ symbol, network: network2 }, coinIdx) => /* @__PURE__ */ jsx29(CryptoItem, { symbol, network: network2 }, `${network2}-${symbol}-${coinIdx}`)) }) }, `${network}-${groupIdx}`)) : /* @__PURE__ */ jsxs26(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ jsx29(InfoIcon, { className: "w-4 h-4" }),
       /* @__PURE__ */ jsx29("span", { className: "text-[10px]", children: t("passport:buyMenu.noItems.noCryptoForChain", { chain: chainConfig.name }) })
     ] })
@@ -9520,20 +9516,14 @@ var init_api = __esm({
   }
 });
 
-// src/internal/components/BuyMenu/binance/networks.ts
-import {
-  BSC_TESTNET_CHAIN_ID,
-  LUMIA_MAINNET_CHAIN_ID,
-  LUMIA_TESTNET_CHAIN_ID
-} from "@embarkai/core/read";
+// src/internal/components/BuyMenu/binance/config.ts
+import { BSC_MAINNET_CHAIN_ID, LUMIA_MAINNET_CHAIN_ID } from "@embarkai/core/read";
 var CHAIN_ID_TO_BINANCE_NETWORK_NAMES;
-var init_networks = __esm({
-  "src/internal/components/BuyMenu/binance/networks.ts"() {
+var init_config = __esm({
+  "src/internal/components/BuyMenu/binance/config.ts"() {
     CHAIN_ID_TO_BINANCE_NETWORK_NAMES = {
       [LUMIA_MAINNET_CHAIN_ID]: "LUMIA",
-      [LUMIA_TESTNET_CHAIN_ID]: "LUMIA",
-      [BSC_TESTNET_CHAIN_ID]: "BSC"
-      // TODO: change to BSC mainnet when supported by EmbarkAI
+      [BSC_MAINNET_CHAIN_ID]: "BSC"
     };
   }
 });
@@ -9669,7 +9659,7 @@ var init_BinanceSummary = __esm({
     init_queryKeys();
     init_useBuyMenuStore();
     init_api();
-    init_networks();
+    init_config();
     init_useBinanceStore();
   }
 });
@@ -10085,15 +10075,9 @@ import { useMutation as useMutation6, useQuery as useQuery2, useQueryClient as u
 import { LoaderIcon as LoaderIcon3 } from "lucide-react";
 import { useEffect as useEffect13 } from "react";
 import { Fragment as Fragment11, jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
-function normalizeChainName(chainName) {
-  if (chainName.toLowerCase().startsWith("lumi")) return "LUMIA";
-  if (chainName.toLowerCase().startsWith("bsc")) return "BSC";
-  return chainName.toUpperCase();
-}
 function Binance() {
   const qc = useQueryClient5();
-  const { t, i18n } = useT();
-  const resolvedLanguage = i18n.resolvedLanguage || "en";
+  const { t } = useT();
   const chainConfig = useSession((st) => st.chainConfig);
   const walletAddress = useSession((st) => st.address);
   const chainTicker = CHAIN_ID_TO_BINANCE_NETWORK_NAMES[chainConfig.id] || null;
@@ -10129,7 +10113,7 @@ function Binance() {
     queryFn: async () => await getSupportedNetworksQuery()
   });
   const networkAvailableCryptoList = networksData?.data?.filter(
-    (ntw) => ntw.networks.map((n) => n.network).includes(normalizeChainName(chainConfig?.name))
+    (ntw) => ntw.networks.map((n) => n.network).includes(CHAIN_ID_TO_BINANCE_NETWORK_NAMES[chainConfig.id] || "UNSUPPORTED")
   ) || [];
   const { data: paymentModesData = null, isFetching: isPaymentModesLoading } = useQuery2({
     retry: false,
@@ -10173,7 +10157,7 @@ function Binance() {
       useBuyMenuStore.getState().setError(errorMsg);
     }
   });
-  const availableFiats = (tradingPairsData?.data?.fiatCurrencies || []).filter((ticker) => ticker !== "DEFAULT").map((ticker) => ({ ticker }));
+  const availableFiats = (tradingPairsData?.data?.fiatCurrencies || []).map((ticker) => ({ ticker }));
   useEffect13(() => {
     if (!!selectedFiat || !availableFiats?.length) return;
     const targetFiat = availableFiats.find((item) => item.ticker === "USD" || item.ticker === "EUR") || availableFiats[0];
@@ -10223,13 +10207,8 @@ function Binance() {
       CryptoSelector,
       {
         coins: networkAvailableCryptoList.map((crypto2) => ({
-          cryptoCurrency: crypto2.cryptoCurrency,
-          meta: {
-            id: crypto2.cryptoCurrency,
-            symbol: crypto2.cryptoCurrency,
-            name: crypto2.cryptoCurrency,
-            network: chainTicker
-          }
+          symbol: crypto2.cryptoCurrency,
+          network: chainTicker
         }))
       }
     );
@@ -10331,7 +10310,7 @@ var init_Binance = __esm({
     init_api();
     init_BinanceSummary();
     init_BinanceTxHistory();
-    init_networks();
+    init_config();
     init_useBinanceSseTracing();
     init_useBinanceStore();
     init_utils6();
@@ -10690,17 +10669,17 @@ var init_FinchPayTxHistory = __esm({
 
 // src/internal/components/BuyMenu/finchpay/networks.ts
 import {
-  BSC_TESTNET_CHAIN_ID as BSC_TESTNET_CHAIN_ID2,
+  BSC_TESTNET_CHAIN_ID,
   LUMIA_MAINNET_CHAIN_ID as LUMIA_MAINNET_CHAIN_ID2,
-  LUMIA_TESTNET_CHAIN_ID as LUMIA_TESTNET_CHAIN_ID2
+  LUMIA_TESTNET_CHAIN_ID
 } from "@embarkai/core/read";
 var CHAIN_ID_TO_FINCHPAY_NAME;
-var init_networks2 = __esm({
+var init_networks = __esm({
   "src/internal/components/BuyMenu/finchpay/networks.ts"() {
     CHAIN_ID_TO_FINCHPAY_NAME = {
       [LUMIA_MAINNET_CHAIN_ID2]: "LUM20",
-      [LUMIA_TESTNET_CHAIN_ID2]: "LUM20",
-      [BSC_TESTNET_CHAIN_ID2]: "BSC"
+      [LUMIA_TESTNET_CHAIN_ID]: "LUM20",
+      [BSC_TESTNET_CHAIN_ID]: "BSC"
       // TODO: change to BSC mainnet when supported by EmbarkAI
     };
   }
@@ -10908,14 +10887,8 @@ function FinchPay() {
       CryptoSelector,
       {
         coins: currenciesData.currentNetworkCoins.map((coin) => ({
-          cryptoCurrency: coin.ticker,
-          meta: {
-            id: `${coin.id}`,
-            name: coin.name,
-            symbol: coin.ticker,
-            network: coin.network
-            // image: { thumb: '' }
-          }
+          symbol: coin.ticker,
+          network: coin.network
         }))
       }
     );
@@ -11028,7 +11001,7 @@ var init_FinchPay = __esm({
     init_api2();
     init_FinchPaySummary();
     init_FinchPayTxHistory();
-    init_networks2();
+    init_networks();
     init_useFinchpaySseTxTracing();
     init_utils7();
   }
@@ -11588,14 +11561,14 @@ var init_LumiaIcon2 = __esm({
 import {
   ARBITRUM_SEPOLIA_CHAIN_ID,
   BASE_SEPOLIA_CHAIN_ID,
-  BSC_MAINNET_CHAIN_ID,
-  BSC_TESTNET_CHAIN_ID as BSC_TESTNET_CHAIN_ID3,
+  BSC_MAINNET_CHAIN_ID as BSC_MAINNET_CHAIN_ID2,
+  BSC_TESTNET_CHAIN_ID as BSC_TESTNET_CHAIN_ID2,
   LUMIA_MAINNET_CHAIN_ID as LUMIA_MAINNET_CHAIN_ID3,
   LUMIA_PULSAR_TESTNET_CHAIN_ID,
-  LUMIA_TESTNET_CHAIN_ID as LUMIA_TESTNET_CHAIN_ID3
+  LUMIA_TESTNET_CHAIN_ID as LUMIA_TESTNET_CHAIN_ID2
 } from "@embarkai/core/read";
 var NETWORKS_ICONS;
-var init_networks3 = __esm({
+var init_networks2 = __esm({
   "src/internal/assets/networks/index.ts"() {
     init_ArbitrumIcon();
     init_BaseIcon();
@@ -11604,11 +11577,11 @@ var init_networks3 = __esm({
     init_LumiaIcon2();
     NETWORKS_ICONS = {
       [LUMIA_MAINNET_CHAIN_ID3]: LumiaIcon2,
-      [LUMIA_TESTNET_CHAIN_ID3]: LumiaIcon2,
+      [LUMIA_TESTNET_CHAIN_ID2]: LumiaIcon2,
       [LUMIA_PULSAR_TESTNET_CHAIN_ID]: LumiaIcon2,
       [BASE_SEPOLIA_CHAIN_ID]: BaseIcon,
-      [BSC_MAINNET_CHAIN_ID]: BSCIcon,
-      [BSC_TESTNET_CHAIN_ID3]: BSCIcon,
+      [BSC_MAINNET_CHAIN_ID2]: BSCIcon,
+      [BSC_TESTNET_CHAIN_ID2]: BSCIcon,
       1: EthereumIcon,
       [ARBITRUM_SEPOLIA_CHAIN_ID]: ArbitrumIcon
     };
@@ -11618,9 +11591,9 @@ var init_networks3 = __esm({
 // src/config/networks.ts
 import { SUPPORTED_CHAINS, SUPPORTED_MAINNETS } from "@embarkai/core/read";
 var NETWORK_OPTIONS;
-var init_networks4 = __esm({
+var init_networks3 = __esm({
   "src/config/networks.ts"() {
-    init_networks3();
+    init_networks2();
     init_EmbarkIcon();
     NETWORK_OPTIONS = [...SUPPORTED_CHAINS].map(([chainId, chain]) => ({
       chainId,
@@ -11825,7 +11798,7 @@ function ChainsMenu() {
 }
 var init_ChainsMenu = __esm({
   "src/internal/components/ChainsMenu/ChainsMenu.tsx"() {
-    init_networks4();
+    init_networks3();
     init_ProviderContext();
     init_SessionContext();
     init_useT();
@@ -11918,7 +11891,7 @@ function ChainSwitchRequest() {
 }
 var init_ChainSwitchRequest = __esm({
   "src/internal/components/ChainsMenu/ChainSwitchRequest.tsx"() {
-    init_networks4();
+    init_networks3();
     init_ProviderContext();
     init_SessionContext();
     init_useT();
@@ -19965,7 +19938,7 @@ function isOririnChainEmbarkSupported(originChain) {
 }
 var init_utils8 = __esm({
   "src/internal/components/SendMenu/hyperbridge/utils.ts"() {
-    init_networks4();
+    init_networks3();
     init_chains();
   }
 });
@@ -23142,9 +23115,9 @@ var init_TermsOfService = __esm({
 import {
   ARBITRUM_SEPOLIA_CHAIN_ID as ARBITRUM_SEPOLIA_CHAIN_ID2,
   BASE_SEPOLIA_CHAIN_ID as BASE_SEPOLIA_CHAIN_ID2,
-  BSC_TESTNET_CHAIN_ID as BSC_TESTNET_CHAIN_ID4,
+  BSC_TESTNET_CHAIN_ID as BSC_TESTNET_CHAIN_ID3,
   LUMIA_MAINNET_CHAIN_ID as LUMIA_MAINNET_CHAIN_ID4,
-  LUMIA_TESTNET_CHAIN_ID as LUMIA_TESTNET_CHAIN_ID4,
+  LUMIA_TESTNET_CHAIN_ID as LUMIA_TESTNET_CHAIN_ID3,
   SEPOLIA_CHAIN_ID
 } from "@embarkai/core/read";
 function isTransactionHistorySupported(chainId) {
@@ -23220,10 +23193,10 @@ var init_txUrls = __esm({
       BASE_SEPOLIA_CHAIN_ID2
     ]);
     UNSUPPORTED_HISTORY_CHAINS = /* @__PURE__ */ new Set([
-      BSC_TESTNET_CHAIN_ID4
+      BSC_TESTNET_CHAIN_ID3
     ]);
     TX_HISTORY_URLS = {
-      [LUMIA_TESTNET_CHAIN_ID4]: (p) => {
+      [LUMIA_TESTNET_CHAIN_ID3]: (p) => {
         const result = getBlockscoutHistoryUrls(p);
         return {
           transactionsUrl: result.transactionsUrl,
@@ -24393,7 +24366,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.48",
+      version: "0.4.50",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24602,7 +24575,7 @@ function Footer() {
 var init_Footer = __esm({
   "src/internal/components/Footer/Footer.tsx"() {
     init_package();
-    init_networks4();
+    init_networks3();
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
@@ -24746,7 +24719,7 @@ function Header() {
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_LumiaIcon3();
-    init_networks4();
+    init_networks3();
     init_ProviderContext();
     init_SessionContext();
     init_useT();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.4.48",
+  "version": "0.4.50",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -51,7 +51,7 @@
     "viem": "^2.52.2",
     "wagmi": "^2.19.5",
     "zustand": "^5.0.14",
-    "@embarkai/core": "0.4.2"
+    "@embarkai/core": "0.4.4"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.20",