@embarkai/ui-kit 0.4.108 → 0.4.110

package/dist/index.cjs

@@ -6046,6 +6046,32 @@ var init_ChainSync2 = __esm({
   }
 });
 
+// src/internal/hooks/useAllowExternalModalsScroll.ts
+function isFromExternalModal(event) {
+  return event.composedPath().some((node) => node instanceof Element && EXTERNAL_MODAL_TAGS.has(node.tagName));
+}
+function stopExternalModalScrollEvent(event) {
+  if (isFromExternalModal(event)) event.stopPropagation();
+}
+function useAllowExternalModalsScroll(enabled) {
+  (0, import_react7.useEffect)(() => {
+    if (!enabled || typeof document === "undefined") return;
+    const body = document.body;
+    SCROLL_EVENTS.forEach((type) => body.addEventListener(type, stopExternalModalScrollEvent, { passive: true }));
+    return () => {
+      SCROLL_EVENTS.forEach((type) => body.removeEventListener(type, stopExternalModalScrollEvent));
+    };
+  }, [enabled]);
+}
+var import_react7, EXTERNAL_MODAL_TAGS, SCROLL_EVENTS;
+var init_useAllowExternalModalsScroll = __esm({
+  "src/internal/hooks/useAllowExternalModalsScroll.ts"() {
+    import_react7 = require("react");
+    EXTERNAL_MODAL_TAGS = /* @__PURE__ */ new Set(["W3M-MODAL", "APPKIT-MODAL", "WCM-MODAL"]);
+    SCROLL_EVENTS = ["wheel", "touchmove"];
+  }
+});
+
 // src/internal/clients/account/register-smart-account-address.ts
 async function registerSmartAccountAddress(chainId, smartAccountAddress, factoryAddress) {
   const accessToken = import_auth25.jwtTokenManager.getAccessToken();
@@ -6998,7 +7024,7 @@ function useAutoConnect() {
     setIsIframeReady,
     setIsLoading
   } = useSession();
-  const createSessionWithKeyshare = (0, import_react7.useCallback)(
+  const createSessionWithKeyshare = (0, import_react8.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -7036,8 +7062,8 @@ function useAutoConnect() {
     },
     [usePaymaster, setStatus, activeChainId]
   );
-  const autoConnectAttemptedRef = (0, import_react7.useRef)(false);
-  (0, import_react7.useEffect)(() => {
+  const autoConnectAttemptedRef = (0, import_react8.useRef)(false);
+  (0, import_react8.useEffect)(() => {
     if (!hasHydrated) return;
     if (autoConnectAttemptedRef.current) return;
     setIsLoading(true);
@@ -7167,12 +7193,12 @@ function useAutoConnect() {
   }, [hasHydrated]);
   return null;
 }
-var import_react7;
+var import_react8;
 var init_useAutoConnect = __esm({
   "src/internal/hooks/useAutoConnect.ts"() {
     init_ProviderContext();
     init_SessionContext();
-    import_react7 = require("react");
+    import_react8 = require("react");
     init_useLayoutDataStore();
   }
 });
@@ -7184,7 +7210,7 @@ function useOpenPage() {
   const setPageParams = useLayoutDataStore((st) => st.setPageParams);
   const setPostAuthNavigation = useLayoutDataStore((st) => st.setPostAuthNavigation);
   const address = useSession((st) => st.address);
-  const open = (0, import_react8.useCallback)(
+  const open = (0, import_react9.useCallback)(
     (passportPage, params) => {
       if (!address) {
         if (passportPage !== "auth" /* AUTH */) {
@@ -7198,7 +7224,7 @@ function useOpenPage() {
     },
     [setPage, setPageParams, setPostAuthNavigation, address]
   );
-  const close = (0, import_react8.useCallback)(() => {
+  const close = (0, import_react9.useCallback)(() => {
     setPageParams(null);
     setPostAuthNavigation(null);
     setPage(null);
@@ -7206,8 +7232,8 @@ function useOpenPage() {
   return { open, close, isOpen: page !== null };
 }
 function usePageParams() {
-  const currentParams = (0, import_react8.useRef)({});
-  (0, import_react8.useEffect)(() => {
+  const currentParams = (0, import_react9.useRef)({});
+  (0, import_react9.useEffect)(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams) return;
     currentParams.current = pageParams;
@@ -7215,10 +7241,10 @@ function usePageParams() {
   }, []);
   return currentParams;
 }
-var import_react8;
+var import_react9;
 var init_useOpenPage = __esm({
   "src/hooks/useOpenPage.ts"() {
-    import_react8 = require("react");
+    import_react9 = require("react");
     init_SessionContext();
     init_useLayoutDataStore();
   }
@@ -7227,10 +7253,10 @@ var init_useOpenPage = __esm({
 // src/internal/hooks/useBackupStatusChanges.ts
 function useBackupStatusChanges() {
   const { open: openPage } = useOpenPage();
-  const requestSeqRef = (0, import_react9.useRef)(0);
-  const openPageRef = (0, import_react9.useRef)(openPage);
+  const requestSeqRef = (0, import_react10.useRef)(0);
+  const openPageRef = (0, import_react10.useRef)(openPage);
   openPageRef.current = openPage;
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     async function handleBackupStatusChanged(event) {
       const detail = event?.detail;
       console.log("[BACKUP STATUS] changed:", detail);
@@ -7262,12 +7288,12 @@ function useBackupStatusChanges() {
     };
   }, []);
 }
-var import_react9;
+var import_react10;
 var init_useBackupStatusChanges = __esm({
   "src/internal/hooks/useBackupStatusChanges.ts"() {
     init_SessionContext();
     init_useOpenPage();
-    import_react9 = require("react");
+    import_react10 = require("react");
     init_vaultClient();
   }
 });
@@ -7277,7 +7303,7 @@ function useDetectMaxScrollHeight() {
   const page = useLayoutDataStore((state) => state.page);
   const setIsMobileView = useLayoutStore((state) => state.setIsMobileView);
   const setMaxScrollHeight = useLayoutStore((state) => state.setMaxScrollHeight);
-  const onResize = (0, import_react10.useCallback)(
+  const onResize = (0, import_react11.useCallback)(
     (0, import_lodash_es2.debounce)(({ width, height }) => {
       const headerHeight = page === "auth" /* AUTH */ || page === "keyshare-restore" /* KEYSHARE_RESTORE */ ? 0 : 116;
       const limContentHeight = height * 0.92 - headerHeight - 57;
@@ -7286,18 +7312,18 @@ function useDetectMaxScrollHeight() {
     }, DEBOUNCE_DELAY),
     [page, setMaxScrollHeight, setIsMobileView]
   );
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const obs = new ResizeObserver(([entry]) => onResize(entry.contentRect));
     const doc = window.document.getElementsByTagName("html")[0];
     if (doc) obs.observe(doc);
     return () => obs.disconnect();
   }, [onResize]);
 }
-var import_lodash_es2, import_react10, DEBOUNCE_DELAY;
+var import_lodash_es2, import_react11, DEBOUNCE_DELAY;
 var init_useDetectMaxScrollHeight = __esm({
   "src/internal/hooks/useDetectMaxScrollHeight.ts"() {
     import_lodash_es2 = require("lodash-es");
-    import_react10 = require("react");
+    import_react11 = require("react");
     init_constants();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -7309,7 +7335,7 @@ var init_useDetectMaxScrollHeight = __esm({
 function useListenIframeAuthEvents() {
   const setPage = useLayoutDataStore((state) => state.setPage);
   const setIsIframeReady = useSession((state) => state.setIsIframeReady);
-  const handleIframeMessage = (0, import_react11.useCallback)(
+  const handleIframeMessage = (0, import_react12.useCallback)(
     (event) => {
       const type = event.data?.type?.startsWith?.("LUMIA_PASSPORT_") ? event.data.type.replace("LUMIA_PASSPORT_", "IFRAME_MSG_") : event.data?.type;
       if (type === "IFRAME_MSG_IFRAME_READY") {
@@ -7325,36 +7351,36 @@ function useListenIframeAuthEvents() {
     },
     [setPage, setIsIframeReady]
   );
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     window.addEventListener("message", handleIframeMessage);
     return () => window.removeEventListener("message", handleIframeMessage);
   }, [handleIframeMessage]);
 }
-var import_react11;
+var import_react12;
 var init_useListenIframeAuthEvents = __esm({
   "src/internal/hooks/useListenIframeAuthEvents.ts"() {
     init_SessionContext();
-    import_react11 = require("react");
+    import_react12 = require("react");
     init_useLayoutDataStore();
   }
 });
 
 // src/internal/components/Expandable/hooks/useExpandable.ts
-var import_react12, DEFERRED_DELAY, useExpandable;
+var import_react13, DEFERRED_DELAY, useExpandable;
 var init_useExpandable = __esm({
   "src/internal/components/Expandable/hooks/useExpandable.ts"() {
-    import_react12 = require("react");
+    import_react13 = require("react");
     DEFERRED_DELAY = 100;
     useExpandable = (props) => {
       const { isExpanded = false, initHeight = 0, minHeight = 0 } = props;
-      const expandableRef = (0, import_react12.useRef)(null);
-      const contentRef = (0, import_react12.useRef)(null);
-      (0, import_react12.useEffect)(() => {
+      const expandableRef = (0, import_react13.useRef)(null);
+      const contentRef = (0, import_react13.useRef)(null);
+      (0, import_react13.useEffect)(() => {
         if (!expandableRef.current) return;
         expandableRef.current.style.setProperty("--ui-kit-expandable-h", `${initHeight}px )`);
       }, []);
-      const expandableHeightTimerRef = (0, import_react12.useRef)(null);
-      const setExpandableHeight = (0, import_react12.useCallback)((minHeight2, isExpanded2) => {
+      const expandableHeightTimerRef = (0, import_react13.useRef)(null);
+      const setExpandableHeight = (0, import_react13.useCallback)((minHeight2, isExpanded2) => {
         if (expandableHeightTimerRef.current) clearTimeout(expandableHeightTimerRef.current);
         expandableHeightTimerRef.current = setTimeout(() => {
           if (!contentRef.current || !expandableRef.current) return;
@@ -7365,7 +7391,7 @@ var init_useExpandable = __esm({
           expandableHeightTimerRef.current = null;
         }, DEFERRED_DELAY);
       }, []);
-      (0, import_react12.useEffect)(() => {
+      (0, import_react13.useEffect)(() => {
         if (!contentRef.current || !expandableRef.current) return;
         const resizeObs = new ResizeObserver(() => setExpandableHeight(minHeight, isExpanded));
         const domMutationObs = new MutationObserver(() => setExpandableHeight(minHeight, isExpanded));
@@ -7385,17 +7411,17 @@ var init_useExpandable = __esm({
 });
 
 // src/internal/components/Expandable/Expandable.tsx
-var import_react13, import_jsx_runtime6, Expandable;
+var import_react14, import_jsx_runtime6, Expandable;
 var init_Expandable = __esm({
   "src/internal/components/Expandable/Expandable.tsx"() {
     init_utils();
-    import_react13 = require("react");
+    import_react14 = require("react");
     init_useExpandable();
     import_jsx_runtime6 = require("react/jsx-runtime");
-    Expandable = (0, import_react13.forwardRef)((props, ref) => {
+    Expandable = (0, import_react14.forwardRef)((props, ref) => {
       const { children, className, contentClassName, minHeight, divProps } = props;
       const { expandableRef, contentRef } = useExpandable(props);
-      (0, import_react13.useImperativeHandle)(ref, () => expandableRef.current);
+      (0, import_react14.useImperativeHandle)(ref, () => expandableRef.current);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "div",
         {
@@ -9634,18 +9660,18 @@ var init_useActivityLog = __esm({
 
 // src/internal/components/ActivityLogMenu/useActivityLogMenuParams.ts
 function useActivityLogMenuParams() {
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams || !(0, import_lodash_es5.keys)(pageParams).length) return;
     setTimeout(() => useActivityLogFilters.setState(pageParams), 0);
     setPageParams(null);
   }, []);
 }
-var import_lodash_es5, import_react14;
+var import_lodash_es5, import_react15;
 var init_useActivityLogMenuParams = __esm({
   "src/internal/components/ActivityLogMenu/useActivityLogMenuParams.ts"() {
     import_lodash_es5 = require("lodash-es");
-    import_react14 = require("react");
+    import_react15 = require("react");
     init_useLayoutDataStore();
     init_useActivityLogFilters();
   }
@@ -9703,10 +9729,10 @@ var init_ActivityLogMenu2 = __esm({
 });
 
 // src/internal/components/ui/highlight.tsx
-var import_react15, import_jsx_runtime10, CARD_STYLES, Highlight;
+var import_react16, import_jsx_runtime10, CARD_STYLES, Highlight;
 var init_highlight = __esm({
   "src/internal/components/ui/highlight.tsx"() {
-    import_react15 = require("react");
+    import_react16 = require("react");
     init_utils();
     import_jsx_runtime10 = require("react/jsx-runtime");
     CARD_STYLES = {
@@ -9715,7 +9741,7 @@ var init_highlight = __esm({
       warning: "text-[var(--ui-kit-warning)] bg-[var(--ui-kit-bg-warning)]",
       error: "text-[var(--ui-kit-error)] bg-[var(--ui-kit-bg-error)]"
     };
-    Highlight = (0, import_react15.forwardRef)((props, ref) => {
+    Highlight = (0, import_react16.forwardRef)((props, ref) => {
       const { type = "info", children, className, ...rest } = props;
       return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "div",
@@ -9941,7 +9967,7 @@ function PassKeyStep(props) {
   const setIsLoading = useSession((st) => st.setIsLoading);
   const autoCloseOnSuccess = !recoveryUserId;
   const { passkeyStatus, setStep, setPasskeyStatus, setAlert, setEmail, setFailedType } = useAuthStore();
-  const onPasskeyRegister = (0, import_react16.useCallback)(async () => {
+  const onPasskeyRegister = (0, import_react17.useCallback)(async () => {
     setAlert(null);
     setPasskeyStatus("registering passkey...");
     setIsLoading(true);
@@ -10000,7 +10026,7 @@ function PassKeyStep(props) {
       setIsLoading(false);
     }
   }, [onAuthSuccess, setPage]);
-  const onPasskeyAuth = (0, import_react16.useCallback)(async () => {
+  const onPasskeyAuth = (0, import_react17.useCallback)(async () => {
     setAlert(null);
     setPasskeyStatus("checking available passkeys...");
     setIsLoading(true);
@@ -10118,14 +10144,14 @@ function PassKeyStep(props) {
     ] })
   ] });
 }
-var import_lucide_react7, import_react16, import_jsx_runtime18;
+var import_lucide_react7, import_react17, import_jsx_runtime18;
 var init_PassKeyStep = __esm({
   "src/internal/components/AuthMenu/PassKeyStep.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
     import_lucide_react7 = require("lucide-react");
-    import_react16 = require("react");
+    import_react17 = require("react");
     init_icons();
     init_auth();
     init_useLayoutDataStore();
@@ -10137,16 +10163,16 @@ var init_PassKeyStep = __esm({
 });
 
 // src/internal/components/ui/input.tsx
-var import_react17, import_jsx_runtime19, Input;
+var import_react18, import_jsx_runtime19, Input;
 var init_input = __esm({
   "src/internal/components/ui/input.tsx"() {
-    import_react17 = __toESM(require("react"), 1);
+    import_react18 = __toESM(require("react"), 1);
     init_utils();
     import_jsx_runtime19 = require("react/jsx-runtime");
-    Input = import_react17.default.forwardRef((props, ref) => {
+    Input = import_react18.default.forwardRef((props, ref) => {
       const { className, disabled, error, Icon: Icon2, element, inputClassName, ...inputProps } = props;
-      const internalRef = (0, import_react17.useRef)(null);
-      (0, import_react17.useImperativeHandle)(ref, () => internalRef.current);
+      const internalRef = (0, import_react18.useRef)(null);
+      (0, import_react18.useImperativeHandle)(ref, () => internalRef.current);
       return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn2("w-full min-w-0 flex flex-col gap-1", className), children: [
         /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           "div",
@@ -10216,9 +10242,9 @@ var init_emailChallenge = __esm({
 function Email() {
   const { callbacksRef } = useProviderConfig();
   const { t } = useT();
-  const focusRef = (0, import_react18.useRef)(null);
-  const inputRef = (0, import_react18.useRef)(null);
-  const buttonRef = (0, import_react18.useRef)(null);
+  const focusRef = (0, import_react19.useRef)(null);
+  const inputRef = (0, import_react19.useRef)(null);
+  const buttonRef = (0, import_react19.useRef)(null);
   const isLoading = useSession((st) => st.isLoading);
   const setIsLoading = useSession((st) => st.setIsLoading);
   const isMobileView = useLayoutStore((st) => st.isMobileView);
@@ -10282,7 +10308,7 @@ function Email() {
     }
     onSendVerificationCode(email);
   };
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!focusRef.current || !isMobileView) return;
     focusRef.current?.focus();
     setTimeout(() => {
@@ -10344,7 +10370,7 @@ function Email() {
     )
   ] });
 }
-var import_react_query5, import_lucide_react8, import_react18, import_jsx_runtime20;
+var import_react_query5, import_lucide_react8, import_react19, import_jsx_runtime20;
 var init_Email = __esm({
   "src/internal/components/AuthMenu/SignInStep/Email.tsx"() {
     init_initial();
@@ -10353,7 +10379,7 @@ var init_Email = __esm({
     init_i18n();
     import_react_query5 = require("@tanstack/react-query");
     import_lucide_react8 = require("lucide-react");
-    import_react18 = require("react");
+    import_react19 = require("react");
     init_useLayoutStore();
     init_projectId();
     init_button();
@@ -10518,7 +10544,7 @@ function Social(props) {
   const { t } = useT();
   const isLoading = useSession((st) => st.isLoading);
   const setIsLoading = useSession((st) => st.setIsLoading);
-  const onSocialAuth = (0, import_react19.useCallback)(
+  const onSocialAuth = (0, import_react20.useCallback)(
     async (providerId) => {
       const { setStep, setEmail, setFailedType, setAlert, setPasskeyStatus } = useAuthStore.getState();
       const normalizedProviderId = providerId.toLowerCase();
@@ -10790,7 +10816,7 @@ function Social(props) {
     }
   );
 }
-var import_react19, import_jsx_runtime21, SUPPORTED_PROVIDERS, SOCIAL_ICONS, fetchTokensFromRefreshEndpoint, enrichLoginResponseWithTokens;
+var import_react20, import_jsx_runtime21, SUPPORTED_PROVIDERS, SOCIAL_ICONS, fetchTokensFromRefreshEndpoint, enrichLoginResponseWithTokens;
 var init_Social = __esm({
   "src/internal/components/AuthMenu/SignInStep/Social.tsx"() {
     init_assets();
@@ -10799,7 +10825,7 @@ var init_Social = __esm({
     init_SessionContext();
     init_i18n();
     init_useLayoutDataStore();
-    import_react19 = require("react");
+    import_react20 = require("react");
     init_auth();
     init_constants();
     init_utils();
@@ -10964,7 +10990,7 @@ function SignInStep(props) {
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react9.UserCircle, { className: "w-6 h-6" }),
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "font-bold text-xl leading-6", children: t("passport:auth.signin") })
     ] }),
-    enabledSigninMethods.map((kind, idx) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react20.Fragment, { children: [
+    enabledSigninMethods.map((kind, idx) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react21.Fragment, { children: [
       idx > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center h-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { borderTop: "1px solid var(--ui-kit-bd)" }, className: "flex-1" }),
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-[10px] px-2 flex-none leading-4", children: t("passport:auth.orSeparator") }),
@@ -10988,13 +11014,13 @@ function SignInStep(props) {
     ] })
   ] });
 }
-var import_lucide_react9, import_react20, import_jsx_runtime23, TERMS_OF_SERVICE_URL;
+var import_lucide_react9, import_react21, import_jsx_runtime23, TERMS_OF_SERVICE_URL;
 var init_SignInStep = __esm({
   "src/internal/components/AuthMenu/SignInStep/SignInStep.tsx"() {
     init_ProviderContext();
     init_i18n();
     import_lucide_react9 = require("lucide-react");
-    import_react20 = require("react");
+    import_react21 = require("react");
     init_button();
     init_Email();
     init_Social();
@@ -11025,14 +11051,14 @@ var init_constants5 = __esm({
 function useAuthMenuHandlers() {
   const { config, callbacksRef } = useProviderConfig();
   const qc = (0, import_react_query6.useQueryClient)();
-  const pendingLoginResponseRef = (0, import_react21.useRef)(null);
-  const [telegramCleanup, setTelegramCleanup] = (0, import_react21.useState)(null);
+  const pendingLoginResponseRef = (0, import_react22.useRef)(null);
+  const [telegramCleanup, setTelegramCleanup] = (0, import_react22.useState)(null);
   const usePaymaster = useSession((st) => st.usePaymaster);
   const publicClient = useSession((st) => st.publicClient);
   const activeChainId = useSession((st) => st.activeChainId);
   const setStep = useAuthStore((st) => st.setStep);
   const setAlert = useAuthStore((st) => st.setAlert);
-  const createSessionWithKeyshare = (0, import_react21.useCallback)(
+  const createSessionWithKeyshare = (0, import_react22.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       const { setStatus } = useSession.getState();
       try {
@@ -11074,7 +11100,7 @@ function useAuthMenuHandlers() {
     },
     [usePaymaster, activeChainId]
   );
-  const onAuthSuccess = (0, import_react21.useCallback)(async () => {
+  const onAuthSuccess = (0, import_react22.useCallback)(async () => {
     const {
       //
       setSession,
@@ -11182,7 +11208,7 @@ function useAuthMenuHandlers() {
       setStep("signin");
     }
   }, [qc, setStep, setAlert, createSessionWithKeyshare]);
-  const goBackToSignIn = (0, import_react21.useCallback)(() => {
+  const goBackToSignIn = (0, import_react22.useCallback)(() => {
     setStep("signin");
     setAlert(null);
     if (telegramCleanup) {
@@ -11196,13 +11222,13 @@ function useAuthMenuHandlers() {
     goBackToSignIn
   };
 }
-var import_react_query6, import_react21;
+var import_react_query6, import_react22;
 var init_useAuthMenuHanders = __esm({
   "src/internal/components/AuthMenu/useAuthMenuHanders.ts"() {
     init_ProviderContext();
     init_SessionContext();
     import_react_query6 = require("@tanstack/react-query");
-    import_react21 = require("react");
+    import_react22 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -11212,11 +11238,11 @@ var init_useAuthMenuHanders = __esm({
 });
 
 // src/internal/components/AuthMenu/VerifyStep/VerificationCodeInput.tsx
-var import_react22, import_jsx_runtime24, getRemainingSeconds, VerificationCodeInput;
+var import_react23, import_jsx_runtime24, getRemainingSeconds, VerificationCodeInput;
 var init_VerificationCodeInput = __esm({
   "src/internal/components/AuthMenu/VerifyStep/VerificationCodeInput.tsx"() {
     init_i18n();
-    import_react22 = require("react");
+    import_react23 = require("react");
     init_utils();
     init_button();
     init_useAuthStore();
@@ -11226,8 +11252,8 @@ var init_VerificationCodeInput = __esm({
       const { onVerifyCode, onResendCode, isLoading, expiresAt } = props;
       const { t } = useT();
       const setAlert = useAuthStore((st) => st.setAlert);
-      const [timeLeft, setTimeLeft] = (0, import_react22.useState)(() => getRemainingSeconds(expiresAt));
-      (0, import_react22.useEffect)(() => {
+      const [timeLeft, setTimeLeft] = (0, import_react23.useState)(() => getRemainingSeconds(expiresAt));
+      (0, import_react23.useEffect)(() => {
         let intervalId;
         const syncTimeLeft = () => {
           const remaining = getRemainingSeconds(expiresAt);
@@ -11248,10 +11274,10 @@ var init_VerificationCodeInput = __esm({
           document.removeEventListener("visibilitychange", syncTimeLeft);
         };
       }, [expiresAt]);
-      const lastSubmittedRef = (0, import_react22.useRef)(null);
-      const inputsRef = (0, import_react22.useRef)([]);
-      const [digits, setDigits] = (0, import_react22.useState)(["", "", "", "", "", ""]);
-      (0, import_react22.useEffect)(() => {
+      const lastSubmittedRef = (0, import_react23.useRef)(null);
+      const inputsRef = (0, import_react23.useRef)([]);
+      const [digits, setDigits] = (0, import_react23.useState)(["", "", "", "", "", ""]);
+      (0, import_react23.useEffect)(() => {
         const code = digits.join("");
         if (code.length === 6 && digits.every((d) => d !== "") && !isLoading) {
           if (lastSubmittedRef.current !== code) {
@@ -11260,7 +11286,7 @@ var init_VerificationCodeInput = __esm({
           }
         }
       }, [digits, isLoading, onVerifyCode]);
-      (0, import_react22.useEffect)(() => {
+      (0, import_react23.useEffect)(() => {
         const t2 = setTimeout(() => {
           inputsRef.current[0]?.focus();
         }, 0);
@@ -11385,7 +11411,7 @@ function VerifyStep(props) {
     setEmailChallenge,
     setAlert
   } = useAuthStore();
-  const [resendCount, setResendCount] = (0, import_react23.useState)(0);
+  const [resendCount, setResendCount] = (0, import_react24.useState)(0);
   const { mutate: onVerifyCode, isPending: isCodeVerifying } = (0, import_react_query7.useMutation)({
     mutationFn: async (code) => {
       setIsLoading(true);
@@ -11537,7 +11563,7 @@ function VerifyStep(props) {
     )
   ] });
 }
-var import_react_query7, import_lucide_react10, import_react23, import_jsx_runtime25;
+var import_react_query7, import_lucide_react10, import_react24, import_jsx_runtime25;
 var init_VerifyStep = __esm({
   "src/internal/components/AuthMenu/VerifyStep/VerifyStep.tsx"() {
     init_initial();
@@ -11546,7 +11572,7 @@ var init_VerifyStep = __esm({
     init_i18n();
     import_react_query7 = require("@tanstack/react-query");
     import_lucide_react10 = require("lucide-react");
-    import_react23 = require("react");
+    import_react24 = require("react");
     init_icons();
     init_projectId();
     init_button();
@@ -11565,13 +11591,13 @@ var init_VerifyStep2 = __esm({
 });
 
 // src/internal/components/AuthMenu/AuthMenu.tsx
-var import_lucide_react11, import_react24, import_jsx_runtime26, AuthMenu;
+var import_lucide_react11, import_react25, import_jsx_runtime26, AuthMenu;
 var init_AuthMenu = __esm({
   "src/internal/components/AuthMenu/AuthMenu.tsx"() {
     init_SessionContext();
     init_useT();
     import_lucide_react11 = require("lucide-react");
-    import_react24 = require("react");
+    import_react25 = require("react");
     init_auth();
     init_constants();
     init_useLayoutDataStore();
@@ -11593,7 +11619,7 @@ var init_AuthMenu = __esm({
       const step = useAuthStore((st) => st.step);
       const alert2 = useAuthStore((st) => st.alert);
       const { pendingLoginResponseRef, onAuthSuccess, goBackToSignIn } = useAuthMenuHandlers();
-      (0, import_react24.useEffect)(() => {
+      (0, import_react25.useEffect)(() => {
         if (!pendingWalletLogin) return;
         const loginResponse = pendingWalletLogin;
         useLayoutDataStore.getState().setPendingWalletLogin(null);
@@ -11603,7 +11629,7 @@ var init_AuthMenu = __esm({
           onAuthSuccess();
         });
       }, [pendingWalletLogin]);
-      (0, import_react24.useEffect)(() => {
+      (0, import_react25.useEffect)(() => {
         useLayoutDataStore.getState().setTransitionPageHeight(DEFAULT_AUTH_MENU_HEIGHT);
         return () => {
           const { setStep, setPasskeyStatus, setEmail, setEmailChallenge, setAlert } = useAuthStore.getState();
@@ -11620,7 +11646,7 @@ var init_AuthMenu = __esm({
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm text-[var(--ui-kit-fg-muted)]", children: "Initializing wallet..." })
         ] });
       }
-      const stepContent = (0, import_react24.useMemo)(
+      const stepContent = (0, import_react25.useMemo)(
         () => ({
           "loading": /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LoadingStep, {}),
           "failed": /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AuthFailedStep, {}),
@@ -11817,7 +11843,7 @@ function getTooltipYPos(params) {
 function OnboardingOverlay() {
   const { t } = useT();
   const page = useLayoutDataStore((st) => st.page);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     setTimeout(() => {
       if (!page) {
         useOnboardingStore.getState().setMountIntoNode(document.body);
@@ -11835,7 +11861,7 @@ function OnboardingOverlay() {
   const isMobileView = useLayoutStore((st) => st.isMobileView);
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { elRect, mountIntoNode } = useOnboardingStore();
-  const [continueCountdown, setContinueCountdown] = (0, import_react25.useState)(null);
+  const [continueCountdown, setContinueCountdown] = (0, import_react26.useState)(null);
   const {
     actions: tourStepActions = [],
     waitSecs = null,
@@ -11843,7 +11869,7 @@ function OnboardingOverlay() {
     description,
     forced = false
   } = onboarder.getCurrentStep() || {};
-  const position = (0, import_react25.useMemo)(() => {
+  const position = (0, import_react26.useMemo)(() => {
     const posParams = {
       x: elRect.x,
       y: elRect.y,
@@ -11853,7 +11879,7 @@ function OnboardingOverlay() {
     };
     return { ...getTooltipXPos(posParams), ...getTooltipYPos(posParams) };
   }, [elRect, isMobileView]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!waitSecs) return;
     setContinueCountdown(waitSecs);
     const countdownInterval = setInterval(() => {
@@ -11995,12 +12021,12 @@ function OnboardingOverlay() {
     mountIntoNode
   );
 }
-var import_lucide_react12, import_react25, import_react_dom2, import_jsx_runtime27, EXPAND, TOOLTIP_MIN_WIDTH, TOP_POS_OFFSET;
+var import_lucide_react12, import_react26, import_react_dom2, import_jsx_runtime27, EXPAND, TOOLTIP_MIN_WIDTH, TOP_POS_OFFSET;
 var init_OnboardingOverlay = __esm({
   "src/internal/components/Onboarding/OnboardingOverlay.tsx"() {
     init_i18n();
     import_lucide_react12 = require("lucide-react");
-    import_react25 = require("react");
+    import_react26 = require("react");
     import_react_dom2 = require("react-dom");
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -12017,15 +12043,15 @@ var init_OnboardingOverlay = __esm({
 
 // src/internal/components/Onboarding/useOnboardingTouirAvailable.ts
 function useOnboardingTourAvailable(isAvailable) {
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     useOnboardingStore.getState().setIsTourAvailable(isAvailable);
     return () => useOnboardingStore.getState().setIsTourAvailable(false);
   }, [isAvailable]);
 }
-var import_react26;
+var import_react27;
 var init_useOnboardingTouirAvailable = __esm({
   "src/internal/components/Onboarding/useOnboardingTouirAvailable.ts"() {
-    import_react26 = require("react");
+    import_react27 = require("react");
     init_useOnboardingStore();
   }
 });
@@ -12041,17 +12067,17 @@ var init_Onboarding = __esm({
 });
 
 // src/internal/components/ui/switch.tsx
-var import_react27, import_jsx_runtime28, Switch;
+var import_react28, import_jsx_runtime28, Switch;
 var init_switch = __esm({
   "src/internal/components/ui/switch.tsx"() {
-    import_react27 = require("react");
+    import_react28 = require("react");
     init_useLayoutStore();
     init_utils();
     import_jsx_runtime28 = require("react/jsx-runtime");
-    Switch = (0, import_react27.forwardRef)((props, ref) => {
+    Switch = (0, import_react28.forwardRef)((props, ref) => {
       const { className, labels, ...inputProps } = props;
       const colorMode = useLayoutStore((st) => st.colorMode);
-      const [labelW, setLabelW] = (0, import_react27.useState)(0);
+      const [labelW, setLabelW] = (0, import_react28.useState)(0);
       return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "div",
         {
@@ -12592,7 +12618,7 @@ var init_priceFormatter = __esm({
 
 // src/internal/components/BuyMenu/useBuyMenuStore.ts
 function useBuyMenuParams() {
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams || !(0, import_lodash_es7.keys)(pageParams).length) return;
     const { amount, crypto: crypto2, onRampWidgetRedirected } = pageParams || {};
@@ -12608,11 +12634,11 @@ function useBuyMenuParams() {
     setPageParams(null);
   }, []);
 }
-var import_lodash_es7, import_react28, import_zustand7, import_middleware2, DEFAULT_MENU_SWITCHES, DEFAULT_AMOUNT, DEFAULT_PROVIDER, useBuyMenuStore;
+var import_lodash_es7, import_react29, import_zustand7, import_middleware2, DEFAULT_MENU_SWITCHES, DEFAULT_AMOUNT, DEFAULT_PROVIDER, useBuyMenuStore;
 var init_useBuyMenuStore = __esm({
   "src/internal/components/BuyMenu/useBuyMenuStore.ts"() {
     import_lodash_es7 = require("lodash-es");
-    import_react28 = require("react");
+    import_react29 = require("react");
     import_zustand7 = require("zustand");
     import_middleware2 = require("zustand/middleware");
     init_useLayoutDataStore();
@@ -12731,13 +12757,13 @@ function CryptoSelector(props) {
   const { coins } = props;
   const { t } = useT();
   const chainConfig = useSession((st) => st.chainConfig);
-  const [searchValue, setSearchValue] = (0, import_react29.useState)("");
-  const [target, setTarget] = (0, import_react29.useState)("");
-  const setSearchDebounced = (0, import_react29.useCallback)(
+  const [searchValue, setSearchValue] = (0, import_react30.useState)("");
+  const [target, setTarget] = (0, import_react30.useState)("");
+  const setSearchDebounced = (0, import_react30.useCallback)(
     (0, import_lodash_es8.debounce)((value) => setTarget(value), 1e3),
     []
   );
-  const filteredCoins = (0, import_react29.useMemo)(() => {
+  const filteredCoins = (0, import_react30.useMemo)(() => {
     const sorted = [...coins].sort((a, b) => {
       const aIdx = POPULAR_CRYPTOS.indexOf(a.symbol.toUpperCase());
       const bIdx = POPULAR_CRYPTOS.indexOf(b.symbol.toUpperCase());
@@ -12843,7 +12869,7 @@ function CryptoSelectorTrigger(props) {
     }
   );
 }
-var import_lodash_es8, import_lucide_react13, import_react29, import_jsx_runtime41, POPULAR_CRYPTOS;
+var import_lodash_es8, import_lucide_react13, import_react30, import_jsx_runtime41, POPULAR_CRYPTOS;
 var init_CryptoSelector = __esm({
   "src/internal/components/BuyMenu/components/CryptoSelector.tsx"() {
     init_tokens();
@@ -12852,7 +12878,7 @@ var init_CryptoSelector = __esm({
     init_i18n();
     import_lodash_es8 = require("lodash-es");
     import_lucide_react13 = require("lucide-react");
-    import_react29 = require("react");
+    import_react30 = require("react");
     init_priceFormatter();
     init_button();
     init_highlight();
@@ -12954,13 +12980,13 @@ function FiatSelector(props) {
   const { fiats } = props;
   const { t, i18n } = useT();
   const locale = i18n.resolvedLanguage || "en";
-  const [searchValue, setSearchValue] = (0, import_react30.useState)("");
-  const [target, setTarget] = (0, import_react30.useState)("");
-  const setSearchDebounced = (0, import_react30.useCallback)(
+  const [searchValue, setSearchValue] = (0, import_react31.useState)("");
+  const [target, setTarget] = (0, import_react31.useState)("");
+  const setSearchDebounced = (0, import_react31.useCallback)(
     (0, import_lodash_es9.debounce)((value) => setTarget(value), 1e3),
     []
   );
-  const filteredFiats = (0, import_react30.useMemo)(() => {
+  const filteredFiats = (0, import_react31.useMemo)(() => {
     const sorted = [...fiats].sort((a, b) => {
       const aIdx = POPULAR_FIATS.indexOf(a.ticker.toUpperCase());
       const bIdx = POPULAR_FIATS.indexOf(b.ticker.toUpperCase());
@@ -13025,13 +13051,13 @@ function FiatSelectorTrigger(props) {
     }
   );
 }
-var import_lodash_es9, import_lucide_react14, import_react30, import_jsx_runtime43, POPULAR_FIATS;
+var import_lodash_es9, import_lucide_react14, import_react31, import_jsx_runtime43, POPULAR_FIATS;
 var init_FiatSelector = __esm({
   "src/internal/components/BuyMenu/components/FiatSelector.tsx"() {
     init_i18n();
     import_lodash_es9 = require("lodash-es");
     import_lucide_react14 = require("lucide-react");
-    import_react30 = require("react");
+    import_react31 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -13723,7 +13749,7 @@ function BinanceTxHistory() {
       txStatuses: SHOW_STATUSES
     })
   });
-  const txList = (0, import_react31.useMemo)(
+  const txList = (0, import_react32.useMemo)(
     () => historyData?.pages?.map((p) => p.data).flat(Infinity) || [],
     [historyData]
   );
@@ -13748,7 +13774,7 @@ function BinanceTxHistory() {
     )
   ] });
 }
-var import_react_query9, import_dayjs2, import_lucide_react17, import_react31, import_jsx_runtime46, TRANSACTIONS_PAGESIZE, SHOW_STATUSES;
+var import_react_query9, import_dayjs2, import_lucide_react17, import_react32, import_jsx_runtime46, TRANSACTIONS_PAGESIZE, SHOW_STATUSES;
 var init_BinanceTxHistory = __esm({
   "src/internal/components/BuyMenu/binance/BinanceTxHistory.tsx"() {
     init_tokens();
@@ -13758,7 +13784,7 @@ var init_BinanceTxHistory = __esm({
     import_react_query9 = require("@tanstack/react-query");
     import_dayjs2 = __toESM(require("dayjs"), 1);
     import_lucide_react17 = require("lucide-react");
-    import_react31 = require("react");
+    import_react32 = require("react");
     init_priceFormatter();
     init_badge();
     init_button();
@@ -13775,8 +13801,8 @@ var init_BinanceTxHistory = __esm({
 // src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts
 function useBinanceSseTxTracing(walletAddress) {
   const qc = (0, import_react_query10.useQueryClient)();
-  const debounceRef = (0, import_react32.useRef)(null);
-  (0, import_react32.useEffect)(() => {
+  const debounceRef = (0, import_react33.useRef)(null);
+  (0, import_react33.useEffect)(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -13798,11 +13824,11 @@ function useBinanceSseTxTracing(walletAddress) {
     };
   }, [walletAddress, qc]);
 }
-var import_react_query10, import_react32;
+var import_react_query10, import_react33;
 var init_useBinanceSseTracing = __esm({
   "src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts"() {
     import_react_query10 = require("@tanstack/react-query");
-    import_react32 = require("react");
+    import_react33 = require("react");
     init_iframe_manager();
     init_queryKeys();
     init_api2();
@@ -13870,7 +13896,7 @@ function Binance() {
   });
   const paymentModes = paymentModesData?.data?.paymentMethods || [];
   const selectedPaymentMode = paymentModes?.find((el) => getPayMethodID(el) === paymentMode) || null;
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     useBuyMenuStore.getState().setMinAmount(Number(selectedPaymentMode?.fiatMinLimit || "0"));
   }, [selectedPaymentMode]);
   const { mutate: estimateQuote, isPending: isQuoteEstimating } = (0, import_react_query11.useMutation)({
@@ -13898,22 +13924,22 @@ function Binance() {
     }
   });
   const availableFiats = (tradingPairsData?.data?.fiatCurrencies || []).map((ticker) => ({ ticker }));
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!!selectedFiat || !availableFiats?.length) return;
     const targetFiat = availableFiats.find((item) => PREFERRED_FIATS.includes(item.ticker)) || availableFiats[0];
     useBuyMenuStore.getState().setSelectedFiat(targetFiat.ticker);
   }, [availableFiats, selectedFiat]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!!selectedCrypto || !networkAvailableCryptoList?.length) return;
     const targetCrypto = networkAvailableCryptoList.find((item) => PREFERRED_CRYPTOS.includes(item.cryptoCurrency)) || networkAvailableCryptoList[0];
     useBuyMenuStore.getState().setSelectedCrypto(targetCrypto.cryptoCurrency);
   }, [networkAvailableCryptoList, selectedCrypto]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!!paymentMode || !paymentModes.length) return;
     const targetPaymentMode = paymentModes.find((item) => item.payMethodCode === PREFERRED_PAYMENT_METHOD) || paymentModes[0];
     useBinanceStore.getState().setPaymentMode(getPayMethodID(targetPaymentMode));
   }, [paymentModes]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     return () => {
       useBinanceStore.getState().setPaymentMode(null);
       qc.resetQueries({ queryKey: [QUERY_KEYS2.binanceTradingPairs] });
@@ -14042,7 +14068,7 @@ function Binance() {
     }
   );
 }
-var import_react_query11, import_lucide_react18, import_react33, import_jsx_runtime47, PREFERRED_PAYMENT_METHOD, PREFERRED_FIATS, PREFERRED_CRYPTOS;
+var import_react_query11, import_lucide_react18, import_react34, import_jsx_runtime47, PREFERRED_PAYMENT_METHOD, PREFERRED_FIATS, PREFERRED_CRYPTOS;
 var init_Binance = __esm({
   "src/internal/components/BuyMenu/binance/Binance.tsx"() {
     init_utils();
@@ -14050,7 +14076,7 @@ var init_Binance = __esm({
     init_i18n();
     import_react_query11 = require("@tanstack/react-query");
     import_lucide_react18 = require("lucide-react");
-    import_react33 = require("react");
+    import_react34 = require("react");
     init_Onboarding();
     init_button();
     init_highlight();
@@ -14325,7 +14351,7 @@ function FinchPayTxHistoryItem(props) {
 function FinchPayTxHistory() {
   const { t } = useT();
   const walletAddress = useSession((st) => st.address);
-  const [cursor, setCursor] = (0, import_react34.useState)(1);
+  const [cursor, setCursor] = (0, import_react35.useState)(1);
   const {
     data: txData,
     isLoading: isTxDataLoading,
@@ -14347,7 +14373,7 @@ function FinchPayTxHistory() {
   const pageCount = loadedPages[loadedPages.length - 1]?.pageCount || 1;
   const txList = loadedPages.map((p) => p.data)[cursor - 1] || [];
   console.log("[FINCHPAY] txList", txData);
-  const handleNextPage = (0, import_react34.useCallback)(
+  const handleNextPage = (0, import_react35.useCallback)(
     async (curCursor, curPageParams) => {
       const maxLoadedPage = Math.max(...curPageParams);
       if (curCursor !== maxLoadedPage) {
@@ -14402,7 +14428,7 @@ function FinchPayTxHistory() {
     ] })
   ] });
 }
-var import_react_query13, import_dayjs3, import_lucide_react20, import_react34, import_jsx_runtime49, TRANSACTIONS_PAGESIZE2;
+var import_react_query13, import_dayjs3, import_lucide_react20, import_react35, import_jsx_runtime49, TRANSACTIONS_PAGESIZE2;
 var init_FinchPayTxHistory = __esm({
   "src/internal/components/BuyMenu/finchpay/FinchPayTxHistory.tsx"() {
     init_utils();
@@ -14411,7 +14437,7 @@ var init_FinchPayTxHistory = __esm({
     import_react_query13 = require("@tanstack/react-query");
     import_dayjs3 = __toESM(require("dayjs"), 1);
     import_lucide_react20 = require("lucide-react");
-    import_react34 = require("react");
+    import_react35 = require("react");
     init_priceFormatter();
     init_badge();
     init_button();
@@ -14438,8 +14464,8 @@ var init_networks = __esm({
 // src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts
 function useFinchpaySseTxTracing(walletAddress) {
   const qc = (0, import_react_query14.useQueryClient)();
-  const debounceRef = (0, import_react35.useRef)(null);
-  (0, import_react35.useEffect)(() => {
+  const debounceRef = (0, import_react36.useRef)(null);
+  (0, import_react36.useEffect)(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -14461,11 +14487,11 @@ function useFinchpaySseTxTracing(walletAddress) {
     };
   }, [walletAddress, qc]);
 }
-var import_react_query14, import_react35;
+var import_react_query14, import_react36;
 var init_useFinchpaySseTxTracing = __esm({
   "src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts"() {
     import_react_query14 = require("@tanstack/react-query");
-    import_react35 = require("react");
+    import_react36 = require("react");
     init_iframe_manager();
     init_queryKeys();
     init_api3();
@@ -14563,7 +14589,7 @@ function FinchPay() {
     })
   });
   const minimum = Number(limitsData?.min_amount || "0");
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (minimum <= 0) return;
     useBuyMenuStore.getState().setMinAmount(minimum);
   }, [minimum]);
@@ -14591,23 +14617,23 @@ function FinchPay() {
       // defaults to CARD estimation, widgetUrl
     })
   });
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     const { error: errorTitle, message: errorMessage } = handleErrors([currenciesError, limitsError, estimateError]);
     if (!errorTitle && !errorMessage) return;
     console.error(`[BuyModal][Binance] ${errorTitle}: ${errorMessage}`);
     useBuyMenuStore.getState().setError(errorMessage);
   }, [currenciesError, limitsError, estimateError]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!!selectedFiat || currenciesData.fiats.length === 0) return;
     const fallbackFiat = currenciesData.fiats[0];
     const targetFiat = currenciesData.fiats.find((f) => f.ticker.toUpperCase() === "USD") || fallbackFiat;
     useBuyMenuStore.getState().setSelectedFiat(targetFiat.ticker);
   }, [currenciesData, selectedFiat]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!!selectedCrypto || currenciesData.currentNetworkCoins.length === 0) return;
     useBuyMenuStore.getState().setSelectedCrypto(currenciesData.currentNetworkCoins[0].ticker);
   }, [currenciesData, selectedCrypto]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     return () => {
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayCurrencies] });
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayLimits] });
@@ -14729,7 +14755,7 @@ function FinchPay() {
     )
   ] });
 }
-var import_react_query15, import_lucide_react21, import_react36, import_jsx_runtime50;
+var import_react_query15, import_lucide_react21, import_react37, import_jsx_runtime50;
 var init_FinchPay = __esm({
   "src/internal/components/BuyMenu/finchpay/FinchPay.tsx"() {
     init_priceFormatter();
@@ -14738,7 +14764,7 @@ var init_FinchPay = __esm({
     init_i18n();
     import_react_query15 = require("@tanstack/react-query");
     import_lucide_react21 = require("lucide-react");
-    import_react36 = require("react");
+    import_react37 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -14867,20 +14893,20 @@ var init_ProviderSelector = __esm({
 });
 
 // src/internal/components/BuyMenu/useHandleInputAmount.ts
-var import_react37, ON_INPUT_QUERY_DELAY, useHandleInputAmount;
+var import_react38, ON_INPUT_QUERY_DELAY, useHandleInputAmount;
 var init_useHandleInputAmount = __esm({
   "src/internal/components/BuyMenu/useHandleInputAmount.ts"() {
-    import_react37 = require("react");
+    import_react38 = require("react");
     init_contants();
     init_useBuyMenuStore();
     ON_INPUT_QUERY_DELAY = 1500;
     useHandleInputAmount = () => {
-      const lastRampProviderRef = (0, import_react37.useRef)(DEFAULT_PROVIDER2);
+      const lastRampProviderRef = (0, import_react38.useRef)(DEFAULT_PROVIDER2);
       const rampProvider = useBuyMenuStore((st) => st.rampProvider);
       const srcInputAmount = useBuyMenuStore((st) => st.srcInputAmount);
       const minAmount = useBuyMenuStore((st) => st.minAmount);
-      const queryAmountTimer = (0, import_react37.useRef)(null);
-      (0, import_react37.useEffect)(() => {
+      const queryAmountTimer = (0, import_react38.useRef)(null);
+      (0, import_react38.useEffect)(() => {
         if (queryAmountTimer.current) clearTimeout(queryAmountTimer.current);
         queryAmountTimer.current = setTimeout(() => {
           const checkedValue = Math.ceil(Math.max(Number(srcInputAmount), Number(minAmount)));
@@ -14888,7 +14914,7 @@ var init_useHandleInputAmount = __esm({
           useBuyMenuStore.getState().setSrcQueryAmount(checkedValue);
         }, ON_INPUT_QUERY_DELAY);
       }, [minAmount, srcInputAmount]);
-      (0, import_react37.useEffect)(() => {
+      (0, import_react38.useEffect)(() => {
         if (lastRampProviderRef.current === rampProvider) return;
         const {
           setIsProviderSummary,
@@ -15382,10 +15408,10 @@ function ChainsMenu() {
   const { t } = useT();
   const config = useProviderConfig().config;
   const activeChainId = useSession((st) => st.activeChainId);
-  const [isTestnets, setIsTestnets] = (0, import_react38.useState)(false);
-  const [nextChainId, setNextChainId] = (0, import_react38.useState)(null);
+  const [isTestnets, setIsTestnets] = (0, import_react39.useState)(false);
+  const [nextChainId, setNextChainId] = (0, import_react39.useState)(null);
   useOnboardingTourAvailable(true);
-  const visibleNetworks = (0, import_react38.useMemo)(() => {
+  const visibleNetworks = (0, import_react39.useMemo)(() => {
     return NETWORK_OPTIONS.filter(
       (option) => option.isActive && (isTestnets ? true : import_read15.SUPPORTED_MAINNETS.includes(option.chainId))
     );
@@ -15452,7 +15478,7 @@ function ChainsMenu() {
     )) })
   ] });
 }
-var import_core3, import_read15, import_react_query16, import_lucide_react24, import_react38, import_jsx_runtime60;
+var import_core3, import_read15, import_react_query16, import_lucide_react24, import_react39, import_jsx_runtime60;
 var init_ChainsMenu = __esm({
   "src/internal/components/ChainsMenu/ChainsMenu.tsx"() {
     init_networks3();
@@ -15463,7 +15489,7 @@ var init_ChainsMenu = __esm({
     import_read15 = require("@embarkai/core/read");
     import_react_query16 = require("@tanstack/react-query");
     import_lucide_react24 = require("lucide-react");
-    import_react38 = require("react");
+    import_react39 = require("react");
     init_resolve_paymaster();
     init_useLayoutDataStore();
     init_Expandable2();
@@ -15718,10 +15744,11 @@ function someInErrorChain(error, predicate) {
   }
   return false;
 }
-function dropFailedConnectorSession(error, connector, wagmiConfig3) {
+async function dropFailedConnectorSession(error, connector, wagmiConfig3) {
+  if (connector.type !== "walletConnect") return;
   if (isRequestPendingError(error) || isUserRejectedError(error)) return;
   if (wagmiConfig3.state.connections.has(connector.uid)) return;
-  connector.disconnect().catch(() => {
+  await connector.disconnect().catch(() => {
   });
 }
 var REQUEST_PENDING_ERROR_CODE, USER_REJECTED_ERROR_CODE, isRequestPendingError, isUserRejectedError, isUnsupportedChainError;
@@ -15839,16 +15866,16 @@ function useLinkedProfiles() {
     }
   });
   const { profiles = [], avatar = null } = data || {};
-  const refresh = (0, import_react39.useCallback)(async () => {
+  const refresh = (0, import_react40.useCallback)(async () => {
     await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
   }, [qc, address]);
   return { profiles, avatar, isLoading, isFetching, error, refresh };
 }
-var import_react_query17, import_react39, LINKED_PROFILES_QUERY_KEY;
+var import_react_query17, import_react40, LINKED_PROFILES_QUERY_KEY;
 var init_linkedProfiles = __esm({
   "src/modules/linkedProfiles.ts"() {
     import_react_query17 = require("@tanstack/react-query");
-    import_react39 = require("react");
+    import_react40 = require("react");
     init_SessionContext();
     init_auth();
     init_common();
@@ -16586,7 +16613,7 @@ function useLinkSocial() {
   } = useProviderConfig();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { providerType, linkIsLoading, setProviderType, setAlert, setLinkIsLoading } = useManageWalletStore();
-  const handleLinkSocialProvider = import_react40.default.useCallback(
+  const handleLinkSocialProvider = import_react41.default.useCallback(
     async (providerIdRaw) => {
       const providerKey = providerIdRaw.toLowerCase();
       const normalizedKey = providerKey === "twitter" ? "x" : providerKey;
@@ -16644,8 +16671,8 @@ function useLinkSocial() {
     },
     [config.social?.providers]
   );
-  const [socialLinkStarted, setSocialLinkStarted] = import_react40.default.useState(false);
-  (0, import_react40.useEffect)(() => {
+  const [socialLinkStarted, setSocialLinkStarted] = import_react41.default.useState(false);
+  (0, import_react41.useEffect)(() => {
     const key = providerType?.toLowerCase();
     console.log("[useLinkSocial] Effect triggered:", { key, linkIsLoading, socialLinkStarted });
     if (key && key !== "telegram" && key !== "email" && key !== "passkey" && key !== "wallet") {
@@ -16659,7 +16686,7 @@ function useLinkSocial() {
     }
   }, [providerType, linkIsLoading, socialLinkStarted, handleLinkSocialProvider]);
 }
-var import_react_query22, import_react40;
+var import_react_query22, import_react41;
 var init_useLinkSocial = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts"() {
     init_useLayoutDataStore();
@@ -16667,7 +16694,7 @@ var init_useLinkSocial = __esm({
     init_SessionContext();
     init_linkedProfiles();
     import_react_query22 = require("@tanstack/react-query");
-    import_react40 = __toESM(require("react"), 1);
+    import_react41 = __toESM(require("react"), 1);
     init_auth();
     init_telegramBrowser();
     init_useProvidersList();
@@ -16735,7 +16762,7 @@ function useLinkTelegram() {
   const address = useSession((st) => st.address);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const handleLinkTelegram = (0, import_react41.useCallback)(async () => {
+  const handleLinkTelegram = (0, import_react42.useCallback)(async () => {
     try {
       if (shouldBlockSocialAuthInTelegram("telegram")) {
         setAlert(buildTelegramBrowserRestriction("Telegram", "linking"));
@@ -16782,8 +16809,8 @@ function useLinkTelegram() {
       setLinkIsLoading(false);
     }
   }, [config.social?.providers]);
-  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react41.useState)(false);
-  (0, import_react41.useEffect)(() => {
+  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react42.useState)(false);
+  (0, import_react42.useEffect)(() => {
     console.log("[useLinkTelegram] Effect triggered:", { providerType, linkIsLoading, telegramLinkStarted });
     if (providerType === "telegram" && !linkIsLoading && !telegramLinkStarted) {
       console.log("[useLinkTelegram] Starting Telegram link flow");
@@ -16791,20 +16818,20 @@ function useLinkTelegram() {
       handleLinkTelegram();
     }
   }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (providerType !== "telegram") {
       setTelegramLinkStarted(false);
     }
   }, [providerType]);
 }
-var import_react_query23, import_react41;
+var import_react_query23, import_react42;
 var init_useLinkTelegram = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts"() {
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
     import_react_query23 = require("@tanstack/react-query");
-    import_react41 = require("react");
+    import_react42 = require("react");
     init_telegram2();
     init_useLayoutDataStore();
     init_telegramBrowser();
@@ -17004,7 +17031,7 @@ function ManageWalletMenu() {
   } = useManageWalletStore();
   const configuredProviders = getConfiguredProviders(config.current);
   const { data: providers = [], isLoading: isProvidersLoading, error: providersError } = useProvidersList();
-  const renderProviders = (0, import_react42.useMemo)(() => {
+  const renderProviders = (0, import_react43.useMemo)(() => {
     const normalizeProviderName = (name) => {
       if (name === "x") return "twitter";
       return name;
@@ -17129,7 +17156,7 @@ function ManageWalletMenu() {
     ] })
   ] });
 }
-var import_lodash_es11, import_lucide_react31, import_react42, import_jsx_runtime72, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
+var import_lodash_es11, import_lucide_react31, import_react43, import_jsx_runtime72, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
 var init_ManageWallet = __esm({
   "src/internal/components/ManageWalletMenu/ManageWallet.tsx"() {
     init_useLayoutDataStore();
@@ -17138,7 +17165,7 @@ var init_ManageWallet = __esm({
     init_i18n();
     import_lodash_es11 = require("lodash-es");
     import_lucide_react31 = require("lucide-react");
-    import_react42 = require("react");
+    import_react43 = require("react");
     init_constants();
     init_telegramBrowser();
     init_Expandable2();
@@ -17176,7 +17203,7 @@ function UnlinkProviderMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
-  const [confirmInput, setConfirmInput] = (0, import_react43.useState)("");
+  const [confirmInput, setConfirmInput] = (0, import_react44.useState)("");
   const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = (0, import_react_query24.useMutation)({
     mutationFn: async () => {
       if (!confirmUnlink) {
@@ -17258,7 +17285,7 @@ function UnlinkProviderMenu() {
     ] })
   ] });
 }
-var import_react_query24, import_lucide_react32, import_react43, import_wagmi2, import_jsx_runtime73;
+var import_react_query24, import_lucide_react32, import_react44, import_wagmi2, import_jsx_runtime73;
 var init_UnlinkProviderMenu = __esm({
   "src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx"() {
     init_useLayoutDataStore();
@@ -17268,7 +17295,7 @@ var init_UnlinkProviderMenu = __esm({
     init_linkedProfiles();
     import_react_query24 = require("@tanstack/react-query");
     import_lucide_react32 = require("lucide-react");
-    import_react43 = require("react");
+    import_react44 = require("react");
     import_wagmi2 = require("wagmi");
     init_auth();
     init_useExternalWalletStore();
@@ -17309,8 +17336,8 @@ var init_ManageWalletMenu = __esm({
 
 // src/internal/components/ConnectExternalWalletMenu/useConnectExternalWalletMenuParams.ts
 function useConnectExternalWalletMenuParams() {
-  const paramsRef = (0, import_react44.useRef)(null);
-  (0, import_react44.useEffect)(() => {
+  const paramsRef = (0, import_react45.useRef)(null);
+  (0, import_react45.useEffect)(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams || !(0, import_lodash_es12.keys)(pageParams).length) return;
     paramsRef.current = pageParams;
@@ -17318,11 +17345,11 @@ function useConnectExternalWalletMenuParams() {
   }, []);
   return paramsRef;
 }
-var import_lodash_es12, import_react44;
+var import_lodash_es12, import_react45;
 var init_useConnectExternalWalletMenuParams = __esm({
   "src/internal/components/ConnectExternalWalletMenu/useConnectExternalWalletMenuParams.ts"() {
     import_lodash_es12 = require("lodash-es");
-    import_react44 = require("react");
+    import_react45 = require("react");
     init_useLayoutDataStore();
   }
 });
@@ -17333,18 +17360,18 @@ function hasInjectedWallet() {
   return mipdStore.getProviders().length > 0 || !!window.ethereum;
 }
 function useHasInjectedWallet() {
-  return (0, import_react45.useSyncExternalStore)(
+  return (0, import_react46.useSyncExternalStore)(
     (onStoreChange) => mipdStore?.subscribe(onStoreChange) ?? (() => {
     }),
     hasInjectedWallet,
     () => false
   );
 }
-var import_mipd, import_react45, mipdStore;
+var import_mipd, import_react46, mipdStore;
 var init_useHasInjectedWallet = __esm({
   "src/internal/components/ConnectExternalWalletMenu/useHasInjectedWallet.ts"() {
     import_mipd = require("mipd");
-    import_react45 = require("react");
+    import_react46 = require("react");
     mipdStore = typeof window !== "undefined" ? (0, import_mipd.createStore)() : void 0;
   }
 });
@@ -17372,7 +17399,7 @@ function ConnectExternalWalletMenu() {
   const { mutateAsync: signMessageAsync } = (0, import_wagmi3.useSignMessage)();
   const { mutateAsync: switchChainAsync } = (0, import_wagmi3.useSwitchChain)();
   const { mutateAsync: switchConnectionAsync } = (0, import_wagmi3.useSwitchConnection)();
-  const [isPreparingConnect, setIsPreparingConnect] = (0, import_react46.useState)(false);
+  const [isPreparingConnect, setIsPreparingConnect] = (0, import_react47.useState)(false);
   const signOnSupportedChain = async (params) => {
     const { connector, account, message } = params;
     const signOnce = async (viaFallback = false) => {
@@ -17398,7 +17425,7 @@ function ConnectExternalWalletMenu() {
     queryKey: [PROVIDERS_QUERY_KEY, embarkAiAddress],
     queryFn: async () => getLinkedProviders()
   });
-  const [connectError, setConnectError] = (0, import_react46.useState)(null);
+  const [connectError, setConnectError] = (0, import_react47.useState)(null);
   const { mutateAsync: onLinkingComplete } = (0, import_react_query25.useMutation)({
     mutationFn: async (success) => {
       useManageWalletStore.getState().setProviderType(null);
@@ -17519,7 +17546,7 @@ function ConnectExternalWalletMenu() {
       onError: (error, { connector }) => reportConnectError(error, connector)
     }
   });
-  function reportConnectError(error, connector) {
+  async function reportConnectError(error, connector) {
     const connectFlowType = getConnectFlowType({
       isEmbarkAI: !!embarkAiAddress,
       connectFlow: menuParams.current?.connectFlowType || "auth"
@@ -17528,7 +17555,6 @@ function ConnectExternalWalletMenu() {
     if (!isRequestPending && connectFlowType !== "connect" && wagmiConfig3.state.connections.has(connector.uid)) {
       disconnect({ connector });
     }
-    dropFailedConnectorSession(error, connector, wagmiConfig3);
     const errorMessage = isRequestPending ? (
       // @ts-expect-error i18n typing
       t("passport:connectMenu.requestPending", { wallet: connector.name })
@@ -17551,8 +17577,9 @@ function ConnectExternalWalletMenu() {
       }
       useLayoutStore.getState().setIsDialogForced(false);
     }, 100);
+    await dropFailedConnectorSession(error, connector, wagmiConfig3);
   }
-  const visibleConnectors = (0, import_react46.useMemo)(() => {
+  const visibleConnectors = (0, import_react47.useMemo)(() => {
     const seen = /* @__PURE__ */ new Set();
     const unique = connectors.filter((connector) => {
       const skipConnector = seen.has(connector.uid);
@@ -17570,7 +17597,7 @@ function ConnectExternalWalletMenu() {
       (connector) => allowed.includes(connector.id.toLowerCase()) || allowed.includes(connector.name.toLowerCase())
     );
   }, [connectors, allowedWallets, hasInjectedWallet2]);
-  const getInstructionSteps = (0, import_react46.useCallback)(() => {
+  const getInstructionSteps = (0, import_react47.useCallback)(() => {
     const connectFlowType = getConnectFlowType({
       isEmbarkAI: !!embarkAiAddress,
       connectFlow: menuParams.current?.connectFlowType || "auth"
@@ -17629,7 +17656,7 @@ function ConnectExternalWalletMenu() {
                 await disconnectAsync({ connector: connectedConnector });
               }
             } catch (error) {
-              reportConnectError(error, connector);
+              await reportConnectError(error, connector);
               return;
             } finally {
               setIsPreparingConnect(false);
@@ -17685,7 +17712,7 @@ function ConnectExternalWalletMenu() {
     ] })
   ] });
 }
-var import_react_query25, import_lucide_react33, import_react46, import_wagmi3, import_chains, import_jsx_runtime74, SIGN_FALLBACK_CHAIN_ID;
+var import_react_query25, import_lucide_react33, import_react47, import_wagmi3, import_chains, import_jsx_runtime74, SIGN_FALLBACK_CHAIN_ID;
 var init_ConnectExternalWalletMenu = __esm({
   "src/internal/components/ConnectExternalWalletMenu/ConnectExternalWalletMenu.tsx"() {
     init_ProviderContext();
@@ -17697,7 +17724,7 @@ var init_ConnectExternalWalletMenu = __esm({
     init_linkedProfiles();
     import_react_query25 = require("@tanstack/react-query");
     import_lucide_react33 = require("lucide-react");
-    import_react46 = require("react");
+    import_react47 = require("react");
     import_wagmi3 = require("wagmi");
     import_chains = require("wagmi/chains");
     init_common();
@@ -17737,8 +17764,8 @@ function useExternalWalletConnnect(options) {
         onSuccess?.({ connected: true, address: signingWalletAddress });
         useLayoutStore.getState().setIsDialogForced(false);
       },
-      onError: (error, { connector }) => {
-        dropFailedConnectorSession(error, connector, wagmiConfig3);
+      onError: async (error, { connector }) => {
+        await dropFailedConnectorSession(error, connector, wagmiConfig3);
         onError?.({
           connected: false,
           connector: connector?.name || "Unknown Wallet",
@@ -17748,7 +17775,7 @@ function useExternalWalletConnnect(options) {
       }
     }
   });
-  const disconnectExternalWallet = (0, import_react47.useCallback)(() => {
+  const disconnectExternalWallet = (0, import_react48.useCallback)(() => {
     try {
       disconnect();
     } catch {
@@ -17756,7 +17783,7 @@ function useExternalWalletConnnect(options) {
     }
     useExternalWalletStore.getState().clearExternalWallet();
   }, [disconnect]);
-  const connectExternalWallet = (0, import_react47.useCallback)(
+  const connectExternalWallet = (0, import_react48.useCallback)(
     async (walletConnectorType) => {
       disconnectExternalWallet();
       const connector = connectors.find((c) => c.id === walletConnectorType);
@@ -17779,11 +17806,11 @@ function useExternalWalletConnnect(options) {
     ...restUseConnect
   };
 }
-var import_react47, import_wagmi4;
+var import_react48, import_wagmi4;
 var init_useExternalWalletConnect = __esm({
   "src/internal/components/ConnectExternalWalletMenu/useExternalWalletConnect.ts"() {
     init_ProviderContext();
-    import_react47 = require("react");
+    import_react48 = require("react");
     import_wagmi4 = require("wagmi");
     init_useLayoutStore();
     init_connect_errors();
@@ -17876,8 +17903,8 @@ function getErrorMessage(err) {
 function DeviceLinkScreen() {
   const setPage = useLayoutDataStore((s) => s.setPage);
   const { mutate: link, isPending } = useLinkDevice();
-  const [code, setCode] = (0, import_react48.useState)("");
-  const [error, setError] = (0, import_react48.useState)(null);
+  const [code, setCode] = (0, import_react49.useState)("");
+  const [error, setError] = (0, import_react49.useState)(null);
   const isValid = code.length === 6 && VALID_CHARS.test(code);
   function handleCodeChange(value) {
     const upper = value.toUpperCase().slice(0, 6);
@@ -17919,11 +17946,11 @@ function DeviceLinkScreen() {
     /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Button, { variant: "default", size: "large", className: "w-full", disabled: !isValid || isPending, onClick: handleLink, children: isPending ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react34.Loader2, { className: "w-4 h-4 animate-spin" }) : "Link" })
   ] });
 }
-var import_lucide_react34, import_react48, import_jsx_runtime75, VALID_CHARS;
+var import_lucide_react34, import_react49, import_jsx_runtime75, VALID_CHARS;
 var init_DeviceLinkScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceLinkScreen.tsx"() {
     import_lucide_react34 = require("lucide-react");
-    import_react48 = require("react");
+    import_react49 = require("react");
     init_devices();
     init_useLayoutDataStore();
     init_Expandable2();
@@ -18462,19 +18489,19 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = (0, import_react49.useRef)(null);
-  const [screen, setScreen] = (0, import_react49.useState)({ step: "connecting" });
-  const [actionState, setActionState] = (0, import_react49.useState)(null);
-  const [password, setPassword] = (0, import_react49.useState)("");
-  const [statusMessage, setStatusMessage] = (0, import_react49.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react49.useState)(null);
-  const [waitingConfirm, setWaitingConfirm] = (0, import_react49.useState)(false);
-  (0, import_react49.useEffect)(() => {
+  const guardianRef = (0, import_react50.useRef)(null);
+  const [screen, setScreen] = (0, import_react50.useState)({ step: "connecting" });
+  const [actionState, setActionState] = (0, import_react50.useState)(null);
+  const [password, setPassword] = (0, import_react50.useState)("");
+  const [statusMessage, setStatusMessage] = (0, import_react50.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react50.useState)(null);
+  const [waitingConfirm, setWaitingConfirm] = (0, import_react50.useState)(false);
+  (0, import_react50.useEffect)(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
     return () => clearTimeout(t);
   }, [statusMessage]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!deviceId || !isWebSerialAvailable()) {
       setScreen({ step: "error", message: "WebSerial not available" });
       return;
@@ -18506,7 +18533,7 @@ function DeviceManageScreen() {
       guardianRef.current?.close();
     };
   }, [deviceId]);
-  const refreshList = (0, import_react49.useCallback)(async () => {
+  const refreshList = (0, import_react50.useCallback)(async () => {
     const guardian = guardianRef.current;
     if (!guardian || screen.step !== "connected") return;
     try {
@@ -18515,7 +18542,7 @@ function DeviceManageScreen() {
     } catch {
     }
   }, [screen]);
-  const handleBackup = (0, import_react49.useCallback)(async () => {
+  const handleBackup = (0, import_react50.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe6 = getIframeManager();
     if (!guardian || !iframe6 || !userId) return;
@@ -18539,7 +18566,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleOverwrite = (0, import_react49.useCallback)(async () => {
+  const handleOverwrite = (0, import_react50.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe6 = getIframeManager();
     if (!guardian || !iframe6 || !userId) return;
@@ -18559,7 +18586,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleDelete = (0, import_react49.useCallback)(
+  const handleDelete = (0, import_react50.useCallback)(
     async (keyshareId) => {
       const guardian = guardianRef.current;
       if (!guardian) return;
@@ -18746,12 +18773,12 @@ function DeviceManageScreen() {
     ] })
   ] });
 }
-var import_lucide_react35, import_react49, import_jsx_runtime76;
+var import_lucide_react35, import_react50, import_jsx_runtime76;
 var init_DeviceManageScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceManageScreen.tsx"() {
     init_SessionContext();
     import_lucide_react35 = require("lucide-react");
-    import_react49 = require("react");
+    import_react50 = require("react");
     init_guardian_backup();
     init_useLayoutDataStore();
     init_iframe_manager();
@@ -18770,11 +18797,11 @@ function DeviceRestoreScreen() {
   const keyshareId = pageParams?.keyshareId;
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const [password, setPassword] = (0, import_react50.useState)("");
-  const [isWorking, setIsWorking] = (0, import_react50.useState)(false);
-  const [statusMessage, setStatusMessage] = (0, import_react50.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react50.useState)(null);
-  const handleRestore = (0, import_react50.useCallback)(async () => {
+  const [password, setPassword] = (0, import_react51.useState)("");
+  const [isWorking, setIsWorking] = (0, import_react51.useState)(false);
+  const [statusMessage, setStatusMessage] = (0, import_react51.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react51.useState)(null);
+  const handleRestore = (0, import_react51.useCallback)(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe6 = getIframeManager();
     if (!iframe6) {
@@ -18854,12 +18881,12 @@ function DeviceRestoreScreen() {
     errorMessage && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "text-sm text-[var(--ui-kit-bg-error)] p-2 text-center", children: errorMessage })
   ] });
 }
-var import_lucide_react36, import_react50, import_jsx_runtime77;
+var import_lucide_react36, import_react51, import_jsx_runtime77;
 var init_DeviceRestoreScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx"() {
     init_SessionContext();
     import_lucide_react36 = require("lucide-react");
-    import_react50 = require("react");
+    import_react51 = require("react");
     init_guardian_backup();
     init_useLayoutDataStore();
     init_iframe_manager();
@@ -18879,8 +18906,8 @@ function truncateAddress(address) {
   return `${address.slice(0, 6)}...${address.slice(-4)}`;
 }
 function DeviceRow({ device }) {
-  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react51.useState)(false);
-  const [unlinkError, setUnlinkError] = (0, import_react51.useState)(null);
+  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react52.useState)(false);
+  const [unlinkError, setUnlinkError] = (0, import_react52.useState)(null);
   const { mutate: unlink, isPending } = useUnlinkDevice();
   if (confirmingUnlink) {
     return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-2 p-3 rounded-lg bg-[var(--ui-kit-bg)]", children: [
@@ -18981,11 +19008,11 @@ function DevicesMenu() {
     ] })
   ] });
 }
-var import_lucide_react37, import_react51, import_jsx_runtime78;
+var import_lucide_react37, import_react52, import_jsx_runtime78;
 var init_DevicesMenu = __esm({
   "src/internal/components/DevicesMenu/DevicesMenu.tsx"() {
     import_lucide_react37 = require("lucide-react");
-    import_react51 = require("react");
+    import_react52 = require("react");
     init_devices();
     init_guardian_backup();
     init_useLayoutDataStore();
@@ -19045,7 +19072,7 @@ function useOnRestoreSuccess() {
     setStatus
   } = useSession();
   const { setError, setSuccess } = useRestoreStore();
-  const createSessionWithKeyshare = (0, import_react52.useCallback)(
+  const createSessionWithKeyshare = (0, import_react53.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -19086,7 +19113,7 @@ function useOnRestoreSuccess() {
     },
     [setStatus, usePaymaster, activeChainId, publicClient]
   );
-  const onRestoreSuccess = (0, import_react52.useCallback)(async () => {
+  const onRestoreSuccess = (0, import_react53.useCallback)(async () => {
     const { verifyToken: verifyToken2, jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
     const verify = await verifyToken2();
     const hasServerKeyshare = verify?.hasKeyshare ?? jwtTokenManager4.getHasKeyshare() ?? false;
@@ -19152,12 +19179,12 @@ function useOnRestoreSuccess() {
   ]);
   return { onRestoreSuccess };
 }
-var import_react52;
+var import_react53;
 var init_useOnRestoreSuccess = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useOnRestoreSuccess.ts"() {
     init_ProviderContext();
     init_SessionContext();
-    import_react52 = require("react");
+    import_react53 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_useRestoreStore();
@@ -19420,7 +19447,7 @@ function useCreateBackup() {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const restorePassword = useRestoreStore((st) => st.restorePassword);
   const selectedCloudProvider = useRestoreStore((st) => st.selectedCloudProvider);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (!hasServerVault) {
       useRestoreStore.getState().setMethod("server");
       useLayoutStore.getState().setIsDialogForced(true);
@@ -19428,7 +19455,7 @@ function useCreateBackup() {
   }, [hasServerVault]);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const passportUserId = session?.mpcUserId || recoveryUserId || "";
-  const onBackupSuccess = (0, import_react53.useCallback)((method) => {
+  const onBackupSuccess = (0, import_react54.useCallback)((method) => {
     console.log(`[EMBARKAI BACKUP] ${method} backup created successfully`);
     if (method !== "server") return;
     const { setIsDialogForced } = useLayoutStore.getState();
@@ -19601,12 +19628,12 @@ function useCreateBackup() {
     createPasskey
   };
 }
-var import_react_query27, import_react53;
+var import_react_query27, import_react54;
 var init_useCreateBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts"() {
     init_SessionContext();
     import_react_query27 = require("@tanstack/react-query");
-    import_react53 = require("react");
+    import_react54 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -19743,7 +19770,7 @@ function useValidateFileBackup() {
   const restoreFile = useRestoreStore((st) => st.restoreFile);
   const setError = useRestoreStore((st) => st.setError);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (!restoreFile) {
       return;
     }
@@ -19764,10 +19791,10 @@ function useValidateFileBackup() {
     reader.readAsText(restoreFile);
   }, [restoreFile]);
 }
-var import_react54;
+var import_react55;
 var init_useValidateFileBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useValidateFileBackup.ts"() {
-    import_react54 = require("react");
+    import_react55 = require("react");
     init_useRestoreStore();
   }
 });
@@ -19795,7 +19822,7 @@ function MethodSelector(props) {
     setError,
     setSuccess
   } = useRestoreStore();
-  const recoveryRenderMethods = (0, import_react55.useMemo)(() => {
+  const recoveryRenderMethods = (0, import_react56.useMemo)(() => {
     const methodsWithBackupData = getRecoveryRenderMethods(mode).map((mt) => {
       let data = null;
       switch (true) {
@@ -19810,7 +19837,7 @@ function MethodSelector(props) {
     return methodsWithBackupData;
   }, [mode, serverRecoveryStatus]);
   if (!!selectedRecoveryMethod) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react55.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     "div",
     {
       style: { gridTemplateColumns: `repeat(${recoveryRenderMethods.length}, minmax(0, 1fr))` },
@@ -19844,12 +19871,12 @@ function MethodSelector(props) {
     }
   ) });
 }
-var import_lucide_react38, import_react55, import_jsx_runtime79, getRecoveryRenderMethods;
+var import_lucide_react38, import_react56, import_jsx_runtime79, getRecoveryRenderMethods;
 var init_MethodSelector = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/MethodSelector.tsx"() {
     init_useT();
     import_lucide_react38 = require("lucide-react");
-    import_react55 = require("react");
+    import_react56 = require("react");
     init_icons();
     init_guardian_backup();
     init_button();
@@ -19985,7 +20012,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = (0, import_react56.useRef)(null);
+  const actionRef = (0, import_react57.useRef)(null);
   const {
     showPassword,
     restorePassword,
@@ -19999,7 +20026,7 @@ function PasswordPasskey(props) {
   } = useRestoreStore();
   const { config } = useProviderConfig();
   const isPasskeyEnabled = config.current.passkey.enabled;
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (!isPasskeyEnabled && usePasskey) setUsePasskey(false);
   }, [isPasskeyEnabled, usePasskey]);
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
@@ -20163,7 +20190,7 @@ function PasswordPasskey(props) {
     ] })
   ] });
 }
-var import_lucide_react39, import_react56, import_jsx_runtime80;
+var import_lucide_react39, import_react57, import_jsx_runtime80;
 var init_PasswordPasskey = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx"() {
     init_ProviderContext();
@@ -20171,7 +20198,7 @@ var init_PasswordPasskey = __esm({
     init_i18n();
     init_utils();
     import_lucide_react39 = require("lucide-react");
-    import_react56 = require("react");
+    import_react57 = require("react");
     init_icons();
     init_Onboarding();
     init_button();
@@ -20348,7 +20375,7 @@ function Server(props) {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
   const serverRecoveryStatus = qc.getQueryData([CHECK_BACKUP_QUERY_KEY, address]);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (mode === "backup" || !serverRecoveryStatus?.created?.encryptionMethod) return;
     setUsePasskey(serverRecoveryStatus.created.encryptionMethod === "passkey");
   }, [mode, serverRecoveryStatus, setUsePasskey]);
@@ -20391,7 +20418,7 @@ function Server(props) {
     )
   ] });
 }
-var import_react_query29, import_dayjs4, import_lucide_react42, import_react57, import_jsx_runtime83;
+var import_react_query29, import_dayjs4, import_lucide_react42, import_react58, import_jsx_runtime83;
 var init_Server = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Server.tsx"() {
     init_SessionContext();
@@ -20400,7 +20427,7 @@ var init_Server = __esm({
     import_react_query29 = require("@tanstack/react-query");
     import_dayjs4 = __toESM(require("dayjs"), 1);
     import_lucide_react42 = require("lucide-react");
-    import_react57 = require("react");
+    import_react58 = require("react");
     init_Onboarding();
     init_highlight();
     init_PasswordPasskey();
@@ -20564,7 +20591,7 @@ function Cloud2(props) {
       return availableProviders.map((p) => ({ id: p.id, name: p.name, available: p.isAvailable() }));
     }
   });
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (isCloudProvidersLoading) return;
     if (!!cloudProvidersError) {
       console.error("[KeyshareBackup] Failed to load cloud providers:", cloudProvidersError);
@@ -20628,13 +20655,13 @@ function Cloud2(props) {
     )
   ] });
 }
-var import_react_query30, import_lucide_react44, import_react58, import_jsx_runtime85;
+var import_react_query30, import_lucide_react44, import_react59, import_jsx_runtime85;
 var init_Cloud = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx"() {
     init_SessionContext();
     import_react_query30 = require("@tanstack/react-query");
     import_lucide_react44 = require("lucide-react");
-    import_react58 = require("react");
+    import_react59 = require("react");
     init_button();
     init_select();
     init_PasswordPasskey();
@@ -20651,8 +20678,8 @@ function Guardian(props) {
   const session = useSession((st) => st.session);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const { onRestoreSuccess } = useOnRestoreSuccess();
-  const [isWorking, setIsWorking] = (0, import_react59.useState)(false);
-  const [step, setStep] = (0, import_react59.useState)("idle");
+  const [isWorking, setIsWorking] = (0, import_react60.useState)(false);
+  const [step, setStep] = (0, import_react60.useState)("idle");
   const handleGuardianBackup = async () => {
     if (!restorePassword) {
       setError("Please enter a password");
@@ -20781,11 +20808,11 @@ function Guardian(props) {
     ] })
   ] });
 }
-var import_react59, import_lucide_react45, import_jsx_runtime86;
+var import_react60, import_lucide_react45, import_jsx_runtime86;
 var init_Guardian = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Guardian.tsx"() {
     init_SessionContext();
-    import_react59 = require("react");
+    import_react60 = require("react");
     import_lucide_react45 = require("lucide-react");
     init_iframe_manager();
     init_guardian_backup();
@@ -20808,7 +20835,7 @@ var init_methods = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
-var import_react_query31, import_lucide_react46, import_react60, import_wagmi5, import_jsx_runtime87, RESTORE_COMPONENTS, KeyshareRestoreMenu;
+var import_react_query31, import_lucide_react46, import_react61, import_wagmi5, import_jsx_runtime87, RESTORE_COMPONENTS, KeyshareRestoreMenu;
 var init_KeyshareRestoreMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx"() {
     init_ProviderContext();
@@ -20816,7 +20843,7 @@ var init_KeyshareRestoreMenu = __esm({
     init_i18n();
     import_react_query31 = require("@tanstack/react-query");
     import_lucide_react46 = require("lucide-react");
-    import_react60 = require("react");
+    import_react61 = require("react");
     import_wagmi5 = require("wagmi");
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -20846,7 +20873,7 @@ var init_KeyshareRestoreMenu = __esm({
       const error = useRestoreStore((st) => st.error);
       const success = useRestoreStore((st) => st.success);
       const currentRestoreMethod = useRestoreStore((st) => st.method);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         const { setIsDialogForced } = useLayoutStore.getState();
         const { setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
         setIsDialogForced(true);
@@ -20885,7 +20912,7 @@ var init_KeyshareRestoreMenu = __esm({
         queryFn: async () => await getShareRecoveryStats()
       });
       const hasServerBackup = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!!hasServerBackup) useRestoreStore.getState().setMethod("server");
       }, [hasServerBackup]);
       const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query31.useMutation)({
@@ -21032,7 +21059,7 @@ function KeyshareBackupMenu() {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const error = useRestoreStore((st) => st.error);
   const success = useRestoreStore((st) => st.success);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     const { setSuccess, setError, setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
     return () => {
       setSuccess(null);
@@ -21052,7 +21079,7 @@ function KeyshareBackupMenu() {
   });
   useOnboardingTourAvailable(!isRecoveryLoading && currentBackupMethod === "server" && !usePasskey);
   const hasRecoveryData2 = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     if (!!hasRecoveryData2) useRestoreStore.getState().setMethod("server");
   }, [hasRecoveryData2]);
   const {
@@ -21171,14 +21198,14 @@ function KeyshareBackupMenu() {
     ] })
   ] });
 }
-var import_react_query32, import_lucide_react47, import_react61, import_jsx_runtime88, COMPONENTS;
+var import_react_query32, import_lucide_react47, import_react62, import_jsx_runtime88, COMPONENTS;
 var init_KeyshareBackupMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query32 = require("@tanstack/react-query");
     import_lucide_react47 = require("lucide-react");
-    import_react61 = require("react");
+    import_react62 = require("react");
     init_useLayoutDataStore();
     init_vaultClient();
     init_Expandable2();
@@ -21306,13 +21333,13 @@ var init_SumsubIframeManager = __esm({
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = (0, import_react62.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react62.useState)(true);
-  const [error, setError] = (0, import_react62.useState)(null);
-  const [height, setHeight] = (0, import_react62.useState)(0);
-  const [status, setStatus] = (0, import_react62.useState)("");
+  const iframeRef = (0, import_react63.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react63.useState)(true);
+  const [error, setError] = (0, import_react63.useState)(null);
+  const [height, setHeight] = (0, import_react63.useState)(0);
+  const [status, setStatus] = (0, import_react63.useState)("");
   const levelName = config.current?.kyc?.options?.levelName;
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     setError(null);
     setIsLoading(true);
     setStatus("Preparing verification...");
@@ -21353,12 +21380,12 @@ function useSumsubIframe({ iframeUrl }) {
     status
   };
 }
-var import_react62;
+var import_react63;
 var init_useSumsubIframe = __esm({
   "src/internal/components/KYC/useSumsubIframe.ts"() {
     init_ProviderContext();
     init_useColorMode();
-    import_react62 = require("react");
+    import_react63 = require("react");
     init_sumsub();
     init_SumsubIframeManager();
   }
@@ -21566,11 +21593,11 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
   const activeChainConfig = useSession((st) => st.chainConfig);
   const resolvedChainId = chainId ?? activeChainId;
   const shouldUseActiveClient = !chainId || chainId === activeChainId;
-  const chainConfig = (0, import_react63.useMemo)(() => {
+  const chainConfig = (0, import_react64.useMemo)(() => {
     if (shouldUseActiveClient) return activeChainConfig;
     return (0, import_read16.getChainConfig)(chainId);
   }, [activeChainConfig, chainId, shouldUseActiveClient]);
-  const publicClient = (0, import_react63.useMemo)(() => {
+  const publicClient = (0, import_react64.useMemo)(() => {
     if (shouldUseActiveClient) return activePublicClient;
     if (!chainId) return activePublicClient;
     try {
@@ -21587,12 +21614,12 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
     resolvedChainId
   };
 }
-var import_read16, import_react63, publicClientByChainId;
+var import_read16, import_react64, publicClientByChainId;
 var init_useResolvedPublicClient = __esm({
   "src/internal/hooks/useResolvedPublicClient.ts"() {
     init_SessionContext();
     import_read16 = require("@embarkai/core/read");
-    import_react63 = require("react");
+    import_react64 = require("react");
     publicClientByChainId = /* @__PURE__ */ new Map();
   }
 });
@@ -21656,7 +21683,7 @@ var init_useNativeBalance = __esm({
 function useWatchTokens(options) {
   const { address, chainId, enabled, publicClient } = options;
   const { config } = useProviderConfig();
-  const watchTokens = (0, import_react64.useMemo)(() => {
+  const watchTokens = (0, import_react65.useMemo)(() => {
     const allWatchTokens = config.current.watchTokens;
     const tokensForChain = chainId ? allWatchTokens?.[chainId] || [] : [];
     return tokensForChain;
@@ -21724,12 +21751,12 @@ function useWatchTokens(options) {
     }
   });
 }
-var import_react_query35, import_react64, import_viem8;
+var import_react_query35, import_react65, import_viem8;
 var init_useWatchTokens = __esm({
   "src/internal/hooks/useBlockscoutAssets/useWatchTokens.ts"() {
     init_ProviderContext();
     import_react_query35 = require("@tanstack/react-query");
-    import_react64 = require("react");
+    import_react65 = require("react");
     import_viem8 = require("viem");
     init_constants6();
   }
@@ -21878,11 +21905,11 @@ function useBlockscoutAssets(options) {
     tokenBalancesQueryKey: customTokenBalancesQueryKey
   } = useProviderConfig().config?.current?.portfolio || {};
   const blockscoutApiUrl = getBlockscoutApiUrl(chainConfig);
-  const blockscoutClient = (0, import_react65.useMemo)(
+  const blockscoutClient = (0, import_react66.useMemo)(
     () => blockscoutApiUrl ? (0, import_core4.createBlockscoutClient)({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = (0, import_react65.useRef)(0);
+  const lastRefreshRef = (0, import_react66.useRef)(0);
   const {
     data: watchTokenAssets = [],
     isLoading: watchTokensLoading,
@@ -21954,7 +21981,7 @@ function useBlockscoutAssets(options) {
     queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", resolvedChainId, blockscoutApiUrl, address],
     queryFn: () => blockscoutClient.getNfts(address)
   });
-  const erc20TokenAddresses = (0, import_react65.useMemo)(() => {
+  const erc20TokenAddresses = (0, import_react66.useMemo)(() => {
     if (!blockscoutItems) return [];
     return blockscoutItems.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [blockscoutItems]);
@@ -21999,7 +22026,7 @@ function useBlockscoutAssets(options) {
     // 1 minute
     // gcTime: BLOCKSCOUT_QUERY_GC_TIME,
   });
-  const assets = (0, import_react65.useMemo)(() => {
+  const assets = (0, import_react66.useMemo)(() => {
     const result = [];
     const addedAddresses = /* @__PURE__ */ new Set();
     if (nativeBalanceData) {
@@ -22093,7 +22120,7 @@ function useBlockscoutAssets(options) {
     watchTokenAssets,
     chainConfig
   ]);
-  const nativeBalance = (0, import_react65.useMemo)(() => {
+  const nativeBalance = (0, import_react66.useMemo)(() => {
     if (!nativeBalanceData) return null;
     return {
       value: nativeBalanceData.value,
@@ -22101,11 +22128,11 @@ function useBlockscoutAssets(options) {
       symbol: nativeBalanceData.symbol
     };
   }, [nativeBalanceData]);
-  const error = (0, import_react65.useMemo)(() => {
+  const error = (0, import_react66.useMemo)(() => {
     if (!blockscoutError) return null;
     return createError(blockscoutError);
   }, [blockscoutError]);
-  const refreshBalances = (0, import_react65.useCallback)(async () => {
+  const refreshBalances = (0, import_react66.useCallback)(async () => {
     const now = Date.now();
     if (now - lastRefreshRef.current < BLOCKSCOUT_REFRESH_DEBOUNCE) {
       return;
@@ -22121,7 +22148,7 @@ function useBlockscoutAssets(options) {
       qc.invalidateQueries({ queryKey: [WATCH_TOKENS_QUERY_KEY] })
     ]);
   }, [qc, customTokenBalancesQueryKey]);
-  const getTokenBalance = (0, import_react65.useCallback)(
+  const getTokenBalance = (0, import_react66.useCallback)(
     (tokenAddress) => {
       return assets.find((a) => a.address?.toLowerCase() === tokenAddress.toLowerCase()) || null;
     },
@@ -22140,13 +22167,13 @@ function useBlockscoutAssets(options) {
     lastUpdated: dataUpdatedAt || null
   };
 }
-var import_core4, import_react_query36, import_react65;
+var import_core4, import_react_query36, import_react66;
 var init_useBlockscoutAssets = __esm({
   "src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts"() {
     init_ProviderContext();
     import_core4 = require("@embarkai/core");
     import_react_query36 = require("@tanstack/react-query");
-    import_react65 = require("react");
+    import_react66 = require("react");
     init_initial();
     init_constants();
     init_useResolvedPublicClient();
@@ -22266,9 +22293,9 @@ function SecurityTokenBadge() {
 }
 function PortfolioItemImage(props) {
   const { asset } = props;
-  const [logoError, setLogoError] = (0, import_react66.useState)(false);
-  const [nftImageError, setNftImageError] = (0, import_react66.useState)(false);
-  const resolvedImage = (0, import_react66.useMemo)(() => {
+  const [logoError, setLogoError] = (0, import_react67.useState)(false);
+  const [nftImageError, setNftImageError] = (0, import_react67.useState)(false);
+  const resolvedImage = (0, import_react67.useMemo)(() => {
     const isNft = isNftAsset(asset);
     const nftImage = getNftImage(asset);
     const isSecurity = isSecurityToken(asset);
@@ -22423,13 +22450,13 @@ function PortfolioItem(props) {
     }
   );
 }
-var import_react_query37, import_lucide_react51, import_react66, import_viem11, import_jsx_runtime94, PORTFOLIO_ASSET_RATE_QUERY_KEY;
+var import_react_query37, import_lucide_react51, import_react67, import_viem11, import_jsx_runtime94, PORTFOLIO_ASSET_RATE_QUERY_KEY;
 var init_PortfolioItem = __esm({
   "src/internal/components/PortfolioMenu/PortfolioItem.tsx"() {
     init_ProviderContext();
     import_react_query37 = require("@tanstack/react-query");
     import_lucide_react51 = require("lucide-react");
-    import_react66 = require("react");
+    import_react67 = require("react");
     import_viem11 = require("viem");
     init_tokens();
     init_base3();
@@ -22461,7 +22488,7 @@ function PortfolioMenu() {
     enabled: !!address
   });
   const shownProjectAssets = projectAssets.filter((asset) => !asset.hideInPortfolio);
-  const refreshAllAssetsBalances = (0, import_react67.useCallback)(() => {
+  const refreshAllAssetsBalances = (0, import_react68.useCallback)(() => {
     Promise.all(shownProjectAssets.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
     refreshBlockscoutBalances();
   }, [qc, shownProjectAssets, refreshBlockscoutBalances]);
@@ -22507,7 +22534,7 @@ function PortfolioMenu() {
     blockscoutError && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Highlight, { type: "error", children: blockscoutError?.message })
   ] });
 }
-var import_react_query38, import_lucide_react52, import_react67, import_jsx_runtime95;
+var import_react_query38, import_lucide_react52, import_react68, import_jsx_runtime95;
 var init_PortfolioMenu = __esm({
   "src/internal/components/PortfolioMenu/PortfolioMenu.tsx"() {
     init_ProviderContext();
@@ -22515,7 +22542,7 @@ var init_PortfolioMenu = __esm({
     init_i18n();
     import_react_query38 = require("@tanstack/react-query");
     import_lucide_react52 = require("lucide-react");
-    import_react67 = require("react");
+    import_react68 = require("react");
     init_useBlockscoutAssets2();
     init_useLayoutDataStore();
     init_Expandable2();
@@ -22826,7 +22853,7 @@ var init_useNicknameStore = __esm({
 function useNicknameAvailability(currentNickname) {
   const { t } = useT();
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (!currentNickname) return;
     useNicknameStore.getState().setNicknameValue(currentNickname);
   }, [currentNickname]);
@@ -22847,8 +22874,8 @@ function useNicknameAvailability(currentNickname) {
       useNicknameStore.getState().setError(error?.message || "Failed to check nickname availability");
     }
   });
-  const debouncedCheckAvailability = (0, import_react68.useCallback)((0, import_lodash_es13.debounce)(checkAvailability, DEBOUNCE_MS), [checkAvailability]);
-  (0, import_react68.useEffect)(() => {
+  const debouncedCheckAvailability = (0, import_react69.useCallback)((0, import_lodash_es13.debounce)(checkAvailability, DEBOUNCE_MS), [checkAvailability]);
+  (0, import_react69.useEffect)(() => {
     if (!currentNickname) return;
     const normalizedInputValue = normalizeNickname(nicknameValue);
     const { valid: isNicknameValid } = validateNickname(nicknameValue);
@@ -22862,13 +22889,13 @@ function useNicknameAvailability(currentNickname) {
   }, [nicknameValue, currentNickname, debouncedCheckAvailability]);
   return { isCheckingAvailability };
 }
-var import_react_query39, import_lodash_es13, import_react68, DEBOUNCE_MS;
+var import_react_query39, import_lodash_es13, import_react69, DEBOUNCE_MS;
 var init_useNicknameAvailability = __esm({
   "src/internal/components/NicknameMenu/useNicknameAvailability.ts"() {
     init_i18n();
     import_react_query39 = require("@tanstack/react-query");
     import_lodash_es13 = require("lodash-es");
-    import_react68 = require("react");
+    import_react69 = require("react");
     init_nickname();
     init_nickname_errors();
     init_nickname_validation();
@@ -22889,9 +22916,9 @@ function NicknameEditForm(props) {
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
   const nicknameAvailability = useNicknameStore((st) => st.availability);
   const { isCheckingAvailability } = useNicknameAvailability(nicknameInfo ? nicknameInfo.handle : "");
-  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react69.useState)(false);
-  const exitTimerRef = (0, import_react69.useRef)(null);
-  (0, import_react69.useEffect)(() => () => {
+  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react70.useState)(false);
+  const exitTimerRef = (0, import_react70.useRef)(null);
+  (0, import_react70.useEffect)(() => () => {
     if (exitTimerRef.current) clearTimeout(exitTimerRef.current);
   }, []);
   const { mutate: changeNickname2, isPending: isNicknameChanging } = (0, import_react_query40.useMutation)({
@@ -22925,7 +22952,7 @@ function NicknameEditForm(props) {
       );
     }
   });
-  const handleNicknameInputChange = (0, import_react69.useCallback)(
+  const handleNicknameInputChange = (0, import_react70.useCallback)(
     (e) => {
       const { error, setError, setNicknameValue } = useNicknameStore.getState();
       const nextInputValue = e.target.value;
@@ -22939,7 +22966,7 @@ function NicknameEditForm(props) {
     },
     [t]
   );
-  const handleSubmit = (0, import_react69.useCallback)(
+  const handleSubmit = (0, import_react70.useCallback)(
     (e) => {
       const { nicknameValue: nicknameValue2, setError } = useNicknameStore.getState();
       if (!canChange) {
@@ -23031,7 +23058,7 @@ function NicknameEditForm(props) {
     !!canChange && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "w-full flex items-center leadding-4 text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:nicknameMenu.hint") })
   ] });
 }
-var import_react_query40, import_lucide_react55, import_react69, import_jsx_runtime98;
+var import_react_query40, import_lucide_react55, import_react70, import_jsx_runtime98;
 var init_NicknameEditForm = __esm({
   "src/internal/components/NicknameMenu/NicknameEditForm.tsx"() {
     init_ProviderContext();
@@ -23039,7 +23066,7 @@ var init_NicknameEditForm = __esm({
     init_i18n();
     import_react_query40 = require("@tanstack/react-query");
     import_lucide_react55 = require("lucide-react");
-    import_react69 = require("react");
+    import_react70 = require("react");
     init_icons();
     init_nickname();
     init_profile();
@@ -23075,7 +23102,7 @@ function NicknameMenu() {
     queryFn: async () => await getNicknameInfo()
   });
   const resolvedError = nicknameError || nicknameInfoError?.message || null;
-  (0, import_react70.useEffect)(() => () => useNicknameStore.getState().reset(), []);
+  (0, import_react71.useEffect)(() => () => useNicknameStore.getState().reset(), []);
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)] ", children: [
       /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
@@ -23142,7 +23169,7 @@ function NicknameMenu() {
     !!resolvedError?.length && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Highlight, { type: "error", children: resolvedError })
   ] });
 }
-var import_react_query41, import_dayjs5, import_lucide_react56, import_react70, import_jsx_runtime99;
+var import_react_query41, import_dayjs5, import_lucide_react56, import_react71, import_jsx_runtime99;
 var init_NicknameMenu = __esm({
   "src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
     init_SessionContext();
@@ -23151,7 +23178,7 @@ var init_NicknameMenu = __esm({
     import_react_query41 = require("@tanstack/react-query");
     import_dayjs5 = __toESM(require("dayjs"), 1);
     import_lucide_react56 = require("lucide-react");
-    import_react70 = require("react");
+    import_react71 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -23281,12 +23308,12 @@ function ReceiveMenu() {
     queryKey: [QUERY_KEYS.nicknameInfo, address],
     queryFn: async () => await getNicknameInfo()
   });
-  const [qrCodeUrl, setQrCodeUrl] = (0, import_react71.useState)("");
-  const [isAddressCopied, setAddressCopied] = (0, import_react71.useState)(false);
-  const [isNicknameCopied, setNicknameCopied] = (0, import_react71.useState)(false);
-  const [fingerprintCopied, setFingerprintCopied] = (0, import_react71.useState)(false);
+  const [qrCodeUrl, setQrCodeUrl] = (0, import_react72.useState)("");
+  const [isAddressCopied, setAddressCopied] = (0, import_react72.useState)(false);
+  const [isNicknameCopied, setNicknameCopied] = (0, import_react72.useState)(false);
+  const [fingerprintCopied, setFingerprintCopied] = (0, import_react72.useState)(false);
   useOnboardingTourAvailable(true);
-  const fingerprint = (0, import_react71.useMemo)(() => {
+  const fingerprint = (0, import_react72.useMemo)(() => {
     if (!session?.ownerAddress) return null;
     try {
       return generateFingerprint(session.ownerAddress);
@@ -23294,7 +23321,7 @@ function ReceiveMenu() {
       return null;
     }
   }, [session?.ownerAddress]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (!address) return;
     import_qrcode.default.toDataURL(address, {
       width: 200,
@@ -23393,7 +23420,7 @@ function ReceiveMenu() {
     ] })
   ] });
 }
-var import_react_query42, import_lucide_react57, import_qrcode, import_react71, import_jsx_runtime100;
+var import_react_query42, import_lucide_react57, import_qrcode, import_react72, import_jsx_runtime100;
 var init_ReceiveMenu = __esm({
   "src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
     init_SessionContext();
@@ -23401,7 +23428,7 @@ var init_ReceiveMenu = __esm({
     import_react_query42 = require("@tanstack/react-query");
     import_lucide_react57 = require("lucide-react");
     import_qrcode = __toESM(require("qrcode"), 1);
-    import_react71 = require("react");
+    import_react72 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -23781,14 +23808,14 @@ var init_ConnectedApps2 = __esm({
 });
 
 // src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx
-var import_lucide_react60, import_react72, import_jsx_runtime103, KeyshareStatus;
+var import_lucide_react60, import_react73, import_jsx_runtime103, KeyshareStatus;
 var init_KeyshareStatus = __esm({
   "src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx"() {
     import_lucide_react60 = require("lucide-react");
-    import_react72 = require("react");
+    import_react73 = require("react");
     init_utils();
     import_jsx_runtime103 = require("react/jsx-runtime");
-    KeyshareStatus = (0, import_react72.forwardRef)((props, ref) => {
+    KeyshareStatus = (0, import_react73.forwardRef)((props, ref) => {
       const { isLoading, content, icon: Icon2, children } = props;
       if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react60.Loader, { className: "w-4 h-4 animate-spin" });
       return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { ref, className: "group relative w-full h-full", children: [
@@ -24115,10 +24142,10 @@ function updateLimits(patch) {
   usePolicyForm.setState((st) => ({ ...st, limits: { ...st?.limits, ...patch } }));
 }
 function useWatchFormData() {
-  const [showFormErrors, setShowFormErrors] = (0, import_react73.useState)(false);
+  const [showFormErrors, setShowFormErrors] = (0, import_react74.useState)(false);
   const formData = usePolicyForm();
   const formState = usePolicyFormValidation();
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (!formData) return;
     setShowFormErrors(false);
     const errors = {};
@@ -24145,7 +24172,7 @@ function useWatchFormData() {
     }
     usePolicyFormValidation.setState(errors, true);
   }, [formData]);
-  (0, import_react73.useEffect)(() => () => usePolicyFormValidation.setState({}, true), []);
+  (0, import_react74.useEffect)(() => () => usePolicyFormValidation.setState({}, true), []);
   const formErrorItem = Object.entries(formState).find(([_, value]) => value?.error);
   const formErrorMessage = formErrorItem ? `${formErrorItem[0].toUpperCase()}: ${formErrorItem[1]?.error}` : "";
   return {
@@ -24156,10 +24183,10 @@ function useWatchFormData() {
     setShowFormErrors
   };
 }
-var import_react73, import_zustand14, usePolicyForm, usePolicyFormValidation;
+var import_react74, import_zustand14, usePolicyForm, usePolicyFormValidation;
 var init_usePolicyForm = __esm({
   "src/internal/components/SecurityMenu/UserPolicies/usePolicyForm.ts"() {
-    import_react73 = require("react");
+    import_react74 = require("react");
     import_zustand14 = require("zustand");
     init_utils10();
     usePolicyForm = (0, import_zustand14.create)(() => null);
@@ -24190,10 +24217,10 @@ var init_useUserAssetsPolicies = __esm({
 // src/internal/components/SecurityMenu/UserPolicies/PolicyForm.tsx
 function AddressListEditor(props) {
   const { label, assets = [], addresses, onChange } = props;
-  const [isAssetSelector, setIsAssetSelector] = (0, import_react74.useState)(false);
-  const [customAddress, setCustomAddress] = (0, import_react74.useState)("");
-  const [customAddressError, setCustomAddressError] = (0, import_react74.useState)(null);
-  const handleAddress = (0, import_react74.useCallback)(
+  const [isAssetSelector, setIsAssetSelector] = (0, import_react75.useState)(false);
+  const [customAddress, setCustomAddress] = (0, import_react75.useState)("");
+  const [customAddressError, setCustomAddressError] = (0, import_react75.useState)(null);
+  const handleAddress = (0, import_react75.useCallback)(
     (addressToAdd) => {
       if (!isValidAddress(addressToAdd)) {
         setCustomAddressError("Bad address");
@@ -24420,14 +24447,14 @@ function PolicyForm() {
     showFormErrors && formErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Highlight, { type: "error", children: formErrorMessage })
   ] });
 }
-var import_react_query47, import_lucide_react63, import_react74, import_jsx_runtime106;
+var import_react_query47, import_lucide_react63, import_react75, import_jsx_runtime106;
 var init_PolicyForm = __esm({
   "src/internal/components/SecurityMenu/UserPolicies/PolicyForm.tsx"() {
     init_SessionContext();
     init_useT();
     import_react_query47 = require("@tanstack/react-query");
     import_lucide_react63 = require("lucide-react");
-    import_react74 = require("react");
+    import_react75 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -24509,7 +24536,7 @@ function UserPolicies() {
   const config = useProviderConfig().config;
   const mpcUserId = useSession((st) => st.session?.mpcUserId);
   const activeChainId = useSession((st) => st.activeChainId);
-  const [isConfirmingDelete, setIsConfirmingDelete] = (0, import_react75.useState)(false);
+  const [isConfirmingDelete, setIsConfirmingDelete] = (0, import_react76.useState)(false);
   const { data: policyView, isLoading: isPolicyLoading } = useUserAssetsPolicies(activeChainId);
   const { mutate: cancelPending, isPending: isCancellingPending } = (0, import_react_query48.useMutation)({
     mutationFn: async () => {
@@ -24622,7 +24649,7 @@ function UserPolicies() {
     ] })
   ] });
 }
-var import_react_query48, import_clsx3, import_lucide_react64, import_react75, import_jsx_runtime107;
+var import_react_query48, import_clsx3, import_lucide_react64, import_react76, import_jsx_runtime107;
 var init_UserPolicies = __esm({
   "src/internal/components/SecurityMenu/UserPolicies/UserPolicies.tsx"() {
     init_ProviderContext();
@@ -24631,7 +24658,7 @@ var init_UserPolicies = __esm({
     import_react_query48 = require("@tanstack/react-query");
     import_clsx3 = __toESM(require("clsx"), 1);
     import_lucide_react64 = require("lucide-react");
-    import_react75 = require("react");
+    import_react76 = require("react");
     init_button();
     init_highlight();
     init_api4();
@@ -24656,7 +24683,7 @@ var init_UserPolicies2 = __esm({
 
 // src/internal/components/SecurityMenu/useSecurityMenuParams.ts
 function useSecurityMenuParams() {
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams || !(0, import_lodash_es14.keys)(pageParams).length) return;
     const { submenu } = pageParams;
@@ -24680,11 +24707,11 @@ function useSecurityMenuParams() {
     setPageParams(null);
   }, []);
 }
-var import_lodash_es14, import_react76;
+var import_lodash_es14, import_react77;
 var init_useSecurityMenuParams = __esm({
   "src/internal/components/SecurityMenu/useSecurityMenuParams.ts"() {
     import_lodash_es14 = require("lodash-es");
-    import_react76 = require("react");
+    import_react77 = require("react");
     init_useLayoutDataStore();
     init_UserPolicies2();
     init_useSecurityStore();
@@ -24699,7 +24726,7 @@ function SecurityMenuContent() {
   const { appToUntrust, showConnectedApps, showAssetsPolicies } = useSecurityStore();
   const policyForm = usePolicyForm();
   useOnboardingTourAvailable(!showConnectedApps && !showAssetsPolicies);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     let securityTitle = "";
     switch (true) {
       case showConnectedApps:
@@ -24720,7 +24747,7 @@ function SecurityMenuContent() {
     return () => {
     };
   }, [t, showConnectedApps, showAssetsPolicies, policyForm]);
-  (0, import_react77.useEffect)(
+  (0, import_react78.useEffect)(
     () => () => {
       usePolicyForm.setState(null, true);
       useSecurityStore.setState(
@@ -24814,13 +24841,13 @@ function SecurityMenu() {
     /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SecurityMenuContent, {})
   ] });
 }
-var import_lucide_react65, import_react77, import_jsx_runtime108;
+var import_lucide_react65, import_react78, import_jsx_runtime108;
 var init_SecurityMenu = __esm({
   "src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
     init_ProviderContext();
     init_i18n();
     import_lucide_react65 = require("lucide-react");
-    import_react77 = require("react");
+    import_react78 = require("react");
     init_useLayoutDataStore();
     init_Expandable2();
     init_Onboarding();
@@ -25024,8 +25051,8 @@ var init_SenderSelector = __esm({
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = (0, import_react78.useRef)([]);
-  (0, import_react78.useEffect)(() => {
+  const lastCalcedSenders = (0, import_react79.useRef)([]);
+  (0, import_react79.useEffect)(() => {
     const sendersAccumulator = [
       {
         type: "embarkai-wallet",
@@ -25059,13 +25086,13 @@ function useAvailableSenders() {
     directWalletProfiles: profiles.filter((p) => p.provider === "wallet")
   };
 }
-var import_react78;
+var import_react79;
 var init_useAvailableSenders = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
     init_SessionContext();
     init_tokens();
     init_linkedProfiles();
-    import_react78 = require("react");
+    import_react79 = require("react");
     init_wallets();
     init_useBridgeStore();
   }
@@ -25480,18 +25507,18 @@ function useHyperlaneHistory() {
     getNextPageParam: (lastPage) => lastPage.page < lastPage.pageCount ? lastPage.page + 1 : void 0,
     queryFn: async ({ pageParam }) => await getHyperlaneBridgeHistory({ page: pageParam, pageSize: TX_HISTORY_PAGE_SIZE })
   });
-  const txList = (0, import_react79.useMemo)(
+  const txList = (0, import_react80.useMemo)(
     () => query?.data?.pages?.map((p) => p.data).flat(Infinity) || [],
     [query?.data]
   );
   return { query, txList };
 }
-var import_react_query49, import_react79, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
+var import_react_query49, import_react80, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
 var init_useHyperlaneHistory = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts"() {
     init_SessionContext();
     import_react_query49 = require("@tanstack/react-query");
-    import_react79 = require("react");
+    import_react80 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api5();
@@ -25523,7 +25550,7 @@ function useBridge() {
   const address = useSession((st) => st.address);
   const { data: walletClient } = (0, import_wagmi6.useWalletClient)();
   const { mutateAsync: switchChainAsync } = (0, import_wagmi6.useSwitchChain)();
-  const swapDirection = (0, import_react80.useCallback)(() => {
+  const swapDirection = (0, import_react81.useCallback)(() => {
     const {
       // bridgeStep,
       originChain,
@@ -25574,7 +25601,7 @@ function useBridge() {
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
-  const handleQuoteEstimation = (0, import_react80.useCallback)((amnt) => {
+  const handleQuoteEstimation = (0, import_react81.useCallback)((amnt) => {
     const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
     if (!amnt || !Number(amnt)) {
       useBridgeStore.getState().setQuote(null);
@@ -25709,13 +25736,13 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query50, import_react80, import_wagmi6;
+var import_react_query50, import_react81, import_wagmi6;
 var init_useBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
     init_SessionContext();
     init_i18n();
     import_react_query50 = require("@tanstack/react-query");
-    import_react80 = require("react");
+    import_react81 = require("react");
     import_wagmi6 = require("wagmi");
     init_useLayoutStore();
     init_useExternalWalletStore();
@@ -25746,7 +25773,7 @@ function useHyperlaneRoutes() {
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
     queryFn: async () => await getHyperlaneWarpRoutes()
   });
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -25755,7 +25782,7 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     let targetHyperRouteToSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
     if (!targetHyperRouteToSelect) {
@@ -25780,12 +25807,12 @@ function useHyperlaneRoutes() {
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
-var import_react_query51, import_react81, HYPERLANE_WARP_ROUTES_QUERY_KEY;
+var import_react_query51, import_react82, HYPERLANE_WARP_ROUTES_QUERY_KEY;
 var init_useHyperlaneRoutes = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
     init_SessionContext();
     import_react_query51 = require("@tanstack/react-query");
-    import_react81 = require("react");
+    import_react82 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api5();
@@ -25801,7 +25828,7 @@ function useMenuTitle(warpRoutes) {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const hyperRouteMeta = warpRoutes?.length ? warpRoutes.find((route) => route.routeId === hyperRoute) : null;
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -25829,11 +25856,11 @@ function useMenuTitle(warpRoutes) {
     }
   }, [bridgeStep, hyperRouteMeta, t]);
 }
-var import_react82;
+var import_react83;
 var init_useMenuTitle = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts"() {
     init_i18n();
-    import_react82 = require("react");
+    import_react83 = require("react");
     init_useFlowSelector();
     init_useBridgeStore();
   }
@@ -26083,7 +26110,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
       };
     }
   });
-  const refreshRouteTokenBalance = (0, import_react83.useCallback)(
+  const refreshRouteTokenBalance = (0, import_react84.useCallback)(
     (senderWallet) => {
       switch (true) {
         case senderWallet === "embarkai-wallet":
@@ -26099,7 +26126,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
     },
     [refreshBalances, qc]
   );
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     if (!!isLoadingWarpRoutes || !bridgeSender || !originChain) return;
     switch (bridgeSender) {
       case "embarkai-wallet":
@@ -26130,14 +26157,14 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
     isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
   };
 }
-var import_core8, import_react_query52, import_react83, import_viem15, import_wagmi7, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
+var import_core8, import_react_query52, import_react84, import_viem15, import_wagmi7, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
 var init_useBridgeBalance = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts"() {
     init_SessionContext();
     init_i18n();
     import_core8 = require("@embarkai/core");
     import_react_query52 = require("@tanstack/react-query");
-    import_react83 = require("react");
+    import_react84 = require("react");
     import_viem15 = require("viem");
     import_wagmi7 = require("wagmi");
     init_useBlockscoutAssets2();
@@ -26266,7 +26293,7 @@ function SelectStep(props) {
                       variant: "outline",
                       size: "medium",
                       className: "bg-[var(--ui-kit-bg)] flex items-center gap-[var(--ui-kit-gap)]",
-                      children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_react84.Fragment, { children: [
+                      children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_react85.Fragment, { children: [
                         chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react67.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
                         /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
                       ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
@@ -26410,13 +26437,13 @@ function SelectStep(props) {
     )
   ] });
 }
-var import_lucide_react67, import_react84, import_jsx_runtime111;
+var import_lucide_react67, import_react85, import_jsx_runtime111;
 var init_SelectStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react67 = require("lucide-react");
-    import_react84 = require("react");
+    import_react85 = require("react");
     init_priceFormatter();
     init_utils();
     init_useExternalWalletStore();
@@ -26467,7 +26494,7 @@ var init_checkbox = __esm({
 // src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
 function ConfirmStep(props) {
   const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
-  const [userConsent, setUserConsent] = (0, import_react85.useState)(false);
+  const [userConsent, setUserConsent] = (0, import_react86.useState)(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -26583,13 +26610,13 @@ function ConfirmStep(props) {
     }
   );
 }
-var import_lucide_react69, import_react85, import_jsx_runtime113, P_CN;
+var import_lucide_react69, import_react86, import_jsx_runtime113, P_CN;
 var init_ConfirmStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react69 = require("lucide-react");
-    import_react85 = require("react");
+    import_react86 = require("react");
     init_priceFormatter();
     init_utils();
     init_Onboarding();
@@ -26966,7 +26993,7 @@ function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
-  const tokenList = (0, import_react86.useMemo)(() => {
+  const tokenList = (0, import_react87.useMemo)(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
     const uniqueTokens = Array.from(new Set(tokens));
     return uniqueTokens.map((symbol) => ({
@@ -27043,13 +27070,13 @@ function SelectAssetRoute(props) {
     ] })
   ] });
 }
-var import_lucide_react71, import_react86, import_jsx_runtime116;
+var import_lucide_react71, import_react87, import_jsx_runtime116;
 var init_SelectAssetRoute = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react71 = require("lucide-react");
-    import_react86 = require("react");
+    import_react87 = require("react");
     init_button();
     init_ResolveChainIcon();
     init_useBridgeStore();
@@ -27076,7 +27103,7 @@ function HyperlaneBridge() {
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   const { directWalletProfiles } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
-  (0, import_react87.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     return () => {
       useBridgeStore.getState().resetSelections();
     };
@@ -27109,10 +27136,10 @@ function HyperlaneBridge() {
     bridgeStep === "tx-history-details" && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(HistoryDetailsStep, {})
   ] });
 }
-var import_react87, import_jsx_runtime117;
+var import_react88, import_jsx_runtime117;
 var init_HyperlaneBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx"() {
-    import_react87 = require("react");
+    import_react88 = require("react");
     init_SenderSelector();
     init_useAvailableSenders();
     init_useBridge();
@@ -27130,7 +27157,7 @@ function BridgeHistorySwitch(props) {
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const lastBridgeStepRef = (0, import_react88.useRef)(null);
+  const lastBridgeStepRef = (0, import_react89.useRef)(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -27149,10 +27176,10 @@ function BridgeHistorySwitch(props) {
     }
   );
 }
-var import_react88, import_jsx_runtime118;
+var import_react89, import_jsx_runtime118;
 var init_HistorySwitch = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx"() {
-    import_react88 = require("react");
+    import_react89 = require("react");
     init_switch();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -27243,11 +27270,11 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = (0, import_react89.useState)("");
-  const [isDebouncing, setIsDebouncing] = (0, import_react89.useState)(false);
+  const [debouncedInput, setDebouncedInput] = (0, import_react90.useState)("");
+  const [isDebouncing, setIsDebouncing] = (0, import_react90.useState)(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (!isNicknameInput || !enabled) {
       setDebouncedInput("");
       setIsDebouncing(false);
@@ -27273,7 +27300,7 @@ function useNicknameResolve(input, options) {
   const isNotFound = query.isError && query.error?.code === "NICKNAME_NOT_FOUND";
   const isWalletNotSetup = !!query.data && query.data.resolvedTarget === null;
   const isFrozen = query.data?.isFrozen ?? false;
-  const fingerprintVerification = (0, import_react89.useMemo)(() => {
+  const fingerprintVerification = (0, import_react90.useMemo)(() => {
     if (!query.data?.owner || !query.data?.fingerprint) {
       return null;
     }
@@ -27295,11 +27322,11 @@ function useNicknameResolve(input, options) {
     resolvedAddress
   };
 }
-var import_react_query54, import_react89, DEBOUNCE_MS2;
+var import_react_query54, import_react90, DEBOUNCE_MS2;
 var init_useNicknameResolve = __esm({
   "src/hooks/useNicknameResolve.ts"() {
     import_react_query54 = require("@tanstack/react-query");
-    import_react89 = require("react");
+    import_react90 = require("react");
     init_nickname();
     init_profile();
     init_nickname_fingerprint();
@@ -27312,10 +27339,10 @@ var init_useNicknameResolve = __esm({
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = (0, import_react90.useState)(false);
-  const [error, setError] = (0, import_react90.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react90.useState)(null);
-  const sendTransaction = (0, import_react90.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react91.useState)(false);
+  const [error, setError] = (0, import_react91.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react91.useState)(null);
+  const sendTransaction = (0, import_react91.useCallback)(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -27412,7 +27439,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = (0, import_react90.useCallback)(() => {
+  const reset = (0, import_react91.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -27425,10 +27452,10 @@ function useSendTransaction() {
     reset
   };
 }
-var import_react90, import_viem16, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
+var import_react91, import_viem16, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
 var init_useSendTransaction = __esm({
   "src/hooks/useSendTransaction.ts"() {
-    import_react90 = require("react");
+    import_react91 = require("react");
     import_viem16 = require("viem");
     init_SessionContext();
     init_account2();
@@ -27579,7 +27606,7 @@ var init_AssetInputIcon = __esm({
 
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = (0, import_react91.useState)(false);
+  const [imageError, setImageError] = (0, import_react92.useState)(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("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__ */ (0, import_jsx_runtime120.jsx)(
@@ -27607,11 +27634,11 @@ function NftDisplayCard({ asset }) {
     ] })
   ] });
 }
-var import_lucide_react73, import_react91, import_jsx_runtime120;
+var import_lucide_react73, import_react92, import_jsx_runtime120;
 var init_NftDisplayCard = __esm({
   "src/internal/components/SendMenu/send/components/NftDisplayCard.tsx"() {
     import_lucide_react73 = require("lucide-react");
-    import_react91 = require("react");
+    import_react92 = require("react");
     import_jsx_runtime120 = require("react/jsx-runtime");
   }
 });
@@ -27731,7 +27758,7 @@ function NicknameData(props) {
     isWalletNotSetup,
     isFrozen
   } = resolvedNicknameData;
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (isResolving) return;
     let errMessage = null;
     switch (true) {
@@ -27786,11 +27813,11 @@ function NicknameData(props) {
     ] })
   ] });
 }
-var import_lucide_react74, import_react92, import_jsx_runtime122;
+var import_lucide_react74, import_react93, import_jsx_runtime122;
 var init_NicknameData = __esm({
   "src/internal/components/SendMenu/send/components/NicknameData.tsx"() {
     import_lucide_react74 = require("lucide-react");
-    import_react92 = require("react");
+    import_react93 = require("react");
     init_no_image();
     init_utils();
     init_useFlowSelector();
@@ -28323,16 +28350,16 @@ function SendMenu() {
     userOpHash,
     reset
   } = useSendTransaction();
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
   }, [isAssetsLoading, isTransactionPending]);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     useFlowSelectorStore.getState().setError(sendTransactionError || null);
   }, [sendTransactionError]);
   const { txStep, recipient, amount, selectedAsset, setSelectedAsset } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     const shouldDefaultAsset = assets.length > 0 && !selectedAsset;
     if (!shouldDefaultAsset) return;
     const chainNativeCurrency = useSession.getState().chainConfig?.nativeCurrency;
@@ -28342,7 +28369,7 @@ function SendMenu() {
     if (isBalance(erc20)) return setSelectedAsset(erc20);
     setSelectedAsset(assets[0]);
   }, [assets, selectedAsset]);
-  (0, import_react93.useEffect)(
+  (0, import_react94.useEffect)(
     () => () => {
       useSendStore.getState().reset();
       reset();
@@ -28352,7 +28379,7 @@ function SendMenu() {
   const isNicknameInput = looksLikeNickname(recipient);
   const resolvedNicknameData = useNicknameResolve(recipient, { enabled: isNicknameInput, chainId: activeChainId });
   const effectiveAddress = isNicknameInput ? resolvedNicknameData?.resolvedAddress : recipient;
-  const complianceAmount = (0, import_react93.useMemo)(() => {
+  const complianceAmount = (0, import_react94.useMemo)(() => {
     if (!isSecurity || !amount || !selectedAsset) return void 0;
     try {
       return (0, import_viem21.parseUnits)(amount, selectedAsset.decimals || 18);
@@ -28367,7 +28394,7 @@ function SendMenu() {
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
     chainId: activeChainId
   });
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case txStep === "select-asset":
@@ -28437,7 +28464,7 @@ function SendMenu() {
     ] })
   ] });
 }
-var import_lucide_react77, import_react93, import_viem21, import_jsx_runtime125;
+var import_lucide_react77, import_react94, import_viem21, import_jsx_runtime125;
 var init_SendMenu = __esm({
   "src/internal/components/SendMenu/send/SendMenu.tsx"() {
     init_SessionContext();
@@ -28446,7 +28473,7 @@ var init_SendMenu = __esm({
     init_useSendTransaction();
     init_useT();
     import_lucide_react77 = require("lucide-react");
-    import_react93 = require("react");
+    import_react94 = require("react");
     import_viem21 = require("viem");
     init_useBlockscoutAssets2();
     init_useLayoutDataStore();
@@ -28472,7 +28499,7 @@ var init_send = __esm({
 // src/internal/components/SendMenu/useSendMenuParams.ts
 function useSendMenuParams() {
   const { config } = useProviderConfig();
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams || !(0, import_lodash_es15.keys)(pageParams).length) return;
     const { sendFlow, send, bridge } = pageParams || {};
@@ -28525,12 +28552,12 @@ function useSendMenuParams() {
     setPageParams(null);
   }, []);
 }
-var import_lodash_es15, import_react94;
+var import_lodash_es15, import_react95;
 var init_useSendMenuParams = __esm({
   "src/internal/components/SendMenu/useSendMenuParams.ts"() {
     init_ProviderContext();
     import_lodash_es15 = require("lodash-es");
-    import_react94 = require("react");
+    import_react95 = require("react");
     init_useLayoutDataStore();
     init_useBridgeStore();
     init_useSendStore();
@@ -28598,17 +28625,17 @@ function SendFlowSelector() {
   const sendStep = useSendStore((st) => st.txStep);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   useOnboardingTourAvailable(sendStep === "input" && bridgeStep === "select");
-  (0, import_react95.useEffect)(
+  (0, import_react96.useEffect)(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
     []
   );
-  (0, import_react95.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     if (!!config?.current?.features?.showAssetBridge) return;
     if (selectorFlow === "bridge") useFlowSelectorStore.getState().setFlow("send");
   }, [selectorFlow]);
-  const availableFlows = (0, import_react95.useMemo)(() => {
+  const availableFlows = (0, import_react96.useMemo)(() => {
     const selectorFlows = { send: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SendMenu, {}) };
     if (!!config?.current?.features?.showAssetBridge) selectorFlows.bridge = /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(HyperlaneBridge, {});
     return selectorFlows;
@@ -28673,13 +28700,13 @@ function SendFlowSelector() {
     ] })
   ] });
 }
-var import_lucide_react78, import_react95, import_jsx_runtime126;
+var import_lucide_react78, import_react96, import_jsx_runtime126;
 var init_SendFlowSelector = __esm({
   "src/internal/components/SendMenu/SendFlowSelector.tsx"() {
     init_ProviderContext();
     init_i18n();
     import_lucide_react78 = require("lucide-react");
-    import_react95 = require("react");
+    import_react96 = require("react");
     init_useLayoutDataStore();
     init_utils();
     init_Expandable2();
@@ -28742,12 +28769,12 @@ function getServerSnapshot() {
   return false;
 }
 function useProMode() {
-  return (0, import_react96.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  return (0, import_react97.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
 }
-var import_react96, STORAGE_KEY, EVENT_NAME;
+var import_react97, STORAGE_KEY, EVENT_NAME;
 var init_pro_mode = __esm({
   "src/internal/lib/pro-mode.ts"() {
-    import_react96 = require("react");
+    import_react97 = require("react");
     STORAGE_KEY = "embarkai_pro_mode";
     EVENT_NAME = "embarkai-pro-mode-changed";
   }
@@ -29553,7 +29580,7 @@ function TransactionsMenu() {
   const { t } = useT();
   useOnboardingTourAvailable(true);
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const [expandedGroups, setExpandedGroups] = (0, import_react97.useState)({});
+  const [expandedGroups, setExpandedGroups] = (0, import_react98.useState)({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -29566,7 +29593,7 @@ function TransactionsMenu() {
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = (0, import_react97.useCallback)(
+  const refreshTxHistory = (0, import_react98.useCallback)(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -29605,14 +29632,14 @@ function TransactionsMenu() {
     )) })
   ] });
 }
-var import_react_query57, import_lucide_react80, import_react97, import_jsx_runtime128;
+var import_react_query57, import_lucide_react80, import_react98, import_jsx_runtime128;
 var init_TransactionsMenu = __esm({
   "src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query57 = require("@tanstack/react-query");
     import_lucide_react80 = require("lucide-react");
-    import_react97 = require("react");
+    import_react98 = require("react");
     init_useLayoutDataStore();
     init_Expandable2();
     init_Onboarding();
@@ -29952,7 +29979,7 @@ var init_PageMap = __esm({
 // src/internal/hooks/usePageMapper.tsx
 function usePageMapper() {
   const page = useLayoutDataStore((st) => st.page);
-  const closeDialog = (0, import_react98.useCallback)(() => {
+  const closeDialog = (0, import_react99.useCallback)(() => {
     useLayoutStore.setState({ isDialogAnimating: true });
     setTimeout(() => {
       useLayoutStore.setState({
@@ -29964,14 +29991,14 @@ function usePageMapper() {
       });
     }, CLEAR_DIALOG_TIMEOUT);
   }, []);
-  const openDialog = (0, import_react98.useCallback)((pageItem) => {
+  const openDialog = (0, import_react99.useCallback)((pageItem) => {
     useLayoutStore.setState({
       dialogContent: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(pageItem.component, {}),
       isDialogOpen: true
       // isDialogAnimating: true
     });
   }, []);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react99.useEffect)(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -29982,10 +30009,10 @@ function usePageMapper() {
     openDialog(pageItem);
   }, [page, closeDialog, openDialog]);
 }
-var import_react98, import_jsx_runtime130, CLEAR_DIALOG_TIMEOUT;
+var import_react99, import_jsx_runtime130, CLEAR_DIALOG_TIMEOUT;
 var init_usePageMapper = __esm({
   "src/internal/hooks/usePageMapper.tsx"() {
-    import_react98 = require("react");
+    import_react99 = require("react");
     init_PageMap();
     init_constants();
     init_useLayoutDataStore();
@@ -30001,24 +30028,24 @@ function useSettingsNotifications() {
   const providers = import_auth25.jwtTokenManager.getProviders();
   const hasEmail = providers.includes("email");
   const { data: userProfile = null } = useUserProfile();
-  (0, import_react99.useEffect)(() => {
+  (0, import_react100.useEffect)(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  (0, import_react99.useEffect)(() => {
+  (0, import_react100.useEffect)(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
     });
   }, [hasEmail, setSettingsNotifications]);
 }
-var import_react99, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
+var import_react100, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
 var init_useSettingsNotifications = __esm({
   "src/internal/hooks/useSettingsNotifications.ts"() {
-    import_react99 = require("react");
+    import_react100 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useUserProfile();
@@ -30041,7 +30068,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.108",
+      version: "0.4.110",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -30376,11 +30403,11 @@ function Header() {
   const embarkPage = useLayoutDataStore((st) => st.page);
   const isOnboardingTourAvailable = useOnboardingStore((st) => st.isTourAvailable);
   const proMode = useProMode();
-  const [proToast, setProToast] = (0, import_react100.useState)(false);
-  const [copied, setCopied] = (0, import_react100.useState)(false);
-  const clickCountRef = (0, import_react100.useRef)(0);
-  const clickTimerRef = (0, import_react100.useRef)(null);
-  const handleAvatarClick = (0, import_react100.useCallback)(() => {
+  const [proToast, setProToast] = (0, import_react101.useState)(false);
+  const [copied, setCopied] = (0, import_react101.useState)(false);
+  const clickCountRef = (0, import_react101.useRef)(0);
+  const clickTimerRef = (0, import_react101.useRef)(null);
+  const handleAvatarClick = (0, import_react101.useCallback)(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -30486,7 +30513,7 @@ function Header() {
     }
   );
 }
-var import_lucide_react84, import_react100, import_jsx_runtime132;
+var import_lucide_react84, import_react101, import_jsx_runtime132;
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_lumia2();
@@ -30494,7 +30521,7 @@ var init_Header = __esm({
     init_ProviderContext();
     init_SessionContext();
     import_lucide_react84 = require("lucide-react");
-    import_react100 = require("react");
+    import_react101 = require("react");
     init_icons();
     init_auth();
     init_useLayoutDataStore();
@@ -30529,7 +30556,7 @@ function useDecideContentStyles() {
     style: (0, import_lodash_es16.merge)({}, mobileStyles)
   };
 }
-var DialogPrimitive, import_lodash_es16, import_lucide_react85, import_react101, import_jsx_runtime133, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
+var DialogPrimitive, import_lodash_es16, import_lucide_react85, import_react102, import_jsx_runtime133, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
 var init_dialog = __esm({
   "src/internal/components/ui/dialog.tsx"() {
     init_utils();
@@ -30538,14 +30565,14 @@ var init_dialog = __esm({
     DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
     import_lodash_es16 = require("lodash-es");
     import_lucide_react85 = require("lucide-react");
-    import_react101 = require("react");
+    import_react102 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_button();
     import_jsx_runtime133 = require("react/jsx-runtime");
     Dialog = DialogPrimitive.Root;
     DialogPortal = DialogPrimitive.Portal;
-    DialogOverlay = (0, import_react101.forwardRef)(
+    DialogOverlay = (0, import_react102.forwardRef)(
       ({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
         DialogPrimitive.Overlay,
         {
@@ -30567,7 +30594,7 @@ var init_dialog = __esm({
       border: "1px solid var(--ui-kit-bd)",
       boxShadow: "var(--ui-kit-shadow, 0px 4px 10px var(--ui-kit-shadow-c, rgba(0, 0, 0, 0.1)))"
     };
-    DialogContent = (0, import_react101.forwardRef)(
+    DialogContent = (0, import_react102.forwardRef)(
       ({ className, children, colorMode, ...props }, ref) => {
         const { t, i18n } = useT();
         const isSessionLoading = useSession((st) => st.isLoading);
@@ -30678,7 +30705,7 @@ var init_dialog = __esm({
     DialogHeader.displayName = "DialogHeader";
     DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: cn2("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
     DialogFooter.displayName = "DialogFooter";
-    DialogTitle = (0, import_react101.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    DialogTitle = (0, import_react102.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       DialogPrimitive.Title,
       {
         ref,
@@ -30687,7 +30714,7 @@ var init_dialog = __esm({
       }
     ));
     DialogTitle.displayName = DialogPrimitive.Title.displayName;
-    DialogDescription = (0, import_react101.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
+    DialogDescription = (0, import_react102.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
     DialogDescription.displayName = DialogPrimitive.Description.displayName;
   }
 });
@@ -30710,13 +30737,14 @@ function Dialog2() {
   const { colorMode, maxScrollHeight, isDialogOpen, dialogContent, isDialogForced } = useLayoutStore();
   const page = useLayoutDataStore((st) => st.page);
   const transitionPageHeight = useLayoutDataStore((st) => st.transitionPageHeight);
-  (0, import_react103.useEffect)(() => useLayoutStore.setState({ isSettings: !!session }), [session]);
+  (0, import_react104.useEffect)(() => useLayoutStore.setState({ isSettings: !!session }), [session]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
   useDetectMaxScrollHeight();
   useSettingsNotifications();
   useListenIframeAuthEvents();
+  useAllowExternalModalsScroll(isDialogOpen);
   const isHeaderHidden = !session || page === "keysare-backup" /* KEYSARE_BACKUP */ && !hasServerVault;
   return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     Dialog,
@@ -30740,8 +30768,8 @@ function Dialog2() {
             /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DialogTitle, { children: "embarkAI" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DialogDescription, { className: "sr-only", children: "embarkAI wallet" }),
             !isHeaderHidden && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Header, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react102.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-              import_react102.motion.div,
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react103.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+              import_react103.motion.div,
               {
                 style: { overflow: "hidden" },
                 initial: { opacity: 0, height: transitionPageHeight },
@@ -30770,14 +30798,15 @@ function Dialog2() {
     }
   );
 }
-var import_react102, import_react103, import_jsx_runtime135;
+var import_react103, import_react104, import_jsx_runtime135;
 var init_Dialog = __esm({
   "src/internal/components/Dialog/Dialog.tsx"() {
     init_ProviderContext();
     init_SessionContext();
-    import_react102 = require("motion/react");
-    import_react103 = require("react");
+    import_react103 = require("motion/react");
+    import_react104 = require("react");
     init_constants();
+    init_useAllowExternalModalsScroll();
     init_useAutoConnect();
     init_useBackupStatusChanges();
     init_useDetectMaxScrollHeight();
@@ -30808,12 +30837,12 @@ function DirectWalletHandler() {
   const externalAddress = useExternalWalletStore((st) => st.externalAddress);
   const isExternalConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const { address, isConnected, chain, connector } = (0, import_wagmi10.useConnection)();
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     const { setConfigMode, setActiveMode } = useExternalWalletStore.getState();
     setConfigMode(walletMode);
     if (walletMode !== "both") setActiveMode(walletMode);
   }, [walletMode]);
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     if ((!!externalAddress || isExternalConnected) && !isConnected) {
       useExternalWalletStore.getState().clearExternalWallet();
       return;
@@ -30828,10 +30857,10 @@ function DirectWalletHandler() {
   }, [isConnected, address, isExternalConnected, externalAddress, connector, chain]);
   return null;
 }
-var import_react104, import_wagmi10;
+var import_react105, import_wagmi10;
 var init_DirectWalletHandler = __esm({
   "src/internal/components/DirectWalletHandler.tsx"() {
-    import_react104 = require("react");
+    import_react105 = require("react");
     import_wagmi10 = require("wagmi");
     init_ProviderContext();
     init_useExternalWalletStore();
@@ -30839,14 +30868,14 @@ var init_DirectWalletHandler = __esm({
 });
 
 // src/internal/components/TssManager.tsx
-var import_react105, TssManagerWithRef;
+var import_react106, TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
     init_SessionContext();
-    import_react105 = __toESM(require("react"), 1);
+    import_react106 = __toESM(require("react"), 1);
     init_auth();
     init_clients();
-    TssManagerWithRef = import_react105.default.forwardRef((props, ref) => {
+    TssManagerWithRef = import_react106.default.forwardRef((props, ref) => {
       const { mpcPin } = props;
       const usePaymaster = useSession((st) => st.usePaymaster);
       const publicClient = useSession((st) => st.publicClient);
@@ -30854,14 +30883,14 @@ var init_TssManager = __esm({
       const setStatus = useSession((st) => st.setStatus);
       const setSession = useSession((st) => st.setSession);
       const setAddress = useSession((st) => st.setAddress);
-      const onSessionCreated = (0, import_react105.useCallback)(
+      const onSessionCreated = (0, import_react106.useCallback)(
         (session, address) => {
           setSession(session);
           setAddress(address);
         },
         [setSession, setAddress]
       );
-      const createSessionWithKeyshare = import_react105.default.useCallback(
+      const createSessionWithKeyshare = import_react106.default.useCallback(
         async (userId, hasServerKeyshare, isNewUser) => {
           setStatus("checking key management setup...");
           await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
@@ -30886,7 +30915,7 @@ var init_TssManager = __esm({
         },
         [setStatus, usePaymaster, activeChainId, publicClient, mpcPin]
       );
-      import_react105.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
+      import_react106.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
       return null;
     });
   }
@@ -30910,7 +30939,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_react106.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_react107.Fragment, {
     /** dApp's router might have its own error boundaries setup via imported @embarkai/ui-kitErrorBoundary */
     children: [
       children,
@@ -30930,11 +30959,11 @@ function SessionProvider({ children }) {
     ]
   });
 }
-var import_read22, import_react106, import_zustand19, import_middleware5, import_jsx_runtime136, useSession, requireActiveChainId;
+var import_read22, import_react107, import_zustand19, import_middleware5, import_jsx_runtime136, useSession, requireActiveChainId;
 var init_SessionContext = __esm({
   "src/context/SessionContext.tsx"() {
     import_read22 = require("@embarkai/core/read");
-    import_react106 = require("react");
+    import_react107 = require("react");
     import_zustand19 = require("zustand");
     import_middleware5 = require("zustand/middleware");
     init_ErrorBoundary2();
@@ -33389,11 +33418,11 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = (0, import_react107.useRef)(callbacks);
-  (0, import_react107.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react107.useRef)((0, import_lodash_es17.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const wagmiConfig3 = (0, import_react107.useRef)((0, import_core9.getWagmiConfig)(config.current?.wallet?.walletConnectId || null));
-  const updateConfig = (0, import_react107.useCallback)((updates) => {
+  const callbacksRef = (0, import_react108.useRef)(callbacks);
+  (0, import_react108.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = (0, import_react108.useRef)((0, import_lodash_es17.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const wagmiConfig3 = (0, import_react108.useRef)((0, import_core9.getWagmiConfig)(config.current?.wallet?.walletConnectId || null));
+  const updateConfig = (0, import_react108.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -33427,12 +33456,12 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = (0, import_react107.useCallback)((updates) => {
+  const updateCallbacks = (0, import_react108.useCallback)((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  (0, import_react107.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = (0, import_lodash_es17.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -33452,7 +33481,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  (0, import_react107.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       (0, import_error_tracking4.initSdkErrorTracking)();
@@ -33481,7 +33510,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = (0, import_react107.useMemo)(
+  const contextValue = (0, import_react108.useMemo)(
     () => ({
       config,
       updateConfig,
@@ -33494,22 +33523,22 @@ function Provider(props) {
   );
   return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_wagmi11.WagmiProvider, { config: wagmiConfig3.current, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SessionProvider, { children }) }) });
 }
-var import_core9, import_error_tracking4, import_lodash_es17, import_react107, import_wagmi11, import_jsx_runtime137, UIContext, useProviderConfig;
+var import_core9, import_error_tracking4, import_lodash_es17, import_react108, import_wagmi11, import_jsx_runtime137, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_core9 = require("@embarkai/core");
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
     import_lodash_es17 = require("lodash-es");
-    import_react107 = require("react");
+    import_react108 = require("react");
     import_wagmi11 = require("wagmi");
     init_initial();
     init_iframe_manager();
     init_SessionContext();
     init_utils14();
     import_jsx_runtime137 = require("react/jsx-runtime");
-    UIContext = (0, import_react107.createContext)(void 0);
+    UIContext = (0, import_react108.createContext)(void 0);
     useProviderConfig = () => {
-      const ctx = (0, import_react107.useContext)(UIContext);
+      const ctx = (0, import_react108.useContext)(UIContext);
       if (!ctx) throw new Error("useProviderConfig must be used within a Provider");
       return ctx;
     };
@@ -33632,7 +33661,7 @@ init_ErrorBoundary2();
 init_lumia2();
 init_embarkAI2();
 var import_lucide_react86 = require("lucide-react");
-var import_react108 = require("react");
+var import_react109 = require("react");
 init_SessionContext();
 init_auth();
 init_BalanceView2();
@@ -33665,10 +33694,10 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  (0, import_react108.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  (0, import_react109.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = useUserProfile();
   const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth25.jwtTokenManager.getDisplayName();
-  const indicators = (0, import_react108.useMemo)(() => {
+  const indicators = (0, import_react109.useMemo)(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
     const server = import_auth25.jwtTokenManager.getHasKeyshare() ?? false;
@@ -34307,14 +34336,14 @@ var Hash = ({
 };
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
-var import_react109 = require("react");
+var import_react110 = require("react");
 init_base3();
 var import_jsx_runtime144 = require("react/jsx-runtime");
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = (0, import_react109.useState)([]);
-  const [loading, setLoading] = (0, import_react109.useState)(true);
-  const [error, setError] = (0, import_react109.useState)(null);
-  (0, import_react109.useEffect)(() => {
+  const [transactions, setTransactions] = (0, import_react110.useState)([]);
+  const [loading, setLoading] = (0, import_react110.useState)(true);
+  const [error, setError] = (0, import_react110.useState)(null);
+  (0, import_react110.useEffect)(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -34605,13 +34634,13 @@ function useUserOpStatus(options = {}) {
 init_useErc3643Compliance();
 
 // src/hooks/useWalletMode.ts
-var import_react110 = require("react");
+var import_react111 = require("react");
 init_useExternalWalletStore();
 function useWalletMode() {
   const configMode = useExternalWalletStore((st) => st.configMode);
   const activeMode = useExternalWalletStore((st) => st.activeMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  const switchMode = (0, import_react110.useCallback)(
+  const switchMode = (0, import_react111.useCallback)(
     (mode) => {
       if (configMode !== "both") return;
       setActiveMode(mode);
@@ -34628,7 +34657,7 @@ function useWalletMode() {
 
 // src/hooks/useDirectWallet.ts
 init_useOpenPage();
-var import_react111 = require("react");
+var import_react112 = require("react");
 var import_wagmi12 = require("wagmi");
 init_useExternalWalletStore();
 function useDirectWallet() {
@@ -34638,10 +34667,10 @@ function useDirectWallet() {
   const connectorName = useExternalWalletStore((st) => st.connectorName);
   const { open: openEmbarkAI } = useOpenPage();
   const { mutate: wagmiDisconnect } = (0, import_wagmi12.useDisconnect)();
-  const connect = (0, import_react111.useCallback)((connectFlowType = "connect") => {
+  const connect = (0, import_react112.useCallback)((connectFlowType = "connect") => {
     openEmbarkAI("connect-external-wallet" /* CONNECT_EXTERNAL_WALLET */, { connectFlowType });
   }, []);
-  const disconnect = (0, import_react111.useCallback)(() => {
+  const disconnect = (0, import_react112.useCallback)(() => {
     wagmiDisconnect();
     useExternalWalletStore.getState().clearExternalWallet();
   }, [wagmiDisconnect]);
@@ -34657,7 +34686,7 @@ function useDirectWallet() {
 }
 
 // src/hooks/useSendDirectTransaction.ts
-var import_react112 = require("react");
+var import_react113 = require("react");
 var import_viem23 = require("viem");
 var import_wagmi13 = require("wagmi");
 init_useExternalWalletStore();
@@ -34666,10 +34695,10 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = (0, import_wagmi13.useSendTransaction)();
   const { switchChainAsync } = (0, import_wagmi13.useSwitchChain)();
-  const [isPending, setIsPending] = (0, import_react112.useState)(false);
-  const [error, setError] = (0, import_react112.useState)(null);
-  const [txHash, setTxHash] = (0, import_react112.useState)(null);
-  const sendTransaction = (0, import_react112.useCallback)(
+  const [isPending, setIsPending] = (0, import_react113.useState)(false);
+  const [error, setError] = (0, import_react113.useState)(null);
+  const [txHash, setTxHash] = (0, import_react113.useState)(null);
+  const sendTransaction = (0, import_react113.useCallback)(
     async (params) => {
       if (!isConnected) {
         setError("No external wallet connected");
@@ -34703,7 +34732,7 @@ function useSendDirectTransaction() {
     },
     [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
   );
-  const reset = (0, import_react112.useCallback)(() => {
+  const reset = (0, import_react113.useCallback)(() => {
     setError(null);
     setTxHash(null);
     setIsPending(false);
@@ -34712,7 +34741,7 @@ function useSendDirectTransaction() {
 }
 
 // src/hooks/useTransferToLinkedWallet.ts
-var import_react113 = require("react");
+var import_react114 = require("react");
 var import_viem24 = require("viem");
 init_SessionContext();
 init_account2();
@@ -34731,14 +34760,14 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = (0, import_react113.useState)(false);
-  const [error, setError] = (0, import_react113.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react113.useState)(null);
-  const linkedWallets = (0, import_react113.useMemo)(
+  const [isPending, setIsPending] = (0, import_react114.useState)(false);
+  const [error, setError] = (0, import_react114.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react114.useState)(null);
+  const linkedWallets = (0, import_react114.useMemo)(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );
-  const transfer = (0, import_react113.useCallback)(
+  const transfer = (0, import_react114.useCallback)(
     async (params) => {
       if (!session) {
         setError("No active session");
@@ -34789,7 +34818,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = (0, import_react113.useCallback)(() => {
+  const reset = (0, import_react114.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -34813,7 +34842,7 @@ function useNativeWalletSignature() {
 
 // src/hooks/useLogout.ts
 var import_auth27 = require("@embarkai/core/auth");
-var import_react114 = require("react");
+var import_react115 = require("react");
 var import_wagmi15 = require("wagmi");
 init_ProviderContext();
 init_SessionContext();
@@ -34832,7 +34861,7 @@ function useLogout() {
       }
     }
   });
-  const logout2 = (0, import_react114.useCallback)(async () => {
+  const logout2 = (0, import_react115.useCallback)(async () => {
     const { setSession, setIsLoading, setAddress, setStatus, setError } = useSession.getState();
     const prevAddress = address;
     let userId = null;
@@ -34951,7 +34980,7 @@ function useTransactions() {
 
 // src/modules/assets.ts
 init_SessionContext();
-var import_react115 = __toESM(require("react"), 1);
+var import_react116 = __toESM(require("react"), 1);
 var import_viem26 = require("viem");
 var import_wagmi17 = require("wagmi");
 var COMMON_TOKENS = [
@@ -35106,7 +35135,7 @@ function useTokenBalance2(tokenAddress, userAddress) {
     }
   });
   const { tokenInfo } = useTokenInfo(tokenAddress);
-  const formattedBalance = import_react115.default.useMemo(() => {
+  const formattedBalance = import_react116.default.useMemo(() => {
     if (!balance || !tokenInfo) return "0";
     return (0, import_viem26.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);