@embarkai/ui-kit 0.4.71 → 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.71</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.71";
+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;
@@ -8561,22 +8563,26 @@ function OnboardingOverlay() {
   const isOnboarding = useLayoutDataStore((st) => st.isOnboarding);
   const isMobileView = useLayoutStore((st) => st.isMobileView);
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const { elRect, tooltip } = useOnboardingStore();
-  const [mountIntoNode, setMountIntoNode] = (0, import_react20.useState)(document.body);
-  const lastPageRef = (0, import_react20.useRef)(null);
+  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 lastMountIntoNode = useOnboardingStore.getState().mountIntoNode;
+      if (lastMountIntoNode?.dataset?.purpose === "embarkai-ui-container") {
+        return;
       }
-      const embarkUiElement = document.querySelector('[data-purpose="embarkai-ui-container"]');
-      setMountIntoNode(!!page ? embarkUiElement || document.body : document.body);
-      lastPageRef.current = page;
+      const embarkUIContainer = document.querySelector('[data-purpose="embarkai-ui-container"]');
+      setMountIntoNode(embarkUIContainer);
     }, 0);
-    return () => setMountIntoNode(null);
   }, [page]);
   if (!mountIntoNode) return null;
   const frame = {
@@ -8634,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)" })
               ]
             }
           ),
@@ -9753,6 +9759,7 @@ var init_components = __esm({
 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 = [
@@ -9794,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);
         }
       }
     ];
@@ -24984,7 +24992,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.71",
+      version: "0.4.72",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

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.

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.

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() {
@@ -8536,22 +8538,26 @@ function OnboardingOverlay() {
   const isOnboarding = useLayoutDataStore((st) => st.isOnboarding);
   const isMobileView = useLayoutStore((st) => st.isMobileView);
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const { elRect, tooltip } = useOnboardingStore();
-  const [mountIntoNode, setMountIntoNode] = useState5(document.body);
-  const lastPageRef = useRef9(null);
+  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 lastMountIntoNode = useOnboardingStore.getState().mountIntoNode;
+      if (lastMountIntoNode?.dataset?.purpose === "embarkai-ui-container") {
+        return;
       }
-      const embarkUiElement = document.querySelector('[data-purpose="embarkai-ui-container"]');
-      setMountIntoNode(!!page ? embarkUiElement || document.body : document.body);
-      lastPageRef.current = page;
+      const embarkUIContainer = document.querySelector('[data-purpose="embarkai-ui-container"]');
+      setMountIntoNode(embarkUIContainer);
     }, 0);
-    return () => setMountIntoNode(null);
   }, [page]);
   if (!mountIntoNode) return null;
   const frame = {
@@ -8609,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)" })
               ]
             }
           ),
@@ -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);
@@ -9719,6 +9725,7 @@ var init_components = __esm({
 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 = [
@@ -9760,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);
         }
       }
     ];
@@ -10411,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();
@@ -10889,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) {
@@ -10969,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,
@@ -11076,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();
@@ -11507,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"() {
@@ -11515,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(() => {
@@ -12056,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(() => {
@@ -12311,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) {
@@ -12333,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);
@@ -12923,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) {
@@ -12938,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);
@@ -13215,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() {
@@ -13227,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();
@@ -13331,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 }) {
@@ -13343,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: [
@@ -14518,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();
@@ -14533,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,
@@ -15165,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) {
@@ -15174,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");
@@ -15868,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);
@@ -16911,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 },
@@ -16969,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,
@@ -17290,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() {
@@ -17302,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) {
@@ -17563,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;
@@ -17576,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,
@@ -18160,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();
@@ -18175,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,
@@ -18891,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);
@@ -18902,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 {
@@ -19849,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) {
@@ -19860,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]);
@@ -20094,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 = [
       {
@@ -21294,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));
@@ -21783,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);
@@ -21965,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;
   }
@@ -22074,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;
@@ -22084,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(() => {
@@ -22148,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) {
@@ -22408,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(
@@ -24529,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();
@@ -24538,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 = [],
@@ -24891,7 +24899,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.71",
+      version: "0.4.72",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -25134,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 "";
@@ -25146,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) {
@@ -28750,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() {
@@ -28770,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 };
@@ -29587,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 {
@@ -29943,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() {
@@ -29951,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) {
@@ -30000,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 = [
   {
@@ -30016,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]

package/package.json

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