@embarkai/ui-kit 0.4.77 → 0.4.78

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

package/dist/iframe/main.js

@@ -6414,7 +6414,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.4.77";
+var IFRAME_VERSION = "0.4.78";
 var IframeWallet = class {
   constructor() {
     __publicField(this, "messenger");

package/dist/index.cjs

@@ -168,13 +168,14 @@ var init_initial = __esm({
         authOrder: ["email", "social", "wallet"]
       },
       network: {
-        name: import_read.BSC_TESTNET.name,
-        symbol: import_read.BSC_TESTNET.nativeCurrency.symbol,
-        chainId: import_read.BSC_TESTNET.id,
-        rpcUrl: import_read.BSC_TESTNET.rpcUrls[0],
-        explorerUrl: import_read.BSC_TESTNET.blockExplorerUrl,
-        testnet: true,
-        forceChain: false
+        name: import_read.LUMIA_MAINNET.name,
+        symbol: import_read.LUMIA_MAINNET.nativeCurrency.symbol,
+        chainId: import_read.LUMIA_MAINNET.id,
+        rpcUrl: import_read.LUMIA_MAINNET.rpcUrls[0],
+        explorerUrl: import_read.LUMIA_MAINNET.blockExplorerUrl,
+        testnet: false,
+        forceChain: false,
+        autoswitch: false
       },
       services: {
         tssUrl: "",
@@ -1378,7 +1379,7 @@ function ChainSync() {
   }, [address, activeChainId]);
   (0, import_react2.useEffect)(() => {
     if (!address || !activeChainId) return;
-    const shouldSwitchRequest = !config.current?.network?.forceChain && activeChainId !== config.current?.network?.chainId;
+    const shouldSwitchRequest = !config.current?.network?.forceChain && !!config.current?.network?.autoswitch && activeChainId !== config.current?.network?.chainId;
     async function showSwitchChainRequest() {
       const stats = await getShareRecoveryStats();
       const hasRecoveryData = !!stats && (!!stats.created || stats.devices && stats.devices.length > 0);
@@ -21677,9 +21678,10 @@ function getAssetBalance(asset) {
   return Number((0, import_viem13.formatUnits)(BigInt(asset.balance || "0"), asset.decimals || 18));
 }
 function isOririnChainEmbarkSupported(originChain) {
-  const activeChainId = useSession.getState().activeChainId;
-  const supportedChain = [...import_read20.SUPPORTED_CHAINS].map(([chainId]) => chainId);
-  return supportedChain.includes(CHAINS_UI_META[originChain].chainID) && activeChainId === CHAINS_UI_META[originChain].chainID;
+  const originChainID = CHAINS_UI_META[originChain]?.chainID;
+  if (!originChainID) return false;
+  const supportedChainIDS = [...import_read20.SUPPORTED_CHAINS].map(([chainId]) => chainId);
+  return supportedChainIDS.includes(originChainID) && useSession.getState().activeChainId === originChainID;
 }
 var import_read20, import_viem13;
 var init_utils9 = __esm({
@@ -21973,11 +21975,7 @@ function useHyperlaneRoutes() {
     retry: false,
     enabled: !!address && page === "send" /* SEND */ && flow === "bridge",
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
-    queryFn: async () => {
-      const warpRoutes = await getHyperlaneWarpRoutes();
-      useFlowSelectorStore.getState().setRenderKey(`hyperlane-bridge-warp-routes-loaded-${Date.now()}`);
-      return warpRoutes;
-    }
+    queryFn: async () => await getHyperlaneWarpRoutes()
   });
   (0, import_react72.useEffect)(() => {
     if (!errorWarpRoutes) return;
@@ -21990,20 +21988,30 @@ function useHyperlaneRoutes() {
   }, [errorWarpRoutes]);
   (0, import_react72.useEffect)(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
-    const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
-    if (!warpRouteToAutoSelect) return;
+    let targetHyperRouteToSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
+    if (!targetHyperRouteToSelect) {
+      targetHyperRouteToSelect = hyperlaneWarpRoutes.find(
+        (el) => el.symbol === (useSession.getState().chainConfig?.nativeCurrency?.symbol || "USDT")
+      );
+    }
+    if (!targetHyperRouteToSelect) {
+      useFlowSelectorStore.getState().setRenderKey(`no-hyperlane-bridge-warp-routes-loaded-${Date.now()}`);
+      return;
+    }
     let originChainIndex = 0;
     let destinationChainIndex = 1;
-    if (useBridgeStore.getState().bridgeSender === "embarkai-wallet") {
-      const foundIdx = warpRouteToAutoSelect.chainPair?.findIndex((chain) => isOririnChainEmbarkSupported(chain.chainName)) || -1;
+    const { bridgeSender, setOriginChain, setDestinationChain, setHyperRoute } = useBridgeStore.getState();
+    if (bridgeSender === "embarkai-wallet") {
+      const foundIdx = targetHyperRouteToSelect.chainPair?.findIndex((chain) => isOririnChainEmbarkSupported(chain.chainName)) || -1;
       if (foundIdx !== -1) {
         originChainIndex = foundIdx;
         destinationChainIndex = foundIdx === 0 ? 1 : 0;
       }
     }
-    useBridgeStore.getState().setOriginChain(warpRouteToAutoSelect.chainPair[originChainIndex].chainName);
-    useBridgeStore.getState().setDestinationChain(warpRouteToAutoSelect.chainPair[destinationChainIndex].chainName);
-    useBridgeStore.getState().setHyperRoute(warpRouteToAutoSelect?.routeId || hyperlaneWarpRoutes[0].routeId);
+    setOriginChain(targetHyperRouteToSelect.chainPair[originChainIndex].chainName);
+    setDestinationChain(targetHyperRouteToSelect.chainPair[destinationChainIndex].chainName);
+    setHyperRoute(targetHyperRouteToSelect.routeId);
+    useFlowSelectorStore.getState().setRenderKey(`hyperlane-bridge-warp-routes-loaded-${Date.now()}`);
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
@@ -22357,7 +22365,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
         break;
     }
   }, [bridgeSender, originChain, directWalletChainId, switchChainAsync]);
-  const embarkBalance = CHAINS_UI_META[originChain].chainID === activeChainId && embarkTokenBalanace ? getAssetBalance(embarkTokenBalanace) : 0;
+  const embarkBalance = !!embarkTokenBalanace && CHAINS_UI_META[originChain]?.chainID === activeChainId ? getAssetBalance(embarkTokenBalanace) : 0;
   const externalWalletBalance = isSelectedTokenNative ? (0, import_viem14.formatUnits)(externalNativeBalanceData?.value || BigInt(0), externalNativeBalanceData?.decimals || 18) : (0, import_viem14.formatUnits)(externalBalanceData?.value || BigInt(0), externalBalanceData?.decimals || 18);
   return {
     routeTokenBalance: isEmbarkSender ? embarkBalance : externalWalletBalance,
@@ -26345,7 +26353,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.77",
+      version: "0.4.78",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -27595,7 +27603,7 @@ var init_SessionContext = __esm({
           // Set default chainId after hydration if not persisted
           onRehydrateStorage: () => (state) => {
             if (!state) return;
-            const hydartedChain = getChainParams((0, import_read22.getChainConfig)(state.activeChainId || import_read22.DEFAULT_CHAIN_ID));
+            const hydartedChain = getChainParams((0, import_read22.getChainConfig)(state.activeChainId || import_read22.LUMIA_MAINNET_CHAIN_ID));
             state.activeChainId = hydartedChain.activeChainId;
             state.publicClient = hydartedChain.publicClient;
             state.bundlerClient = hydartedChain.bundlerClient;
@@ -30353,7 +30361,7 @@ function Provider(props) {
     } catch {
     }
     const activeChainId = useSession.getState().activeChainId;
-    if (!!mergedConfig.network.forceChain && mergedConfig.network.chainId !== activeChainId) {
+    if ((!!mergedConfig.network.autoswitch || !!mergedConfig.network.forceChain) && mergedConfig.network.chainId !== activeChainId) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);

package/dist/index.d.cts

@@ -288,7 +288,12 @@ interface ProviderConfig {
         rpcUrl: string;
         explorerUrl?: string;
         testnet?: boolean;
+        /** if true, chain selector is disabled and user cannot switch to other chains */
         forceChain?: boolean;
+        /** if true, SDK will ask user to switch to the configured chain on any attempt to change chain.
+         * - users can still switch manually,
+         * - dApp sets chain to configured on reload */
+        autoswitch?: boolean;
     };
     services: {
         assetApiUrl?: string;
@@ -315,7 +320,13 @@ interface ProviderConfig {
         provider?: 'sumsub' | 'uaepass' | 'custom';
         options?: Record<string, any>;
     };
-    /** language -> project namespace -> resource map */
+    /**
+     * Affects the language selector component (not actual i18n translations).
+     * - For cases if somehow there is no language support in embarkAI, but language required in dApp.
+     * Translations object with extra lang map results in language selector option appearing, although if  ":passport" namespace is missing embarkAI still falls back to English for all text.
+     * - should be same object as registered in i18n.
+     * - ```{ [language]: { [project namespace]: {resource map object} } }```
+     */
     translations?: Record<string, Record<string, unknown>>;
 }
 

package/dist/index.d.ts

@@ -288,7 +288,12 @@ interface ProviderConfig {
         rpcUrl: string;
         explorerUrl?: string;
         testnet?: boolean;
+        /** if true, chain selector is disabled and user cannot switch to other chains */
         forceChain?: boolean;
+        /** if true, SDK will ask user to switch to the configured chain on any attempt to change chain.
+         * - users can still switch manually,
+         * - dApp sets chain to configured on reload */
+        autoswitch?: boolean;
     };
     services: {
         assetApiUrl?: string;
@@ -315,7 +320,13 @@ interface ProviderConfig {
         provider?: 'sumsub' | 'uaepass' | 'custom';
         options?: Record<string, any>;
     };
-    /** language -> project namespace -> resource map */
+    /**
+     * Affects the language selector component (not actual i18n translations).
+     * - For cases if somehow there is no language support in embarkAI, but language required in dApp.
+     * Translations object with extra lang map results in language selector option appearing, although if  ":passport" namespace is missing embarkAI still falls back to English for all text.
+     * - should be same object as registered in i18n.
+     * - ```{ [language]: { [project namespace]: {resource map object} } }```
+     */
     translations?: Record<string, Record<string, unknown>>;
 }
 

package/dist/index.js

@@ -75,7 +75,7 @@ __export(initial_exports, {
   getIframeUrl: () => getIframeUrl,
   getServiceUrls: () => getServiceUrls
 });
-import { BSC_TESTNET } from "@embarkai/core/read";
+import { LUMIA_MAINNET } from "@embarkai/core/read";
 function getServiceUrls() {
   const config = DEFAULT_PROVIDER_CONFIG;
   const globalOverride = typeof window !== "undefined" && window.__EMBARK_SERVICES__ || {};
@@ -158,13 +158,14 @@ var init_initial = __esm({
         authOrder: ["email", "social", "wallet"]
       },
       network: {
-        name: BSC_TESTNET.name,
-        symbol: BSC_TESTNET.nativeCurrency.symbol,
-        chainId: BSC_TESTNET.id,
-        rpcUrl: BSC_TESTNET.rpcUrls[0],
-        explorerUrl: BSC_TESTNET.blockExplorerUrl,
-        testnet: true,
-        forceChain: false
+        name: LUMIA_MAINNET.name,
+        symbol: LUMIA_MAINNET.nativeCurrency.symbol,
+        chainId: LUMIA_MAINNET.id,
+        rpcUrl: LUMIA_MAINNET.rpcUrls[0],
+        explorerUrl: LUMIA_MAINNET.blockExplorerUrl,
+        testnet: false,
+        forceChain: false,
+        autoswitch: false
       },
       services: {
         tssUrl: "",
@@ -1372,7 +1373,7 @@ function ChainSync() {
   }, [address, activeChainId]);
   useEffect2(() => {
     if (!address || !activeChainId) return;
-    const shouldSwitchRequest = !config.current?.network?.forceChain && activeChainId !== config.current?.network?.chainId;
+    const shouldSwitchRequest = !config.current?.network?.forceChain && !!config.current?.network?.autoswitch && activeChainId !== config.current?.network?.chainId;
     async function showSwitchChainRequest() {
       const stats = await getShareRecoveryStats();
       const hasRecoveryData = !!stats && (!!stats.created || stats.devices && stats.devices.length > 0);
@@ -21595,9 +21596,10 @@ function getAssetBalance(asset) {
   return Number(formatUnits7(BigInt(asset.balance || "0"), asset.decimals || 18));
 }
 function isOririnChainEmbarkSupported(originChain) {
-  const activeChainId = useSession.getState().activeChainId;
-  const supportedChain = [...SUPPORTED_CHAINS2].map(([chainId]) => chainId);
-  return supportedChain.includes(CHAINS_UI_META[originChain].chainID) && activeChainId === CHAINS_UI_META[originChain].chainID;
+  const originChainID = CHAINS_UI_META[originChain]?.chainID;
+  if (!originChainID) return false;
+  const supportedChainIDS = [...SUPPORTED_CHAINS2].map(([chainId]) => chainId);
+  return supportedChainIDS.includes(originChainID) && useSession.getState().activeChainId === originChainID;
 }
 var init_utils9 = __esm({
   "src/internal/components/SendMenu/hyperbridge/utils.ts"() {
@@ -21889,11 +21891,7 @@ function useHyperlaneRoutes() {
     retry: false,
     enabled: !!address && page === "send" /* SEND */ && flow === "bridge",
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
-    queryFn: async () => {
-      const warpRoutes = await getHyperlaneWarpRoutes();
-      useFlowSelectorStore.getState().setRenderKey(`hyperlane-bridge-warp-routes-loaded-${Date.now()}`);
-      return warpRoutes;
-    }
+    queryFn: async () => await getHyperlaneWarpRoutes()
   });
   useEffect42(() => {
     if (!errorWarpRoutes) return;
@@ -21906,20 +21904,30 @@ function useHyperlaneRoutes() {
   }, [errorWarpRoutes]);
   useEffect42(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
-    const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
-    if (!warpRouteToAutoSelect) return;
+    let targetHyperRouteToSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
+    if (!targetHyperRouteToSelect) {
+      targetHyperRouteToSelect = hyperlaneWarpRoutes.find(
+        (el) => el.symbol === (useSession.getState().chainConfig?.nativeCurrency?.symbol || "USDT")
+      );
+    }
+    if (!targetHyperRouteToSelect) {
+      useFlowSelectorStore.getState().setRenderKey(`no-hyperlane-bridge-warp-routes-loaded-${Date.now()}`);
+      return;
+    }
     let originChainIndex = 0;
     let destinationChainIndex = 1;
-    if (useBridgeStore.getState().bridgeSender === "embarkai-wallet") {
-      const foundIdx = warpRouteToAutoSelect.chainPair?.findIndex((chain) => isOririnChainEmbarkSupported(chain.chainName)) || -1;
+    const { bridgeSender, setOriginChain, setDestinationChain, setHyperRoute } = useBridgeStore.getState();
+    if (bridgeSender === "embarkai-wallet") {
+      const foundIdx = targetHyperRouteToSelect.chainPair?.findIndex((chain) => isOririnChainEmbarkSupported(chain.chainName)) || -1;
       if (foundIdx !== -1) {
         originChainIndex = foundIdx;
         destinationChainIndex = foundIdx === 0 ? 1 : 0;
       }
     }
-    useBridgeStore.getState().setOriginChain(warpRouteToAutoSelect.chainPair[originChainIndex].chainName);
-    useBridgeStore.getState().setDestinationChain(warpRouteToAutoSelect.chainPair[destinationChainIndex].chainName);
-    useBridgeStore.getState().setHyperRoute(warpRouteToAutoSelect?.routeId || hyperlaneWarpRoutes[0].routeId);
+    setOriginChain(targetHyperRouteToSelect.chainPair[originChainIndex].chainName);
+    setDestinationChain(targetHyperRouteToSelect.chainPair[destinationChainIndex].chainName);
+    setHyperRoute(targetHyperRouteToSelect.routeId);
+    useFlowSelectorStore.getState().setRenderKey(`hyperlane-bridge-warp-routes-loaded-${Date.now()}`);
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
@@ -22274,7 +22282,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
         break;
     }
   }, [bridgeSender, originChain, directWalletChainId, switchChainAsync]);
-  const embarkBalance = CHAINS_UI_META[originChain].chainID === activeChainId && embarkTokenBalanace ? getAssetBalance(embarkTokenBalanace) : 0;
+  const embarkBalance = !!embarkTokenBalanace && CHAINS_UI_META[originChain]?.chainID === activeChainId ? getAssetBalance(embarkTokenBalanace) : 0;
   const externalWalletBalance = isSelectedTokenNative ? formatUnits8(externalNativeBalanceData?.value || BigInt(0), externalNativeBalanceData?.decimals || 18) : formatUnits8(externalBalanceData?.value || BigInt(0), externalBalanceData?.decimals || 18);
   return {
     routeTokenBalance: isEmbarkSender ? embarkBalance : externalWalletBalance,
@@ -26251,7 +26259,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.77",
+      version: "0.4.78",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -27392,9 +27400,9 @@ var init_WalletConnectHandler = __esm({
 import {
   createBundlerClientForChain,
   createPublicClientForChain as createPublicClientForChain6,
-  DEFAULT_CHAIN_ID as DEFAULT_CHAIN_ID2,
   getChainConfig as getChainConfig12,
-  getViemChain as getViemChain2
+  getViemChain as getViemChain2,
+  LUMIA_MAINNET_CHAIN_ID as LUMIA_MAINNET_CHAIN_ID5
 } from "@embarkai/core/read";
 import { Fragment as Fragment44 } from "react";
 import { create as create16 } from "zustand";
@@ -27504,7 +27512,7 @@ var init_SessionContext = __esm({
           // Set default chainId after hydration if not persisted
           onRehydrateStorage: () => (state) => {
             if (!state) return;
-            const hydartedChain = getChainParams(getChainConfig12(state.activeChainId || DEFAULT_CHAIN_ID2));
+            const hydartedChain = getChainParams(getChainConfig12(state.activeChainId || LUMIA_MAINNET_CHAIN_ID5));
             state.activeChainId = hydartedChain.activeChainId;
             state.publicClient = hydartedChain.publicClient;
             state.bundlerClient = hydartedChain.bundlerClient;
@@ -30293,7 +30301,7 @@ function Provider(props) {
     } catch {
     }
     const activeChainId = useSession.getState().activeChainId;
-    if (!!mergedConfig.network.forceChain && mergedConfig.network.chainId !== activeChainId) {
+    if ((!!mergedConfig.network.autoswitch || !!mergedConfig.network.forceChain) && mergedConfig.network.chainId !== activeChainId) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);

package/package.json

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