npm - @embarkai/ui-kit - Versions diffs - 0.4.53 → 0.4.54 - Mend

@embarkai/ui-kit 0.4.53 → 0.4.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.cjs CHANGED Viewed

@@ -2436,8 +2436,49 @@ var init_useAutoConnect = __esm({
   }
 });
+// src/hooks/useOpenPage.ts
+function useOpenPage() {
+  const page = useLayoutDataStore((st) => st.page);
+  const setPage = useLayoutDataStore((st) => st.setPage);
+  const setPageParams = useLayoutDataStore((st) => st.setPageParams);
+  const address = useSession((st) => st.address);
+  const open = (0, import_react4.useCallback)(
+    (passportPage, params) => {
+      if (!address) return setPage("auth" /* AUTH */);
+      if (!!address && passportPage === "auth" /* AUTH */) return setPage("manage-wallet" /* MANAGE_WALLET */);
+      setPage(passportPage);
+      if (!!params) setPageParams(params);
+    },
+    [setPage, setPageParams, address]
+  );
+  const close = (0, import_react4.useCallback)(() => {
+    setPageParams(null);
+    setPage(null);
+  }, [setPage, setPageParams]);
+  return { open, close, isOpen: page !== null };
+}
+function usePageParams() {
+  const currentParams = (0, import_react4.useRef)({});
+  (0, import_react4.useEffect)(() => {
+    const { pageParams, setPageParams } = useLayoutDataStore.getState();
+    if (!pageParams) return;
+    currentParams.current = pageParams;
+    setPageParams(null);
+  }, []);
+  return currentParams.current;
+}
+var import_react4;
+var init_useOpenPage = __esm({
+  "src/hooks/useOpenPage.ts"() {
+    import_react4 = require("react");
+    init_SessionContext();
+    init_useLayoutDataStore();
+  }
+});
 // src/internal/hooks/useBackupStatusChanges.ts
 function useBackupStatusChanges() {
+  const { open: openPage } = useOpenPage();
   const { mutate: handleBackupStatusChanged } = (0, import_react_query3.useMutation)({
     mutationFn: async (event) => {
       const customEvent = event;
@@ -2456,14 +2497,14 @@ function useBackupStatusChanges() {
         const isNewUserTouched = localStorage.getItem(NEW_USER_TOUCHED_KEY) === "true";
         if (!isNewUserTouched && !!jwt?.isNewUser) {
           localStorage.setItem(NEW_USER_TOUCHED_KEY, "true");
-          useLayoutDataStore.getState().setPage("nickname-settings" /* NICKNAME_SETTINGS */);
+          openPage("nickname-settings" /* NICKNAME_SETTINGS */, { isInitialUser: true });
         }
         if (!!isNewUserTouched && !jwt?.isNewUser) {
           localStorage.removeItem(NEW_USER_TOUCHED_KEY);
         }
       } else {
         setHasServerVault(false);
-        useLayoutDataStore.getState().setPage("keysare-backup" /* KEYSARE_BACKUP */);
+        openPage("keysare-backup" /* KEYSARE_BACKUP */);
         console.warn("[BACKUP STATUS] No recovery data found in vault, marking as no-server-vault");
       }
     },
@@ -2472,22 +2513,22 @@ function useBackupStatusChanges() {
       console.warn("[BACKUP STATUS] Failed to fetch initial vault status:", error);
     }
   });
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     window.addEventListener("lumia-passport-backup-status-changed", handleBackupStatusChanged);
     return () => {
       window.removeEventListener("lumia-passport-backup-status-changed", handleBackupStatusChanged);
     };
   }, []);
 }
-var import_react_query3, import_react4, NEW_USER_TOUCHED_KEY;
+var import_react_query3, import_react5, NEW_USER_TOUCHED_KEY;
 var init_useBackupStatusChanges = __esm({
   "src/internal/hooks/useBackupStatusChanges.ts"() {
     init_SessionContext();
+    init_useOpenPage();
     import_react_query3 = require("@tanstack/react-query");
-    import_react4 = require("react");
+    import_react5 = require("react");
     init_auth();
     init_vaultClient();
-    init_useLayoutDataStore();
     NEW_USER_TOUCHED_KEY = "embarkai-is-new-user-touhced";
   }
 });
@@ -2530,7 +2571,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_react5.useCallback)(
+  const onResize = (0, import_react6.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;
@@ -2539,18 +2580,18 @@ function useDetectMaxScrollHeight() {
     }, DEBOUNCE_DELAY),
     [page, setMaxScrollHeight, setIsMobileView]
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.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_react5, DEBOUNCE_DELAY;
+var import_lodash_es2, import_react6, DEBOUNCE_DELAY;
 var init_useDetectMaxScrollHeight = __esm({
   "src/internal/hooks/useDetectMaxScrollHeight.ts"() {
     import_lodash_es2 = require("lodash-es");
-    import_react5 = require("react");
+    import_react6 = require("react");
     init_constants();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -2562,7 +2603,7 @@ var init_useDetectMaxScrollHeight = __esm({
 function useListenIframeAuthEvents() {
   const setPage = useLayoutDataStore((state) => state.setPage);
   const setIsIframeReady = useSession((state) => state.setIsIframeReady);
-  const handleIframeMessage = (0, import_react6.useCallback)(
+  const handleIframeMessage = (0, import_react7.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") {
@@ -2578,16 +2619,16 @@ function useListenIframeAuthEvents() {
     },
     [setPage, setIsIframeReady]
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     window.addEventListener("message", handleIframeMessage);
     return () => window.removeEventListener("message", handleIframeMessage);
   }, [handleIframeMessage]);
 }
-var import_react6;
+var import_react7;
 var init_useListenIframeAuthEvents = __esm({
   "src/internal/hooks/useListenIframeAuthEvents.ts"() {
     init_SessionContext();
-    import_react6 = require("react");
+    import_react7 = require("react");
     init_useLayoutDataStore();
   }
 });
@@ -5070,19 +5111,19 @@ var init_utils2 = __esm({
 });
 // src/internal/components/Expandable/hooks/useExpandable.ts
-var import_react7, useExpandable;
+var import_react8, useExpandable;
 var init_useExpandable = __esm({
   "src/internal/components/Expandable/hooks/useExpandable.ts"() {
-    import_react7 = require("react");
+    import_react8 = require("react");
     useExpandable = (props) => {
       const { isExpanded = false, children, initHeight = 0, minHeight = 0 } = props;
-      const expandableRef = (0, import_react7.useRef)(null);
-      const contentRef = (0, import_react7.useRef)(null);
-      (0, import_react7.useEffect)(() => {
+      const expandableRef = (0, import_react8.useRef)(null);
+      const contentRef = (0, import_react8.useRef)(null);
+      (0, import_react8.useEffect)(() => {
         if (!expandableRef.current) return;
         expandableRef.current.style.setProperty("--ifo-basic-expandable-h", `${initHeight}px )`);
       }, []);
-      const setExpandableHeight = (0, import_react7.useCallback)(
+      const setExpandableHeight = (0, import_react8.useCallback)(
         (isExpnd) => {
           if (!contentRef.current || !expandableRef.current) return;
           expandableRef.current.style.setProperty(
@@ -5093,7 +5134,7 @@ var init_useExpandable = __esm({
         //  ON_RESIZE_DELEAY),
         [minHeight]
       );
-      (0, import_react7.useEffect)(() => {
+      (0, import_react8.useEffect)(() => {
         if (!contentRef.current || !expandableRef.current) return;
         const obs = new ResizeObserver(() => setExpandableHeight(isExpanded));
         obs.observe(expandableRef.current);
@@ -5108,17 +5149,17 @@ var init_useExpandable = __esm({
 });
 // src/internal/components/Expandable/Expandable.tsx
-var import_react8, import_jsx_runtime2, Expandable;
+var import_react9, import_jsx_runtime2, Expandable;
 var init_Expandable = __esm({
   "src/internal/components/Expandable/Expandable.tsx"() {
     init_utils2();
-    import_react8 = require("react");
+    import_react9 = require("react");
     init_useExpandable();
     import_jsx_runtime2 = require("react/jsx-runtime");
-    Expandable = (0, import_react8.forwardRef)((props, ref) => {
+    Expandable = (0, import_react9.forwardRef)((props, ref) => {
       const { children, className, contentClassName, minHeight, divProps } = props;
       const { expandableRef, contentRef } = useExpandable(props);
-      (0, import_react8.useImperativeHandle)(ref, () => expandableRef.current);
+      (0, import_react9.useImperativeHandle)(ref, () => expandableRef.current);
       return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "div",
         {
@@ -5172,13 +5213,13 @@ var init_highlight = __esm({
 });
 // src/internal/components/ui/button.tsx
-var import_react_slot, import_class_variance_authority, import_react9, import_jsx_runtime4, buttonVariants, BORDER_RADIUSES, Button;
+var import_react_slot, import_class_variance_authority, import_react10, import_jsx_runtime4, buttonVariants, BORDER_RADIUSES, Button;
 var init_button = __esm({
   "src/internal/components/ui/button.tsx"() {
     init_utils2();
     import_react_slot = require("@radix-ui/react-slot");
     import_class_variance_authority = require("class-variance-authority");
-    import_react9 = require("react");
+    import_react10 = require("react");
     import_jsx_runtime4 = require("react/jsx-runtime");
     buttonVariants = (0, import_class_variance_authority.cva)(
       cn(
@@ -5248,7 +5289,7 @@ var init_button = __esm({
       large: "var(--ui-kit-el-bdrs)",
       icon: ""
     };
-    Button = (0, import_react9.forwardRef)((props, ref) => {
+    Button = (0, import_react10.forwardRef)((props, ref) => {
       const { className, variant = "default", size = "large", asChild = false, children, ...buttonProps } = props;
       const Comp = asChild ? import_react_slot.Slot : "button";
       const isBorderGlow = variant === "secondary-glow" || variant === "default-glow";
@@ -5604,6 +5645,10 @@ var init_en = __esm({
           checkingAvailability: "Checking availability...",
           nicknameAvailable: "Nickname is available",
           nicknameNotAvailable: "This nickname is not available"
+        },
+        initialUser: {
+          welcome: "Your nickname is set as {{nickname}}",
+          message: 'Change & Save on your demand, and "Continue":'
         }
       },
       profilesMenu: {
@@ -5939,6 +5984,10 @@ var init_ru = __esm({
           checkingAvailability: "\u041F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u0438...",
           nicknameAvailable: "\u041D\u0438\u043A\u043D\u0435\u0439\u043C \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D",
           nicknameNotAvailable: "\u042D\u0442\u043E\u0442 \u043D\u0438\u043A\u043D\u0435\u0439\u043C \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D"
+        },
+        initialUser: {
+          welcome: "\u0412\u0430\u0448 \u043D\u0438\u043A\u043D\u0435\u0439\u043C \u0443\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D \u043A\u0430\u043A {{nickname}}",
+          message: '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u0435 \u0438 \u0441\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u0435 \u043F\u043E \u0432\u0430\u0448\u0435\u043C\u0443 \u0436\u0435\u043B\u0430\u043D\u0438\u044E, \u0438 \u0437\u0430\u0442\u0435\u043C "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C":'
         }
       },
       profilesMenu: {
@@ -6274,6 +6323,10 @@ var init_zh = __esm({
           checkingAvailability: "\u6B63\u5728\u68C0\u67E5\u53EF\u7528\u6027...",
           nicknameAvailable: "\u6635\u79F0\u53EF\u7528",
           nicknameNotAvailable: "\u6B64\u6635\u79F0\u4E0D\u53EF\u7528"
+        },
+        initialUser: {
+          welcome: "\u60A8\u7684\u6635\u79F0\u5DF2\u8BBE\u7F6E\u4E3A {{nickname}}",
+          message: "\u6839\u636E\u60A8\u7684\u9700\u6C42\u66F4\u6539\u5E76\u4FDD\u5B58\uFF0C\u7136\u540E\u70B9\u51FB\u201C\u7EE7\u7EED\u201D\uFF1A"
         }
       },
       profilesMenu: {
@@ -6641,7 +6694,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_react10.useCallback)(async () => {
+  const onPasskeyRegister = (0, import_react11.useCallback)(async () => {
     setAlert(null);
     setPasskeyStatus("registering passkey...");
     setIsLoading(true);
@@ -6700,7 +6753,7 @@ function PassKeyStep(props) {
       setIsLoading(false);
     }
   }, [onAuthSuccess, setPage]);
-  const onPasskeyAuth = (0, import_react10.useCallback)(async () => {
+  const onPasskeyAuth = (0, import_react11.useCallback)(async () => {
     setAlert(null);
     setPasskeyStatus("checking available passkeys...");
     setIsLoading(true);
@@ -6818,14 +6871,14 @@ function PassKeyStep(props) {
     ] })
   ] });
 }
-var import_lucide_react4, import_react10, import_jsx_runtime12;
+var import_lucide_react4, import_react11, import_jsx_runtime12;
 var init_PassKeyStep = __esm({
   "src/internal/components/AuthMenu/PassKeyStep.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
     import_lucide_react4 = require("lucide-react");
-    import_react10 = require("react");
+    import_react11 = require("react");
     init_icons();
     init_auth();
     init_useLayoutDataStore();
@@ -6837,16 +6890,16 @@ var init_PassKeyStep = __esm({
 });
 // src/internal/components/ui/input.tsx
-var import_react11, import_jsx_runtime13, Input;
+var import_react12, import_jsx_runtime13, Input;
 var init_input = __esm({
   "src/internal/components/ui/input.tsx"() {
-    import_react11 = __toESM(require("react"), 1);
+    import_react12 = __toESM(require("react"), 1);
     init_utils2();
     import_jsx_runtime13 = require("react/jsx-runtime");
-    Input = import_react11.default.forwardRef((props, ref) => {
+    Input = import_react12.default.forwardRef((props, ref) => {
       const { className, disabled, error, Icon: Icon2, element, inputClassName, ...inputProps } = props;
-      const internalRef = (0, import_react11.useRef)(null);
-      (0, import_react11.useImperativeHandle)(ref, () => internalRef.current);
+      const internalRef = (0, import_react12.useRef)(null);
+      (0, import_react12.useImperativeHandle)(ref, () => internalRef.current);
       return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: cn("w-full flex flex-col gap-1", className), children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
           "div",
@@ -6896,9 +6949,9 @@ var init_input = __esm({
 function Email() {
   const { callbacksRef } = useProviderConfig();
   const { t } = useT();
-  const focusRef = (0, import_react12.useRef)(null);
-  const inputRef = (0, import_react12.useRef)(null);
-  const buttonRef = (0, import_react12.useRef)(null);
+  const focusRef = (0, import_react13.useRef)(null);
+  const inputRef = (0, import_react13.useRef)(null);
+  const buttonRef = (0, import_react13.useRef)(null);
   const isLoading = useSession((st) => st.isLoading);
   const setIsLoading = useSession((st) => st.setIsLoading);
   const isMobileView = useLayoutStore((st) => st.isMobileView);
@@ -6954,7 +7007,7 @@ function Email() {
       setIsLoading(false);
     }
   });
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!focusRef.current || !isMobileView) return;
     focusRef.current?.focus();
     setTimeout(() => {
@@ -7016,7 +7069,7 @@ function Email() {
     )
   ] });
 }
-var import_react_query4, import_lucide_react5, import_react12, import_jsx_runtime14;
+var import_react_query4, import_lucide_react5, import_react13, import_jsx_runtime14;
 var init_Email = __esm({
   "src/internal/components/AuthMenu/SignInStep/Email.tsx"() {
     init_initial();
@@ -7025,7 +7078,7 @@ var init_Email = __esm({
     init_i18n();
     import_react_query4 = require("@tanstack/react-query");
     import_lucide_react5 = require("lucide-react");
-    import_react12 = require("react");
+    import_react13 = require("react");
     init_useLayoutStore();
     init_projectId();
     init_button();
@@ -7175,7 +7228,7 @@ function Social(props) {
   const setIsLoading = useSession((st) => st.setIsLoading);
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
   const { alert: alert2, setStep, setEmail, setFailedType, setAlert, setPasskeyStatus } = useAuthStore();
-  const onSocialAuth = (0, import_react13.useCallback)(
+  const onSocialAuth = (0, import_react14.useCallback)(
     async (providerId) => {
       const normalizedProviderId = providerId.toLowerCase();
       const provider = config.current?.social?.providers?.find(
@@ -7435,7 +7488,7 @@ function Social(props) {
     }
   );
 }
-var import_react13, import_jsx_runtime15, SUPPORTED_PROVIDERS, SOCIAL_ICONS, fetchTokensFromRefreshEndpoint, enrichLoginResponseWithTokens;
+var import_react14, import_jsx_runtime15, SUPPORTED_PROVIDERS, SOCIAL_ICONS, fetchTokensFromRefreshEndpoint, enrichLoginResponseWithTokens;
 var init_Social = __esm({
   "src/internal/components/AuthMenu/SignInStep/Social.tsx"() {
     init_assets();
@@ -7444,7 +7497,7 @@ var init_Social = __esm({
     init_SessionContext();
     init_i18n();
     init_useLayoutDataStore();
-    import_react13 = require("react");
+    import_react14 = require("react");
     init_auth();
     init_constants();
     init_utils2();
@@ -7611,7 +7664,7 @@ function SignInStep(props) {
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react6.UserCircle, { className: "w-6 h-6" }),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "font-bold text-xl leading-6", children: t("passport:auth.signin") })
     ] }),
-    enabledSigninMethods.map((kind, idx) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react14.Fragment, { children: [
+    enabledSigninMethods.map((kind, idx) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react15.Fragment, { children: [
       idx > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center h-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { borderTop: "1px solid var(--ui-kit-bd)" }, className: "flex-1" }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-[10px] px-2 flex-none leading-4", children: t("passport:auth.orSeparator") }),
@@ -7634,13 +7687,13 @@ function SignInStep(props) {
     ] })
   ] });
 }
-var import_lucide_react6, import_react14, import_jsx_runtime17;
+var import_lucide_react6, import_react15, import_jsx_runtime17;
 var init_SignInStep = __esm({
   "src/internal/components/AuthMenu/SignInStep/SignInStep.tsx"() {
     init_ProviderContext();
     init_i18n();
     import_lucide_react6 = require("lucide-react");
-    import_react14 = require("react");
+    import_react15 = require("react");
     init_useLayoutDataStore();
     init_button();
     init_Email();
@@ -7671,14 +7724,14 @@ var init_constants4 = __esm({
 function useAuthMenuHandlers() {
   const { config, callbacksRef } = useProviderConfig();
   const qc = (0, import_react_query5.useQueryClient)();
-  const pendingLoginResponseRef = (0, import_react15.useRef)(null);
-  const [telegramCleanup, setTelegramCleanup] = (0, import_react15.useState)(null);
+  const pendingLoginResponseRef = (0, import_react16.useRef)(null);
+  const [telegramCleanup, setTelegramCleanup] = (0, import_react16.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_react15.useCallback)(
+  const createSessionWithKeyshare = (0, import_react16.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       const { setStatus } = useSession.getState();
       try {
@@ -7720,7 +7773,7 @@ function useAuthMenuHandlers() {
     },
     [usePaymaster, activeChainId]
   );
-  const onAuthSuccess = (0, import_react15.useCallback)(async () => {
+  const onAuthSuccess = (0, import_react16.useCallback)(async () => {
     const {
       //
       setSession,
@@ -7827,7 +7880,7 @@ function useAuthMenuHandlers() {
       setStep("signin");
     }
   }, [qc, setStep, setAlert, createSessionWithKeyshare]);
-  const goBackToSignIn = (0, import_react15.useCallback)(() => {
+  const goBackToSignIn = (0, import_react16.useCallback)(() => {
     setStep("signin");
     setAlert(null);
     if (telegramCleanup) {
@@ -7841,13 +7894,13 @@ function useAuthMenuHandlers() {
     goBackToSignIn
   };
 }
-var import_react_query5, import_react15;
+var import_react_query5, import_react16;
 var init_useAuthMenuHanders = __esm({
   "src/internal/components/AuthMenu/useAuthMenuHanders.ts"() {
     init_ProviderContext();
     init_SessionContext();
     import_react_query5 = require("@tanstack/react-query");
-    import_react15 = require("react");
+    import_react16 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -7857,11 +7910,11 @@ var init_useAuthMenuHanders = __esm({
 });
 // src/internal/components/AuthMenu/VerifyStep/VerificationCodeInput.tsx
-var import_react16, import_jsx_runtime18, getRemainingSeconds, VerificationCodeInput;
+var import_react17, import_jsx_runtime18, getRemainingSeconds, VerificationCodeInput;
 var init_VerificationCodeInput = __esm({
   "src/internal/components/AuthMenu/VerifyStep/VerificationCodeInput.tsx"() {
     init_i18n();
-    import_react16 = require("react");
+    import_react17 = require("react");
     init_utils2();
     init_button();
     init_useAuthStore();
@@ -7871,14 +7924,14 @@ var init_VerificationCodeInput = __esm({
       const { onVerifyCode, onResendCode, isLoading, expiresIn } = props;
       const { t } = useT();
       const setAlert = useAuthStore((st) => st.setAlert);
-      const [expiresAt, setExpiresAt] = (0, import_react16.useState)(() => Date.now() + Math.max(0, expiresIn) * 1e3);
-      const [timeLeft, setTimeLeft] = (0, import_react16.useState)(() => getRemainingSeconds(expiresAt));
-      (0, import_react16.useEffect)(() => {
+      const [expiresAt, setExpiresAt] = (0, import_react17.useState)(() => Date.now() + Math.max(0, expiresIn) * 1e3);
+      const [timeLeft, setTimeLeft] = (0, import_react17.useState)(() => getRemainingSeconds(expiresAt));
+      (0, import_react17.useEffect)(() => {
         const nextExpiresAt = Date.now() + Math.max(0, expiresIn) * 1e3;
         setExpiresAt(nextExpiresAt);
         setTimeLeft(getRemainingSeconds(nextExpiresAt));
       }, [expiresIn]);
-      (0, import_react16.useEffect)(() => {
+      (0, import_react17.useEffect)(() => {
         let intervalId;
         const syncTimeLeft = () => {
           const remaining = getRemainingSeconds(expiresAt);
@@ -7899,10 +7952,10 @@ var init_VerificationCodeInput = __esm({
           document.removeEventListener("visibilitychange", syncTimeLeft);
         };
       }, [expiresAt]);
-      const lastSubmittedRef = (0, import_react16.useRef)(null);
-      const inputsRef = (0, import_react16.useRef)([]);
-      const [digits, setDigits] = (0, import_react16.useState)(["", "", "", "", "", ""]);
-      (0, import_react16.useEffect)(() => {
+      const lastSubmittedRef = (0, import_react17.useRef)(null);
+      const inputsRef = (0, import_react17.useRef)([]);
+      const [digits, setDigits] = (0, import_react17.useState)(["", "", "", "", "", ""]);
+      (0, import_react17.useEffect)(() => {
         const code = digits.join("");
         if (code.length === 6 && digits.every((d) => d !== "") && !isLoading) {
           if (lastSubmittedRef.current !== code) {
@@ -7911,7 +7964,7 @@ var init_VerificationCodeInput = __esm({
           }
         }
       }, [digits, isLoading, onVerifyCode]);
-      (0, import_react16.useEffect)(() => {
+      (0, import_react17.useEffect)(() => {
         const t2 = setTimeout(() => {
           inputsRef.current[0]?.focus();
         }, 0);
@@ -8032,7 +8085,7 @@ function VerifyStep(props) {
     setExpiresIn,
     setAlert
   } = useAuthStore();
-  const [resendCount, setResendCount] = (0, import_react17.useState)(0);
+  const [resendCount, setResendCount] = (0, import_react18.useState)(0);
   const { mutate: onVerifyCode, isPending: isCodeVerifying } = (0, import_react_query6.useMutation)({
     mutationFn: async (code) => {
       setIsLoading(true);
@@ -8181,7 +8234,7 @@ function VerifyStep(props) {
     )
   ] });
 }
-var import_react_query6, import_lucide_react7, import_react17, import_jsx_runtime19;
+var import_react_query6, import_lucide_react7, import_react18, import_jsx_runtime19;
 var init_VerifyStep = __esm({
   "src/internal/components/AuthMenu/VerifyStep/VerifyStep.tsx"() {
     init_initial();
@@ -8190,7 +8243,7 @@ var init_VerifyStep = __esm({
     init_i18n();
     import_react_query6 = require("@tanstack/react-query");
     import_lucide_react7 = require("lucide-react");
-    import_react17 = require("react");
+    import_react18 = require("react");
     init_icons();
     init_projectId();
     init_button();
@@ -8208,12 +8261,12 @@ var init_VerifyStep2 = __esm({
 });
 // src/internal/components/AuthMenu/AuthMenu.tsx
-var import_lucide_react8, import_react18, import_jsx_runtime20, AuthMenu;
+var import_lucide_react8, import_react19, import_jsx_runtime20, AuthMenu;
 var init_AuthMenu = __esm({
   "src/internal/components/AuthMenu/AuthMenu.tsx"() {
     init_SessionContext();
     import_lucide_react8 = require("lucide-react");
-    import_react18 = require("react");
+    import_react19 = require("react");
     init_auth();
     init_constants();
     init_useLayoutDataStore();
@@ -8236,7 +8289,7 @@ var init_AuthMenu = __esm({
       const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
       const { step, alert: alert2, setStep, setPasskeyStatus, setEmail, setAlert } = useAuthStore();
       const { pendingLoginResponseRef, onAuthSuccess, goBackToSignIn } = useAuthMenuHandlers();
-      (0, import_react18.useEffect)(() => {
+      (0, import_react19.useEffect)(() => {
         if (!pendingWalletLogin) return;
         const loginResponse = pendingWalletLogin;
         setPendingWalletLogin(null);
@@ -8246,7 +8299,7 @@ var init_AuthMenu = __esm({
           onAuthSuccess();
         });
       }, [pendingWalletLogin]);
-      (0, import_react18.useEffect)(() => {
+      (0, import_react19.useEffect)(() => {
         setTransitionPageHeight(DEFAULT_AUTH_MENU_HEIGHT);
         return () => {
           setStep("signin");
@@ -8261,7 +8314,7 @@ var init_AuthMenu = __esm({
           /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm text-[var(--ui-kit-fg-muted)]", children: "Initializing wallet..." })
         ] });
       }
-      const stepContent = (0, import_react18.useMemo)(
+      const stepContent = (0, import_react19.useMemo)(
         () => ({
           "loading": /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LoadingStep, {}),
           "failed": /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AuthFailedStep, {}),
@@ -8311,17 +8364,17 @@ var init_AuthMenu2 = __esm({
 });
 // src/internal/components/ui/switch.tsx
-var import_react19, import_jsx_runtime21, Switch;
+var import_react20, import_jsx_runtime21, Switch;
 var init_switch = __esm({
   "src/internal/components/ui/switch.tsx"() {
-    import_react19 = require("react");
+    import_react20 = require("react");
     init_useLayoutStore();
     init_utils2();
     import_jsx_runtime21 = require("react/jsx-runtime");
-    Switch = (0, import_react19.forwardRef)((props, ref) => {
+    Switch = (0, import_react20.forwardRef)((props, ref) => {
       const { className, labels, ...inputProps } = props;
       const colorMode = useLayoutStore((st) => st.colorMode);
-      const [labelW, setLabelW] = (0, import_react19.useState)(0);
+      const [labelW, setLabelW] = (0, import_react20.useState)(0);
       return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "div",
         {
@@ -8858,16 +8911,16 @@ function CryptoSelector(props) {
   const { coins } = props;
   const { t } = useT();
   const chainConfig = useSession((st) => st.chainConfig);
-  const [searchValue, setSearchValue] = (0, import_react20.useState)("");
-  const [target, setTarget] = (0, import_react20.useState)("");
-  const setSearchDebounced = (0, import_react20.useCallback)(
+  const [searchValue, setSearchValue] = (0, import_react21.useState)("");
+  const [target, setTarget] = (0, import_react21.useState)("");
+  const setSearchDebounced = (0, import_react21.useCallback)(
     (0, import_lodash_es4.debounce)((value) => {
       setTarget(value);
       useBuyMenuStore.getState().setRenderKey(`on-ramp-crypto-selector-${Date.now()}`);
     }, 1e3),
     []
   );
-  const filteredCoins = (0, import_react20.useMemo)(() => {
+  const filteredCoins = (0, import_react21.useMemo)(() => {
     const sorted = [...coins].sort((a, b) => {
       const aIdx = POPULAR_CRYPTOS.indexOf(a.symbol.toUpperCase());
       const bIdx = POPULAR_CRYPTOS.indexOf(b.symbol.toUpperCase());
@@ -8973,7 +9026,7 @@ function CryptoSelectorTrigger(props) {
     }
   );
 }
-var import_lodash_es4, import_lucide_react9, import_react20, import_jsx_runtime32, POPULAR_CRYPTOS;
+var import_lodash_es4, import_lucide_react9, import_react21, import_jsx_runtime32, POPULAR_CRYPTOS;
 var init_CryptoSelector = __esm({
   "src/internal/components/BuyMenu/components/CryptoSelector.tsx"() {
     init_tokens();
@@ -8982,7 +9035,7 @@ var init_CryptoSelector = __esm({
     init_i18n();
     import_lodash_es4 = require("lodash-es");
     import_lucide_react9 = require("lucide-react");
-    import_react20 = require("react");
+    import_react21 = require("react");
     init_priceFormatter();
     init_button();
     init_highlight();
@@ -9084,16 +9137,16 @@ function FiatSelector(props) {
   const { fiats } = props;
   const { t, i18n } = useT();
   const locale = i18n.resolvedLanguage || "en";
-  const [searchValue, setSearchValue] = (0, import_react21.useState)("");
-  const [target, setTarget] = (0, import_react21.useState)("");
-  const setSearchDebounced = (0, import_react21.useCallback)(
+  const [searchValue, setSearchValue] = (0, import_react22.useState)("");
+  const [target, setTarget] = (0, import_react22.useState)("");
+  const setSearchDebounced = (0, import_react22.useCallback)(
     (0, import_lodash_es5.debounce)((value) => {
       setTarget(value);
       useBuyMenuStore.getState().setRenderKey(`on-ramp-fiat-selector-${Date.now()}`);
     }, 1e3),
     []
   );
-  const filteredFiats = (0, import_react21.useMemo)(() => {
+  const filteredFiats = (0, import_react22.useMemo)(() => {
     const sorted = [...fiats].sort((a, b) => {
       const aIdx = POPULAR_FIATS.indexOf(a.ticker.toUpperCase());
       const bIdx = POPULAR_FIATS.indexOf(b.ticker.toUpperCase());
@@ -9158,13 +9211,13 @@ function FiatSelectorTrigger(props) {
     }
   );
 }
-var import_lodash_es5, import_lucide_react10, import_react21, import_jsx_runtime34, POPULAR_FIATS;
+var import_lodash_es5, import_lucide_react10, import_react22, import_jsx_runtime34, POPULAR_FIATS;
 var init_FiatSelector = __esm({
   "src/internal/components/BuyMenu/components/FiatSelector.tsx"() {
     init_i18n();
     import_lodash_es5 = require("lodash-es");
     import_lucide_react10 = require("lucide-react");
-    import_react21 = require("react");
+    import_react22 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -9839,17 +9892,17 @@ function BinanceTxHistory() {
       txStatuses: SHOW_STATUSES
     })
   });
-  const txList = (0, import_react22.useMemo)(
+  const txList = (0, import_react23.useMemo)(
     () => historyData?.pages?.map((p) => p.data).flat(Infinity) || [],
     [historyData]
   );
-  const updateExpandable = (0, import_react22.useCallback)(
+  const updateExpandable = (0, import_react23.useCallback)(
     (0, import_lodash_es7.debounce)(() => {
       useBuyMenuStore.getState().setRenderKey(`binance-history-loaded-${Date.now()}`);
     }, 200),
     []
   );
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isTxDataLoading || !txList?.length || txList.length > 10) return;
     updateExpandable();
   }, [isTxDataLoading, txList]);
@@ -9874,7 +9927,7 @@ function BinanceTxHistory() {
     )
   ] });
 }
-var import_react_query8, import_dayjs, import_lodash_es7, import_lucide_react13, import_react22, import_jsx_runtime38, TRANSACTIONS_PAGESIZE, SHOW_STATUSES;
+var import_react_query8, import_dayjs, import_lodash_es7, import_lucide_react13, import_react23, import_jsx_runtime38, TRANSACTIONS_PAGESIZE, SHOW_STATUSES;
 var init_BinanceTxHistory = __esm({
   "src/internal/components/BuyMenu/binance/BinanceTxHistory.tsx"() {
     init_tokens();
@@ -9885,7 +9938,7 @@ var init_BinanceTxHistory = __esm({
     import_dayjs = __toESM(require("dayjs"), 1);
     import_lodash_es7 = require("lodash-es");
     import_lucide_react13 = require("lucide-react");
-    import_react22 = require("react");
+    import_react23 = require("react");
     init_priceFormatter();
     init_badge();
     init_button();
@@ -9903,8 +9956,8 @@ var init_BinanceTxHistory = __esm({
 // src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts
 function useBinanceSseTxTracing(walletAddress) {
   const qc = (0, import_react_query9.useQueryClient)();
-  const debounceRef = (0, import_react23.useRef)(null);
-  (0, import_react23.useEffect)(() => {
+  const debounceRef = (0, import_react24.useRef)(null);
+  (0, import_react24.useEffect)(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -9926,11 +9979,11 @@ function useBinanceSseTxTracing(walletAddress) {
     };
   }, [walletAddress, qc]);
 }
-var import_react_query9, import_react23;
+var import_react_query9, import_react24;
 var init_useBinanceSseTracing = __esm({
   "src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts"() {
     import_react_query9 = require("@tanstack/react-query");
-    import_react23 = require("react");
+    import_react24 = require("react");
     init_iframe_manager();
     init_queryKeys();
     init_api();
@@ -9967,7 +10020,7 @@ function Binance() {
   } = useBuyMenuStore();
   const paymentMode = useBinanceStore((st) => st.paymentMode);
   const isCurrurenciesSelected = !!selectedCrypto && !!selectedFiat;
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!isCurrurenciesSelected) return;
     useBuyMenuStore.getState().setRenderKey(`${selectedCrypto}-${selectedFiat}-${Date.now()}`);
   }, [isCurrurenciesSelected]);
@@ -10002,7 +10055,7 @@ function Binance() {
   });
   const paymentModes = paymentModesData?.data?.paymentMethods || [];
   const selectedPaymentMode = paymentModes?.find((el) => getPayMethodID(el) === paymentMode) || null;
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     useBuyMenuStore.getState().setMinAmount(Number(selectedPaymentMode?.fiatMinLimit || "0"));
   }, [selectedPaymentMode]);
   const { mutate: estimateQuote, isPending: isQuoteEstimating } = (0, import_react_query10.useMutation)({
@@ -10030,21 +10083,21 @@ function Binance() {
     }
   });
   const availableFiats = (tradingPairsData?.data?.fiatCurrencies || []).map((ticker) => ({ ticker }));
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!!selectedFiat || !availableFiats?.length) return;
     const targetFiat = availableFiats.find((item) => item.ticker === "USD" || item.ticker === "EUR") || availableFiats[0];
     useBuyMenuStore.getState().setSelectedFiat(targetFiat.ticker);
   }, [availableFiats, selectedFiat]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!!selectedCrypto || !networkAvailableCryptoList?.length) return;
     useBuyMenuStore.getState().setSelectedCrypto(networkAvailableCryptoList[0].cryptoCurrency);
   }, [networkAvailableCryptoList, selectedCrypto]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.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_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     return () => {
       useBinanceStore.getState().setPaymentMode(null);
       qc.resetQueries({ queryKey: [QUERY_KEYS2.binanceTradingPairs] });
@@ -10166,7 +10219,7 @@ function Binance() {
     )
   ] });
 }
-var import_react_query10, import_lucide_react14, import_react24, import_jsx_runtime39, PREFERRED_PAYMENT_METHOD;
+var import_react_query10, import_lucide_react14, import_react25, import_jsx_runtime39, PREFERRED_PAYMENT_METHOD;
 var init_Binance = __esm({
   "src/internal/components/BuyMenu/binance/Binance.tsx"() {
     init_utils2();
@@ -10174,7 +10227,7 @@ var init_Binance = __esm({
     init_i18n();
     import_react_query10 = require("@tanstack/react-query");
     import_lucide_react14 = require("lucide-react");
-    import_react24 = require("react");
+    import_react25 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -10446,7 +10499,7 @@ function FinchPayTxHistoryItem(props) {
 function FinchPayTxHistory() {
   const { t } = useT();
   const walletAddress = useSession((st) => st.address);
-  const [cursor, setCursor] = (0, import_react25.useState)(1);
+  const [cursor, setCursor] = (0, import_react26.useState)(1);
   const {
     data: txData,
     isLoading: isTxDataLoading,
@@ -10468,7 +10521,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_react25.useCallback)(
+  const handleNextPage = (0, import_react26.useCallback)(
     async (curCursor, curPageParams) => {
       const maxLoadedPage = Math.max(...curPageParams);
       if (curCursor !== maxLoadedPage) {
@@ -10523,7 +10576,7 @@ function FinchPayTxHistory() {
     ] })
   ] });
 }
-var import_react_query12, import_dayjs2, import_lucide_react16, import_react25, import_jsx_runtime41, TRANSACTIONS_PAGESIZE2;
+var import_react_query12, import_dayjs2, import_lucide_react16, import_react26, import_jsx_runtime41, TRANSACTIONS_PAGESIZE2;
 var init_FinchPayTxHistory = __esm({
   "src/internal/components/BuyMenu/finchpay/FinchPayTxHistory.tsx"() {
     init_utils2();
@@ -10532,7 +10585,7 @@ var init_FinchPayTxHistory = __esm({
     import_react_query12 = require("@tanstack/react-query");
     import_dayjs2 = __toESM(require("dayjs"), 1);
     import_lucide_react16 = require("lucide-react");
-    import_react25 = require("react");
+    import_react26 = require("react");
     init_priceFormatter();
     init_badge();
     init_button();
@@ -10561,8 +10614,8 @@ var init_networks = __esm({
 // src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts
 function useFinchpaySseTxTracing(walletAddress) {
   const qc = (0, import_react_query13.useQueryClient)();
-  const debounceRef = (0, import_react26.useRef)(null);
-  (0, import_react26.useEffect)(() => {
+  const debounceRef = (0, import_react27.useRef)(null);
+  (0, import_react27.useEffect)(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -10584,11 +10637,11 @@ function useFinchpaySseTxTracing(walletAddress) {
     };
   }, [walletAddress, qc]);
 }
-var import_react_query13, import_react26;
+var import_react_query13, import_react27;
 var init_useFinchpaySseTxTracing = __esm({
   "src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts"() {
     import_react_query13 = require("@tanstack/react-query");
-    import_react26 = require("react");
+    import_react27 = require("react");
     init_iframe_manager();
     init_queryKeys();
     init_api2();
@@ -10686,11 +10739,11 @@ function FinchPay() {
     })
   });
   const minimum = Number(limitsData?.min_amount || "0");
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (minimum <= 0) return;
     useBuyMenuStore.getState().setMinAmount(minimum);
   }, [minimum]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (srcInputAmount >= minimum) return;
     useBuyMenuStore.getState().setRenderKey(`finchpay-input-minimum-warning-${Date.now()}`);
   }, [minimum, srcInputAmount]);
@@ -10718,23 +10771,23 @@ function FinchPay() {
       // defaults to CARD estimation, widgetUrl
     })
   });
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.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_react27.useEffect)(() => {
+  (0, import_react28.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_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!!selectedCrypto || currenciesData.currentNetworkCoins.length === 0) return;
     useBuyMenuStore.getState().setSelectedCrypto(currenciesData.currentNetworkCoins[0].ticker);
   }, [currenciesData, selectedCrypto]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     return () => {
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayCurrencies] });
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayLimits] });
@@ -10856,7 +10909,7 @@ function FinchPay() {
     )
   ] });
 }
-var import_react_query14, import_lucide_react17, import_react27, import_jsx_runtime42;
+var import_react_query14, import_lucide_react17, import_react28, import_jsx_runtime42;
 var init_FinchPay = __esm({
   "src/internal/components/BuyMenu/finchpay/FinchPay.tsx"() {
     init_priceFormatter();
@@ -10865,7 +10918,7 @@ var init_FinchPay = __esm({
     init_i18n();
     import_react_query14 = require("@tanstack/react-query");
     import_lucide_react17 = require("lucide-react");
-    import_react27 = require("react");
+    import_react28 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -11007,20 +11060,20 @@ var init_debounce = __esm({
 });
 // src/internal/components/BuyMenu/useHandleInputAmount.ts
-var import_react28, ON_INPUT_QUERY_DELAY, useHandleInputAmount;
+var import_react29, ON_INPUT_QUERY_DELAY, useHandleInputAmount;
 var init_useHandleInputAmount = __esm({
   "src/internal/components/BuyMenu/useHandleInputAmount.ts"() {
-    import_react28 = require("react");
+    import_react29 = require("react");
     init_debounce();
     init_contants();
     init_useBuyMenuStore();
     ON_INPUT_QUERY_DELAY = 1500;
     useHandleInputAmount = () => {
-      const lastRampProviderRef = (0, import_react28.useRef)(DEFAULT_PROVIDER2);
+      const lastRampProviderRef = (0, import_react29.useRef)(DEFAULT_PROVIDER2);
       const rampProvider = useBuyMenuStore((st) => st.rampProvider);
       const srcInputAmount = useBuyMenuStore((st) => st.srcInputAmount);
       const minAmount = useBuyMenuStore((st) => st.minAmount);
-      const setQueryAmountDebounced = (0, import_react28.useCallback)(
+      const setQueryAmountDebounced = (0, import_react29.useCallback)(
         debounce5((inputAmount) => {
           const checkedValue = Math.ceil(Math.max(inputAmount, minAmount));
           useBuyMenuStore.getState().setSrcInputAmount(checkedValue);
@@ -11028,8 +11081,8 @@ var init_useHandleInputAmount = __esm({
         }, ON_INPUT_QUERY_DELAY),
         [minAmount]
       );
-      (0, import_react28.useEffect)(() => setQueryAmountDebounced(srcInputAmount), [srcInputAmount, setQueryAmountDebounced]);
-      (0, import_react28.useEffect)(() => {
+      (0, import_react29.useEffect)(() => setQueryAmountDebounced(srcInputAmount), [srcInputAmount, setQueryAmountDebounced]);
+      (0, import_react29.useEffect)(() => {
         if (lastRampProviderRef.current === rampProvider) return;
         const {
           setIsProviderSummary,
@@ -11403,8 +11456,8 @@ function ChainItem(props) {
   const { t } = useT();
   const isSessionLoading = useSession((st) => st.isLoading);
   const activeChainId = useSession((st) => st.activeChainId);
-  const [copiedChainId, setCopiedChainId] = (0, import_react29.useState)(null);
-  const copiedResetTimerRef = (0, import_react29.useRef)(null);
+  const [copiedChainId, setCopiedChainId] = (0, import_react30.useState)(null);
+  const copiedResetTimerRef = (0, import_react30.useRef)(null);
   const isActiveChain = activeChainId === chainId;
   const paymasterAddress = isActiveChain ? activePaymasterData?.address : null;
   const paymasterExplorerUrl = paymasterAddress ? getPaymasterExplorerUrl(chainId, paymasterAddress) : null;
@@ -11501,7 +11554,7 @@ function ChainItem(props) {
     }
   );
 }
-var import_read13, import_lucide_react19, import_react29, import_jsx_runtime51;
+var import_read13, import_lucide_react19, import_react30, import_jsx_runtime51;
 var init_ChainItem = __esm({
   "src/internal/components/ChainsMenu/ChainItem.tsx"() {
     init_SessionContext();
@@ -11511,7 +11564,7 @@ var init_ChainItem = __esm({
     init_truncateMiddle();
     import_read13 = require("@embarkai/core/read");
     import_lucide_react19 = require("lucide-react");
-    import_react29 = require("react");
+    import_react30 = require("react");
     init_badge();
     init_button();
     import_jsx_runtime51 = require("react/jsx-runtime");
@@ -11522,11 +11575,11 @@ var init_ChainItem = __esm({
 function ChainsMenu() {
   const config = useProviderConfig().config;
   const activeChainId = useSession((st) => st.activeChainId);
-  const [isTestnets, setIsTestnets] = (0, import_react30.useState)(false);
-  const [nextChainId, setNextChainId] = (0, import_react30.useState)(null);
+  const [isTestnets, setIsTestnets] = (0, import_react31.useState)(false);
+  const [nextChainId, setNextChainId] = (0, import_react31.useState)(null);
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const visibleNetworks = (0, import_react30.useMemo)(() => {
+  const visibleNetworks = (0, import_react31.useMemo)(() => {
     return NETWORK_OPTIONS.filter(
       (option) => option.isActive && (isTestnets ? true : import_read14.SUPPORTED_MAINNETS.includes(option.chainId))
     );
@@ -11600,7 +11653,7 @@ function ChainsMenu() {
     }
   );
 }
-var import_core2, import_read14, import_react_query15, import_lucide_react20, import_react30, import_jsx_runtime52;
+var import_core2, import_read14, import_react_query15, import_lucide_react20, import_react31, import_jsx_runtime52;
 var init_ChainsMenu = __esm({
   "src/internal/components/ChainsMenu/ChainsMenu.tsx"() {
     init_networks3();
@@ -11611,7 +11664,7 @@ var init_ChainsMenu = __esm({
     import_read14 = require("@embarkai/core/read");
     import_react_query15 = require("@tanstack/react-query");
     import_lucide_react20 = require("lucide-react");
-    import_react30 = require("react");
+    import_react31 = require("react");
     init_resolve_paymaster();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -11799,8 +11852,8 @@ function DeviceLinkScreen() {
   const setPage = useLayoutDataStore((s) => s.setPage);
   const maxScrollHeight = useLayoutStore((s) => s.maxScrollHeight);
   const { mutate: link, isPending } = useLinkDevice();
-  const [code, setCode] = (0, import_react31.useState)("");
-  const [error, setError] = (0, import_react31.useState)(null);
+  const [code, setCode] = (0, import_react32.useState)("");
+  const [error, setError] = (0, import_react32.useState)(null);
   const isValid = code.length === 6 && VALID_CHARS.test(code);
   function handleCodeChange(value) {
     const upper = value.toUpperCase().slice(0, 6);
@@ -11859,10 +11912,10 @@ function DeviceLinkScreen() {
     }
   );
 }
-var import_react31, import_lucide_react22, import_jsx_runtime54, VALID_CHARS;
+var import_react32, import_lucide_react22, import_jsx_runtime54, VALID_CHARS;
 var init_DeviceLinkScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceLinkScreen.tsx"() {
-    import_react31 = require("react");
+    import_react32 = require("react");
     import_lucide_react22 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -12395,19 +12448,19 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = (0, import_react32.useRef)(null);
-  const [screen, setScreen] = (0, import_react32.useState)({ step: "connecting" });
-  const [actionState, setActionState] = (0, import_react32.useState)(null);
-  const [password, setPassword] = (0, import_react32.useState)("");
-  const [statusMessage, setStatusMessage] = (0, import_react32.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react32.useState)(null);
-  const [waitingConfirm, setWaitingConfirm] = (0, import_react32.useState)(false);
-  (0, import_react32.useEffect)(() => {
+  const guardianRef = (0, import_react33.useRef)(null);
+  const [screen, setScreen] = (0, import_react33.useState)({ step: "connecting" });
+  const [actionState, setActionState] = (0, import_react33.useState)(null);
+  const [password, setPassword] = (0, import_react33.useState)("");
+  const [statusMessage, setStatusMessage] = (0, import_react33.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react33.useState)(null);
+  const [waitingConfirm, setWaitingConfirm] = (0, import_react33.useState)(false);
+  (0, import_react33.useEffect)(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
     return () => clearTimeout(t);
   }, [statusMessage]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (!deviceId || !isWebSerialAvailable()) {
       setScreen({ step: "error", message: "WebSerial not available" });
       return;
@@ -12439,7 +12492,7 @@ function DeviceManageScreen() {
       guardianRef.current?.close();
     };
   }, [deviceId]);
-  const refreshList = (0, import_react32.useCallback)(async () => {
+  const refreshList = (0, import_react33.useCallback)(async () => {
     const guardian = guardianRef.current;
     if (!guardian || screen.step !== "connected") return;
     try {
@@ -12448,7 +12501,7 @@ function DeviceManageScreen() {
     } catch {
     }
   }, [screen]);
-  const handleBackup = (0, import_react32.useCallback)(async () => {
+  const handleBackup = (0, import_react33.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe4 = getIframeManager();
     if (!guardian || !iframe4 || !userId) return;
@@ -12472,7 +12525,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleOverwrite = (0, import_react32.useCallback)(async () => {
+  const handleOverwrite = (0, import_react33.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe4 = getIframeManager();
     if (!guardian || !iframe4 || !userId) return;
@@ -12492,7 +12545,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleDelete = (0, import_react32.useCallback)(async (keyshareId) => {
+  const handleDelete = (0, import_react33.useCallback)(async (keyshareId) => {
     const guardian = guardianRef.current;
     if (!guardian) return;
     setActionState({ action: "delete", keyshareId, substep: "confirm-device" });
@@ -12659,10 +12712,10 @@ function DeviceManageScreen() {
     }
   );
 }
-var import_react32, import_lucide_react23, import_jsx_runtime55;
+var import_react33, import_lucide_react23, import_jsx_runtime55;
 var init_DeviceManageScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceManageScreen.tsx"() {
-    import_react32 = require("react");
+    import_react33 = require("react");
     import_lucide_react23 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -12685,11 +12738,11 @@ function DeviceRestoreScreen() {
   const keyshareId = pageParams?.keyshareId;
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const [password, setPassword] = (0, import_react33.useState)("");
-  const [isWorking, setIsWorking] = (0, import_react33.useState)(false);
-  const [statusMessage, setStatusMessage] = (0, import_react33.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react33.useState)(null);
-  const handleRestore = (0, import_react33.useCallback)(async () => {
+  const [password, setPassword] = (0, import_react34.useState)("");
+  const [isWorking, setIsWorking] = (0, import_react34.useState)(false);
+  const [statusMessage, setStatusMessage] = (0, import_react34.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react34.useState)(null);
+  const handleRestore = (0, import_react34.useCallback)(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe4 = getIframeManager();
     if (!iframe4) {
@@ -12776,10 +12829,10 @@ function DeviceRestoreScreen() {
     }
   );
 }
-var import_react33, import_lucide_react24, import_jsx_runtime56;
+var import_react34, import_lucide_react24, import_jsx_runtime56;
 var init_DeviceRestoreScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx"() {
-    import_react33 = require("react");
+    import_react34 = require("react");
     import_lucide_react24 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -12802,8 +12855,8 @@ function truncateAddress(address) {
   return `${address.slice(0, 6)}...${address.slice(-4)}`;
 }
 function DeviceRow({ device }) {
-  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react34.useState)(false);
-  const [unlinkError, setUnlinkError] = (0, import_react34.useState)(null);
+  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react35.useState)(false);
+  const [unlinkError, setUnlinkError] = (0, import_react35.useState)(null);
   const { mutate: unlink, isPending } = useUnlinkDevice();
   if (confirmingUnlink) {
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col gap-2 p-3 rounded-lg bg-[var(--ui-kit-bg)]", children: [
@@ -12917,10 +12970,10 @@ function DevicesMenu() {
     }
   );
 }
-var import_react34, import_lucide_react25, import_jsx_runtime57;
+var import_react35, import_lucide_react25, import_jsx_runtime57;
 var init_DevicesMenu = __esm({
   "src/internal/components/DevicesMenu/DevicesMenu.tsx"() {
-    import_react34 = require("react");
+    import_react35 = require("react");
     import_lucide_react25 = require("lucide-react");
     init_Expandable2();
     init_button();
@@ -13013,7 +13066,7 @@ function useOnRestoreSuccess() {
     setStatus
   } = useSession();
   const { setError, setSuccess } = useRestoreStore();
-  const createSessionWithKeyshare = (0, import_react35.useCallback)(
+  const createSessionWithKeyshare = (0, import_react36.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -13054,7 +13107,7 @@ function useOnRestoreSuccess() {
     },
     [setStatus, usePaymaster, activeChainId, publicClient]
   );
-  const onRestoreSuccess = (0, import_react35.useCallback)(async () => {
+  const onRestoreSuccess = (0, import_react36.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;
@@ -13119,12 +13172,12 @@ function useOnRestoreSuccess() {
   ]);
   return { onRestoreSuccess };
 }
-var import_react35;
+var import_react36;
 var init_useOnRestoreSuccess = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useOnRestoreSuccess.ts"() {
     init_ProviderContext();
     init_SessionContext();
-    import_react35 = require("react");
+    import_react36 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_useRestoreStore();
@@ -13549,7 +13602,7 @@ function useCreateBackup() {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const restorePassword = useRestoreStore((st) => st.restorePassword);
   const selectedCloudProvider = useRestoreStore((st) => st.selectedCloudProvider);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!hasServerVault) {
       useRestoreStore.getState().setMethod("server");
       useLayoutStore.getState().setIsDialogForced(true);
@@ -13557,7 +13610,7 @@ function useCreateBackup() {
   }, [hasServerVault]);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const passportUserId = session?.mpcUserId || recoveryUserId || "";
-  const onBackupSuccess = (0, import_react36.useCallback)(() => {
+  const onBackupSuccess = (0, import_react37.useCallback)(() => {
     console.log("[EMBARKAI BACKUP] Backup created successfully");
   }, [hasServerVault]);
   const { mutate: createPasswordBackup, isPending: isPasswordBackupCreating } = (0, import_react_query17.useMutation)({
@@ -13717,12 +13770,12 @@ function useCreateBackup() {
     createPasskey
   };
 }
-var import_react_query17, import_react36;
+var import_react_query17, import_react37;
 var init_useCreateBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts"() {
     init_SessionContext();
     import_react_query17 = require("@tanstack/react-query");
-    import_react36 = require("react");
+    import_react37 = require("react");
     init_auth();
     init_useLayoutStore();
     init_iframe_manager();
@@ -13857,7 +13910,7 @@ function useValidateFileBackup() {
   const restoreFile = useRestoreStore((st) => st.restoreFile);
   const setError = useRestoreStore((st) => st.setError);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!restoreFile) {
       return;
     }
@@ -13878,10 +13931,10 @@ function useValidateFileBackup() {
     reader.readAsText(restoreFile);
   }, [restoreFile]);
 }
-var import_react37;
+var import_react38;
 var init_useValidateFileBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useValidateFileBackup.ts"() {
-    import_react37 = require("react");
+    import_react38 = require("react");
     init_useRestoreStore();
   }
 });
@@ -13909,7 +13962,7 @@ function MethodSelector(props) {
     setError,
     setSuccess
   } = useRestoreStore();
-  const recoveryRenderMethods = (0, import_react38.useMemo)(() => {
+  const recoveryRenderMethods = (0, import_react39.useMemo)(() => {
     const methodsWithBackupData = getRecoveryRenderMethods(mode).map((mt) => {
       let data = null;
       switch (true) {
@@ -13924,7 +13977,7 @@ function MethodSelector(props) {
     return methodsWithBackupData;
   }, [mode, serverRecoveryStatus]);
   if (!!selectedRecoveryMethod) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react38.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react39.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       style: { gridTemplateColumns: `repeat(${recoveryRenderMethods.length}, minmax(0, 1fr))` },
@@ -13958,12 +14011,12 @@ function MethodSelector(props) {
     }
   ) });
 }
-var import_lucide_react27, import_react38, import_jsx_runtime58, getRecoveryRenderMethods;
+var import_lucide_react27, import_react39, import_jsx_runtime58, getRecoveryRenderMethods;
 var init_MethodSelector = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/MethodSelector.tsx"() {
     init_useT();
     import_lucide_react27 = require("lucide-react");
-    import_react38 = require("react");
+    import_react39 = require("react");
     init_icons();
     init_guardian_backup();
     init_button();
@@ -13997,7 +14050,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = (0, import_react39.useRef)(null);
+  const actionRef = (0, import_react40.useRef)(null);
   const {
     showPassword,
     restorePassword,
@@ -14011,7 +14064,7 @@ function PasswordPasskey(props) {
   } = useRestoreStore();
   const { config } = useProviderConfig();
   const isPasskeyEnabled = config.current.passkey.enabled;
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (!isPasskeyEnabled && usePasskey) setUsePasskey(false);
   }, [isPasskeyEnabled, usePasskey]);
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
@@ -14166,7 +14219,7 @@ function PasswordPasskey(props) {
     ] })
   ] });
 }
-var import_lucide_react28, import_react39, import_jsx_runtime59;
+var import_lucide_react28, import_react40, import_jsx_runtime59;
 var init_PasswordPasskey = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx"() {
     init_ProviderContext();
@@ -14174,7 +14227,7 @@ var init_PasswordPasskey = __esm({
     init_i18n();
     init_utils2();
     import_lucide_react28 = require("lucide-react");
-    import_react39 = require("react");
+    import_react40 = require("react");
     init_icons();
     init_button();
     init_highlight();
@@ -14350,7 +14403,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_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (mode === "backup" || !serverRecoveryStatus?.created?.encryptionMethod) return;
     setUsePasskey(serverRecoveryStatus.created.encryptionMethod === "passkey");
   }, [mode, serverRecoveryStatus, setUsePasskey]);
@@ -14385,7 +14438,7 @@ function Server(props) {
     ] })
   ] });
 }
-var import_react_query19, import_dayjs3, import_lucide_react31, import_react40, import_jsx_runtime62;
+var import_react_query19, import_dayjs3, import_lucide_react31, import_react41, import_jsx_runtime62;
 var init_Server = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Server.tsx"() {
     init_SessionContext();
@@ -14394,7 +14447,7 @@ var init_Server = __esm({
     import_react_query19 = require("@tanstack/react-query");
     import_dayjs3 = __toESM(require("dayjs"), 1);
     import_lucide_react31 = require("lucide-react");
-    import_react40 = require("react");
+    import_react41 = require("react");
     init_highlight();
     init_PasswordPasskey();
     init_constants4();
@@ -14557,7 +14610,7 @@ function Cloud2(props) {
       return availableProviders.map((p) => ({ id: p.id, name: p.name, available: p.isAvailable() }));
     }
   });
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (isCloudProvidersLoading) return;
     if (!!cloudProvidersError) {
       console.error("[KeyshareBackup] Failed to load cloud providers:", cloudProvidersError);
@@ -14621,13 +14674,13 @@ function Cloud2(props) {
     )
   ] });
 }
-var import_react_query20, import_lucide_react33, import_react41, import_jsx_runtime64;
+var import_react_query20, import_lucide_react33, import_react42, import_jsx_runtime64;
 var init_Cloud = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx"() {
     init_SessionContext();
     import_react_query20 = require("@tanstack/react-query");
     import_lucide_react33 = require("lucide-react");
-    import_react41 = require("react");
+    import_react42 = require("react");
     init_button();
     init_select();
     init_PasswordPasskey();
@@ -14644,8 +14697,8 @@ function Guardian(props) {
   const session = useSession((st) => st.session);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const { onRestoreSuccess } = useOnRestoreSuccess();
-  const [isWorking, setIsWorking] = (0, import_react42.useState)(false);
-  const [step, setStep] = (0, import_react42.useState)("idle");
+  const [isWorking, setIsWorking] = (0, import_react43.useState)(false);
+  const [step, setStep] = (0, import_react43.useState)("idle");
   const handleGuardianBackup = async () => {
     if (!restorePassword) {
       setError("Please enter a password");
@@ -14774,11 +14827,11 @@ function Guardian(props) {
     ] })
   ] });
 }
-var import_react42, import_lucide_react34, import_jsx_runtime65;
+var import_react43, import_lucide_react34, import_jsx_runtime65;
 var init_Guardian = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Guardian.tsx"() {
     init_SessionContext();
-    import_react42 = require("react");
+    import_react43 = require("react");
     import_lucide_react34 = require("lucide-react");
     init_iframe_manager();
     init_guardian_backup();
@@ -14801,7 +14854,7 @@ var init_methods = __esm({
 });
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
-var import_react_query21, import_lucide_react35, import_react43, import_wagmi, import_jsx_runtime66, RESTORE_COMPONENTS, KeyshareRestoreMenu;
+var import_react_query21, import_lucide_react35, import_react44, import_wagmi, import_jsx_runtime66, RESTORE_COMPONENTS, KeyshareRestoreMenu;
 var init_KeyshareRestoreMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx"() {
     init_ProviderContext();
@@ -14809,7 +14862,7 @@ var init_KeyshareRestoreMenu = __esm({
     init_i18n();
     import_react_query21 = require("@tanstack/react-query");
     import_lucide_react35 = require("lucide-react");
-    import_react43 = require("react");
+    import_react44 = require("react");
     import_wagmi = require("wagmi");
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -14840,7 +14893,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_react43.useEffect)(() => {
+      (0, import_react44.useEffect)(() => {
         const { setIsDialogForced } = useLayoutStore.getState();
         const { setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
         setIsDialogForced(true);
@@ -14880,7 +14933,7 @@ var init_KeyshareRestoreMenu = __esm({
         queryFn: async () => await getShareRecoveryStats()
       });
       const hasServerBackup = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-      (0, import_react43.useEffect)(() => {
+      (0, import_react44.useEffect)(() => {
         if (!!hasServerBackup) useRestoreStore.getState().setMethod("server");
       }, [hasServerBackup]);
       const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query21.useMutation)({
@@ -15034,7 +15087,7 @@ function KeyshareBackupMenu() {
   const currentBackupMethod = useRestoreStore((st) => st.method);
   const error = useRestoreStore((st) => st.error);
   const success = useRestoreStore((st) => st.success);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     const { setSuccess, setError, setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
     return () => {
       setSuccess(null);
@@ -15053,7 +15106,7 @@ function KeyshareBackupMenu() {
     queryFn: async () => await getShareRecoveryStats()
   });
   const hasRecoveryData = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (!!hasRecoveryData) useRestoreStore.getState().setMethod("server");
   }, [hasRecoveryData]);
   const {
@@ -15172,14 +15225,14 @@ function KeyshareBackupMenu() {
     }
   );
 }
-var import_react_query22, import_lucide_react36, import_react44, import_jsx_runtime67, COMPONENTS;
+var import_react_query22, import_lucide_react36, import_react45, import_jsx_runtime67, COMPONENTS;
 var init_KeyshareBackupMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query22 = require("@tanstack/react-query");
     import_lucide_react36 = require("lucide-react");
-    import_react44 = require("react");
+    import_react45 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_vaultClient();
@@ -15217,14 +15270,14 @@ function useColorMode() {
   const preferedColorMode = config?.preferedColorMode;
   const colorMode = useLayoutStore((st) => st.colorMode);
   const handleStoreColorMode = useLayoutStore((st) => st.setColorMode);
-  const setColorMode = (0, import_react45.useCallback)(
+  const setColorMode = (0, import_react46.useCallback)(
     (mode) => {
       localStorage.setItem(LOCAL_COLOR_MODE_KEY, mode);
       handleStoreColorMode(mode);
     },
     [handleStoreColorMode]
   );
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     let targetColorMode = localStorage.getItem(LOCAL_COLOR_MODE_KEY);
     if (!targetColorMode && !preferedColorMode) {
       const systemMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
@@ -15239,10 +15292,10 @@ function useColorMode() {
   }, []);
   return { colorMode, setColorMode };
 }
-var import_react45;
+var import_react46;
 var init_useColorMode = __esm({
   "src/hooks/useColorMode.ts"() {
-    import_react45 = require("react");
+    import_react46 = require("react");
     init_ProviderContext();
     init_constants();
     init_useLayoutStore();
@@ -15344,13 +15397,13 @@ var init_SumsubIframeManager = __esm({
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = (0, import_react46.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react46.useState)(true);
-  const [error, setError] = (0, import_react46.useState)(null);
-  const [height, setHeight] = (0, import_react46.useState)(0);
-  const [status, setStatus] = (0, import_react46.useState)("");
+  const iframeRef = (0, import_react47.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react47.useState)(true);
+  const [error, setError] = (0, import_react47.useState)(null);
+  const [height, setHeight] = (0, import_react47.useState)(0);
+  const [status, setStatus] = (0, import_react47.useState)("");
   const levelName = config.current?.kyc?.options?.levelName;
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     setError(null);
     setIsLoading(true);
     setStatus("Preparing verification...");
@@ -15391,12 +15444,12 @@ function useSumsubIframe({ iframeUrl }) {
     status
   };
 }
-var import_react46;
+var import_react47;
 var init_useSumsubIframe = __esm({
   "src/internal/components/KYC/useSumsubIframe.ts"() {
     init_ProviderContext();
     init_useColorMode();
-    import_react46 = require("react");
+    import_react47 = require("react");
     init_sumsub();
     init_SumsubIframeManager();
   }
@@ -15670,7 +15723,7 @@ function MainMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setTransitionPageHeight = useLayoutDataStore((st) => st.setTransitionPageHeight);
-  (0, import_react47.useEffect)(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
+  (0, import_react48.useEffect)(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
   useProvidersList();
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "w-full p-[var(--ui-kit-pd)] flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "w-full grid grid-cols-4 gap-0 md:gap-[var(--ui-kit-gap)] py-[10px] md:py-1", children: MAIN_MENU_BUTTONS.map(({ id, label, icon: Icon2 }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     Button,
@@ -15688,13 +15741,13 @@ function MainMenu() {
     id
   )) }) });
 }
-var import_lucide_react41, import_react47, import_jsx_runtime72, MAIN_MENU_BUTTONS;
+var import_lucide_react41, import_react48, import_jsx_runtime72, MAIN_MENU_BUTTONS;
 var init_MainMenu = __esm({
   "src/internal/components/MainMenu/MainMenu.tsx"() {
     init_SessionContext();
     init_useT();
     import_lucide_react41 = require("lucide-react");
-    import_react47 = require("react");
+    import_react48 = require("react");
     init_constants();
     init_useLayoutDataStore();
     init_useProvidersList();
@@ -15740,16 +15793,16 @@ function useLinkedProfiles() {
     }
   });
   const { profiles = [], avatar = null } = data || {};
-  const refresh = (0, import_react48.useCallback)(async () => {
+  const refresh = (0, import_react49.useCallback)(async () => {
     await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
   }, [qc, address]);
   return { profiles, avatar, isLoading, isFetching, error, refresh };
 }
-var import_react_query25, import_react48, LINKED_PROFILES_QUERY_KEY;
+var import_react_query25, import_react49, LINKED_PROFILES_QUERY_KEY;
 var init_linkedProfiles = __esm({
   "src/modules/linkedProfiles.ts"() {
     import_react_query25 = require("@tanstack/react-query");
-    import_react48 = require("react");
+    import_react49 = require("react");
     init_SessionContext();
     init_auth();
     init_common();
@@ -16240,7 +16293,7 @@ function useLinkSocial() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setProviderType, setAlert, setLinkIsLoading } = useManageWalletStore();
-  const handleLinkSocialProvider = import_react49.default.useCallback(
+  const handleLinkSocialProvider = import_react50.default.useCallback(
     async (providerIdRaw) => {
       const providerKey = providerIdRaw.toLowerCase();
       const normalizedKey = providerKey === "twitter" ? "x" : providerKey;
@@ -16298,8 +16351,8 @@ function useLinkSocial() {
     },
     [config.social?.providers]
   );
-  const [socialLinkStarted, setSocialLinkStarted] = import_react49.default.useState(false);
-  (0, import_react49.useEffect)(() => {
+  const [socialLinkStarted, setSocialLinkStarted] = import_react50.default.useState(false);
+  (0, import_react50.useEffect)(() => {
     const key = providerType?.toLowerCase();
     console.log("[useLinkSocial] Effect triggered:", { key, linkIsLoading, socialLinkStarted, isWalletLinking });
     if (isWalletLinking) {
@@ -16317,7 +16370,7 @@ function useLinkSocial() {
     }
   }, [providerType, linkIsLoading, socialLinkStarted, isWalletLinking, handleLinkSocialProvider]);
 }
-var import_react_query30, import_react49;
+var import_react_query30, import_react50;
 var init_useLinkSocial = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts"() {
     init_useLayoutDataStore();
@@ -16325,7 +16378,7 @@ var init_useLinkSocial = __esm({
     init_SessionContext();
     init_linkedProfiles();
     import_react_query30 = require("@tanstack/react-query");
-    import_react49 = __toESM(require("react"), 1);
+    import_react50 = __toESM(require("react"), 1);
     init_auth();
     init_telegramBrowser();
     init_useProvidersList();
@@ -16394,7 +16447,7 @@ function useLinkTelegram() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const handleLinkTelegram = (0, import_react50.useCallback)(async () => {
+  const handleLinkTelegram = (0, import_react51.useCallback)(async () => {
     try {
       if (shouldBlockSocialAuthInTelegram("telegram")) {
         setAlert(buildTelegramBrowserRestriction("Telegram", "linking"));
@@ -16441,8 +16494,8 @@ function useLinkTelegram() {
       setLinkIsLoading(false);
     }
   }, [config.social?.providers]);
-  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react50.useState)(false);
-  (0, import_react50.useEffect)(() => {
+  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react51.useState)(false);
+  (0, import_react51.useEffect)(() => {
     console.log("[useLinkTelegram] Effect triggered:", {
       providerType,
       linkIsLoading,
@@ -16459,20 +16512,20 @@ function useLinkTelegram() {
       handleLinkTelegram();
     }
   }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted, isWalletLinking]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (providerType !== "telegram") {
       setTelegramLinkStarted(false);
     }
   }, [providerType]);
 }
-var import_react_query31, import_react50;
+var import_react_query31, import_react51;
 var init_useLinkTelegram = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts"() {
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
     import_react_query31 = require("@tanstack/react-query");
-    import_react50 = require("react");
+    import_react51 = require("react");
     init_telegram2();
     init_useLayoutDataStore();
     init_telegramBrowser();
@@ -16605,7 +16658,7 @@ function ManageWalletMenu() {
   } = useManageWalletStore();
   const configuredProviders = getConfiguredProviders(config.current);
   const { data: providers = [], isLoading: isProvidersLoading, error: providersError } = useProvidersList();
-  const renderProviders = (0, import_react51.useMemo)(() => {
+  const renderProviders = (0, import_react52.useMemo)(() => {
     const normalizeProviderName = (name) => {
       if (name === "x") return "twitter";
       return name;
@@ -16727,7 +16780,7 @@ function ManageWalletMenu() {
     }
   );
 }
-var import_lodash_es8, import_lucide_react45, import_react51, import_jsx_runtime77, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
+var import_lodash_es8, import_lucide_react45, import_react52, import_jsx_runtime77, POSSIBLE_PROVIDERS, MULTI_PROVIDERS;
 var init_ManageWallet = __esm({
   "src/internal/components/ManageWalletMenu/ManageWallet.tsx"() {
     init_useLayoutDataStore();
@@ -16736,7 +16789,7 @@ var init_ManageWallet = __esm({
     init_i18n();
     import_lodash_es8 = require("lodash-es");
     import_lucide_react45 = require("lucide-react");
-    import_react51 = require("react");
+    import_react52 = require("react");
     init_constants();
     init_telegramBrowser();
     init_Expandable2();
@@ -16773,7 +16826,7 @@ function UnlinkProviderMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
-  const [confirmInput, setConfirmInput] = (0, import_react52.useState)("");
+  const [confirmInput, setConfirmInput] = (0, import_react53.useState)("");
   const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = (0, import_react_query32.useMutation)({
     mutationFn: async () => {
       if (!confirmUnlink) {
@@ -16855,7 +16908,7 @@ function UnlinkProviderMenu() {
     ] })
   ] });
 }
-var import_react_query32, import_lucide_react46, import_react52, import_wagmi2, import_jsx_runtime78;
+var import_react_query32, import_lucide_react46, import_react53, import_wagmi2, import_jsx_runtime78;
 var init_UnlinkProviderMenu = __esm({
   "src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx"() {
     init_useLayoutDataStore();
@@ -16865,7 +16918,7 @@ var init_UnlinkProviderMenu = __esm({
     init_linkedProfiles();
     import_react_query32 = require("@tanstack/react-query");
     import_lucide_react46 = require("lucide-react");
-    import_react52 = require("react");
+    import_react53 = require("react");
     import_wagmi2 = require("wagmi");
     init_auth();
     init_useExternalWalletStore();
@@ -17024,7 +17077,7 @@ function NicknameEditForm(props) {
   const { t } = useT();
   const passportWalletAddress = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
-  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react53.useState)(false);
+  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react54.useState)(false);
   const {
     mutate: changeNickname2,
     isError: isNicknameChangeError,
@@ -17056,7 +17109,7 @@ function NicknameEditForm(props) {
       );
     }
   });
-  const handleInputChange = (0, import_react53.useCallback)(
+  const handleInputChange = (0, import_react54.useCallback)(
     (e) => {
       const value = e.target.value;
       setInputValue(value);
@@ -17070,7 +17123,7 @@ function NicknameEditForm(props) {
     },
     [clientError, isNicknameChangeError, isNicknameChangeSuccess, reset, t]
   );
-  const handleSubmit = (0, import_react53.useCallback)(
+  const handleSubmit = (0, import_react54.useCallback)(
     (e) => {
       if (!canChange) return;
       e.preventDefault();
@@ -17134,7 +17187,7 @@ function NicknameEditForm(props) {
     !!canChange && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "w-full flex items-center leadding-4 text-[10px]", children: t("passport:nicknameMenu.hint") })
   ] });
 }
-var import_react_query33, import_lucide_react48, import_react53, import_jsx_runtime80;
+var import_react_query33, import_lucide_react48, import_react54, import_jsx_runtime80;
 var init_NicknameEditForm = __esm({
   "src/internal/components/NicknameMenu/NicknameEditForm.tsx"() {
     init_ProviderContext();
@@ -17142,7 +17195,7 @@ var init_NicknameEditForm = __esm({
     init_i18n();
     import_react_query33 = require("@tanstack/react-query");
     import_lucide_react48 = require("lucide-react");
-    import_react53 = require("react");
+    import_react54 = require("react");
     init_icons();
     init_nickname();
     init_profile();
@@ -17158,17 +17211,17 @@ var init_NicknameEditForm = __esm({
 // src/internal/components/NicknameMenu/useNickname.ts
 function useNicknameForm(currentNickname) {
-  const [inputValue, setInputValue] = (0, import_react54.useState)("");
+  const [inputValue, setInputValue] = (0, import_react55.useState)("");
   const normalizedInputValue = normalizeNickname(inputValue);
   const validation = validateNickname(inputValue);
   const isValidForCheck = validation.valid && normalizedInputValue.length > 0;
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     setInputValue(currentNickname);
   }, [currentNickname]);
-  const [queryInputValue, setQueryInputValue] = (0, import_react54.useState)("");
+  const [queryInputValue, setQueryInputValue] = (0, import_react55.useState)("");
   const isSameAsCurrentNickname = normalizedInputValue === currentNickname.toLowerCase();
   const shouldCheckAvailability = validation.valid && !isSameAsCurrentNickname && inputValue.length > 0;
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (!isValidForCheck || !shouldCheckAvailability) {
       setQueryInputValue("");
       return;
@@ -17197,11 +17250,11 @@ function useNicknameForm(currentNickname) {
     availabilityQuery: query
   };
 }
-var import_react_query34, import_react54, DEBOUNCE_MS;
+var import_react_query34, import_react55, DEBOUNCE_MS;
 var init_useNickname = __esm({
   "src/internal/components/NicknameMenu/useNickname.ts"() {
     import_react_query34 = require("@tanstack/react-query");
-    import_react54 = require("react");
+    import_react55 = require("react");
     init_nickname();
     init_profile();
     init_nickname_validation();
@@ -17211,9 +17264,10 @@ var init_useNickname = __esm({
 // src/internal/components/NicknameMenu/NicknameMenu.tsx
 function NicknameMenu() {
+  const { isInitialUser } = usePageParams();
   const address = useSession((st) => st.address);
   const { t } = useT();
-  const [clientError, setClientError] = (0, import_react55.useState)(null);
+  const [clientError, setClientError] = (0, import_react56.useState)(null);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const {
@@ -17292,23 +17346,41 @@ function NicknameMenu() {
             /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("strong", { className: "text-[var(--ui-kit-fg)]", children: nicknameInfo.changeCount })
           ] })
         ] }),
-        !!resolvedError?.length && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react49.AlertTriangle, { className: "w-4 h-4 flex-none" }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: resolvedError })
-        ] })
+        isInitialUser && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Highlight, { type: "success", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", {
+            //@ts-expect-error i18n typings
+            children: t("passport:nicknameMenu.initialUser.welcome", {
+              nickname: nicknameInfo?.handle || "N/A"
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { children: t("passport:nicknameMenu.initialUser.message") }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            Button,
+            {
+              variant: "default-glow",
+              size: "large",
+              title: t("passport:common.continue"),
+              onClick: () => setPage(null),
+              className: "w-full",
+              children: t("passport:common.continue")
+            }
+          )
+        ] }),
+        !!resolvedError?.length && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Highlight, { type: "error", children: resolvedError })
       ] })
     }
   );
 }
-var import_react_query35, import_dayjs4, import_lucide_react49, import_react55, import_jsx_runtime81;
+var import_react_query35, import_dayjs4, import_lucide_react49, import_react56, import_jsx_runtime81;
 var init_NicknameMenu = __esm({
   "src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
     init_SessionContext();
+    init_useOpenPage();
     init_i18n();
     import_react_query35 = require("@tanstack/react-query");
     import_dayjs4 = __toESM(require("dayjs"), 1);
     import_lucide_react49 = require("lucide-react");
-    import_react55 = require("react");
+    import_react56 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -17345,11 +17417,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_react56.useMemo)(() => {
+  const chainConfig = (0, import_react57.useMemo)(() => {
     if (shouldUseActiveClient) return activeChainConfig;
     return (0, import_read15.getChainConfig)(chainId);
   }, [activeChainConfig, chainId, shouldUseActiveClient]);
-  const publicClient = (0, import_react56.useMemo)(() => {
+  const publicClient = (0, import_react57.useMemo)(() => {
     if (shouldUseActiveClient) return activePublicClient;
     if (!chainId) return activePublicClient;
     try {
@@ -17366,12 +17438,12 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
     resolvedChainId
   };
 }
-var import_read15, import_react56, publicClientByChainId;
+var import_read15, import_react57, publicClientByChainId;
 var init_useResolvedPublicClient = __esm({
   "src/internal/hooks/useResolvedPublicClient.ts"() {
     init_SessionContext();
     import_read15 = require("@embarkai/core/read");
-    import_react56 = require("react");
+    import_react57 = require("react");
     publicClientByChainId = /* @__PURE__ */ new Map();
   }
 });
@@ -17381,7 +17453,7 @@ function useWatchTokens(options) {
   const { address, chainId, enabled = true } = options;
   const { config } = useProviderConfig();
   const { publicClient, resolvedChainId } = useResolvedPublicClient(chainId, "useWatchTokens");
-  const watchTokens = (0, import_react57.useMemo)(() => {
+  const watchTokens = (0, import_react58.useMemo)(() => {
     const allWatchTokens = config.current.watchTokens;
     const tokensForChain = resolvedChainId ? allWatchTokens?.[resolvedChainId] || [] : [];
     return tokensForChain;
@@ -17463,12 +17535,12 @@ function useWatchTokens(options) {
     refetch
   };
 }
-var import_react_query36, import_react57, import_viem6, WATCH_TOKENS_QUERY_KEY;
+var import_react_query36, import_react58, import_viem6, WATCH_TOKENS_QUERY_KEY;
 var init_useWatchTokens = __esm({
   "src/internal/hooks/useWatchTokens.ts"() {
     init_ProviderContext();
     import_react_query36 = require("@tanstack/react-query");
-    import_react57 = require("react");
+    import_react58 = require("react");
     import_viem6 = require("viem");
     init_useResolvedPublicClient();
     WATCH_TOKENS_QUERY_KEY = "watch-tokens";
@@ -17606,11 +17678,11 @@ function useBlockscoutAssets(options) {
   const customTokenBalancesQuery = portfolioConfig?.tokenBalancesQuery;
   const customTokenBalancesQueryKey = portfolioConfig?.tokenBalancesQueryKey;
   const blockscoutApiUrl = getBlockscoutApiUrl(chainConfig);
-  const blockscoutClient = (0, import_react58.useMemo)(
+  const blockscoutClient = (0, import_react59.useMemo)(
     () => blockscoutApiUrl ? (0, import_clients2.createBlockscoutClient)({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = (0, import_react58.useRef)(0);
+  const lastRefreshRef = (0, import_react59.useRef)(0);
   const {
     assets: watchTokenAssets,
     isLoading: watchTokensLoading,
@@ -17679,7 +17751,7 @@ function useBlockscoutAssets(options) {
     retry: 2,
     retryDelay: 1e3
   });
-  const erc20TokenAddresses = (0, import_react58.useMemo)(() => {
+  const erc20TokenAddresses = (0, import_react59.useMemo)(() => {
     if (!tokenBalances) return [];
     return tokenBalances.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [tokenBalances]);
@@ -17723,7 +17795,7 @@ function useBlockscoutAssets(options) {
     gcTime: BLOCKSCOUT_QUERY_GC_TIME,
     retry: 1
   });
-  const assets = (0, import_react58.useMemo)(() => {
+  const assets = (0, import_react59.useMemo)(() => {
     const result = [];
     const addedAddresses = /* @__PURE__ */ new Set();
     if (nativeBalanceData) {
@@ -17769,7 +17841,7 @@ function useBlockscoutAssets(options) {
     }
     return result;
   }, [nativeBalanceData, tokenBalances, nftItems, erc3643Results, watchTokenAssets, chainConfig]);
-  const nativeBalance = (0, import_react58.useMemo)(() => {
+  const nativeBalance = (0, import_react59.useMemo)(() => {
     if (!nativeBalanceData) return null;
     return {
       value: nativeBalanceData.value,
@@ -17777,11 +17849,11 @@ function useBlockscoutAssets(options) {
       symbol: nativeBalanceData.symbol
     };
   }, [nativeBalanceData]);
-  const error = (0, import_react58.useMemo)(() => {
+  const error = (0, import_react59.useMemo)(() => {
     if (!tokensError) return null;
     return createError(tokensError);
   }, [tokensError]);
-  const refreshBalances = (0, import_react58.useCallback)(async () => {
+  const refreshBalances = (0, import_react59.useCallback)(async () => {
     const now = Date.now();
     if (now - lastRefreshRef.current < BLOCKSCOUT_REFRESH_DEBOUNCE) {
       return;
@@ -17789,7 +17861,7 @@ function useBlockscoutAssets(options) {
     lastRefreshRef.current = now;
     await Promise.all([refetchNative(), refetchTokens(), refetchNfts(), refetchWatchTokens()]);
   }, [refetchNative, refetchTokens, refetchNfts, refetchWatchTokens]);
-  const getTokenBalance = (0, import_react58.useCallback)(
+  const getTokenBalance = (0, import_react59.useCallback)(
     (tokenAddress) => {
       return assets.find((a) => a.address?.toLowerCase() === tokenAddress.toLowerCase()) || null;
     },
@@ -17807,13 +17879,13 @@ function useBlockscoutAssets(options) {
     lastUpdated: dataUpdatedAt || null
   };
 }
-var import_clients2, import_react_query37, import_react58, import_viem7, BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
+var import_clients2, import_react_query37, import_react59, import_viem7, BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
 var init_useBlockscoutAssets = __esm({
   "src/internal/hooks/useBlockscoutAssets.ts"() {
     init_ProviderContext();
     import_clients2 = require("@embarkai/core/clients");
     import_react_query37 = require("@tanstack/react-query");
-    import_react58 = require("react");
+    import_react59 = require("react");
     import_viem7 = require("viem");
     init_initial();
     init_constants();
@@ -18116,7 +18188,7 @@ function PortfolioMenu() {
     enabled: !!address
   });
   const shownProjectAssests = projectAssets.filter((asset) => !asset.hideInPortfolio);
-  const refreshAllAssetsBalances = (0, import_react59.useCallback)(() => {
+  const refreshAllAssetsBalances = (0, import_react60.useCallback)(() => {
     Promise.all(shownProjectAssests.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
     refreshBlockscoutBalances();
   }, [qc, shownProjectAssests, refreshBlockscoutBalances]);
@@ -18166,7 +18238,7 @@ function PortfolioMenu() {
     }
   );
 }
-var import_react_query39, import_lucide_react51, import_react59, import_jsx_runtime84;
+var import_react_query39, import_lucide_react51, import_react60, import_jsx_runtime84;
 var init_PortfolioMenu = __esm({
   "src/internal/components/PortfolioMenu/PortfolioMenu.tsx"() {
     init_ProviderContext();
@@ -18174,7 +18246,7 @@ var init_PortfolioMenu = __esm({
     init_i18n();
     import_react_query39 = require("@tanstack/react-query");
     import_lucide_react51 = require("lucide-react");
-    import_react59 = require("react");
+    import_react60 = require("react");
     init_useBlockscoutAssets();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -18283,10 +18355,10 @@ function ReceiveMenu() {
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const open = page === "receive";
-  const [qrCodeUrl, setQrCodeUrl] = (0, import_react60.useState)("");
-  const [copied, setCopied] = (0, import_react60.useState)(false);
-  const [fingerprintCopied, setFingerprintCopied] = (0, import_react60.useState)(false);
-  const fingerprint = (0, import_react60.useMemo)(() => {
+  const [qrCodeUrl, setQrCodeUrl] = (0, import_react61.useState)("");
+  const [copied, setCopied] = (0, import_react61.useState)(false);
+  const [fingerprintCopied, setFingerprintCopied] = (0, import_react61.useState)(false);
+  const fingerprint = (0, import_react61.useMemo)(() => {
     if (!session?.ownerAddress) return null;
     try {
       return generateFingerprint(session.ownerAddress);
@@ -18294,7 +18366,7 @@ function ReceiveMenu() {
       return null;
     }
   }, [session?.ownerAddress]);
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (open && address) {
       import_qrcode.default.toDataURL(address, {
         width: 200,
@@ -18307,7 +18379,7 @@ function ReceiveMenu() {
       });
     }
   }, [open, address]);
-  const handleCopy = (0, import_react60.useCallback)(async () => {
+  const handleCopy = (0, import_react61.useCallback)(async () => {
     if (!address) return;
     try {
       await navigator.clipboard.writeText(address);
@@ -18317,7 +18389,7 @@ function ReceiveMenu() {
       console.error("Failed to copy address:", error);
     }
   }, [address]);
-  const handleCopyFingerprint = (0, import_react60.useCallback)(async () => {
+  const handleCopyFingerprint = (0, import_react61.useCallback)(async () => {
     if (!fingerprint) return;
     try {
       await navigator.clipboard.writeText(fingerprint);
@@ -18378,14 +18450,14 @@ function ReceiveMenu() {
     }
   );
 }
-var import_lucide_react52, import_qrcode, import_react60, import_jsx_runtime85;
+var import_lucide_react52, import_qrcode, import_react61, import_jsx_runtime85;
 var init_ReceiveMenu = __esm({
   "src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react52 = require("lucide-react");
     import_qrcode = __toESM(require("qrcode"), 1);
-    import_react60 = require("react");
+    import_react61 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_nickname_fingerprint();
@@ -18835,7 +18907,7 @@ function SecurityMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const userId = import_auth23.jwtTokenManager.getUserId();
   const serverHasKeyshare = import_auth23.jwtTokenManager.getHasKeyshare() ?? false;
-  const [appToUntrust, untrustApp] = (0, import_react61.useState)(null);
+  const [appToUntrust, untrustApp] = (0, import_react62.useState)(null);
   const { data: recoveryData, isLoading: isRecoveryLoading } = useKeyshareRecoveryStats();
   const localInfo = recoveryData?.keyshareInfo || {};
   const hasServerBackup = !!recoveryData?.shareRecoveryStats?.created || recoveryData?.shareRecoveryStats?.devices?.length > 0;
@@ -18911,13 +18983,13 @@ function SecurityMenu() {
     }
   );
 }
-var import_react_query41, import_lucide_react58, import_react61, import_jsx_runtime91;
+var import_react_query41, import_lucide_react58, import_react62, import_jsx_runtime91;
 var init_SecurityMenu = __esm({
   "src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
     init_i18n();
     import_react_query41 = require("@tanstack/react-query");
     import_lucide_react58 = require("lucide-react");
-    import_react61 = require("react");
+    import_react62 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -19182,12 +19254,12 @@ function SenderSelector(props) {
   const { openConnectModal } = (0, import_rainbowkit.useConnectModal)();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const pendingWalletRef = (0, import_react62.useRef)(null);
+  const pendingWalletRef = (0, import_react63.useRef)(null);
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
-  const [walletMessage, setWalletMessage] = (0, import_react62.useState)(null);
-  (0, import_react62.useEffect)(() => {
+  const [walletMessage, setWalletMessage] = (0, import_react63.useState)(null);
+  (0, import_react63.useEffect)(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
   const { mutate: loginDirectWallet, isPending: isDirectWalletLoggingIn } = (0, import_react_query42.useMutation)({
@@ -19243,7 +19315,7 @@ function SenderSelector(props) {
       setWalletMessage(error instanceof Error ? error.message : "Wallet login failed. Please try again.");
     }
   });
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const pendingProfile = pendingWalletRef.current;
     if (!pendingProfile || !directWalletIsConnected || !directWalletAddress) return;
     if (directWalletAddress.toLowerCase() !== pendingProfile.externalId?.toLowerCase()) return;
@@ -19318,14 +19390,14 @@ function SenderSelector(props) {
     ] })
   ] });
 }
-var import_rainbowkit, import_react_query42, import_react62, import_wagmi3, import_jsx_runtime92;
+var import_rainbowkit, import_react_query42, import_react63, import_wagmi3, import_jsx_runtime92;
 var init_SenderSelector = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx"() {
     init_ProviderContext();
     init_i18n();
     import_rainbowkit = require("@rainbow-me/rainbowkit");
     import_react_query42 = require("@tanstack/react-query");
-    import_react62 = require("react");
+    import_react63 = require("react");
     import_wagmi3 = require("wagmi");
     init_wallet();
     init_useLayoutDataStore();
@@ -19425,8 +19497,8 @@ var init_wallets = __esm({
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = (0, import_react63.useRef)([]);
-  (0, import_react63.useEffect)(() => {
+  const lastCalcedSenders = (0, import_react64.useRef)([]);
+  (0, import_react64.useEffect)(() => {
     const sendersAccumulator = [
       {
         type: "embarkai-wallet",
@@ -19457,13 +19529,13 @@ function useAvailableSenders() {
     directWalletProfile: profiles.filter((p) => p.provider === "wallet")[0] || null
   };
 }
-var import_react63;
+var import_react64;
 var init_useAvailableSenders = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
     init_SessionContext();
     init_tokens();
     init_linkedProfiles();
-    import_react63 = require("react");
+    import_react64 = require("react");
     init_wallets();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -19806,29 +19878,29 @@ function useHyperlaneHistory() {
     queryFn: async ({ pageParam }) => await getHyperlaneBridgeHistory({ page: pageParam, pageSize: TX_HISTORY_PAGE_SIZE })
   });
   const { data: txHistoryData, isLoading: isBridgeTxHistoryLoading } = query;
-  const txList = (0, import_react64.useMemo)(
+  const txList = (0, import_react65.useMemo)(
     () => txHistoryData?.pages?.map((p) => p.data).flat(Infinity) || [],
     [txHistoryData]
   );
-  const updateExpandable = (0, import_react64.useCallback)(
+  const updateExpandable = (0, import_react65.useCallback)(
     (0, import_lodash_es9.debounce)(() => {
       useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
     }, 250),
     []
   );
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (isBridgeTxHistoryLoading || txList.length === 0) return;
     updateExpandable();
   }, [isBridgeTxHistoryLoading, txList]);
   return { query, txList };
 }
-var import_react_query43, import_lodash_es9, import_react64, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
+var import_react_query43, import_lodash_es9, import_react65, 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_query43 = require("@tanstack/react-query");
     import_lodash_es9 = require("lodash-es");
-    import_react64 = require("react");
+    import_react65 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api3();
@@ -19860,7 +19932,7 @@ function useBridge() {
   const address = useSession((st) => st.address);
   const { data: walletClient } = (0, import_wagmi4.useWalletClient)();
   const { switchChainAsync } = (0, import_wagmi4.useSwitchChain)();
-  const swapDirection = (0, import_react65.useCallback)(() => {
+  const swapDirection = (0, import_react66.useCallback)(() => {
     const {
       bridgeStep,
       originChain,
@@ -19912,7 +19984,7 @@ function useBridge() {
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
-  const handleQuoteEstimation = (0, import_react65.useCallback)((amnt) => {
+  const handleQuoteEstimation = (0, import_react66.useCallback)((amnt) => {
     const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
     if (!amnt || !Number(amnt)) {
       useBridgeStore.getState().setQuote(null);
@@ -20037,14 +20109,14 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query44, import_react65, import_wagmi4;
+var import_react_query44, import_react66, import_wagmi4;
 var init_useBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
     init_SessionContext();
     init_i18n();
     init_useExternalWalletStore();
     import_react_query44 = require("@tanstack/react-query");
-    import_react65 = require("react");
+    import_react66 = require("react");
     import_wagmi4 = require("wagmi");
     init_useLayoutStore();
     init_useFlowSelector();
@@ -20078,7 +20150,7 @@ function useHyperlaneRoutes() {
       return warpRoutes;
     }
   });
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -20087,7 +20159,7 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
     if (!warpRouteToAutoSelect) return;
@@ -20106,12 +20178,12 @@ function useHyperlaneRoutes() {
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
-var import_react_query45, import_react66, HYPERLANE_WARP_ROUTES_QUERY_KEY;
+var import_react_query45, import_react67, HYPERLANE_WARP_ROUTES_QUERY_KEY;
 var init_useHyperlaneRoutes = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
     init_SessionContext();
     import_react_query45 = require("@tanstack/react-query");
-    import_react66 = require("react");
+    import_react67 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api3();
@@ -20127,7 +20199,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_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -20155,11 +20227,11 @@ function useMenuTitle(warpRoutes) {
     }
   }, [bridgeStep, hyperRouteMeta, t]);
 }
-var import_react67;
+var import_react68;
 var init_useMenuTitle = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts"() {
     init_i18n();
-    import_react67 = require("react");
+    import_react68 = require("react");
     init_useFlowSelector();
     init_useBridgeStore();
   }
@@ -20272,7 +20344,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
       };
     }
   });
-  const refreshRouteTokenBalance = (0, import_react68.useCallback)(
+  const refreshRouteTokenBalance = (0, import_react69.useCallback)(
     (senderWallet) => {
       switch (true) {
         case senderWallet === "embarkai-wallet":
@@ -20288,7 +20360,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     },
     [refreshBalances, qc]
   );
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (!bridgeSender || !originChain) return;
     switch (bridgeSender) {
       case "embarkai-wallet":
@@ -20319,7 +20391,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
   };
 }
-var import_core6, import_react_query46, import_react68, import_viem13, import_wagmi5, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
+var import_core6, import_react_query46, import_react69, import_viem13, import_wagmi5, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
 var init_useBridgeBalance = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts"() {
     init_constants();
@@ -20327,7 +20399,7 @@ var init_useBridgeBalance = __esm({
     init_i18n();
     import_core6 = require("@embarkai/core");
     import_react_query46 = require("@tanstack/react-query");
-    import_react68 = require("react");
+    import_react69 = require("react");
     import_viem13 = require("viem");
     import_wagmi5 = require("wagmi");
     init_useBlockscoutAssets();
@@ -20445,7 +20517,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_runtime96.jsxs)(import_react69.Fragment, { children: [
+                children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_react70.Fragment, { children: [
                   chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_lucide_react60.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
                   /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
                 ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
@@ -20580,13 +20652,13 @@ function SelectStep(props) {
     )
   ] });
 }
-var import_lucide_react60, import_react69, import_jsx_runtime96;
+var import_lucide_react60, import_react70, import_jsx_runtime96;
 var init_SelectStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react60 = require("lucide-react");
-    import_react69 = require("react");
+    import_react70 = require("react");
     init_priceFormatter();
     init_utils2();
     init_badge();
@@ -20635,7 +20707,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_react70.useState)(false);
+  const [userConsent, setUserConsent] = (0, import_react71.useState)(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -20744,13 +20816,13 @@ function ConfirmStep(props) {
     )
   ] });
 }
-var import_lucide_react62, import_react70, import_jsx_runtime98, P_CN;
+var import_lucide_react62, import_react71, import_jsx_runtime98, P_CN;
 var init_ConfirmStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react62 = require("lucide-react");
-    import_react70 = require("react");
+    import_react71 = require("react");
     init_priceFormatter();
     init_utils2();
     init_button();
@@ -21125,9 +21197,9 @@ var init_HistoryStep = __esm({
 function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
-  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = (0, import_react71.useState)(false);
+  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = (0, import_react72.useState)(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
-  const tokenList = (0, import_react71.useMemo)(() => {
+  const tokenList = (0, import_react72.useMemo)(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
     const uniqueTokens = Array.from(new Set(tokens));
     return uniqueTokens.map((symbol) => ({
@@ -21224,13 +21296,13 @@ function SelectAssetRoute(props) {
     ] })
   ] });
 }
-var import_lucide_react64, import_react71, import_jsx_runtime101;
+var import_lucide_react64, import_react72, import_jsx_runtime101;
 var init_SelectAssetRoute = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react64 = require("lucide-react");
-    import_react71 = require("react");
+    import_react72 = require("react");
     init_button();
     init_useFlowSelector();
     init_ResolveChainIcon();
@@ -21258,7 +21330,7 @@ function HyperlaneBridge() {
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   const { directWalletProfile } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     return () => {
       useBridgeStore.getState().resetSelections();
     };
@@ -21291,10 +21363,10 @@ function HyperlaneBridge() {
     bridgeStep === "tx-history-details" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(HistoryDetailsStep, {})
   ] });
 }
-var import_react72, import_jsx_runtime102;
+var import_react73, import_jsx_runtime102;
 var init_HyperlaneBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx"() {
-    import_react72 = require("react");
+    import_react73 = require("react");
     init_SenderSelector();
     init_useAvailableSenders();
     init_useBridge();
@@ -21312,7 +21384,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_react73.useRef)(null);
+  const lastBridgeStepRef = (0, import_react74.useRef)(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -21331,10 +21403,10 @@ function BridgeHistorySwitch(props) {
     }
   );
 }
-var import_react73, import_jsx_runtime103;
+var import_react74, import_jsx_runtime103;
 var init_HistorySwitch = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx"() {
-    import_react73 = require("react");
+    import_react74 = require("react");
     init_switch();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -21425,11 +21497,11 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = (0, import_react74.useState)("");
-  const [isDebouncing, setIsDebouncing] = (0, import_react74.useState)(false);
+  const [debouncedInput, setDebouncedInput] = (0, import_react75.useState)("");
+  const [isDebouncing, setIsDebouncing] = (0, import_react75.useState)(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
-  (0, import_react74.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     if (!isNicknameInput || !enabled) {
       setDebouncedInput("");
       setIsDebouncing(false);
@@ -21455,7 +21527,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_react74.useMemo)(() => {
+  const fingerprintVerification = (0, import_react75.useMemo)(() => {
     if (!query.data?.owner || !query.data?.fingerprint) {
       return null;
     }
@@ -21477,11 +21549,11 @@ function useNicknameResolve(input, options) {
     resolvedAddress
   };
 }
-var import_react_query48, import_react74, DEBOUNCE_MS2;
+var import_react_query48, import_react75, DEBOUNCE_MS2;
 var init_useNicknameResolve = __esm({
   "src/hooks/useNicknameResolve.ts"() {
     import_react_query48 = require("@tanstack/react-query");
-    import_react74 = require("react");
+    import_react75 = require("react");
     init_nickname();
     init_profile();
     init_nickname_fingerprint();
@@ -21494,10 +21566,10 @@ var init_useNicknameResolve = __esm({
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = (0, import_react75.useState)(false);
-  const [error, setError] = (0, import_react75.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react75.useState)(null);
-  const sendTransaction = (0, import_react75.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react76.useState)(false);
+  const [error, setError] = (0, import_react76.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react76.useState)(null);
+  const sendTransaction = (0, import_react76.useCallback)(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -21594,7 +21666,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = (0, import_react75.useCallback)(() => {
+  const reset = (0, import_react76.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -21607,10 +21679,10 @@ function useSendTransaction() {
     reset
   };
 }
-var import_react75, import_viem14, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
+var import_react76, import_viem14, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
 var init_useSendTransaction = __esm({
   "src/hooks/useSendTransaction.ts"() {
-    import_react75 = require("react");
+    import_react76 = require("react");
     import_viem14 = require("viem");
     init_SessionContext();
     init_account2();
@@ -21753,7 +21825,7 @@ var init_AssetInputIcon = __esm({
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = (0, import_react76.useState)(false);
+  const [imageError, setImageError] = (0, import_react77.useState)(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ (0, import_jsx_runtime105.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_runtime105.jsx)(
@@ -21781,11 +21853,11 @@ function NftDisplayCard({ asset }) {
     ] })
   ] });
 }
-var import_lucide_react66, import_react76, import_jsx_runtime105;
+var import_lucide_react66, import_react77, import_jsx_runtime105;
 var init_NftDisplayCard = __esm({
   "src/internal/components/SendMenu/send/components/NftDisplayCard.tsx"() {
     import_lucide_react66 = require("lucide-react");
-    import_react76 = require("react");
+    import_react77 = require("react");
     import_jsx_runtime105 = require("react/jsx-runtime");
   }
 });
@@ -21944,11 +22016,11 @@ function NicknameData(props) {
     isWalletNotSetup,
     isFrozen
   } = resolvedNicknameData;
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (!resolvedNicknameData?.data?.fingerprint || !isNicknameInput) return;
     useFlowSelectorStore.getState().setRenderKey(`nickname-resolved-${Date.now()}`);
   }, [resolvedNicknameData, isNicknameInput]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (isResolving) return;
     let errMessage = null;
     switch (true) {
@@ -22003,11 +22075,11 @@ function NicknameData(props) {
     ] })
   ] });
 }
-var import_lucide_react67, import_react77, import_jsx_runtime107;
+var import_lucide_react67, import_react78, import_jsx_runtime107;
 var init_NicknameData = __esm({
   "src/internal/components/SendMenu/send/components/NicknameData.tsx"() {
     import_lucide_react67 = require("lucide-react");
-    import_react77 = require("react");
+    import_react78 = require("react");
     init_no_image();
     init_utils2();
     init_useFlowSelector();
@@ -22453,10 +22525,10 @@ function SendMenu() {
     userOpHash,
     reset
   } = useSendTransaction();
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
   }, [isAssetsLoading, isTransactionPending]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     useFlowSelectorStore.getState().setError(sendTransactionError || null);
   }, [sendTransactionError]);
   const {
@@ -22471,7 +22543,7 @@ function SendMenu() {
   } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  (0, import_react78.useEffect)(
+  (0, import_react79.useEffect)(
     () => () => {
       setSelectedAsset(null);
       setRecipient("");
@@ -22481,7 +22553,7 @@ function SendMenu() {
     },
     []
   );
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     const shouldNativeDefaultAsset = assets.length > 0 && !selectedAsset;
     if (!shouldNativeDefaultAsset) return;
     const chainNativeCurrency = useSession.getState().chainConfig?.nativeCurrency;
@@ -22494,7 +22566,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_react78.useMemo)(() => {
+  const complianceAmount = (0, import_react79.useMemo)(() => {
     if (!isSecurity || !amount || !selectedAsset) return void 0;
     try {
       return (0, import_viem18.parseUnits)(amount, selectedAsset.decimals || 18);
@@ -22509,7 +22581,7 @@ function SendMenu() {
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
     chainId: activeChainId
   });
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case txStep === "select-asset":
@@ -22571,7 +22643,7 @@ function SendMenu() {
     ] })
   ] });
 }
-var import_lucide_react70, import_react78, import_viem18, import_jsx_runtime110;
+var import_lucide_react70, import_react79, import_viem18, import_jsx_runtime110;
 var init_SendMenu = __esm({
   "src/internal/components/SendMenu/send/SendMenu.tsx"() {
     init_SessionContext();
@@ -22580,7 +22652,7 @@ var init_SendMenu = __esm({
     init_useSendTransaction();
     init_useT();
     import_lucide_react70 = require("lucide-react");
-    import_react78 = require("react");
+    import_react79 = require("react");
     import_viem18 = require("viem");
     init_useBlockscoutAssets();
     init_useLayoutDataStore();
@@ -22665,7 +22737,7 @@ function SendFlowSelector() {
   const error = useFlowSelectorStore((st) => st.error);
   const menuTitle = useFlowSelectorStore((st) => st.menuTitle);
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
-  (0, import_react79.useEffect)(
+  (0, import_react80.useEffect)(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
@@ -22742,12 +22814,12 @@ function SendFlowSelector() {
     }
   );
 }
-var import_lucide_react71, import_react79, import_jsx_runtime111, SELECTOR_FLOW;
+var import_lucide_react71, import_react80, import_jsx_runtime111, SELECTOR_FLOW;
 var init_SendFlowSelector = __esm({
   "src/internal/components/SendMenu/SendFlowSelector.tsx"() {
     init_i18n();
     import_lucide_react71 = require("lucide-react");
-    import_react79 = require("react");
+    import_react80 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_utils2();
@@ -22802,12 +22874,12 @@ function getServerSnapshot() {
   return false;
 }
 function useProMode() {
-  return (0, import_react80.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  return (0, import_react81.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
 }
-var import_react80, STORAGE_KEY, EVENT_NAME;
+var import_react81, STORAGE_KEY, EVENT_NAME;
 var init_pro_mode = __esm({
   "src/internal/lib/pro-mode.ts"() {
-    import_react80 = require("react");
+    import_react81 = require("react");
     STORAGE_KEY = "embarkai_pro_mode";
     EVENT_NAME = "embarkai-pro-mode-changed";
   }
@@ -22849,7 +22921,7 @@ function useSettingsButtons() {
   if (proMode) {
     settingsButtons.push({ id: "devices" /* DEVICES */, name: "Guardians", Icon: import_lucide_react73.HardDrive });
   }
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     const cssvEl = document.querySelector(".embarkai-ui-scope");
     if (!cssvEl || !window?.getComputedStyle) {
       return;
@@ -22913,7 +22985,7 @@ function SettingsMenu() {
     }
   );
 }
-var import_react_query50, import_lucide_react73, import_react81, import_jsx_runtime112;
+var import_react_query50, import_lucide_react73, import_react82, import_jsx_runtime112;
 var init_SettingsMenu = __esm({
   "src/internal/components/SettingsMenu/SettingsMenu.tsx"() {
     init_ProviderContext();
@@ -22921,7 +22993,7 @@ var init_SettingsMenu = __esm({
     init_i18n();
     import_react_query50 = require("@tanstack/react-query");
     import_lucide_react73 = require("lucide-react");
-    import_react81 = require("react");
+    import_react82 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -23793,7 +23865,7 @@ function TransactionsMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const [expandedGroups, setExpandedGroups] = (0, import_react82.useState)({});
+  const [expandedGroups, setExpandedGroups] = (0, import_react83.useState)({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -23806,7 +23878,7 @@ function TransactionsMenu() {
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = (0, import_react82.useCallback)(
+  const refreshTxHistory = (0, import_react83.useCallback)(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -23855,14 +23927,14 @@ function TransactionsMenu() {
     }
   );
 }
-var import_react_query51, import_lucide_react76, import_react82, import_jsx_runtime115;
+var import_react_query51, import_lucide_react76, import_react83, import_jsx_runtime115;
 var init_TransactionsMenu = __esm({
   "src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query51 = require("@tanstack/react-query");
     import_lucide_react76 = require("lucide-react");
-    import_react82 = require("react");
+    import_react83 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_Expandable2();
@@ -24060,7 +24132,7 @@ function usePageMapper() {
     setIsDialogOpen,
     setIsDialogClosing
   } = useLayoutStore();
-  const closeDialog = (0, import_react83.useCallback)(() => {
+  const closeDialog = (0, import_react84.useCallback)(() => {
     setIsDialogClosing(true);
     setTimeout(() => {
       setDialogContent(null);
@@ -24071,7 +24143,7 @@ function usePageMapper() {
       setIsDialogOpen(false);
     }, CLEAR_DIALOG_TIMEOUT);
   }, [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogForced, setIsDialogOpen, setIsDialogClosing]);
-  const openDialog = (0, import_react83.useCallback)(
+  const openDialog = (0, import_react84.useCallback)(
     (pageItem) => {
       const PageContentComponent = pageItem.component;
       setDialogTitle(pageItem.title);
@@ -24081,7 +24153,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -24092,10 +24164,10 @@ function usePageMapper() {
     openDialog(pageItem);
   }, [page, closeDialog, openDialog]);
 }
-var import_react83, import_jsx_runtime116, CLEAR_DIALOG_TIMEOUT;
+var import_react84, import_jsx_runtime116, CLEAR_DIALOG_TIMEOUT;
 var init_usePageMapper = __esm({
   "src/internal/hooks/usePageMapper.tsx"() {
-    import_react83 = require("react");
+    import_react84 = require("react");
     init_PageMap();
     init_constants();
     init_useLayoutDataStore();
@@ -24117,26 +24189,26 @@ function useSettingsNotifications() {
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile
   });
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
     });
   }, [hasEmail, setSettingsNotifications]);
 }
-var import_react_query52, import_react84, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
+var import_react_query52, import_react85, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
 var init_useSettingsNotifications = __esm({
   "src/internal/hooks/useSettingsNotifications.ts"() {
     init_SessionContext();
     import_react_query52 = require("@tanstack/react-query");
-    import_react84 = require("react");
+    import_react85 = require("react");
     init_auth();
     init_profile();
     init_useLayoutDataStore();
@@ -24159,7 +24231,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.53",
+      version: "0.4.54",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24405,11 +24477,11 @@ function Header() {
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
   const proMode = useProMode();
-  const [proToast, setProToast] = (0, import_react85.useState)(false);
-  const [copied, setCopied] = (0, import_react85.useState)(false);
-  const clickCountRef = (0, import_react85.useRef)(0);
-  const clickTimerRef = (0, import_react85.useRef)(null);
-  const handleAvatarClick = (0, import_react85.useCallback)(() => {
+  const [proToast, setProToast] = (0, import_react86.useState)(false);
+  const [copied, setCopied] = (0, import_react86.useState)(false);
+  const clickCountRef = (0, import_react86.useRef)(0);
+  const clickTimerRef = (0, import_react86.useRef)(null);
+  const handleAvatarClick = (0, import_react86.useCallback)(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -24509,7 +24581,7 @@ function Header() {
     }
   );
 }
-var import_react_query54, import_lucide_react78, import_react85, import_jsx_runtime118;
+var import_react_query54, import_lucide_react78, import_react86, import_jsx_runtime118;
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_lumia2();
@@ -24519,7 +24591,7 @@ var init_Header = __esm({
     init_useT();
     import_react_query54 = require("@tanstack/react-query");
     import_lucide_react78 = require("lucide-react");
-    import_react85 = require("react");
+    import_react86 = require("react");
     init_icons();
     init_auth();
     init_profile();
@@ -24550,7 +24622,7 @@ function useDecideContentStyles() {
     style: (0, import_lodash_es10.merge)({}, mobileStyles)
   };
 }
-var DialogPrimitive, import_lodash_es10, import_lucide_react79, import_react86, import_jsx_runtime119, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
+var DialogPrimitive, import_lodash_es10, import_lucide_react79, import_react87, import_jsx_runtime119, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
 var init_dialog = __esm({
   "src/internal/components/ui/dialog.tsx"() {
     init_utils2();
@@ -24559,14 +24631,14 @@ var init_dialog = __esm({
     DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
     import_lodash_es10 = require("lodash-es");
     import_lucide_react79 = require("lucide-react");
-    import_react86 = require("react");
+    import_react87 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_button();
     import_jsx_runtime119 = require("react/jsx-runtime");
     Dialog = DialogPrimitive.Root;
     DialogPortal = DialogPrimitive.Portal;
-    DialogOverlay = (0, import_react86.forwardRef)(
+    DialogOverlay = (0, import_react87.forwardRef)(
       ({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
         DialogPrimitive.Overlay,
         {
@@ -24588,7 +24660,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_react86.forwardRef)(
+    DialogContent = (0, import_react87.forwardRef)(
       ({ className, children, colorMode, ...props }, ref) => {
         const { t, i18n } = useT();
         const isSessionLoading = useSession((st) => st.isLoading);
@@ -24691,7 +24763,7 @@ var init_dialog = __esm({
     DialogHeader.displayName = "DialogHeader";
     DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
     DialogFooter.displayName = "DialogFooter";
-    DialogTitle = (0, import_react86.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    DialogTitle = (0, import_react87.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
       DialogPrimitive.Title,
       {
         ref,
@@ -24700,7 +24772,7 @@ var init_dialog = __esm({
       }
     ));
     DialogTitle.displayName = DialogPrimitive.Title.displayName;
-    DialogDescription = (0, import_react86.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+    DialogDescription = (0, import_react87.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
     DialogDescription.displayName = DialogPrimitive.Description.displayName;
   }
 });
@@ -24725,7 +24797,7 @@ function Dialog2() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  (0, import_react87.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
+  (0, import_react88.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -24763,13 +24835,13 @@ function Dialog2() {
     }
   );
 }
-var import_framer_motion, import_react87, import_jsx_runtime121;
+var import_framer_motion, import_react88, import_jsx_runtime121;
 var init_Dialog = __esm({
   "src/internal/components/Dialog/Dialog.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     import_framer_motion = require("framer-motion");
-    import_react87 = require("react");
+    import_react88 = require("react");
     init_constants();
     init_useAutoConnect();
     init_useBackupStatusChanges();
@@ -24795,14 +24867,14 @@ var init_Dialog2 = __esm({
 });
 // src/internal/components/TssManager.tsx
-var import_react88, TssManagerWithRef;
+var import_react89, TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
     init_SessionContext();
-    import_react88 = __toESM(require("react"), 1);
+    import_react89 = __toESM(require("react"), 1);
     init_auth();
     init_clients();
-    TssManagerWithRef = import_react88.default.forwardRef((props, ref) => {
+    TssManagerWithRef = import_react89.default.forwardRef((props, ref) => {
       const { mpcPin } = props;
       const usePaymaster = useSession((st) => st.usePaymaster);
       const publicClient = useSession((st) => st.publicClient);
@@ -24810,14 +24882,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_react88.useCallback)(
+      const onSessionCreated = (0, import_react89.useCallback)(
         (session, address) => {
           setSession(session);
           setAddress(address);
         },
         [setSession, setAddress]
       );
-      const createSessionWithKeyshare = import_react88.default.useCallback(
+      const createSessionWithKeyshare = import_react89.default.useCallback(
         async (userId, hasServerKeyshare, isNewUser) => {
           setStatus("checking key management setup...");
           await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
@@ -24842,7 +24914,7 @@ var init_TssManager = __esm({
         },
         [setStatus, usePaymaster, activeChainId, publicClient, mpcPin]
       );
-      import_react88.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
+      import_react89.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
       return null;
     });
   }
@@ -24870,7 +24942,7 @@ function WalletConnectHandler() {
   const projectId = providerConfig?.projectId;
   const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
   const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
-  const onLinkingComplete = (0, import_react89.useCallback)(
+  const onLinkingComplete = (0, import_react90.useCallback)(
     async (success) => {
       setIsWalletLinking(false);
       if (!success && !passportWalletAddress) {
@@ -24899,10 +24971,10 @@ function WalletConnectHandler() {
     },
     [qc, passportWalletAddress, setProviderType, setPage, setIsWalletLinking]
   );
-  const [hasStartedLinking, setHasStartedLinking] = import_react89.default.useState(false);
-  const [modalWasOpened, setModalWasOpened] = import_react89.default.useState(false);
-  const [pendingModalOpen, setPendingModalOpen] = import_react89.default.useState(false);
-  (0, import_react89.useEffect)(() => {
+  const [hasStartedLinking, setHasStartedLinking] = import_react90.default.useState(false);
+  const [modalWasOpened, setModalWasOpened] = import_react90.default.useState(false);
+  const [pendingModalOpen, setPendingModalOpen] = import_react90.default.useState(false);
+  (0, import_react90.useEffect)(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
         isConnected,
@@ -24940,18 +25012,18 @@ function WalletConnectHandler() {
     setProviderType,
     walletMode
   ]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (pendingModalOpen && !isConnected && openConnectModal) {
       setPendingModalOpen(false);
       openConnectModal();
     }
   }, [pendingModalOpen, isConnected, openConnectModal]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (connectModalOpen && hasStartedLinking) {
       setModalWasOpened(true);
     }
   }, [connectModalOpen, hasStartedLinking]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
@@ -24959,7 +25031,7 @@ function WalletConnectHandler() {
       setModalWasOpened(false);
     }
   }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
@@ -25079,7 +25151,7 @@ function WalletConnectHandler() {
       setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
     }
   });
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking && modalWasOpened && !pendingModalOpen) {
       console.log("[WalletConnectHandler] handleWalletSign triggered");
       if (!passportWalletAddress) {
@@ -25089,7 +25161,7 @@ function WalletConnectHandler() {
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
     }
   }, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking, modalWasOpened, pendingModalOpen]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
@@ -25111,7 +25183,7 @@ function WalletConnectHandler() {
   ]);
   return null;
 }
-var import_rainbowkit2, import_react_query55, import_react89, import_wagmi8;
+var import_rainbowkit2, import_react_query55, import_react90, import_wagmi8;
 var init_WalletConnectHandler = __esm({
   "src/internal/components/WalletConnectHandler.tsx"() {
     init_ProviderContext();
@@ -25119,7 +25191,7 @@ var init_WalletConnectHandler = __esm({
     init_linkedProfiles();
     import_rainbowkit2 = require("@rainbow-me/rainbowkit");
     import_react_query55 = require("@tanstack/react-query");
-    import_react89 = __toESM(require("react"), 1);
+    import_react90 = __toESM(require("react"), 1);
     import_wagmi8 = require("wagmi");
     init_wallet();
     init_AuthMenu2();
@@ -25140,13 +25212,13 @@ function DirectWalletHandler() {
   const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
   const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     setConfigMode(walletMode);
     if (walletMode !== "both") {
       setActiveMode(walletMode);
     }
   }, [walletMode, setConfigMode, setActiveMode]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isConnected && address && !isExternalConnected && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25155,17 +25227,17 @@ function DirectWalletHandler() {
       });
     }
   }, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isExternalConnected && !isConnected) {
       clearExternalWallet();
     }
   }, [isConnected, isExternalConnected, clearExternalWallet]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isExternalConnected && isConnected && chain?.id) {
       setExternalChainId(chain.id);
     }
   }, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isExternalConnected && isConnected && address && address !== externalAddress && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25176,10 +25248,10 @@ function DirectWalletHandler() {
   }, [address, isConnected, isExternalConnected, externalAddress, chain?.id, connector, setExternalWallet]);
   return null;
 }
-var import_react90, import_wagmi9;
+var import_react91, import_wagmi9;
 var init_DirectWalletHandler = __esm({
   "src/internal/components/DirectWalletHandler.tsx"() {
-    import_react90 = require("react");
+    import_react91 = require("react");
     import_wagmi9 = require("wagmi");
     init_ProviderContext();
     init_useExternalWalletStore();
@@ -25204,7 +25276,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_react91.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_react92.Fragment, { children: [
     children,
     config.current?.wallet?.enabled && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(WalletConnectHandler, {}),
     config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DirectWalletHandler, {}),
@@ -25219,11 +25291,11 @@ function SessionProvider({ children }) {
     /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Dialog2, {})
   ] });
 }
-var import_read21, import_react91, import_zustand13, import_middleware4, import_jsx_runtime122, useSession, requireActiveChainId;
+var import_read21, import_react92, import_zustand13, import_middleware4, import_jsx_runtime122, useSession, requireActiveChainId;
 var init_SessionContext = __esm({
   "src/context/SessionContext.tsx"() {
     import_read21 = require("@embarkai/core/read");
-    import_react91 = require("react");
+    import_react92 = require("react");
     import_zustand13 = require("zustand");
     import_middleware4 = require("zustand/middleware");
     init_BalanceFeedProvider2();
@@ -27892,7 +27964,7 @@ var init_rainbowkit = __esm({
 function RainbowKitProvider({ children }) {
   const config = useProviderConfig().config;
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const rainbowConfig = (0, import_react92.useMemo)(
+  const rainbowConfig = (0, import_react93.useMemo)(
     () => createRainbowConfig({
       projectId: config.current?.wallet?.walletConnectProjectId,
       allowedWallets: config.current?.wallet?.allowedWallets,
@@ -27906,7 +27978,7 @@ function RainbowKitProvider({ children }) {
       config.current?.wallet?.walletConnectProjectId
     ]
   );
-  const customTheme = (0, import_react92.useMemo)(() => {
+  const customTheme = (0, import_react93.useMemo)(() => {
     if (!config.current?.wallet?.enabled) return {};
     return colorMode === "dark" ? {
       ...(0, import_rainbowkit4.darkTheme)(),
@@ -27923,11 +27995,11 @@ function RainbowKitProvider({ children }) {
   if (!config.current?.wallet?.enabled) return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_jsx_runtime123.Fragment, { children });
   return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_wagmi11.WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_rainbowkit4.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 }
-var import_rainbowkit4, import_react92, import_wagmi11, import_styles, import_jsx_runtime123;
+var import_rainbowkit4, import_react93, import_wagmi11, import_styles, import_jsx_runtime123;
 var init_RainbowKitContext = __esm({
   "src/context/RainbowKitContext.tsx"() {
     import_rainbowkit4 = require("@rainbow-me/rainbowkit");
-    import_react92 = require("react");
+    import_react93 = require("react");
     import_wagmi11 = require("wagmi");
     init_rainbowkit();
     init_useLayoutStore();
@@ -27983,10 +28055,10 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = (0, import_react93.useRef)(callbacks);
-  (0, import_react93.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react93.useRef)((0, import_lodash_es11.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const updateConfig = (0, import_react93.useCallback)((updates) => {
+  const callbacksRef = (0, import_react94.useRef)(callbacks);
+  (0, import_react94.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = (0, import_react94.useRef)((0, import_lodash_es11.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const updateConfig = (0, import_react94.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -28020,12 +28092,12 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = (0, import_react93.useCallback)((updates) => {
+  const updateCallbacks = (0, import_react94.useCallback)((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = (0, import_lodash_es11.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -28045,7 +28117,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       (0, import_error_tracking4.initSdkErrorTracking)();
@@ -28074,7 +28146,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = (0, import_react93.useMemo)(
+  const contextValue = (0, import_react94.useMemo)(
     () => ({
       config,
       updateConfig,
@@ -28095,12 +28167,12 @@ function Provider(props) {
     /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(WagmiProvider2, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(SessionProvider, { children }) }) })
   );
 }
-var import_error_tracking4, import_lodash_es11, import_react93, import_jsx_runtime125, UIContext, useProviderConfig;
+var import_error_tracking4, import_lodash_es11, import_react94, import_jsx_runtime125, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
     import_lodash_es11 = require("lodash-es");
-    import_react93 = require("react");
+    import_react94 = require("react");
     init_initial();
     init_iframe_manager();
     init_RainbowKitContext();
@@ -28108,9 +28180,9 @@ var init_ProviderContext = __esm({
     init_utils11();
     init_WagmiContext();
     import_jsx_runtime125 = require("react/jsx-runtime");
-    UIContext = (0, import_react93.createContext)(void 0);
+    UIContext = (0, import_react94.createContext)(void 0);
     useProviderConfig = () => {
-      const ctx = (0, import_react93.useContext)(UIContext);
+      const ctx = (0, import_react94.useContext)(UIContext);
       if (!ctx) throw new Error("useProviderConfig must be used within a Provider");
       return ctx;
     };
@@ -28221,7 +28293,7 @@ init_lumia2();
 init_embarkAI2();
 var import_react_query56 = require("@tanstack/react-query");
 var import_lucide_react80 = require("lucide-react");
-var import_react94 = require("react");
+var import_react95 = require("react");
 init_SessionContext();
 init_auth();
 init_profile();
@@ -28254,7 +28326,7 @@ 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_react94.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  (0, import_react95.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = (0, import_react_query56.useQuery)({
     retry: false,
     enabled: !!address,
@@ -28262,7 +28334,7 @@ function ConnectWalletButton(props) {
     queryFn: getUserProfile
   });
   const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth23.jwtTokenManager.getDisplayName();
-  const indicators = (0, import_react94.useMemo)(() => {
+  const indicators = (0, import_react95.useMemo)(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
     const server = import_auth23.jwtTokenManager.getHasKeyshare() ?? false;
@@ -28443,29 +28515,8 @@ var useHasServerVault = () => useSession((st) => st.hasServerVault);
 var useActiveChainId = () => useSession((st) => st.activeChainId);
 var useHydrated = () => useSession((st) => st.hasHydrated);
-// src/hooks/useOpenPage.ts
-var import_react95 = require("react");
-init_SessionContext();
-init_useLayoutDataStore();
-function useOpenPage() {
-  const page = useLayoutDataStore((st) => st.page);
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const setPageParams = useLayoutDataStore((st) => st.setPageParams);
-  const address = useSession((st) => st.address);
-  const open = (0, import_react95.useCallback)(
-    (passportPage, params) => {
-      if (!address) return setPage("auth" /* AUTH */);
-      if (!!address && passportPage === "auth" /* AUTH */) return setPage("manage-wallet" /* MANAGE_WALLET */);
-      setPage(passportPage);
-      if (!!params) setPageParams(params);
-    },
-    [setPage, setPageParams, address]
-  );
-  const close = (0, import_react95.useCallback)(() => setPage(null), [setPage]);
-  return { open, close, isOpen: page !== null };
-}
 // src/index.ts
+init_useOpenPage();
 init_useColorMode();
 // src/components/ThemeToggle.tsx