@embarkai/ui-kit 0.4.70 → 0.4.72

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.70</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.72</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.70";
+var IFRAME_VERSION = "0.4.72";
 var IframeWallet = class {
   constructor() {
     __publicField(this, "messenger");

package/dist/index.cjs

@@ -875,31 +875,31 @@ var init_useLayoutDataStore = __esm({
   "src/internal/hooks/useLayoutDataStore.ts"() {
     import_zustand = require("zustand");
     init_constants();
-    PageKey = /* @__PURE__ */ ((PageKey4) => {
-      PageKey4["AUTH"] = "auth";
-      PageKey4["LANGUAGES"] = "languages";
-      PageKey4["TERMS_OF_SERVICE"] = "terms-of-service";
-      PageKey4["MAIN_MENU"] = "main-menu";
-      PageKey4["SETTINGS"] = "settings";
-      PageKey4["SEND"] = "send";
-      PageKey4["RECEIVE"] = "receive";
-      PageKey4["BUY"] = "buy";
-      PageKey4["KYC"] = "kyc";
-      PageKey4["TRANSACTIONS"] = "transactions";
-      PageKey4["ASSETS"] = "assets";
-      PageKey4["MANAGE_WALLET"] = "manage-wallet";
-      PageKey4["UNLINK_PROVIDER"] = "unlink-provider";
-      PageKey4["SECURITY"] = "security";
-      PageKey4["KEYSARE_BACKUP"] = "keysare-backup";
-      PageKey4["KEYSHARE_RESTORE"] = "keyshare-restore";
-      PageKey4["CHAIN"] = "chain";
-      PageKey4["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
-      PageKey4["NICKNAME_SETTINGS"] = "nickname-settings";
-      PageKey4["DEVICES"] = "devices";
-      PageKey4["DEVICE_LINK"] = "device-link";
-      PageKey4["DEVICE_MANAGE"] = "device-manage";
-      PageKey4["DEVICE_RESTORE"] = "device-restore";
-      return PageKey4;
+    PageKey = /* @__PURE__ */ ((PageKey3) => {
+      PageKey3["AUTH"] = "auth";
+      PageKey3["LANGUAGES"] = "languages";
+      PageKey3["TERMS_OF_SERVICE"] = "terms-of-service";
+      PageKey3["MAIN_MENU"] = "main-menu";
+      PageKey3["SETTINGS"] = "settings";
+      PageKey3["SEND"] = "send";
+      PageKey3["RECEIVE"] = "receive";
+      PageKey3["BUY"] = "buy";
+      PageKey3["KYC"] = "kyc";
+      PageKey3["TRANSACTIONS"] = "transactions";
+      PageKey3["ASSETS"] = "assets";
+      PageKey3["MANAGE_WALLET"] = "manage-wallet";
+      PageKey3["UNLINK_PROVIDER"] = "unlink-provider";
+      PageKey3["SECURITY"] = "security";
+      PageKey3["KEYSARE_BACKUP"] = "keysare-backup";
+      PageKey3["KEYSHARE_RESTORE"] = "keyshare-restore";
+      PageKey3["CHAIN"] = "chain";
+      PageKey3["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
+      PageKey3["NICKNAME_SETTINGS"] = "nickname-settings";
+      PageKey3["DEVICES"] = "devices";
+      PageKey3["DEVICE_LINK"] = "device-link";
+      PageKey3["DEVICE_MANAGE"] = "device-manage";
+      PageKey3["DEVICE_RESTORE"] = "device-restore";
+      return PageKey3;
     })(PageKey || {});
     useLayoutDataStore = (0, import_zustand.create)((set) => ({
       page: null,
@@ -8488,7 +8488,9 @@ var init_onboarder = __esm({
     useOnboardingStore = (0, import_zustand4.create)((set) => ({
       elRect: { x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 },
       tooltip: { title: "", description: "" },
-      setStore: (tooltipStore) => set(tooltipStore)
+      setStore: (tooltipStore) => set(tooltipStore),
+      mountIntoNode: document.body,
+      setMountIntoNode: (mountIntoNode) => set({ mountIntoNode })
     }));
     Onboarder = class {
       tour = null;
@@ -8560,22 +8562,27 @@ function OnboardingOverlay() {
   const page = useLayoutDataStore((st) => st.page);
   const isOnboarding = useLayoutDataStore((st) => st.isOnboarding);
   const isMobileView = useLayoutStore((st) => st.isMobileView);
-  const { elRect, tooltip } = useOnboardingStore();
-  const [mountIntoNode, setMountIntoNode] = (0, import_react20.useState)(null);
-  const lastPageRef = (0, import_react20.useRef)(null);
+  const colorMode = useLayoutStore((st) => st.colorMode);
+  const {
+    elRect,
+    tooltip,
+    /** if embark is opened, onboard overlay has to be portaled into embark's dialog node to keep layers & pointer-events normal structure */
+    mountIntoNode,
+    setMountIntoNode
+  } = useOnboardingStore();
   (0, import_react20.useEffect)(() => {
-    if (lastPageRef.current === page) return;
     setTimeout(() => {
-      if (lastPageRef.current === page) return;
       if (!page) {
-        lastPageRef.current = null;
-        return setMountIntoNode(document.body);
+        setMountIntoNode(document.body);
+        return;
       }
-      const embarkUiElement = document.querySelector('[data-purpose="embarkai-ui-container"]');
-      setMountIntoNode(!!page ? embarkUiElement || document.body : document.body);
-      lastPageRef.current = page;
+      const lastMountIntoNode = useOnboardingStore.getState().mountIntoNode;
+      if (lastMountIntoNode?.dataset?.purpose === "embarkai-ui-container") {
+        return;
+      }
+      const embarkUIContainer = document.querySelector('[data-purpose="embarkai-ui-container"]');
+      setMountIntoNode(embarkUIContainer);
     }, 0);
-    return () => setMountIntoNode(null);
   }, [page]);
   if (!mountIntoNode) return null;
   const frame = {
@@ -8594,17 +8601,15 @@ function OnboardingOverlay() {
       "div",
       {
         "data-description": "onboarding-overlay",
-        "data-aria-hidden": isOnboarding ? false : true,
         "aria-hidden": isOnboarding ? false : true,
+        "data-aria-hidden": isOnboarding ? false : true,
+        "data-current-theme-mode": colorMode,
         style: { zIndex: isOnboarding ? 1e4 : -9999 },
-        onClick: (e) => e.stopPropagation(),
         className: cn(
-          //
-          "overflow-hidden",
-          "pointer-events-auto",
+          "embarkai-ui-scope",
+          "overflow-hidden pointer-events-auto",
           "fixed left-0 top-0",
-          isOnboarding ? "w-[100dvw] h-[100dvh]" : "w-0 h-0",
-          { "embarkai-ui-scope": !page }
+          isOnboarding ? "w-[100dvw] h-[100dvh]" : "w-0 h-0"
         ),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
@@ -8635,7 +8640,7 @@ function OnboardingOverlay() {
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { width: "100%", height: "100%", fill: "var(--ui-kit-overlay)", mask: "url(#onboradng-overlay-mask)" })
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { width: "100%", height: "100%", fill: "rgba(0,0,0,0.8)", mask: "url(#onboradng-overlay-mask)" })
               ]
             }
           ),
@@ -8643,16 +8648,17 @@ function OnboardingOverlay() {
             "div",
             {
               className: cn(
-                "absolute flex flex-col gap-1",
-                "text-center text-sm text-[var(--ui-kit-success)]",
-                "bg-[var(--ui-kit-bg-success)] p-[var(--ui-kit-pd)] "
+                "absolute flex flex-col gap-1 p-[var(--ui-kit-pd)]",
+                "text-center text-sm",
+                "text-[var(--ui-kit-success)] bg-[var(--ui-kit-bg-success)]",
+                ""
               ),
               style: {
                 transition: "top 0.3s ease",
                 width: tt.width,
                 top: tt.y,
                 left: tt.x,
-                borderRadius: isMobileView ? "var(--ui-kit-bdrs)" : " 0 0 var(--ui-kit-bdrs) var(--ui-kit-bdrs)"
+                borderRadius: isMobileView ? "var(--ui-kit-bdrs)" : "0 0 var(--ui-kit-bdrs) var(--ui-kit-bdrs)"
               },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: " font-bold", children: tooltip.title }),
@@ -8666,7 +8672,7 @@ function OnboardingOverlay() {
                     onClick: () => onboarder.next(),
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.ChevronRightIcon, { className: "h-4 w-4" }),
-                      t("passport:common.continue")
+                      String(t("passport:common.continue")).toUpperCase()
                     ]
                   }
                 )
@@ -9750,12 +9756,10 @@ var init_components = __esm({
 });
 
 // src/internal/components/BuyMenu/onboarding.setup.ts
-function getBinanceOnboardingTour(preSteps = []) {
-  return [...preSteps, ...BUY_MENU_BINANCE_TOUR];
-}
 var BUY_MENU_BINANCE_TOUR;
 var init_onboarding_setup = __esm({
   "src/internal/components/BuyMenu/onboarding.setup.ts"() {
+    init_useLayoutDataStore();
     init_useBinanceStore();
     init_useBuyMenuStore();
     BUY_MENU_BINANCE_TOUR = [
@@ -9797,8 +9801,9 @@ var init_onboarding_setup = __esm({
         title: "Confirm your purchase",
         description: "Review the details of your purchase before confirming.",
         onNext: () => {
-          useBinanceStore.getState().setQuoteData(null);
           useBuyMenuStore.getState().setIsProviderSummary(false);
+          useLayoutDataStore.getState().setPage("buy" /* BUY */);
+          useBinanceStore.getState().setQuoteData(null);
         }
       }
     ];
@@ -24987,7 +24992,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.70",
+      version: "0.4.72",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -28973,6 +28978,7 @@ var index_exports = {};
 __export(index_exports, {
   AccountAbstractionError: () => AccountAbstractionError,
   Address: () => Address,
+  BUY_MENU_BINANCE_TOUR: () => BUY_MENU_BINANCE_TOUR,
   ConnectWalletButton: () => ConnectWalletButton,
   ErrorCodes: () => ErrorCodes,
   Hash: () => Hash,
@@ -29001,7 +29007,6 @@ __export(index_exports, {
   getAllSmartAccounts: () => getAllSmartAccounts,
   getAssetRate: () => getAssetRate,
   getAvailableLanguages: () => getAvailableLanguages,
-  getBinanceOnboardingTour: () => getBinanceOnboardingTour,
   getExplorerUrl: () => getExplorerUrl,
   getIframeManager: () => getIframeManager,
   getInProgressOnrampTransactionsList: () => getInProgressOnrampTransactionsList,
@@ -30656,6 +30661,7 @@ autorun();
 0 && (module.exports = {
   AccountAbstractionError,
   Address,
+  BUY_MENU_BINANCE_TOUR,
   ConnectWalletButton,
   ErrorCodes,
   Hash,
@@ -30684,7 +30690,6 @@ autorun();
   getAllSmartAccounts,
   getAssetRate,
   getAvailableLanguages,
-  getBinanceOnboardingTour,
   getExplorerUrl,
   getIframeManager,
   getInProgressOnrampTransactionsList,

package/dist/index.d.cts

@@ -2268,7 +2268,7 @@ declare class Onboarder {
     private resizeObserver;
     /** TOUR */
     startTour(tour: TourStep[]): void;
-    endTour(): void;
+    private endTour;
     next(): void;
     /**
      * Registers an element with the onboarder.
@@ -2374,7 +2374,7 @@ declare function getInProgressOnrampTransactionsList(params: GetTransactionsList
     inProgressTXs: (BinanceTransaction | FinchpayTransaction)[];
 }>;
 
-declare function getBinanceOnboardingTour(preSteps?: TourStep[]): TourStep[];
+declare const BUY_MENU_BINANCE_TOUR: TourStep[];
 
 declare const NETWORKS_ICONS: Record<number, FC<SVGProps<SVGSVGElement>>>;
 
@@ -3431,4 +3431,4 @@ declare function getLanguageIcon(languageKey: string): string | null;
 
 declare const USER_PROFILE_QUERY_KEY: string;
 
-export { AccountAbstractionError, type AccountSession, Address, type AddressProps, type Asset, type BatchOperation, type CallbacksConfig, ConnectWalletButton, type ConnectWalletButtonProps, type DirectTransactionParams, ErrorCodes, type FingerprintVerificationResult, Hash, type HashProps, KeyshareBackupMenu as KeyshareBackup, LOCAL_STORAGE_I18N_KEY, LangToggle, NETWORKS_ICONS, type NicknameAvailability, type NicknameAvatar, type NicknameChangeResult, type NicknameInfo, type NicknameResolution, type NicknameResolveRequest, type NicknameResolvedTarget, type NicknameValidationResult, PASSPORT_TRANSLATIONS, PageKey, type PageOpenParams, type PrepareBatchUserOperationParams, Provider, type ProviderConfig, type ProviderDetail, type ProviderProps, type RegisterSmartAccountResult, type SendBatchUserOperationParams, type SendTransactionParams, type SendTransactionResult, SessionExpiredError, type SignTypedDataParams, type SmartAccountEntry, TOKENS_ICONS, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type TransferToLinkedParams, type TypedDataDomain, type TypedDataField, USER_PROFILE_QUERY_KEY, type UpdateProfileRequest, type UseDirectWalletReturn, type UseErc3643ComplianceOptions, type UseErc3643ComplianceResult, type UseLogoutReturn, type UseNicknameResolveOptions, type UseNicknameResolveResult, type UseSendDirectTransactionReturn, type UseSendTransactionReturn, type UseTransferToLinkedReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UseWalletModeReturn, type UserOpMempool, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserOperationByHash, type UserOperationReceipt, UserOperationTimeoutError, type UserProfile, UserRejectedError, WALLET_ICONS, type WaitForReceiptOptions, type WalletMode, type WalletReadyStatus, type WatchToken, checkWrapedTokenSymbol, combineI18NResources, createAccountAbstractionError, deployAccount, destroyIframeManager, generateFingerprint, getAllSmartAccounts, getAssetRate, getAvailableLanguages, getBinanceOnboardingTour, getExplorerUrl, getIframeManager, getInProgressOnrampTransactionsList, getLanguageIcon, getShareRecoveryStats, getSmartAccountForChain, getUserOperationByHash, getUserOperationReceipt, getUserProfile, isSessionExpiredError, looksLikeNickname, onboarder, prepareBatchUserOperation, prepareUserOperation, requireActiveChainId, sendBatchUserOperation, sendUserOperation, signTypedData, updateUserProfile, useAccountSession, useActiveChainId, useAddress, useAssetUsdtRate, useAssets, useBalance, useBlockscoutAssets, useColorMode, useConnectedApps, useDirectWallet, useErc3643Compliance, useError, useHasServerVault, useHydrated, useIFrameReady, useIsMobileView, useKeyshareRecoveryStats, useLinkedProfiles, useLoadingStatus, useLogout, useNativeWalletSignature, useNicknameResolve, useOpenPage, useProviderConfig, useRecoveryUserId, useSendDirectTransaction, useSendTransaction, useSession, useSmartAccountTransactions, useTokenBalance, useTokenInfo, useTransactions, useTransferToLinkedWallet, useUserOpStatus, useWalletMode, verifyFingerprint, verifyFingerprintDetailed, waitForStoreHydration, waitForUserOperationReceipt };
+export { AccountAbstractionError, type AccountSession, Address, type AddressProps, type Asset, BUY_MENU_BINANCE_TOUR, type BatchOperation, type CallbacksConfig, ConnectWalletButton, type ConnectWalletButtonProps, type DirectTransactionParams, ErrorCodes, type FingerprintVerificationResult, Hash, type HashProps, KeyshareBackupMenu as KeyshareBackup, LOCAL_STORAGE_I18N_KEY, LangToggle, NETWORKS_ICONS, type NicknameAvailability, type NicknameAvatar, type NicknameChangeResult, type NicknameInfo, type NicknameResolution, type NicknameResolveRequest, type NicknameResolvedTarget, type NicknameValidationResult, PASSPORT_TRANSLATIONS, PageKey, type PageOpenParams, type PrepareBatchUserOperationParams, Provider, type ProviderConfig, type ProviderDetail, type ProviderProps, type RegisterSmartAccountResult, type SendBatchUserOperationParams, type SendTransactionParams, type SendTransactionResult, SessionExpiredError, type SignTypedDataParams, type SmartAccountEntry, TOKENS_ICONS, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type TransferToLinkedParams, type TypedDataDomain, type TypedDataField, USER_PROFILE_QUERY_KEY, type UpdateProfileRequest, type UseDirectWalletReturn, type UseErc3643ComplianceOptions, type UseErc3643ComplianceResult, type UseLogoutReturn, type UseNicknameResolveOptions, type UseNicknameResolveResult, type UseSendDirectTransactionReturn, type UseSendTransactionReturn, type UseTransferToLinkedReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UseWalletModeReturn, type UserOpMempool, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserOperationByHash, type UserOperationReceipt, UserOperationTimeoutError, type UserProfile, UserRejectedError, WALLET_ICONS, type WaitForReceiptOptions, type WalletMode, type WalletReadyStatus, type WatchToken, checkWrapedTokenSymbol, combineI18NResources, createAccountAbstractionError, deployAccount, destroyIframeManager, generateFingerprint, getAllSmartAccounts, getAssetRate, getAvailableLanguages, getExplorerUrl, getIframeManager, getInProgressOnrampTransactionsList, getLanguageIcon, getShareRecoveryStats, getSmartAccountForChain, getUserOperationByHash, getUserOperationReceipt, getUserProfile, isSessionExpiredError, looksLikeNickname, onboarder, prepareBatchUserOperation, prepareUserOperation, requireActiveChainId, sendBatchUserOperation, sendUserOperation, signTypedData, updateUserProfile, useAccountSession, useActiveChainId, useAddress, useAssetUsdtRate, useAssets, useBalance, useBlockscoutAssets, useColorMode, useConnectedApps, useDirectWallet, useErc3643Compliance, useError, useHasServerVault, useHydrated, useIFrameReady, useIsMobileView, useKeyshareRecoveryStats, useLinkedProfiles, useLoadingStatus, useLogout, useNativeWalletSignature, useNicknameResolve, useOpenPage, useProviderConfig, useRecoveryUserId, useSendDirectTransaction, useSendTransaction, useSession, useSmartAccountTransactions, useTokenBalance, useTokenInfo, useTransactions, useTransferToLinkedWallet, useUserOpStatus, useWalletMode, verifyFingerprint, verifyFingerprintDetailed, waitForStoreHydration, waitForUserOperationReceipt };

package/dist/index.d.ts

@@ -2268,7 +2268,7 @@ declare class Onboarder {
     private resizeObserver;
     /** TOUR */
     startTour(tour: TourStep[]): void;
-    endTour(): void;
+    private endTour;
     next(): void;
     /**
      * Registers an element with the onboarder.
@@ -2374,7 +2374,7 @@ declare function getInProgressOnrampTransactionsList(params: GetTransactionsList
     inProgressTXs: (BinanceTransaction | FinchpayTransaction)[];
 }>;
 
-declare function getBinanceOnboardingTour(preSteps?: TourStep[]): TourStep[];
+declare const BUY_MENU_BINANCE_TOUR: TourStep[];
 
 declare const NETWORKS_ICONS: Record<number, FC<SVGProps<SVGSVGElement>>>;
 
@@ -3431,4 +3431,4 @@ declare function getLanguageIcon(languageKey: string): string | null;
 
 declare const USER_PROFILE_QUERY_KEY: string;
 
-export { AccountAbstractionError, type AccountSession, Address, type AddressProps, type Asset, type BatchOperation, type CallbacksConfig, ConnectWalletButton, type ConnectWalletButtonProps, type DirectTransactionParams, ErrorCodes, type FingerprintVerificationResult, Hash, type HashProps, KeyshareBackupMenu as KeyshareBackup, LOCAL_STORAGE_I18N_KEY, LangToggle, NETWORKS_ICONS, type NicknameAvailability, type NicknameAvatar, type NicknameChangeResult, type NicknameInfo, type NicknameResolution, type NicknameResolveRequest, type NicknameResolvedTarget, type NicknameValidationResult, PASSPORT_TRANSLATIONS, PageKey, type PageOpenParams, type PrepareBatchUserOperationParams, Provider, type ProviderConfig, type ProviderDetail, type ProviderProps, type RegisterSmartAccountResult, type SendBatchUserOperationParams, type SendTransactionParams, type SendTransactionResult, SessionExpiredError, type SignTypedDataParams, type SmartAccountEntry, TOKENS_ICONS, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type TransferToLinkedParams, type TypedDataDomain, type TypedDataField, USER_PROFILE_QUERY_KEY, type UpdateProfileRequest, type UseDirectWalletReturn, type UseErc3643ComplianceOptions, type UseErc3643ComplianceResult, type UseLogoutReturn, type UseNicknameResolveOptions, type UseNicknameResolveResult, type UseSendDirectTransactionReturn, type UseSendTransactionReturn, type UseTransferToLinkedReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UseWalletModeReturn, type UserOpMempool, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserOperationByHash, type UserOperationReceipt, UserOperationTimeoutError, type UserProfile, UserRejectedError, WALLET_ICONS, type WaitForReceiptOptions, type WalletMode, type WalletReadyStatus, type WatchToken, checkWrapedTokenSymbol, combineI18NResources, createAccountAbstractionError, deployAccount, destroyIframeManager, generateFingerprint, getAllSmartAccounts, getAssetRate, getAvailableLanguages, getBinanceOnboardingTour, getExplorerUrl, getIframeManager, getInProgressOnrampTransactionsList, getLanguageIcon, getShareRecoveryStats, getSmartAccountForChain, getUserOperationByHash, getUserOperationReceipt, getUserProfile, isSessionExpiredError, looksLikeNickname, onboarder, prepareBatchUserOperation, prepareUserOperation, requireActiveChainId, sendBatchUserOperation, sendUserOperation, signTypedData, updateUserProfile, useAccountSession, useActiveChainId, useAddress, useAssetUsdtRate, useAssets, useBalance, useBlockscoutAssets, useColorMode, useConnectedApps, useDirectWallet, useErc3643Compliance, useError, useHasServerVault, useHydrated, useIFrameReady, useIsMobileView, useKeyshareRecoveryStats, useLinkedProfiles, useLoadingStatus, useLogout, useNativeWalletSignature, useNicknameResolve, useOpenPage, useProviderConfig, useRecoveryUserId, useSendDirectTransaction, useSendTransaction, useSession, useSmartAccountTransactions, useTokenBalance, useTokenInfo, useTransactions, useTransferToLinkedWallet, useUserOpStatus, useWalletMode, verifyFingerprint, verifyFingerprintDetailed, waitForStoreHydration, waitForUserOperationReceipt };
+export { AccountAbstractionError, type AccountSession, Address, type AddressProps, type Asset, BUY_MENU_BINANCE_TOUR, type BatchOperation, type CallbacksConfig, ConnectWalletButton, type ConnectWalletButtonProps, type DirectTransactionParams, ErrorCodes, type FingerprintVerificationResult, Hash, type HashProps, KeyshareBackupMenu as KeyshareBackup, LOCAL_STORAGE_I18N_KEY, LangToggle, NETWORKS_ICONS, type NicknameAvailability, type NicknameAvatar, type NicknameChangeResult, type NicknameInfo, type NicknameResolution, type NicknameResolveRequest, type NicknameResolvedTarget, type NicknameValidationResult, PASSPORT_TRANSLATIONS, PageKey, type PageOpenParams, type PrepareBatchUserOperationParams, Provider, type ProviderConfig, type ProviderDetail, type ProviderProps, type RegisterSmartAccountResult, type SendBatchUserOperationParams, type SendTransactionParams, type SendTransactionResult, SessionExpiredError, type SignTypedDataParams, type SmartAccountEntry, TOKENS_ICONS, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type TransferToLinkedParams, type TypedDataDomain, type TypedDataField, USER_PROFILE_QUERY_KEY, type UpdateProfileRequest, type UseDirectWalletReturn, type UseErc3643ComplianceOptions, type UseErc3643ComplianceResult, type UseLogoutReturn, type UseNicknameResolveOptions, type UseNicknameResolveResult, type UseSendDirectTransactionReturn, type UseSendTransactionReturn, type UseTransferToLinkedReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UseWalletModeReturn, type UserOpMempool, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserOperationByHash, type UserOperationReceipt, UserOperationTimeoutError, type UserProfile, UserRejectedError, WALLET_ICONS, type WaitForReceiptOptions, type WalletMode, type WalletReadyStatus, type WatchToken, checkWrapedTokenSymbol, combineI18NResources, createAccountAbstractionError, deployAccount, destroyIframeManager, generateFingerprint, getAllSmartAccounts, getAssetRate, getAvailableLanguages, getExplorerUrl, getIframeManager, getInProgressOnrampTransactionsList, getLanguageIcon, getShareRecoveryStats, getSmartAccountForChain, getUserOperationByHash, getUserOperationReceipt, getUserProfile, isSessionExpiredError, looksLikeNickname, onboarder, prepareBatchUserOperation, prepareUserOperation, requireActiveChainId, sendBatchUserOperation, sendUserOperation, signTypedData, updateUserProfile, useAccountSession, useActiveChainId, useAddress, useAssetUsdtRate, useAssets, useBalance, useBlockscoutAssets, useColorMode, useConnectedApps, useDirectWallet, useErc3643Compliance, useError, useHasServerVault, useHydrated, useIFrameReady, useIsMobileView, useKeyshareRecoveryStats, useLinkedProfiles, useLoadingStatus, useLogout, useNativeWalletSignature, useNicknameResolve, useOpenPage, useProviderConfig, useRecoveryUserId, useSendDirectTransaction, useSendTransaction, useSession, useSmartAccountTransactions, useTokenBalance, useTokenInfo, useTransactions, useTransferToLinkedWallet, useUserOpStatus, useWalletMode, verifyFingerprint, verifyFingerprintDetailed, waitForStoreHydration, waitForUserOperationReceipt };

package/dist/index.js

@@ -864,31 +864,31 @@ var PageKey, useLayoutDataStore;
 var init_useLayoutDataStore = __esm({
   "src/internal/hooks/useLayoutDataStore.ts"() {
     init_constants();
-    PageKey = /* @__PURE__ */ ((PageKey4) => {
-      PageKey4["AUTH"] = "auth";
-      PageKey4["LANGUAGES"] = "languages";
-      PageKey4["TERMS_OF_SERVICE"] = "terms-of-service";
-      PageKey4["MAIN_MENU"] = "main-menu";
-      PageKey4["SETTINGS"] = "settings";
-      PageKey4["SEND"] = "send";
-      PageKey4["RECEIVE"] = "receive";
-      PageKey4["BUY"] = "buy";
-      PageKey4["KYC"] = "kyc";
-      PageKey4["TRANSACTIONS"] = "transactions";
-      PageKey4["ASSETS"] = "assets";
-      PageKey4["MANAGE_WALLET"] = "manage-wallet";
-      PageKey4["UNLINK_PROVIDER"] = "unlink-provider";
-      PageKey4["SECURITY"] = "security";
-      PageKey4["KEYSARE_BACKUP"] = "keysare-backup";
-      PageKey4["KEYSHARE_RESTORE"] = "keyshare-restore";
-      PageKey4["CHAIN"] = "chain";
-      PageKey4["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
-      PageKey4["NICKNAME_SETTINGS"] = "nickname-settings";
-      PageKey4["DEVICES"] = "devices";
-      PageKey4["DEVICE_LINK"] = "device-link";
-      PageKey4["DEVICE_MANAGE"] = "device-manage";
-      PageKey4["DEVICE_RESTORE"] = "device-restore";
-      return PageKey4;
+    PageKey = /* @__PURE__ */ ((PageKey3) => {
+      PageKey3["AUTH"] = "auth";
+      PageKey3["LANGUAGES"] = "languages";
+      PageKey3["TERMS_OF_SERVICE"] = "terms-of-service";
+      PageKey3["MAIN_MENU"] = "main-menu";
+      PageKey3["SETTINGS"] = "settings";
+      PageKey3["SEND"] = "send";
+      PageKey3["RECEIVE"] = "receive";
+      PageKey3["BUY"] = "buy";
+      PageKey3["KYC"] = "kyc";
+      PageKey3["TRANSACTIONS"] = "transactions";
+      PageKey3["ASSETS"] = "assets";
+      PageKey3["MANAGE_WALLET"] = "manage-wallet";
+      PageKey3["UNLINK_PROVIDER"] = "unlink-provider";
+      PageKey3["SECURITY"] = "security";
+      PageKey3["KEYSARE_BACKUP"] = "keysare-backup";
+      PageKey3["KEYSHARE_RESTORE"] = "keyshare-restore";
+      PageKey3["CHAIN"] = "chain";
+      PageKey3["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
+      PageKey3["NICKNAME_SETTINGS"] = "nickname-settings";
+      PageKey3["DEVICES"] = "devices";
+      PageKey3["DEVICE_LINK"] = "device-link";
+      PageKey3["DEVICE_MANAGE"] = "device-manage";
+      PageKey3["DEVICE_RESTORE"] = "device-restore";
+      return PageKey3;
     })(PageKey || {});
     useLayoutDataStore = create((set) => ({
       page: null,
@@ -8459,7 +8459,9 @@ var init_onboarder = __esm({
     useOnboardingStore = create4((set) => ({
       elRect: { x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 },
       tooltip: { title: "", description: "" },
-      setStore: (tooltipStore) => set(tooltipStore)
+      setStore: (tooltipStore) => set(tooltipStore),
+      mountIntoNode: document.body,
+      setMountIntoNode: (mountIntoNode) => set({ mountIntoNode })
     }));
     Onboarder = class {
       tour = null;
@@ -8527,7 +8529,7 @@ var init_onboarder = __esm({
 
 // src/internal/components/Onboarding/OnboardingOverlay.tsx
 import { ChevronRightIcon } from "lucide-react";
-import { useEffect as useEffect12, useRef as useRef9, useState as useState5 } from "react";
+import { useEffect as useEffect12 } from "react";
 import { createPortal } from "react-dom";
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function OnboardingOverlay() {
@@ -8535,22 +8537,27 @@ function OnboardingOverlay() {
   const page = useLayoutDataStore((st) => st.page);
   const isOnboarding = useLayoutDataStore((st) => st.isOnboarding);
   const isMobileView = useLayoutStore((st) => st.isMobileView);
-  const { elRect, tooltip } = useOnboardingStore();
-  const [mountIntoNode, setMountIntoNode] = useState5(null);
-  const lastPageRef = useRef9(null);
+  const colorMode = useLayoutStore((st) => st.colorMode);
+  const {
+    elRect,
+    tooltip,
+    /** if embark is opened, onboard overlay has to be portaled into embark's dialog node to keep layers & pointer-events normal structure */
+    mountIntoNode,
+    setMountIntoNode
+  } = useOnboardingStore();
   useEffect12(() => {
-    if (lastPageRef.current === page) return;
     setTimeout(() => {
-      if (lastPageRef.current === page) return;
       if (!page) {
-        lastPageRef.current = null;
-        return setMountIntoNode(document.body);
+        setMountIntoNode(document.body);
+        return;
       }
-      const embarkUiElement = document.querySelector('[data-purpose="embarkai-ui-container"]');
-      setMountIntoNode(!!page ? embarkUiElement || document.body : document.body);
-      lastPageRef.current = page;
+      const lastMountIntoNode = useOnboardingStore.getState().mountIntoNode;
+      if (lastMountIntoNode?.dataset?.purpose === "embarkai-ui-container") {
+        return;
+      }
+      const embarkUIContainer = document.querySelector('[data-purpose="embarkai-ui-container"]');
+      setMountIntoNode(embarkUIContainer);
     }, 0);
-    return () => setMountIntoNode(null);
   }, [page]);
   if (!mountIntoNode) return null;
   const frame = {
@@ -8569,17 +8576,15 @@ function OnboardingOverlay() {
       "div",
       {
         "data-description": "onboarding-overlay",
-        "data-aria-hidden": isOnboarding ? false : true,
         "aria-hidden": isOnboarding ? false : true,
+        "data-aria-hidden": isOnboarding ? false : true,
+        "data-current-theme-mode": colorMode,
         style: { zIndex: isOnboarding ? 1e4 : -9999 },
-        onClick: (e) => e.stopPropagation(),
         className: cn(
-          //
-          "overflow-hidden",
-          "pointer-events-auto",
+          "embarkai-ui-scope",
+          "overflow-hidden pointer-events-auto",
           "fixed left-0 top-0",
-          isOnboarding ? "w-[100dvw] h-[100dvh]" : "w-0 h-0",
-          { "embarkai-ui-scope": !page }
+          isOnboarding ? "w-[100dvw] h-[100dvh]" : "w-0 h-0"
         ),
         children: [
           /* @__PURE__ */ jsxs17(
@@ -8610,7 +8615,7 @@ function OnboardingOverlay() {
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ jsx21("rect", { width: "100%", height: "100%", fill: "var(--ui-kit-overlay)", mask: "url(#onboradng-overlay-mask)" })
+                /* @__PURE__ */ jsx21("rect", { width: "100%", height: "100%", fill: "rgba(0,0,0,0.8)", mask: "url(#onboradng-overlay-mask)" })
               ]
             }
           ),
@@ -8618,16 +8623,17 @@ function OnboardingOverlay() {
             "div",
             {
               className: cn(
-                "absolute flex flex-col gap-1",
-                "text-center text-sm text-[var(--ui-kit-success)]",
-                "bg-[var(--ui-kit-bg-success)] p-[var(--ui-kit-pd)] "
+                "absolute flex flex-col gap-1 p-[var(--ui-kit-pd)]",
+                "text-center text-sm",
+                "text-[var(--ui-kit-success)] bg-[var(--ui-kit-bg-success)]",
+                ""
               ),
               style: {
                 transition: "top 0.3s ease",
                 width: tt.width,
                 top: tt.y,
                 left: tt.x,
-                borderRadius: isMobileView ? "var(--ui-kit-bdrs)" : " 0 0 var(--ui-kit-bdrs) var(--ui-kit-bdrs)"
+                borderRadius: isMobileView ? "var(--ui-kit-bdrs)" : "0 0 var(--ui-kit-bdrs) var(--ui-kit-bdrs)"
               },
               children: [
                 /* @__PURE__ */ jsx21("p", { className: " font-bold", children: tooltip.title }),
@@ -8641,7 +8647,7 @@ function OnboardingOverlay() {
                     onClick: () => onboarder.next(),
                     children: [
                       /* @__PURE__ */ jsx21(ChevronRightIcon, { className: "h-4 w-4" }),
-                      t("passport:common.continue")
+                      String(t("passport:common.continue")).toUpperCase()
                     ]
                   }
                 )
@@ -8678,7 +8684,7 @@ var init_Onboarding = __esm({
 });
 
 // src/internal/components/ui/switch.tsx
-import { forwardRef as forwardRef3, useState as useState6 } from "react";
+import { forwardRef as forwardRef3, useState as useState5 } from "react";
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var Switch;
 var init_switch = __esm({
@@ -8688,7 +8694,7 @@ var init_switch = __esm({
     Switch = forwardRef3((props, ref) => {
       const { className, labels, ...inputProps } = props;
       const colorMode = useLayoutStore((st) => st.colorMode);
-      const [labelW, setLabelW] = useState6(0);
+      const [labelW, setLabelW] = useState5(0);
       return /* @__PURE__ */ jsx22(
         "div",
         {
@@ -9266,7 +9272,7 @@ var init_useBuyMenuStore = __esm({
 // src/internal/components/BuyMenu/components/CryptoSelector.tsx
 import { debounce as debounce2, toPairs } from "lodash-es";
 import { InfoIcon, PointerIcon, SearchIcon } from "lucide-react";
-import { useCallback as useCallback10, useMemo as useMemo2, useState as useState7 } from "react";
+import { useCallback as useCallback10, useMemo as useMemo2, useState as useState6 } from "react";
 import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 function CryptoItem(props) {
   const { symbol, network } = props;
@@ -9304,8 +9310,8 @@ function CryptoSelector(props) {
   const { coins } = props;
   const { t } = useT();
   const chainConfig = useSession((st) => st.chainConfig);
-  const [searchValue, setSearchValue] = useState7("");
-  const [target, setTarget] = useState7("");
+  const [searchValue, setSearchValue] = useState6("");
+  const [target, setTarget] = useState6("");
   const setSearchDebounced = useCallback10(
     debounce2((value) => {
       setTarget(value);
@@ -9491,7 +9497,7 @@ var init_ResolvedFiatIcon = __esm({
 // src/internal/components/BuyMenu/components/FiatSelector.tsx
 import { debounce as debounce3 } from "lodash-es";
 import { PointerIcon as PointerIcon2, SearchIcon as SearchIcon2 } from "lucide-react";
-import { useCallback as useCallback11, useMemo as useMemo3, useState as useState8 } from "react";
+import { useCallback as useCallback11, useMemo as useMemo3, useState as useState7 } from "react";
 import { Fragment as Fragment9, jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 function getCurrencyName(ticker, locale = "en") {
   try {
@@ -9529,8 +9535,8 @@ function FiatSelector(props) {
   const { fiats } = props;
   const { t, i18n } = useT();
   const locale = i18n.resolvedLanguage || "en";
-  const [searchValue, setSearchValue] = useState8("");
-  const [target, setTarget] = useState8("");
+  const [searchValue, setSearchValue] = useState7("");
+  const [target, setTarget] = useState7("");
   const setSearchDebounced = useCallback11(
     debounce3((value) => {
       setTarget(value);
@@ -9716,12 +9722,10 @@ var init_components = __esm({
 });
 
 // src/internal/components/BuyMenu/onboarding.setup.ts
-function getBinanceOnboardingTour(preSteps = []) {
-  return [...preSteps, ...BUY_MENU_BINANCE_TOUR];
-}
 var BUY_MENU_BINANCE_TOUR;
 var init_onboarding_setup = __esm({
   "src/internal/components/BuyMenu/onboarding.setup.ts"() {
+    init_useLayoutDataStore();
     init_useBinanceStore();
     init_useBuyMenuStore();
     BUY_MENU_BINANCE_TOUR = [
@@ -9763,8 +9767,9 @@ var init_onboarding_setup = __esm({
         title: "Confirm your purchase",
         description: "Review the details of your purchase before confirming.",
         onNext: () => {
-          useBinanceStore.getState().setQuoteData(null);
           useBuyMenuStore.getState().setIsProviderSummary(false);
+          useLayoutDataStore.getState().setPage("buy" /* BUY */);
+          useBinanceStore.getState().setQuoteData(null);
         }
       }
     ];
@@ -10414,10 +10419,10 @@ var init_BinanceTxHistory = __esm({
 
 // src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { useEffect as useEffect15, useRef as useRef10 } from "react";
+import { useEffect as useEffect15, useRef as useRef9 } from "react";
 function useBinanceSseTxTracing(walletAddress) {
   const qc = useQueryClient4();
-  const debounceRef = useRef10(null);
+  const debounceRef = useRef9(null);
   useEffect15(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
@@ -10892,7 +10897,7 @@ var init_FinchPaySummary = __esm({
 import { useInfiniteQuery as useInfiniteQuery2 } from "@tanstack/react-query";
 import dayjs2 from "dayjs";
 import { LoaderIcon as LoaderIcon4 } from "lucide-react";
-import { useCallback as useCallback13, useState as useState9 } from "react";
+import { useCallback as useCallback13, useState as useState8 } from "react";
 import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 function getStatusVariant2(status) {
   switch (status) {
@@ -10972,7 +10977,7 @@ function FinchPayTxHistoryItem(props) {
 function FinchPayTxHistory() {
   const { t } = useT();
   const walletAddress = useSession((st) => st.address);
-  const [cursor, setCursor] = useState9(1);
+  const [cursor, setCursor] = useState8(1);
   const {
     data: txData,
     isLoading: isTxDataLoading,
@@ -11079,10 +11084,10 @@ var init_networks = __esm({
 
 // src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
-import { useEffect as useEffect17, useRef as useRef11 } from "react";
+import { useEffect as useEffect17, useRef as useRef10 } from "react";
 function useFinchpaySseTxTracing(walletAddress) {
   const qc = useQueryClient6();
-  const debounceRef = useRef11(null);
+  const debounceRef = useRef10(null);
   useEffect17(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
@@ -11510,7 +11515,7 @@ var init_ProviderSelector = __esm({
 });
 
 // src/internal/components/BuyMenu/useHandleInputAmount.ts
-import { useEffect as useEffect19, useRef as useRef12 } from "react";
+import { useEffect as useEffect19, useRef as useRef11 } from "react";
 var ON_INPUT_QUERY_DELAY, useHandleInputAmount;
 var init_useHandleInputAmount = __esm({
   "src/internal/components/BuyMenu/useHandleInputAmount.ts"() {
@@ -11518,11 +11523,11 @@ var init_useHandleInputAmount = __esm({
     init_useBuyMenuStore();
     ON_INPUT_QUERY_DELAY = 1500;
     useHandleInputAmount = () => {
-      const lastRampProviderRef = useRef12(DEFAULT_PROVIDER2);
+      const lastRampProviderRef = useRef11(DEFAULT_PROVIDER2);
       const rampProvider = useBuyMenuStore((st) => st.rampProvider);
       const srcInputAmount = useBuyMenuStore((st) => st.srcInputAmount);
       const minAmount = useBuyMenuStore((st) => st.minAmount);
-      const queryAmountTimer = useRef12(null);
+      const queryAmountTimer = useRef11(null);
       useEffect19(() => {
         if (queryAmountTimer.current) clearTimeout(queryAmountTimer.current);
         queryAmountTimer.current = setTimeout(() => {
@@ -12059,13 +12064,13 @@ import { PAYMASTER_CACHE_TTL_MS } from "@embarkai/core";
 import { getChainConfig as getChainConfig8, SUPPORTED_MAINNETS as SUPPORTED_MAINNETS2 } from "@embarkai/core/read";
 import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft4 } from "lucide-react";
-import { useMemo as useMemo5, useState as useState10 } from "react";
+import { useMemo as useMemo5, useState as useState9 } from "react";
 import { jsx as jsx54, jsxs as jsxs48 } from "react/jsx-runtime";
 function ChainsMenu() {
   const config = useProviderConfig().config;
   const activeChainId = useSession((st) => st.activeChainId);
-  const [isTestnets, setIsTestnets] = useState10(false);
-  const [nextChainId, setNextChainId] = useState10(null);
+  const [isTestnets, setIsTestnets] = useState9(false);
+  const [nextChainId, setNextChainId] = useState9(null);
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const visibleNetworks = useMemo5(() => {
@@ -12314,7 +12319,7 @@ var init_devices = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceLinkScreen.tsx
-import { useState as useState11 } from "react";
+import { useState as useState10 } from "react";
 import { ArrowLeft as ArrowLeft6, Loader2 as Loader22 } from "lucide-react";
 import { jsx as jsx56, jsxs as jsxs50 } from "react/jsx-runtime";
 function getErrorMessage(err) {
@@ -12336,8 +12341,8 @@ function DeviceLinkScreen() {
   const setPage = useLayoutDataStore((s) => s.setPage);
   const maxScrollHeight = useLayoutStore((s) => s.maxScrollHeight);
   const { mutate: link, isPending } = useLinkDevice();
-  const [code, setCode] = useState11("");
-  const [error, setError] = useState11(null);
+  const [code, setCode] = useState10("");
+  const [error, setError] = useState10(null);
   const isValid = code.length === 6 && VALID_CHARS.test(code);
   function handleCodeChange(value) {
     const upper = value.toUpperCase().slice(0, 6);
@@ -12926,7 +12931,7 @@ var init_guardian_backup = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceManageScreen.tsx
-import { useCallback as useCallback14, useEffect as useEffect20, useRef as useRef13, useState as useState12 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect20, useRef as useRef12, useState as useState11 } from "react";
 import { ArrowLeft as ArrowLeft7, Cpu, Download, HardDrive, Loader2 as Loader23, Trash2, Upload } from "lucide-react";
 import { Fragment as Fragment15, jsx as jsx57, jsxs as jsxs51 } from "react/jsx-runtime";
 function formatSize(bytes) {
@@ -12941,13 +12946,13 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = useRef13(null);
-  const [screen, setScreen] = useState12({ step: "connecting" });
-  const [actionState, setActionState] = useState12(null);
-  const [password, setPassword] = useState12("");
-  const [statusMessage, setStatusMessage] = useState12(null);
-  const [errorMessage, setErrorMessage] = useState12(null);
-  const [waitingConfirm, setWaitingConfirm] = useState12(false);
+  const guardianRef = useRef12(null);
+  const [screen, setScreen] = useState11({ step: "connecting" });
+  const [actionState, setActionState] = useState11(null);
+  const [password, setPassword] = useState11("");
+  const [statusMessage, setStatusMessage] = useState11(null);
+  const [errorMessage, setErrorMessage] = useState11(null);
+  const [waitingConfirm, setWaitingConfirm] = useState11(false);
   useEffect20(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
@@ -13218,7 +13223,7 @@ var init_DeviceManageScreen = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx
-import { useCallback as useCallback15, useState as useState13 } from "react";
+import { useCallback as useCallback15, useState as useState12 } from "react";
 import { AlertTriangle as AlertTriangle3, ArrowLeft as ArrowLeft8, Download as Download2, Loader2 as Loader24 } from "lucide-react";
 import { Fragment as Fragment16, jsx as jsx58, jsxs as jsxs52 } from "react/jsx-runtime";
 function DeviceRestoreScreen() {
@@ -13230,10 +13235,10 @@ function DeviceRestoreScreen() {
   const keyshareId = pageParams?.keyshareId;
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const [password, setPassword] = useState13("");
-  const [isWorking, setIsWorking] = useState13(false);
-  const [statusMessage, setStatusMessage] = useState13(null);
-  const [errorMessage, setErrorMessage] = useState13(null);
+  const [password, setPassword] = useState12("");
+  const [isWorking, setIsWorking] = useState12(false);
+  const [statusMessage, setStatusMessage] = useState12(null);
+  const [errorMessage, setErrorMessage] = useState12(null);
   const handleRestore = useCallback15(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe4 = getIframeManager();
@@ -13334,7 +13339,7 @@ var init_DeviceRestoreScreen = __esm({
 });
 
 // src/internal/components/DevicesMenu/DevicesMenu.tsx
-import { useState as useState14 } from "react";
+import { useState as useState13 } from "react";
 import { ArrowLeft as ArrowLeft9, Cpu as Cpu2, Monitor, CheckCircle, Trash2 as Trash22, Loader2 as Loader25, RefreshCw, HardDrive as HardDrive2 } from "lucide-react";
 import { jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
 function DeviceIcon({ deviceType }) {
@@ -13346,8 +13351,8 @@ function truncateAddress(address) {
   return `${address.slice(0, 6)}...${address.slice(-4)}`;
 }
 function DeviceRow({ device }) {
-  const [confirmingUnlink, setConfirmingUnlink] = useState14(false);
-  const [unlinkError, setUnlinkError] = useState14(null);
+  const [confirmingUnlink, setConfirmingUnlink] = useState13(false);
+  const [unlinkError, setUnlinkError] = useState13(null);
   const { mutate: unlink, isPending } = useUnlinkDevice();
   if (confirmingUnlink) {
     return /* @__PURE__ */ jsxs53("div", { className: "flex flex-col gap-2 p-3 rounded-lg bg-[var(--ui-kit-bg)]", children: [
@@ -14521,7 +14526,7 @@ var init_MethodSelector = __esm({
 
 // src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx
 import { ChevronRight as ChevronRight2, Eye, EyeOff, Info as Info3, Key as Key4, Loader as Loader8, Plus } from "lucide-react";
-import { useEffect as useEffect23, useRef as useRef14 } from "react";
+import { useEffect as useEffect23, useRef as useRef13 } from "react";
 import { Fragment as Fragment18, jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
 function PasswordPasskey(props) {
   const { t } = useT();
@@ -14536,7 +14541,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = useRef14(null);
+  const actionRef = useRef13(null);
   const {
     showPassword,
     restorePassword,
@@ -15168,7 +15173,7 @@ var init_Cloud = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/methods/Guardian.tsx
-import { useState as useState16 } from "react";
+import { useState as useState15 } from "react";
 import { Cpu as Cpu4, Loader2 as Loader26 } from "lucide-react";
 import { Fragment as Fragment23, jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
 function Guardian(props) {
@@ -15177,8 +15182,8 @@ function Guardian(props) {
   const session = useSession((st) => st.session);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const { onRestoreSuccess } = useOnRestoreSuccess();
-  const [isWorking, setIsWorking] = useState16(false);
-  const [step, setStep] = useState16("idle");
+  const [isWorking, setIsWorking] = useState15(false);
+  const [step, setStep] = useState15("idle");
   const handleGuardianBackup = async () => {
     if (!restorePassword) {
       setError("Please enter a password");
@@ -15871,15 +15876,15 @@ var init_SumsubIframeManager = __esm({
 });
 
 // src/internal/components/KYC/useSumsubIframe.ts
-import { useEffect as useEffect29, useRef as useRef15, useState as useState17 } from "react";
+import { useEffect as useEffect29, useRef as useRef14, useState as useState16 } from "react";
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = useRef15(null);
-  const [isLoading, setIsLoading] = useState17(true);
-  const [error, setError] = useState17(null);
-  const [height, setHeight] = useState17(0);
-  const [status, setStatus] = useState17("");
+  const iframeRef = useRef14(null);
+  const [isLoading, setIsLoading] = useState16(true);
+  const [error, setError] = useState16(null);
+  const [height, setHeight] = useState16(0);
+  const [status, setStatus] = useState16("");
   const levelName = config.current?.kyc?.options?.levelName;
   useEffect29(() => {
     setError(null);
@@ -16914,7 +16919,7 @@ var init_telegram2 = __esm({
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
 import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
-import { useCallback as useCallback20, useEffect as useEffect32, useState as useState18 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect32, useState as useState17 } from "react";
 function useLinkTelegram() {
   const {
     config: { current: config },
@@ -16972,7 +16977,7 @@ function useLinkTelegram() {
       setLinkIsLoading(false);
     }
   }, [config.social?.providers]);
-  const [telegramLinkStarted, setTelegramLinkStarted] = useState18(false);
+  const [telegramLinkStarted, setTelegramLinkStarted] = useState17(false);
   useEffect32(() => {
     console.log("[useLinkTelegram] Effect triggered:", {
       providerType,
@@ -17293,7 +17298,7 @@ var init_ManageWallet = __esm({
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
 import { useMutation as useMutation15, useQueryClient as useQueryClient17 } from "@tanstack/react-query";
 import { Key as Key6, Loader as Loader14 } from "lucide-react";
-import { useState as useState19 } from "react";
+import { useState as useState18 } from "react";
 import { useDisconnect as useDisconnect2 } from "wagmi";
 import { jsx as jsx80, jsxs as jsxs74 } from "react/jsx-runtime";
 function UnlinkProviderMenu() {
@@ -17305,7 +17310,7 @@ function UnlinkProviderMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
-  const [confirmInput, setConfirmInput] = useState19("");
+  const [confirmInput, setConfirmInput] = useState18("");
   const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = useMutation15({
     mutationFn: async () => {
       if (!confirmUnlink) {
@@ -17566,7 +17571,7 @@ var init_useNicknameAvailability = __esm({
 // src/internal/components/NicknameMenu/NicknameEditForm.tsx
 import { useMutation as useMutation17, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
 import { AtSignIcon, CheckIcon as CheckIcon2, CopyIcon, LoaderIcon as LoaderIcon7, SaveIcon } from "lucide-react";
-import { useCallback as useCallback22, useState as useState20 } from "react";
+import { useCallback as useCallback22, useState as useState19 } from "react";
 import { Fragment as Fragment29, jsx as jsx81, jsxs as jsxs75 } from "react/jsx-runtime";
 function NicknameEditForm(props) {
   const { isInitialUser, nicknameInfo } = props;
@@ -17579,7 +17584,7 @@ function NicknameEditForm(props) {
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
   const nicknameAvailability = useNicknameStore((st) => st.availability);
   const { isCheckingAvailability } = useNicknameAvailability(nicknameInfo ? nicknameInfo.handle : "");
-  const [isNicknameCopied, setIsNicknameCopied] = useState20(false);
+  const [isNicknameCopied, setIsNicknameCopied] = useState19(false);
   const {
     mutate: changeNickname2,
     isError: isNicknameChangeError,
@@ -18163,7 +18168,7 @@ var init_utils8 = __esm({
 // src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts
 import { createBlockscoutClient as createBlockscoutClient2, nonBlockscoutClient } from "@embarkai/core";
 import { useQuery as useQuery16, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
-import { useCallback as useCallback23, useMemo as useMemo10, useRef as useRef16 } from "react";
+import { useCallback as useCallback23, useMemo as useMemo10, useRef as useRef15 } from "react";
 function useBlockscoutAssets(options) {
   const { address, chainId, enabled = true, detectSecurityTokens = true } = options;
   const qc = useQueryClient19();
@@ -18178,7 +18183,7 @@ function useBlockscoutAssets(options) {
     () => blockscoutApiUrl ? createBlockscoutClient2({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = useRef16(0);
+  const lastRefreshRef = useRef15(0);
   const {
     data: watchTokenAssets = [],
     isLoading: watchTokensLoading,
@@ -18894,7 +18899,7 @@ var init_nickname_fingerprint = __esm({
 // src/internal/components/ReceiveMenu/ReceiveMenu.tsx
 import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy2, Info as Info5, Loader as Loader17, Shield } from "lucide-react";
 import QRCode from "qrcode";
-import { useCallback as useCallback25, useEffect as useEffect34, useMemo as useMemo11, useState as useState21 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect34, useMemo as useMemo11, useState as useState20 } from "react";
 import { Fragment as Fragment31, jsx as jsx86, jsxs as jsxs80 } from "react/jsx-runtime";
 function ReceiveMenu() {
   const session = useSession((st) => st.session);
@@ -18905,9 +18910,9 @@ function ReceiveMenu() {
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const open = page === "receive";
-  const [qrCodeUrl, setQrCodeUrl] = useState21("");
-  const [copied, setCopied] = useState21(false);
-  const [fingerprintCopied, setFingerprintCopied] = useState21(false);
+  const [qrCodeUrl, setQrCodeUrl] = useState20("");
+  const [copied, setCopied] = useState20(false);
+  const [fingerprintCopied, setFingerprintCopied] = useState20(false);
   const fingerprint = useMemo11(() => {
     if (!session?.ownerAddress) return null;
     try {
@@ -19852,7 +19857,7 @@ var init_useBridgeStore = __esm({
 // src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx
 import { useConnectModal } from "@rainbow-me/rainbowkit";
 import { useMutation as useMutation19 } from "@tanstack/react-query";
-import { useEffect as useEffect37, useRef as useRef17, useState as useState22 } from "react";
+import { useEffect as useEffect37, useRef as useRef16, useState as useState21 } from "react";
 import { useSignMessage } from "wagmi";
 import { jsx as jsx93, jsxs as jsxs87 } from "react/jsx-runtime";
 function SenderSelector(props) {
@@ -19863,11 +19868,11 @@ function SenderSelector(props) {
   const { openConnectModal } = useConnectModal();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const pendingWalletRef = useRef17(null);
+  const pendingWalletRef = useRef16(null);
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
-  const [walletMessage, setWalletMessage] = useState22(null);
+  const [walletMessage, setWalletMessage] = useState21(null);
   useEffect37(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
@@ -20097,11 +20102,11 @@ var init_wallets = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts
-import { useEffect as useEffect38, useRef as useRef18 } from "react";
+import { useEffect as useEffect38, useRef as useRef17 } from "react";
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = useRef18([]);
+  const lastCalcedSenders = useRef17([]);
   useEffect38(() => {
     const sendersAccumulator = [
       {
@@ -21297,11 +21302,11 @@ var init_checkbox = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
 import { LoaderIcon as LoaderIcon12 } from "lucide-react";
-import { useState as useState23 } from "react";
+import { useState as useState22 } from "react";
 import { jsx as jsx99, jsxs as jsxs91 } from "react/jsx-runtime";
 function ConfirmStep(props) {
   const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
-  const [userConsent, setUserConsent] = useState23(false);
+  const [userConsent, setUserConsent] = useState22(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -21786,12 +21791,12 @@ var init_HistoryStep = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx
 import { ArrowLeftRightIcon as ArrowLeftRightIcon2 } from "lucide-react";
-import { useMemo as useMemo13, useState as useState24 } from "react";
+import { useMemo as useMemo13, useState as useState23 } from "react";
 import { Fragment as Fragment38, jsx as jsx102, jsxs as jsxs94 } from "react/jsx-runtime";
 function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
-  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = useState24(false);
+  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = useState23(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
   const tokenList = useMemo13(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
@@ -21968,14 +21973,14 @@ var init_HyperlaneBridge = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx
-import { useRef as useRef19 } from "react";
+import { useRef as useRef18 } from "react";
 import { jsx as jsx104 } from "react/jsx-runtime";
 function BridgeHistorySwitch(props) {
   const { disabled } = props;
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const lastBridgeStepRef = useRef19(null);
+  const lastBridgeStepRef = useRef18(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -22077,7 +22082,7 @@ var init_useErc3643Compliance = __esm({
 
 // src/hooks/useNicknameResolve.ts
 import { useQuery as useQuery22 } from "@tanstack/react-query";
-import { useEffect as useEffect44, useMemo as useMemo14, useState as useState25 } from "react";
+import { useEffect as useEffect44, useMemo as useMemo14, useState as useState24 } from "react";
 function looksLikeNickname(input) {
   if (!input) return false;
   if (input.startsWith("0x")) return false;
@@ -22087,8 +22092,8 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = useState25("");
-  const [isDebouncing, setIsDebouncing] = useState25(false);
+  const [debouncedInput, setDebouncedInput] = useState24("");
+  const [isDebouncing, setIsDebouncing] = useState24(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
   useEffect44(() => {
@@ -22151,14 +22156,14 @@ var init_useNicknameResolve = __esm({
 });
 
 // src/hooks/useSendTransaction.ts
-import { useCallback as useCallback29, useState as useState26 } from "react";
+import { useCallback as useCallback29, useState as useState25 } from "react";
 import { encodeFunctionData as encodeFunctionData2, isAddress, parseEther as parseEther2, parseUnits } from "viem";
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = useState26(false);
-  const [error, setError] = useState26(null);
-  const [userOpHash, setUserOpHash] = useState26(null);
+  const [isLoading, setIsLoading] = useState25(false);
+  const [error, setError] = useState25(null);
+  const [userOpHash, setUserOpHash] = useState25(null);
   const sendTransaction = useCallback29(
     async (params) => {
       if (!session || !address) {
@@ -22411,10 +22416,10 @@ var init_AssetInputIcon = __esm({
 
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 import { Image as ImageIcon2, Sparkles as Sparkles2 } from "lucide-react";
-import { useState as useState27 } from "react";
+import { useState as useState26 } from "react";
 import { jsx as jsx106, jsxs as jsxs97 } from "react/jsx-runtime";
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = useState27(false);
+  const [imageError, setImageError] = useState26(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ jsxs97("div", { className: "flex items-center gap-3 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
     nftImage && !imageError ? /* @__PURE__ */ jsx106(
@@ -24532,7 +24537,7 @@ var init_TransactionsGroup = __esm({
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 import { useQuery as useQuery25, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft22, Loader as Loader28, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
-import { useCallback as useCallback30, useState as useState28 } from "react";
+import { useCallback as useCallback30, useState as useState27 } from "react";
 import { jsx as jsx116, jsxs as jsxs107 } from "react/jsx-runtime";
 function TransactionsMenu() {
   const qc = useQueryClient25();
@@ -24541,7 +24546,7 @@ function TransactionsMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const [expandedGroups, setExpandedGroups] = useState28({});
+  const [expandedGroups, setExpandedGroups] = useState27({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -24894,7 +24899,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.70",
+      version: "0.4.72",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -25137,7 +25142,7 @@ var init_Footer2 = __esm({
 
 // src/internal/components/Header/Header.tsx
 import { Copy as Copy4, Loader as Loader30 } from "lucide-react";
-import { useCallback as useCallback32, useRef as useRef20, useState as useState29 } from "react";
+import { useCallback as useCallback32, useRef as useRef19, useState as useState28 } from "react";
 import { Fragment as Fragment45, jsx as jsx119, jsxs as jsxs109 } from "react/jsx-runtime";
 function formatAddress2(addr) {
   if (!addr) return "";
@@ -25149,10 +25154,10 @@ function Header() {
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
   const proMode = useProMode();
-  const [proToast, setProToast] = useState29(false);
-  const [copied, setCopied] = useState29(false);
-  const clickCountRef = useRef20(0);
-  const clickTimerRef = useRef20(null);
+  const [proToast, setProToast] = useState28(false);
+  const [copied, setCopied] = useState28(false);
+  const clickCountRef = useRef19(0);
+  const clickTimerRef = useRef19(null);
   const handleAvatarClick = useCallback32(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
@@ -28753,7 +28758,7 @@ import {
   useContext,
   useEffect as useEffect54,
   useMemo as useMemo17,
-  useRef as useRef21
+  useRef as useRef20
 } from "react";
 import { jsx as jsx126 } from "react/jsx-runtime";
 function clearLegacyWagmiStorage() {
@@ -28773,9 +28778,9 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = useRef21(callbacks);
+  const callbacksRef = useRef20(callbacks);
   useEffect54(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = useRef21(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const config = useRef20(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
   const updateConfig = useCallback35((updates) => {
     const prev = config.current;
     const next = { ...prev };
@@ -29590,12 +29595,12 @@ var Hash = ({
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 init_base2();
-import { useEffect as useEffect57, useState as useState33 } from "react";
+import { useEffect as useEffect57, useState as useState32 } from "react";
 import { jsx as jsx133, jsxs as jsxs117 } from "react/jsx-runtime";
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = useState33([]);
-  const [loading, setLoading] = useState33(true);
-  const [error, setError] = useState33(null);
+  const [transactions, setTransactions] = useState32([]);
+  const [loading, setLoading] = useState32(true);
+  const [error, setError] = useState32(null);
   useEffect57(() => {
     const fetchTransactions2 = async () => {
       try {
@@ -29946,7 +29951,7 @@ function useDirectWallet() {
 
 // src/hooks/useSendDirectTransaction.ts
 init_useExternalWalletStore();
-import { useCallback as useCallback40, useState as useState35 } from "react";
+import { useCallback as useCallback40, useState as useState34 } from "react";
 import { isAddress as isAddress3, parseEther as parseEther3 } from "viem";
 import { useSendTransaction as useWagmiSendTransaction, useSwitchChain as useSwitchChain3 } from "wagmi";
 function useSendDirectTransaction() {
@@ -29954,9 +29959,9 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = useWagmiSendTransaction();
   const { switchChainAsync } = useSwitchChain3();
-  const [isPending, setIsPending] = useState35(false);
-  const [error, setError] = useState35(null);
-  const [txHash, setTxHash] = useState35(null);
+  const [isPending, setIsPending] = useState34(false);
+  const [error, setError] = useState34(null);
+  const [txHash, setTxHash] = useState34(null);
   const sendTransaction = useCallback40(
     async (params) => {
       if (!isConnected) {
@@ -30003,7 +30008,7 @@ function useSendDirectTransaction() {
 init_SessionContext();
 init_account2();
 init_linkedProfiles();
-import { useCallback as useCallback41, useMemo as useMemo19, useState as useState36 } from "react";
+import { useCallback as useCallback41, useMemo as useMemo19, useState as useState35 } from "react";
 import { encodeFunctionData as encodeFunctionData3, isAddress as isAddress4, parseEther as parseEther4, parseUnits as parseUnits3 } from "viem";
 var ERC20_TRANSFER_ABI2 = [
   {
@@ -30019,9 +30024,9 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = useState36(false);
-  const [error, setError] = useState36(null);
-  const [userOpHash, setUserOpHash] = useState36(null);
+  const [isPending, setIsPending] = useState35(false);
+  const [error, setError] = useState35(null);
+  const [userOpHash, setUserOpHash] = useState35(null);
   const linkedWallets = useMemo19(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
@@ -30491,6 +30496,7 @@ autorun();
 export {
   AccountAbstractionError,
   Address,
+  BUY_MENU_BINANCE_TOUR,
   ConnectWalletButton,
   ErrorCodes,
   Hash,
@@ -30519,7 +30525,6 @@ export {
   getAllSmartAccounts,
   getAssetRate,
   getAvailableLanguages,
-  getBinanceOnboardingTour,
   getExplorerUrl,
   getIframeManager,
   getInProgressOnrampTransactionsList,

package/package.json

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