@embarkai/ui-kit 0.4.82 → 0.4.84

package/dist/index.cjs

@@ -7176,13 +7176,13 @@ var init_useAuthStore = __esm({
       step: "signin",
       alert: null,
       email: "",
-      expiresIn: null,
+      emailChallenge: null,
       codeSendError: null,
       passkeyStatus: "idle",
       failedType: "general",
       setStep: (step) => set({ step }),
       setEmail: (email) => set({ email }),
-      setExpiresIn: (expiresIn) => set({ expiresIn }),
+      setEmailChallenge: (emailChallenge) => set({ emailChallenge }),
       setPasskeyStatus: (status) => set({ passkeyStatus: status }),
       setAlert: (alert2) => set({ alert: alert2 }),
       setFailedType: (type) => set({ failedType: type })
@@ -7746,6 +7746,23 @@ var init_input = __esm({
   }
 });
 
+// src/internal/components/AuthMenu/emailChallenge.ts
+var normalizeChallengeEmail, createEmailChallenge, isEmailChallengeActive, shouldDiscardEmailChallengeForError;
+var init_emailChallenge = __esm({
+  "src/internal/components/AuthMenu/emailChallenge.ts"() {
+    normalizeChallengeEmail = (email) => email.trim().toLowerCase();
+    createEmailChallenge = (email, expiresIn, now = Date.now()) => ({
+      email: normalizeChallengeEmail(email),
+      expiresAt: now + Math.max(0, expiresIn) * 1e3
+    });
+    isEmailChallengeActive = (challenge, email, now = Date.now()) => challenge !== null && challenge.email === normalizeChallengeEmail(email) && challenge.expiresAt > now;
+    shouldDiscardEmailChallengeForError = (message) => {
+      const normalizedMessage = message.toLowerCase();
+      return normalizedMessage.includes("expired") || normalizedMessage.includes("429") || normalizedMessage.includes("too many") || normalizedMessage.includes("code_not_found") || normalizedMessage.includes("no verification code");
+    };
+  }
+});
+
 // src/internal/components/AuthMenu/SignInStep/Email.tsx
 function Email() {
   const { callbacksRef } = useProviderConfig();
@@ -7756,7 +7773,7 @@ function Email() {
   const isLoading = useSession((st) => st.isLoading);
   const setIsLoading = useSession((st) => st.setIsLoading);
   const isMobileView = useLayoutStore((st) => st.isMobileView);
-  const { email, alert: alert2, setEmail, setExpiresIn, setStep, setAlert } = useAuthStore();
+  const { email, emailChallenge, alert: alert2, setEmail, setEmailChallenge, setStep, setAlert } = useAuthStore();
   const { mutate: onSendVerificationCode } = (0, import_react_query5.useMutation)({
     mutationFn: async (mail) => {
       const isEmailValid = mail.length !== 0 && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail);
@@ -7773,10 +7790,10 @@ function Email() {
         body: JSON.stringify({ email: mail, purpose: "login" })
       });
     },
-    onSuccess: async (response) => {
+    onSuccess: async (response, requestedEmail) => {
       const data = await response.json();
       if (response.ok) {
-        setExpiresIn(data.expiresIn || 300);
+        setEmailChallenge(createEmailChallenge(requestedEmail, data.expiresIn ?? 600));
         setStep("verify");
       } else {
         if (response.status === 429) {
@@ -7808,6 +7825,14 @@ function Email() {
       setIsLoading(false);
     }
   });
+  const continueWithEmail = () => {
+    if (isEmailChallengeActive(emailChallenge, email)) {
+      setAlert(null);
+      setStep("verify");
+      return;
+    }
+    onSendVerificationCode(email);
+  };
   (0, import_react14.useEffect)(() => {
     if (!focusRef.current || !isMobileView) return;
     focusRef.current?.focus();
@@ -7861,7 +7886,7 @@ function Email() {
               variant: "default",
               size: "large",
               disabled: !email || isLoading,
-              onClick: () => onSendVerificationCode(email),
+              onClick: continueWithEmail,
               children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.ChevronRight, { className: "w-4 h-4" })
             }
           )
@@ -7884,6 +7909,7 @@ var init_Email = __esm({
     init_projectId();
     init_button();
     init_input();
+    init_emailChallenge();
     init_useAuthStore();
     import_jsx_runtime14 = require("react/jsx-runtime");
   }
@@ -8723,16 +8749,10 @@ var init_VerificationCodeInput = __esm({
     import_jsx_runtime18 = require("react/jsx-runtime");
     getRemainingSeconds = (expiresAt) => Math.max(0, Math.ceil((expiresAt - Date.now()) / 1e3));
     VerificationCodeInput = (props) => {
-      const { onVerifyCode, onResendCode, isLoading, expiresIn } = props;
+      const { onVerifyCode, onResendCode, isLoading, expiresAt } = props;
       const { t } = useT();
       const setAlert = useAuthStore((st) => st.setAlert);
-      const [expiresAt, setExpiresAt] = (0, import_react18.useState)(() => Date.now() + Math.max(0, expiresIn) * 1e3);
       const [timeLeft, setTimeLeft] = (0, import_react18.useState)(() => getRemainingSeconds(expiresAt));
-      (0, import_react18.useEffect)(() => {
-        const nextExpiresAt = Date.now() + Math.max(0, expiresIn) * 1e3;
-        setExpiresAt(nextExpiresAt);
-        setTimeLeft(getRemainingSeconds(nextExpiresAt));
-      }, [expiresIn]);
       (0, import_react18.useEffect)(() => {
         let intervalId;
         const syncTimeLeft = () => {
@@ -8822,7 +8842,9 @@ var init_VerificationCodeInput = __esm({
           "input",
           {
             name: `verification-code-symbol-${i}`,
-            ref: (el) => inputsRef.current[i] = el,
+            ref: (el) => {
+              inputsRef.current[i] = el;
+            },
             type: "text",
             autoComplete: "off",
             disabled: isLoading,
@@ -8880,11 +8902,11 @@ function VerifyStep(props) {
   const setIsLoading = useSession((st) => st.setIsLoading);
   const {
     email,
-    expiresIn,
+    emailChallenge,
     setFailedType,
     setStep,
     setEmail,
-    setExpiresIn,
+    setEmailChallenge,
     setAlert
   } = useAuthStore();
   const [resendCount, setResendCount] = (0, import_react19.useState)(0);
@@ -8925,6 +8947,7 @@ function VerifyStep(props) {
       const needsRecovery = loginResponse.hasKeyshare && !loginResponse.isNewUser && !localKeyshare;
       if (!recoveryUserId && !needsRecovery) {
         setEmail("");
+        setEmailChallenge(null);
         setAlert(null);
       }
       await onAuthSuccess?.();
@@ -8936,11 +8959,13 @@ function VerifyStep(props) {
       let errorMessage = "";
       const rawErrorMessage = error.message || "";
       const normalizedErrorMessage = rawErrorMessage.toLowerCase();
+      if (shouldDiscardEmailChallengeForError(rawErrorMessage)) {
+        setEmailChallenge(null);
+      }
       if (normalizedErrorMessage.includes("invalid")) {
         errorMessage = "Invalid verification code. Please try again.";
       } else if (normalizedErrorMessage.includes("expired")) {
         errorMessage = "Verification code expired. Please request a new one.";
-        setExpiresIn(0);
       } else if (normalizedErrorMessage.includes("429") || normalizedErrorMessage.includes("too many")) {
         errorMessage = "Too many attempts. Please try again later.";
       } else {
@@ -8972,7 +8997,7 @@ function VerifyStep(props) {
     onSuccess: async (response) => {
       const data = await response.json();
       if (response.ok) {
-        setExpiresIn(data.expiresIn || 300);
+        setEmailChallenge(createEmailChallenge(email, data.expiresIn ?? 600));
         setResendCount((c) => c + 1);
       }
       if (!response.ok && response.status === 429) {
@@ -9030,7 +9055,7 @@ function VerifyStep(props) {
         onVerifyCode,
         onResendCode,
         isLoading,
-        expiresIn
+        expiresAt: emailChallenge?.expiresAt ?? Date.now()
       },
       resendCount
     )
@@ -9049,6 +9074,7 @@ var init_VerifyStep = __esm({
     init_icons();
     init_projectId();
     init_button();
+    init_emailChallenge();
     init_useAuthStore();
     init_VerificationCodeInput();
     import_jsx_runtime19 = require("react/jsx-runtime");
@@ -9092,7 +9118,7 @@ var init_AuthMenu = __esm({
       const setTransitionPageHeight = useLayoutDataStore((st) => st.setTransitionPageHeight);
       const pendingWalletLogin = useLayoutDataStore((st) => st.pendingWalletLogin);
       const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
-      const { step, alert: alert2, setStep, setPasskeyStatus, setEmail, setAlert } = useAuthStore();
+      const { step, alert: alert2, setStep, setPasskeyStatus, setEmail, setEmailChallenge, setAlert } = useAuthStore();
       const { pendingLoginResponseRef, onAuthSuccess, goBackToSignIn } = useAuthMenuHandlers();
       (0, import_react20.useEffect)(() => {
         if (!pendingWalletLogin) return;
@@ -9109,6 +9135,7 @@ var init_AuthMenu = __esm({
         return () => {
           setStep("signin");
           setEmail("");
+          setEmailChallenge(null);
           setPasskeyStatus("idle");
           setAlert(null);
         };
@@ -13635,6 +13662,41 @@ var init_passkey2 = __esm({
   }
 });
 
+// src/internal/auth/providers/email.ts
+async function sendEmailLinkCode(email) {
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
+  if (!hasValidToken) throw new Error("No authentication token available");
+  const response = await (0, import_auth23.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/email/send-code`, {
+    method: "POST",
+    body: JSON.stringify({ email })
+  });
+  if (!response.ok) {
+    const errorData = await response.json().catch(() => ({}));
+    throw new Error(errorData.message || `Failed to send email verification code: ${response.statusText}`);
+  }
+  const data = await response.json().catch(() => ({}));
+  return data.expiresIn ?? 600;
+}
+async function verifyEmailLinkCode(email, code) {
+  const hasValidToken = await (0, import_auth23.ensureValidToken)();
+  if (!hasValidToken) throw new Error("No authentication token available");
+  const response = await (0, import_auth23.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/email/verify-code`, {
+    method: "POST",
+    credentials: "include",
+    body: JSON.stringify({ email, code })
+  });
+  if (!response.ok) {
+    const errorData = await response.json().catch(() => ({}));
+    throw new Error(errorData.message || `Failed to verify email and link provider: ${response.statusText}`);
+  }
+}
+var init_email = __esm({
+  "src/internal/auth/providers/email.ts"() {
+    init_auth();
+    init_types();
+  }
+});
+
 // src/internal/components/ManageWalletMenu/hooks/useStore.ts
 var import_zustand8, useManageWalletStore;
 var init_useStore = __esm({
@@ -13646,7 +13708,7 @@ var init_useStore = __esm({
       emailStep: "input",
       email: "",
       emailCode: "",
-      emailCodeExpiresIn: 0,
+      emailCodeExpiresAt: 0,
       linkIsLoading: false,
       // linkError: null,
       providerType: null,
@@ -13655,7 +13717,7 @@ var init_useStore = __esm({
       setEmailStep: (emailStep) => set({ emailStep }),
       setEmail: (email) => set({ email }),
       setEmailCode: (emailCode) => set({ emailCode }),
-      setEmailCodeExpiresIn: (emailCodeExpiresIn) => set({ emailCodeExpiresIn }),
+      setEmailCodeExpiresAt: (emailCodeExpiresAt) => set({ emailCodeExpiresAt }),
       setLinkIsLoading: (linkIsLoading) => {
         useLayoutStore.setState({ isDialogForced: linkIsLoading });
         set({ linkIsLoading });
@@ -13667,71 +13729,46 @@ var init_useStore = __esm({
   }
 });
 
-// src/internal/components/ManageWalletMenu/EmailForm.tsx
-function EmailForm() {
-  const { callbacksRef } = useProviderConfig();
-  const { t } = useT();
-  const isLoading = useSession((st) => st.isLoading);
-  const setIsLoading = useSession((st) => st.setIsLoading);
-  const { email, setEmail, setAlert, setEmailCodeExpiresIn, setEmailStep } = useManageWalletStore();
-  const { mutate: onSendVerificationCode } = (0, import_react_query18.useMutation)({
-    mutationFn: async () => {
-      if (!email) return;
-      setIsLoading(true);
-      setAlert(null);
-      try {
-        const response = await fetch(addProjectIdToUrl(`${getServiceUrls().tssUrl}/api/auth/email/send-code`), {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          credentials: "include",
-          body: JSON.stringify({
-            email,
-            purpose: "login"
-          })
-        });
-        const data = await response.json();
-        if (response.ok) {
-          setEmailCodeExpiresIn(data?.expiresIn || 300);
-          setEmailStep("verify");
-        } else {
-          if (response.status === 429) {
-            const retryAfter = data.retryAfter || 60;
-            setAlert({
-              title: "Too Many Requests",
-              message: `Code already sent recently. Please wait ${retryAfter} seconds before requesting another.`
-            });
-          } else if (response.status === 400) {
-            setAlert({
-              title: "Invalid Email",
-              message: data.message || "Invalid email address"
-            });
-          } else {
-            setAlert({
-              title: "Error",
-              message: data.message || "Failed to send verification code"
-            });
-          }
-        }
-      } catch (error) {
-        const errorMessage = "Network error. Please check your connection.";
-        setAlert({
-          title: "Network Error",
-          message: errorMessage
-        });
-        try {
-          callbacksRef.current?.onError?.({
-            error: error instanceof Error ? error : new Error(errorMessage),
-            message: errorMessage
-          });
-        } catch {
-        }
-      } finally {
-        setIsLoading(false);
+// src/internal/components/ManageWalletMenu/hooks/useSendVerificationCode.ts
+function useSendVerificationCode() {
+  const setAlert = useManageWalletStore((st) => st.setAlert);
+  const setLinkIsLoading = useManageWalletStore((st) => st.setLinkIsLoading);
+  const setEmailCodeExpiresAt = useManageWalletStore((st) => st.setEmailCodeExpiresAt);
+  return (0, import_react_query18.useMutation)({
+    mutationFn: async (email) => {
+      if (!email) {
+        throw new Error("Email is required");
       }
+      setAlert(null);
+      setLinkIsLoading(true);
+      return await sendEmailLinkCode(email);
+    },
+    onError: (error) => {
+      console.error("Failed to send verification code", error.message);
+      setAlert({ title: "Error", message: error?.message || "Failed to send verification code" });
+      setLinkIsLoading(false);
+    },
+    onSuccess: (expiresIn) => {
+      setEmailCodeExpiresAt(Date.now() + expiresIn * 1e3);
+      console.log("Verification code sent");
+      setLinkIsLoading(false);
     }
   });
+}
+var import_react_query18;
+var init_useSendVerificationCode = __esm({
+  "src/internal/components/ManageWalletMenu/hooks/useSendVerificationCode.ts"() {
+    import_react_query18 = require("@tanstack/react-query");
+    init_email();
+    init_useStore();
+  }
+});
+
+// src/internal/components/ManageWalletMenu/EmailForm.tsx
+function EmailForm() {
+  const { t } = useT();
+  const { email, linkIsLoading, setEmail, setEmailStep } = useManageWalletStore();
+  const { mutate: onSendVerificationCode } = useSendVerificationCode();
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "w-full flex gap-[10px] items-center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       Input,
@@ -13752,25 +13789,21 @@ function EmailForm() {
         className: "w-12 h-12 flex-none",
         variant: "default",
         size: "large",
-        disabled: !email || isLoading,
-        onClick: () => onSendVerificationCode(),
-        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react25.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react25.ChevronRight, { className: "w-4 h-4" })
+        disabled: !email || linkIsLoading,
+        onClick: () => onSendVerificationCode(email, { onSuccess: () => setEmailStep("verify") }),
+        children: linkIsLoading ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react25.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react25.ChevronRight, { className: "w-4 h-4" })
       }
     )
   ] });
 }
-var import_react_query18, import_lucide_react25, import_jsx_runtime61;
+var import_lucide_react25, import_jsx_runtime61;
 var init_EmailForm = __esm({
   "src/internal/components/ManageWalletMenu/EmailForm.tsx"() {
-    init_initial();
-    init_ProviderContext();
-    init_SessionContext();
     init_i18n();
-    import_react_query18 = require("@tanstack/react-query");
     import_lucide_react25 = require("lucide-react");
-    init_projectId();
     init_button();
     init_input();
+    init_useSendVerificationCode();
     init_useStore();
     import_jsx_runtime61 = require("react/jsx-runtime");
   }
@@ -13798,78 +13831,10 @@ var init_useProvidersList = __esm({
   }
 });
 
-// src/internal/auth/providers/email.ts
-async function sendEmailLinkCode(email) {
-  const hasValidToken = await (0, import_auth23.ensureValidToken)();
-  if (!hasValidToken) throw new Error("No authentication token available");
-  const response = await (0, import_auth23.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/email/send-code`, {
-    method: "POST",
-    body: JSON.stringify({ email })
-  });
-  if (!response.ok) {
-    const errorData = await response.json().catch(() => ({}));
-    throw new Error(errorData.message || `Failed to send email verification code: ${response.statusText}`);
-  }
-}
-async function verifyEmailLinkCode(email, code) {
-  const hasValidToken = await (0, import_auth23.ensureValidToken)();
-  if (!hasValidToken) throw new Error("No authentication token available");
-  const response = await (0, import_auth23.authenticatedFetch)(`${getTssUrl3()}/api/auth/link/email/verify-code`, {
-    method: "POST",
-    credentials: "include",
-    body: JSON.stringify({ email, code })
-  });
-  if (!response.ok) {
-    const errorData = await response.json().catch(() => ({}));
-    throw new Error(errorData.message || `Failed to verify email and link provider: ${response.statusText}`);
-  }
-}
-var init_email = __esm({
-  "src/internal/auth/providers/email.ts"() {
-    init_auth();
-    init_types();
-  }
-});
-
-// src/internal/components/ManageWalletMenu/hooks/useSendVerificationCode.ts
-function useSendVerificationCode() {
-  const setAlert = useManageWalletStore((st) => st.setAlert);
-  const setLinkIsLoading = useManageWalletStore((st) => st.setLinkIsLoading);
-  const setEmailCodeExpiresIn = useManageWalletStore((st) => st.setEmailCodeExpiresIn);
-  return (0, import_react_query20.useMutation)({
-    mutationFn: async (email) => {
-      if (!email) {
-        throw new Error("Email is required");
-      }
-      setAlert(null);
-      setLinkIsLoading(true);
-      await sendEmailLinkCode(email);
-    },
-    onError: (error) => {
-      console.error("Failed to send verification code", error.message);
-      setAlert({ title: "Error", message: error?.message || "Failed to send verification code" });
-      setLinkIsLoading(false);
-    },
-    onSuccess: () => {
-      setEmailCodeExpiresIn(300);
-      console.log("Verification code sent");
-      setLinkIsLoading(false);
-    }
-  });
-}
-var import_react_query20;
-var init_useSendVerificationCode = __esm({
-  "src/internal/components/ManageWalletMenu/hooks/useSendVerificationCode.ts"() {
-    import_react_query20 = require("@tanstack/react-query");
-    init_email();
-    init_useStore();
-  }
-});
-
 // src/internal/components/ManageWalletMenu/hooks/useVerifyCode.ts
 function useVerifyCode() {
   const { callbacksRef } = useProviderConfig();
-  const qc = (0, import_react_query21.useQueryClient)();
+  const qc = (0, import_react_query20.useQueryClient)();
   const address = useSession((st) => st.address);
   const setIsLoading = useSession((st) => st.setIsLoading);
   const {
@@ -13878,12 +13843,12 @@ function useVerifyCode() {
     setEmail,
     setEmailStep,
     setEmailCode,
-    setEmailCodeExpiresIn,
+    setEmailCodeExpiresAt,
     setProviderType,
     setLinkIsLoading,
     setAlert
   } = useManageWalletStore();
-  return (0, import_react_query21.useMutation)({
+  return (0, import_react_query20.useMutation)({
     mutationFn: async (codeToVerify) => {
       const code = codeToVerify ?? emailCode;
       if (!code) {
@@ -13912,8 +13877,8 @@ function useVerifyCode() {
     },
     onError: (error) => {
       const message = error?.message || "Failed to verify and link email";
-      if (message.toLowerCase().includes("expired")) {
-        setEmailCodeExpiresIn(0);
+      if (shouldDiscardEmailChallengeForError(message)) {
+        setEmailCodeExpiresAt(0);
       }
       setAlert({ title: "Error", message });
       setIsLoading(false);
@@ -13921,14 +13886,15 @@ function useVerifyCode() {
     }
   });
 }
-var import_react_query21;
+var import_react_query20;
 var init_useVerifyCode = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useVerifyCode.ts"() {
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
-    import_react_query21 = require("@tanstack/react-query");
+    import_react_query20 = require("@tanstack/react-query");
     init_email();
+    init_emailChallenge();
     init_useProvidersList();
     init_useStore();
   }
@@ -13946,7 +13912,7 @@ function normalizePasskeyLinkError(msg) {
   return msg;
 }
 function AddProvider() {
-  const qc = (0, import_react_query22.useQueryClient)();
+  const qc = (0, import_react_query21.useQueryClient)();
   const { callbacksRef } = useProviderConfig();
   const address = useSession((st) => st.address);
   const { t } = useT();
@@ -13955,7 +13921,7 @@ function AddProvider() {
     providerType,
     email,
     emailStep,
-    emailCodeExpiresIn,
+    emailCodeExpiresAt,
     setAlert,
     setProviderType,
     setLinkIsLoading
@@ -13982,7 +13948,7 @@ function AddProvider() {
           onVerifyCode,
           onResendCode: () => onResendCode(email),
           isLoading,
-          expiresIn: emailCodeExpiresIn
+          expiresAt: emailCodeExpiresAt
         }
       )
     ] }),
@@ -14075,14 +14041,14 @@ function AddProvider() {
     ] })
   ] });
 }
-var import_react_query22, import_jsx_runtime62;
+var import_react_query21, import_jsx_runtime62;
 var init_AddProvider = __esm({
   "src/internal/components/ManageWalletMenu/AddProvider.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
     init_linkedProfiles();
-    import_react_query22 = require("@tanstack/react-query");
+    import_react_query21 = require("@tanstack/react-query");
     init_icons();
     init_passkey2();
     init_useLayoutDataStore();
@@ -14134,7 +14100,7 @@ function normalizeSocialLinkError(message) {
   return message;
 }
 function useLinkSocial() {
-  const qc = (0, import_react_query23.useQueryClient)();
+  const qc = (0, import_react_query22.useQueryClient)();
   const address = useSession((st) => st.address);
   const {
     config: { current: config },
@@ -14215,14 +14181,14 @@ function useLinkSocial() {
     }
   }, [providerType, linkIsLoading, socialLinkStarted, handleLinkSocialProvider]);
 }
-var import_react_query23, import_react36;
+var import_react_query22, import_react36;
 var init_useLinkSocial = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts"() {
     init_useLayoutDataStore();
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
-    import_react_query23 = require("@tanstack/react-query");
+    import_react_query22 = require("@tanstack/react-query");
     import_react36 = __toESM(require("react"), 1);
     init_auth();
     init_telegramBrowser();
@@ -14287,7 +14253,7 @@ function useLinkTelegram() {
     config: { current: config },
     callbacksRef
   } = useProviderConfig();
-  const qc = (0, import_react_query24.useQueryClient)();
+  const qc = (0, import_react_query23.useQueryClient)();
   const address = useSession((st) => st.address);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -14353,13 +14319,13 @@ function useLinkTelegram() {
     }
   }, [providerType]);
 }
-var import_react_query24, import_react37;
+var import_react_query23, import_react37;
 var init_useLinkTelegram = __esm({
   "src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts"() {
     init_ProviderContext();
     init_SessionContext();
     init_linkedProfiles();
-    import_react_query24 = require("@tanstack/react-query");
+    import_react_query23 = require("@tanstack/react-query");
     import_react37 = require("react");
     init_telegram2();
     init_useLayoutDataStore();
@@ -14566,7 +14532,7 @@ function ManageWalletMenu() {
     setProviderType,
     setEmail,
     setEmailStep,
-    setEmailCodeExpiresIn,
+    setEmailCodeExpiresAt,
     setEmailCode
   } = useManageWalletStore();
   const configuredProviders = getConfiguredProviders(config.current);
@@ -14614,7 +14580,7 @@ function ManageWalletMenu() {
                   case "email":
                     setEmail("");
                     setEmailCode("");
-                    setEmailCodeExpiresIn(0);
+                    setEmailCodeExpiresAt(0);
                     setEmailStep("input");
                     setProviderType(provider);
                     break;
@@ -14677,7 +14643,7 @@ function ManageWalletMenu() {
                     setEmail("");
                     setEmailCode("");
                     setEmailStep("input");
-                    setEmailCodeExpiresIn(0);
+                    setEmailCodeExpiresAt(0);
                   }
                   if (!providerType) useLayoutDataStore.getState().setPage("settings" /* SETTINGS */);
                   setProviderType(null);
@@ -14747,7 +14713,7 @@ var init_ManageWallet = __esm({
 
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
 function UnlinkProviderMenu() {
-  const qc = (0, import_react_query25.useQueryClient)();
+  const qc = (0, import_react_query24.useQueryClient)();
   const address = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
   const { disconnect: disconnectExternalWallet } = (0, import_wagmi.useDisconnect)();
@@ -14756,7 +14722,7 @@ function UnlinkProviderMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
   const [confirmInput, setConfirmInput] = (0, import_react39.useState)("");
-  const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = (0, import_react_query25.useMutation)({
+  const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = (0, import_react_query24.useMutation)({
     mutationFn: async () => {
       if (!confirmUnlink) {
         throw new Error("No provider to unlink");
@@ -14837,7 +14803,7 @@ function UnlinkProviderMenu() {
     ] })
   ] });
 }
-var import_react_query25, import_lucide_react29, import_react39, import_wagmi, import_jsx_runtime66;
+var import_react_query24, import_lucide_react29, import_react39, import_wagmi, import_jsx_runtime66;
 var init_UnlinkProviderMenu = __esm({
   "src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx"() {
     init_useLayoutDataStore();
@@ -14845,7 +14811,7 @@ var init_UnlinkProviderMenu = __esm({
     init_SessionContext();
     init_useT();
     init_linkedProfiles();
-    import_react_query25 = require("@tanstack/react-query");
+    import_react_query24 = require("@tanstack/react-query");
     import_lucide_react29 = require("lucide-react");
     import_react39 = require("react");
     import_wagmi = require("wagmi");
@@ -14900,7 +14866,7 @@ function ConnectExternalWalletMenu() {
   const { config, callbacksRef } = useProviderConfig();
   const allowedWallets = config.current?.wallet?.allowedWallets;
   const walletMode = config.current?.wallet?.mode || "both";
-  const qc = (0, import_react_query26.useQueryClient)();
+  const qc = (0, import_react_query25.useQueryClient)();
   const { t } = useT();
   const { address: embarkAiAddress } = useSession();
   const { open: openEmbarkAI } = useOpenPage();
@@ -14911,13 +14877,13 @@ function ConnectExternalWalletMenu() {
   const { mutateAsync: signMessageAsync } = (0, import_wagmi2.useSignMessage)();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const walletMenuOpenedFrom = useLayoutDataStore((st) => st.walletMenuOpenedFrom);
-  const { data: providers = [] } = (0, import_react_query26.useQuery)({
+  const { data: providers = [] } = (0, import_react_query25.useQuery)({
     retry: false,
     enabled: !!embarkAiAddress,
     queryKey: [PROVIDERS_QUERY_KEY, embarkAiAddress],
     queryFn: async () => getLinkedProviders()
   });
-  const { mutateAsync: onLinkingComplete } = (0, import_react_query26.useMutation)({
+  const { mutateAsync: onLinkingComplete } = (0, import_react_query25.useMutation)({
     mutationFn: async (success) => {
       useManageWalletStore.getState().setProviderType(null);
       useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "manage-wallet" /* MANAGE_WALLET */);
@@ -14928,7 +14894,7 @@ function ConnectExternalWalletMenu() {
       callbacksRef.current?.onAccountUpdate?.({ providers: providers2 });
     }
   });
-  const { mutateAsync: loginOrLinkOrConnectWallet, isPending: isLoginOrLinkOrConnectWallet } = (0, import_react_query26.useMutation)({
+  const { mutateAsync: loginOrLinkOrConnectWallet, isPending: isLoginOrLinkOrConnectWallet } = (0, import_react_query25.useMutation)({
     mutationFn: async (payload) => {
       const { walletData, connectFlowType } = payload;
       const { walletMenuOpenedFrom: walletMenuOpenedFrom2, setPage, setPendingWalletLogin } = useLayoutDataStore.getState();
@@ -15189,7 +15155,7 @@ function ConnectExternalWalletMenu() {
     }
   );
 }
-var import_react_query26, import_lucide_react30, import_react41, import_wagmi2, import_jsx_runtime67;
+var import_react_query25, import_lucide_react30, import_react41, import_wagmi2, import_jsx_runtime67;
 var init_ConnectExternalWalletMenu = __esm({
   "src/internal/components/ConnectExternalWalletMenu/ConnectExternalWalletMenu.tsx"() {
     init_ProviderContext();
@@ -15198,7 +15164,7 @@ var init_ConnectExternalWalletMenu = __esm({
     init_i18n();
     init_wallets();
     init_linkedProfiles();
-    import_react_query26 = require("@tanstack/react-query");
+    import_react_query25 = require("@tanstack/react-query");
     import_lucide_react30 = require("lucide-react");
     import_react41 = require("react");
     import_wagmi2 = require("wagmi");
@@ -15317,14 +15283,14 @@ async function unlinkDevice(deviceId) {
   }
 }
 function useDevices() {
-  return (0, import_react_query27.useQuery)({
+  return (0, import_react_query26.useQuery)({
     queryKey: [DEVICES_QUERY_KEY],
     queryFn: getDevices
   });
 }
 function useLinkDevice() {
-  const qc = (0, import_react_query27.useQueryClient)();
-  return (0, import_react_query27.useMutation)({
+  const qc = (0, import_react_query26.useQueryClient)();
+  return (0, import_react_query26.useMutation)({
     mutationFn: (code) => linkDevice(code),
     onSuccess: () => {
       qc.invalidateQueries({ queryKey: [DEVICES_QUERY_KEY] });
@@ -15332,18 +15298,18 @@ function useLinkDevice() {
   });
 }
 function useUnlinkDevice() {
-  const qc = (0, import_react_query27.useQueryClient)();
-  return (0, import_react_query27.useMutation)({
+  const qc = (0, import_react_query26.useQueryClient)();
+  return (0, import_react_query26.useMutation)({
     mutationFn: (deviceId) => unlinkDevice(deviceId),
     onSuccess: () => {
       qc.invalidateQueries({ queryKey: [DEVICES_QUERY_KEY] });
     }
   });
 }
-var import_react_query27, DEVICES_QUERY_KEY;
+var import_react_query26, DEVICES_QUERY_KEY;
 var init_devices = __esm({
   "src/internal/clients/devices.ts"() {
-    import_react_query27 = require("@tanstack/react-query");
+    import_react_query26 = require("@tanstack/react-query");
     init_httpClient();
     DEVICES_QUERY_KEY = "devices";
   }
@@ -16892,7 +16858,7 @@ var init_cloudStorage = __esm({
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts
 function useCreateBackup() {
-  const qc = (0, import_react_query28.useQueryClient)();
+  const qc = (0, import_react_query27.useQueryClient)();
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
   const hasServerVault = useSession((st) => st.hasServerVault);
@@ -16910,7 +16876,7 @@ function useCreateBackup() {
   const onBackupSuccess = (0, import_react48.useCallback)(() => {
     console.log("[EMBARKAI BACKUP] Backup created successfully");
   }, [hasServerVault]);
-  const { mutate: createPasswordBackup, isPending: isPasswordBackupCreating } = (0, import_react_query28.useMutation)({
+  const { mutate: createPasswordBackup, isPending: isPasswordBackupCreating } = (0, import_react_query27.useMutation)({
     mutationFn: async () => {
       const iframeManager = getIframeManager();
       if (!iframeManager) {
@@ -16955,7 +16921,7 @@ function useCreateBackup() {
       qc.invalidateQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY, address] });
     }
   });
-  const { mutate: createLocalBackup, isPending: isLocalBackupCreating } = (0, import_react_query28.useMutation)({
+  const { mutate: createLocalBackup, isPending: isLocalBackupCreating } = (0, import_react_query27.useMutation)({
     mutationFn: async () => {
       const iframeManager = getIframeManager();
       if (!usePasskey && !restorePassword) {
@@ -16989,7 +16955,7 @@ function useCreateBackup() {
       qc.invalidateQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY, address] });
     }
   });
-  const { mutate: createPasskey, isPending: isPasskeyCreating } = (0, import_react_query28.useMutation)({
+  const { mutate: createPasskey, isPending: isPasskeyCreating } = (0, import_react_query27.useMutation)({
     mutationFn: async () => {
       useRestoreStore.getState().setIsCreatingPasskey(true);
       const { linkPasskeyWithWebAuthn: linkPasskeyWithWebAuthn2 } = await Promise.resolve().then(() => (init_passkey2(), passkey_exports2));
@@ -17016,7 +16982,7 @@ function useCreateBackup() {
       }
     }
   });
-  const { mutate: createCloudBackup, isPending: isCloudBackupCreating } = (0, import_react_query28.useMutation)({
+  const { mutate: createCloudBackup, isPending: isCloudBackupCreating } = (0, import_react_query27.useMutation)({
     mutationFn: async () => {
       const iframeManager = getIframeManager();
       const encryptedData = await iframeManager.encryptBackupData(passportUserId);
@@ -17067,11 +17033,11 @@ function useCreateBackup() {
     createPasskey
   };
 }
-var import_react_query28, import_react48;
+var import_react_query27, import_react48;
 var init_useCreateBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts"() {
     init_SessionContext();
-    import_react_query28 = require("@tanstack/react-query");
+    import_react_query27 = require("@tanstack/react-query");
     import_react48 = require("react");
     init_auth();
     init_useLayoutStore();
@@ -17095,7 +17061,7 @@ function useRestoreAccount() {
     setRestoreFile
   } = useRestoreStore();
   const { onRestoreSuccess } = useOnRestoreSuccess();
-  const { mutate: restoreFromServer2, isPending: isRestoringFromServer } = (0, import_react_query29.useMutation)({
+  const { mutate: restoreFromServer2, isPending: isRestoringFromServer } = (0, import_react_query28.useMutation)({
     mutationFn: async () => {
       setError(null);
       setSuccess(null);
@@ -17134,7 +17100,7 @@ function useRestoreAccount() {
       setError(errorMsg);
     }
   });
-  const { mutate: restoreFromFile, isPending: isRestoringFromFile } = (0, import_react_query29.useMutation)({
+  const { mutate: restoreFromFile, isPending: isRestoringFromFile } = (0, import_react_query28.useMutation)({
     mutationFn: async () => {
       if (!restoreFile) {
         throw new Error("Please select a backup file");
@@ -17168,7 +17134,7 @@ function useRestoreAccount() {
       setError(errorMsg);
     }
   });
-  const { mutate: restoreFromCloud, isPending: isRestoringFromCloud } = (0, import_react_query29.useMutation)({
+  const { mutate: restoreFromCloud, isPending: isRestoringFromCloud } = (0, import_react_query28.useMutation)({
     mutationFn: async () => {
       alert("Cloud restore not implemented yet");
       return null;
@@ -17187,11 +17153,11 @@ function useRestoreAccount() {
     isRestoringFromCloud
   };
 }
-var import_react_query29;
+var import_react_query28;
 var init_useRestoreAccount = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useRestoreAccount.ts"() {
     init_SessionContext();
-    import_react_query29 = require("@tanstack/react-query");
+    import_react_query28 = require("@tanstack/react-query");
     init_useOnRestoreSuccess();
     init_useRestoreStore();
   }
@@ -17806,7 +17772,7 @@ var init_File = __esm({
 function Server(props) {
   const { isLoading, mode = "restore", serverHandler, createPasskeyHandler } = props;
   const address = useSession((st) => st.address);
-  const qc = (0, import_react_query30.useQueryClient)();
+  const qc = (0, import_react_query29.useQueryClient)();
   const { t } = useT();
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
@@ -17854,13 +17820,13 @@ function Server(props) {
     )
   ] });
 }
-var import_react_query30, import_dayjs3, import_lucide_react39, import_react52, import_jsx_runtime76;
+var import_react_query29, import_dayjs3, import_lucide_react39, import_react52, import_jsx_runtime76;
 var init_Server = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Server.tsx"() {
     init_SessionContext();
     init_useT();
     init_icons();
-    import_react_query30 = require("@tanstack/react-query");
+    import_react_query29 = require("@tanstack/react-query");
     import_dayjs3 = __toESM(require("dayjs"), 1);
     import_lucide_react39 = require("lucide-react");
     import_react52 = require("react");
@@ -18017,7 +17983,7 @@ function Cloud2(props) {
     data: cloudProviders = [],
     isLoading: isCloudProvidersLoading,
     error: cloudProvidersError
-  } = (0, import_react_query31.useQuery)({
+  } = (0, import_react_query30.useQuery)({
     retry: false,
     enabled: !!passportUserId,
     queryKey: [AVAILABLE_CLOUD_PROVIDERS_QUERY_KEY, passportUserId],
@@ -18091,11 +18057,11 @@ function Cloud2(props) {
     )
   ] });
 }
-var import_react_query31, import_lucide_react41, import_react53, import_jsx_runtime78;
+var import_react_query30, import_lucide_react41, import_react53, import_jsx_runtime78;
 var init_Cloud = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx"() {
     init_SessionContext();
-    import_react_query31 = require("@tanstack/react-query");
+    import_react_query30 = require("@tanstack/react-query");
     import_lucide_react41 = require("lucide-react");
     import_react53 = require("react");
     init_button();
@@ -18271,13 +18237,13 @@ var init_methods = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
-var import_react_query32, import_lucide_react43, import_react55, import_wagmi4, import_jsx_runtime80, RESTORE_COMPONENTS, KeyshareRestoreMenu;
+var import_react_query31, import_lucide_react43, import_react55, import_wagmi4, import_jsx_runtime80, RESTORE_COMPONENTS, KeyshareRestoreMenu;
 var init_KeyshareRestoreMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query32 = require("@tanstack/react-query");
+    import_react_query31 = require("@tanstack/react-query");
     import_lucide_react43 = require("lucide-react");
     import_react55 = require("react");
     import_wagmi4 = require("wagmi");
@@ -18302,7 +18268,7 @@ var init_KeyshareRestoreMenu = __esm({
       guardian: Guardian
     };
     KeyshareRestoreMenu = () => {
-      const qc = (0, import_react_query32.useQueryClient)();
+      const qc = (0, import_react_query31.useQueryClient)();
       const { callbacksRef } = useProviderConfig();
       const { t } = useT();
       const address = useSession((st) => st.address);
@@ -18343,7 +18309,7 @@ var init_KeyshareRestoreMenu = __esm({
         restoreFromCloud,
         isRestoringFromCloud
       } = useRestoreAccount();
-      const { data: serverRecoveryStatus, isLoading: isBackupStatusLoading } = (0, import_react_query32.useQuery)({
+      const { data: serverRecoveryStatus, isLoading: isBackupStatusLoading } = (0, import_react_query31.useQuery)({
         retry: false,
         queryKey: [CHECK_BACKUP_QUERY_KEY, address],
         queryFn: async () => await getShareRecoveryStats()
@@ -18352,7 +18318,7 @@ var init_KeyshareRestoreMenu = __esm({
       (0, import_react55.useEffect)(() => {
         if (!!hasServerBackup) useRestoreStore.getState().setMethod("server");
       }, [hasServerBackup]);
-      const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query32.useMutation)({
+      const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query31.useMutation)({
         mutationFn: async () => {
           const { setStatus, setIsLoading } = useSession.getState();
           const { setError, setMethod } = useRestoreStore.getState();
@@ -18516,7 +18482,7 @@ function KeyshareBackupMenu() {
       setMethod(null);
     };
   }, []);
-  const { data: serverRecoveryStatus, isLoading: isRecoveryLoading } = (0, import_react_query33.useQuery)({
+  const { data: serverRecoveryStatus, isLoading: isRecoveryLoading } = (0, import_react_query32.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [CHECK_BACKUP_QUERY_KEY, address],
@@ -18651,12 +18617,12 @@ function KeyshareBackupMenu() {
     }
   );
 }
-var import_react_query33, import_lucide_react44, import_react56, import_jsx_runtime81, COMPONENTS;
+var import_react_query32, import_lucide_react44, import_react56, import_jsx_runtime81, COMPONENTS;
 var init_KeyshareBackupMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query33 = require("@tanstack/react-query");
+    import_react_query32 = require("@tanstack/react-query");
     import_lucide_react44 = require("lucide-react");
     import_react56 = require("react");
     init_useLayoutDataStore();
@@ -18971,18 +18937,18 @@ var init_KycMenu = __esm({
 // src/internal/hooks/useUserProfile.ts
 function useUserProfile() {
   const address = useSession((st) => st.address);
-  return (0, import_react_query34.useQuery)({
+  return (0, import_react_query33.useQuery)({
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile,
     enabled: !!address,
     retry: false
   });
 }
-var import_react_query34;
+var import_react_query33;
 var init_useUserProfile = __esm({
   "src/internal/hooks/useUserProfile.ts"() {
     init_SessionContext();
-    import_react_query34 = require("@tanstack/react-query");
+    import_react_query33 = require("@tanstack/react-query");
     init_profile();
   }
 });
@@ -19300,7 +19266,7 @@ function useNicknameAvailability(currentNickname) {
     if (!currentNickname) return;
     useNicknameStore.getState().setNicknameValue(currentNickname);
   }, [currentNickname]);
-  const { mutate: checkAvailability, isPending: isCheckingAvailability } = (0, import_react_query35.useMutation)({
+  const { mutate: checkAvailability, isPending: isCheckingAvailability } = (0, import_react_query34.useMutation)({
     mutationFn: async (newNickname) => {
       useNicknameStore.getState().setError(null);
       useNicknameStore.getState().setAvailability(null);
@@ -19332,11 +19298,11 @@ function useNicknameAvailability(currentNickname) {
   }, [nicknameValue, currentNickname, debouncedCheckAvailability]);
   return { isCheckingAvailability };
 }
-var import_react_query35, import_lodash_es10, import_react60, DEBOUNCE_MS;
+var import_react_query34, import_lodash_es10, import_react60, DEBOUNCE_MS;
 var init_useNicknameAvailability = __esm({
   "src/internal/components/NicknameMenu/useNicknameAvailability.ts"() {
     init_i18n();
-    import_react_query35 = require("@tanstack/react-query");
+    import_react_query34 = require("@tanstack/react-query");
     import_lodash_es10 = require("lodash-es");
     import_react60 = require("react");
     init_nickname();
@@ -19351,7 +19317,7 @@ var init_useNicknameAvailability = __esm({
 function NicknameEditForm(props) {
   const { isInitialUser, nicknameInfo } = props;
   const { handle: currentNickname, canChange } = nicknameInfo || { handle: "", canChange: false };
-  const qc = (0, import_react_query36.useQueryClient)();
+  const qc = (0, import_react_query35.useQueryClient)();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
@@ -19360,7 +19326,7 @@ function NicknameEditForm(props) {
   const nicknameAvailability = useNicknameStore((st) => st.availability);
   const { isCheckingAvailability } = useNicknameAvailability(nicknameInfo ? nicknameInfo.handle : "");
   const [isNicknameCopied, setIsNicknameCopied] = (0, import_react61.useState)(false);
-  const { mutate: changeNickname2, isPending: isNicknameChanging } = (0, import_react_query36.useMutation)({
+  const { mutate: changeNickname2, isPending: isNicknameChanging } = (0, import_react_query35.useMutation)({
     mutationFn: (handle) => changeNickname(handle),
     onSuccess: () => {
       qc.invalidateQueries({ queryKey: [QUERY_KEYS.nicknameInfo] });
@@ -19493,13 +19459,13 @@ function NicknameEditForm(props) {
     !!canChange && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "w-full flex items-center leadding-4 text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:nicknameMenu.hint") })
   ] });
 }
-var import_react_query36, import_lucide_react49, import_react61, import_jsx_runtime87;
+var import_react_query35, import_lucide_react49, import_react61, import_jsx_runtime87;
 var init_NicknameEditForm = __esm({
   "src/internal/components/NicknameMenu/NicknameEditForm.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query36 = require("@tanstack/react-query");
+    import_react_query35 = require("@tanstack/react-query");
     import_lucide_react49 = require("lucide-react");
     import_react61 = require("react");
     init_icons();
@@ -19545,7 +19511,7 @@ function NicknameMenu() {
     data: nicknameInfo,
     isLoading: isNicknameInfoLoading,
     error: nicknameInfoError
-  } = (0, import_react_query37.useQuery)({
+  } = (0, import_react_query36.useQuery)({
     retry: 1,
     enabled: !!address,
     queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -19624,13 +19590,13 @@ function NicknameMenu() {
     }
   );
 }
-var import_react_query37, import_dayjs4, import_lucide_react50, import_react62, import_jsx_runtime88;
+var import_react_query36, import_dayjs4, import_lucide_react50, import_react62, import_jsx_runtime88;
 var init_NicknameMenu = __esm({
   "src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
     init_SessionContext();
     init_useOpenPage();
     init_i18n();
-    import_react_query37 = require("@tanstack/react-query");
+    import_react_query36 = require("@tanstack/react-query");
     import_dayjs4 = __toESM(require("dayjs"), 1);
     import_lucide_react50 = require("lucide-react");
     import_react62 = require("react");
@@ -19733,7 +19699,7 @@ var init_constants6 = __esm({
 // src/internal/hooks/useBlockscoutAssets/useNativeBalance.ts
 function useNativeBalance(options) {
   const { enabled, address, chainId, publicClient, nativeCurrency } = options;
-  return (0, import_react_query38.useQuery)({
+  return (0, import_react_query37.useQuery)({
     enabled: enabled && !!address && !!publicClient && !!nativeCurrency?.symbol,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: [NATIVE_BALANCE_QUERY_KEY2, chainId, address],
@@ -19748,10 +19714,10 @@ function useNativeBalance(options) {
     }
   });
 }
-var import_react_query38, import_viem6;
+var import_react_query37, import_viem6;
 var init_useNativeBalance = __esm({
   "src/internal/hooks/useBlockscoutAssets/useNativeBalance.ts"() {
-    import_react_query38 = require("@tanstack/react-query");
+    import_react_query37 = require("@tanstack/react-query");
     import_viem6 = require("viem");
     init_constants6();
   }
@@ -19766,7 +19732,7 @@ function useWatchTokens(options) {
     const tokensForChain = chainId ? allWatchTokens?.[chainId] || [] : [];
     return tokensForChain;
   }, [config, chainId]);
-  return (0, import_react_query39.useQuery)({
+  return (0, import_react_query38.useQuery)({
     enabled: !!publicClient && !!address && enabled && watchTokens.length > 0,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: [WATCH_TOKENS_QUERY_KEY, chainId, address, watchTokens.map((t) => t.address).join(",")],
@@ -19829,11 +19795,11 @@ function useWatchTokens(options) {
     }
   });
 }
-var import_react_query39, import_react64, import_viem7;
+var import_react_query38, import_react64, import_viem7;
 var init_useWatchTokens = __esm({
   "src/internal/hooks/useBlockscoutAssets/useWatchTokens.ts"() {
     init_ProviderContext();
-    import_react_query39 = require("@tanstack/react-query");
+    import_react_query38 = require("@tanstack/react-query");
     import_react64 = require("react");
     import_viem7 = require("viem");
     init_constants6();
@@ -19975,7 +19941,7 @@ var init_utils8 = __esm({
 // src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts
 function useBlockscoutAssets(options) {
   const { address, chainId, enabled = true, detectSecurityTokens = true } = options;
-  const qc = (0, import_react_query40.useQueryClient)();
+  const qc = (0, import_react_query39.useQueryClient)();
   const { chainConfig, publicClient, resolvedChainId } = useResolvedPublicClient(chainId, "useBlockscoutAssets");
   const {
     //
@@ -20013,7 +19979,7 @@ function useBlockscoutAssets(options) {
     data: coreTokenBalances = [],
     isLoading: coreTokensLoading,
     isFetching: coreTokensFetching
-  } = (0, import_react_query40.useQuery)({
+  } = (0, import_react_query39.useQuery)({
     enabled: !!address && enabled && !blockscoutClient && !customTokenBalancesQuery && !customTokenBalancesQueryKey,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: [`NON-${BLOCKSCOUT_QUERY_KEY}`, resolvedChainId, address],
@@ -20029,7 +19995,7 @@ function useBlockscoutAssets(options) {
     data: customItems = [],
     isLoading: customLoading,
     isFetching: customFetching
-  } = (0, import_react_query40.useQuery)({
+  } = (0, import_react_query39.useQuery)({
     enabled: !!address && enabled && !blockscoutClient && !!customTokenBalancesQuery && !!customTokenBalancesQueryKey,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: customTokenBalancesQueryKey,
@@ -20042,7 +20008,7 @@ function useBlockscoutAssets(options) {
     isFetching: blockscoutFetching,
     error: blockscoutError,
     dataUpdatedAt
-  } = (0, import_react_query40.useQuery)({
+  } = (0, import_react_query39.useQuery)({
     enabled: !!address && enabled && !!blockscoutClient && !customTokenBalancesQuery && !customTokenBalancesQueryKey,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: [BLOCKSCOUT_QUERY_KEY, resolvedChainId, blockscoutApiUrl, address],
@@ -20053,7 +20019,7 @@ function useBlockscoutAssets(options) {
     data: nftItems,
     isLoading: nftsLoading,
     isFetching: nftsFetching
-  } = (0, import_react_query40.useQuery)({
+  } = (0, import_react_query39.useQuery)({
     enabled: !!address && enabled && !!blockscoutClient,
     ...BALANCE_DEFAULT_QUERY_CFG,
     queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", resolvedChainId, blockscoutApiUrl, address],
@@ -20063,7 +20029,7 @@ function useBlockscoutAssets(options) {
     if (!blockscoutItems) return [];
     return blockscoutItems.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [blockscoutItems]);
-  const { data: erc3643Results } = (0, import_react_query40.useQuery)({
+  const { data: erc3643Results } = (0, import_react_query39.useQuery)({
     queryKey: [ERC3643_DETECTION_QUERY_KEY, resolvedChainId, address, erc20TokenAddresses],
     queryFn: async () => {
       if (!publicClient || erc20TokenAddresses.length === 0) {
@@ -20245,12 +20211,12 @@ function useBlockscoutAssets(options) {
     lastUpdated: dataUpdatedAt || null
   };
 }
-var import_core4, import_react_query40, import_react65;
+var import_core4, import_react_query39, import_react65;
 var init_useBlockscoutAssets = __esm({
   "src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts"() {
     init_ProviderContext();
     import_core4 = require("@embarkai/core");
-    import_react_query40 = require("@tanstack/react-query");
+    import_react_query39 = require("@tanstack/react-query");
     import_react65 = require("react");
     init_initial();
     init_constants();
@@ -20420,7 +20386,7 @@ function PortfolioItem(props) {
     queryKey: asset.balanceQueryKey,
     queryFn: asset.balanceQuery
   } : void 0;
-  const { data: projectAssetBalance } = (0, import_react_query41.useQuery)({
+  const { data: projectAssetBalance } = (0, import_react_query40.useQuery)({
     enabled: !!projectAssetQuery,
     retry: false,
     queryKey: projectAssetQuery?.queryKey ?? ["project-asset-balance-disabled", asset.symbol],
@@ -20430,7 +20396,7 @@ function PortfolioItem(props) {
   const isSecurity = isSecurityToken(asset);
   const embeddedRate = Number(asset.exchangeRateUsd || 0);
   const hasEmbeddedRate = Number.isFinite(embeddedRate) && embeddedRate > 0;
-  const { data: assetRate, isLoading: isRateLoading } = (0, import_react_query41.useQuery)({
+  const { data: assetRate, isLoading: isRateLoading } = (0, import_react_query40.useQuery)({
     enabled: !!address && !hasEmbeddedRate && !isProjectAsset && !isNft && !isSecurity,
     // (!!customAssetRateQuery || !!isAssetRateAvailable(asset.symbol)),
     retry: false,
@@ -20503,11 +20469,11 @@ function PortfolioItem(props) {
     }
   );
 }
-var import_react_query41, import_lucide_react51, import_viem10, import_jsx_runtime90, PORTFOLIO_ASSET_RATE_QUERY_KEY;
+var import_react_query40, import_lucide_react51, import_viem10, import_jsx_runtime90, PORTFOLIO_ASSET_RATE_QUERY_KEY;
 var init_PortfolioItem = __esm({
   "src/internal/components/PortfolioMenu/PortfolioItem.tsx"() {
     init_ProviderContext();
-    import_react_query41 = require("@tanstack/react-query");
+    import_react_query40 = require("@tanstack/react-query");
     import_lucide_react51 = require("lucide-react");
     import_viem10 = require("viem");
     init_no_image();
@@ -20527,7 +20493,7 @@ var init_PortfolioItem = __esm({
 function PortfolioMenu() {
   const { assets: projectAssets = [] } = useProviderConfig().config.current?.projectAssets || {};
   const { t } = useT();
-  const qc = (0, import_react_query42.useQueryClient)();
+  const qc = (0, import_react_query41.useQueryClient)();
   const address = useSession((st) => st.address);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const {
@@ -20598,13 +20564,13 @@ function PortfolioMenu() {
     }
   );
 }
-var import_react_query42, import_lucide_react52, import_react66, import_jsx_runtime91;
+var import_react_query41, import_lucide_react52, import_react66, import_jsx_runtime91;
 var init_PortfolioMenu = __esm({
   "src/internal/components/PortfolioMenu/PortfolioMenu.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query42 = require("@tanstack/react-query");
+    import_react_query41 = require("@tanstack/react-query");
     import_lucide_react52 = require("lucide-react");
     import_react66 = require("react");
     init_useBlockscoutAssets2();
@@ -20726,7 +20692,7 @@ function ReceiveMenu() {
   const session = useSession((st) => st.session);
   const chainConfig = useSession((st) => st.chainConfig);
   const address = session?.smartAccountAddress ?? null;
-  const { data: nicknameInfo, isLoading: isNicknameInfoLoading } = (0, import_react_query43.useQuery)({
+  const { data: nicknameInfo, isLoading: isNicknameInfoLoading } = (0, import_react_query42.useQuery)({
     retry: 1,
     enabled: !!address,
     queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -20856,12 +20822,12 @@ function ReceiveMenu() {
     }
   );
 }
-var import_react_query43, import_lucide_react53, import_qrcode, import_react67, import_jsx_runtime92;
+var import_react_query42, import_lucide_react53, import_qrcode, import_react67, import_jsx_runtime92;
 var init_ReceiveMenu = __esm({
   "src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query43 = require("@tanstack/react-query");
+    import_react_query42 = require("@tanstack/react-query");
     import_lucide_react53 = require("lucide-react");
     import_qrcode = __toESM(require("qrcode"), 1);
     import_react67 = require("react");
@@ -20962,7 +20928,7 @@ var init_constants7 = __esm({
 function useConnectedApps() {
   const session = useSession((st) => st.session);
   const userId = session?.mpcUserId || null;
-  return (0, import_react_query44.useQuery)({
+  return (0, import_react_query43.useQuery)({
     retry: false,
     enabled: !!userId,
     queryKey: [CONNECTED_TRUSTED_APPS_QUERY, userId],
@@ -20975,11 +20941,11 @@ function useConnectedApps() {
     }
   });
 }
-var import_react_query44;
+var import_react_query43;
 var init_useConnectedApps = __esm({
   "src/internal/components/SecurityMenu/ConnectedApps/useConnectedApps.ts"() {
     init_SessionContext();
-    import_react_query44 = require("@tanstack/react-query");
+    import_react_query43 = require("@tanstack/react-query");
     init_httpClient();
     init_constants7();
   }
@@ -21131,10 +21097,10 @@ var init_ConnectedApps = __esm({
 // src/internal/components/SecurityMenu/ConnectedApps/UntrustApplication.tsx
 function UntrustApplication() {
   const { t } = useT();
-  const qc = (0, import_react_query45.useQueryClient)();
+  const qc = (0, import_react_query44.useQueryClient)();
   const userId = useSession((st) => st?.session?.mpcUserId);
   const appToUntrust = useSecurityStore((st) => st.appToUntrust);
-  const { mutate: handleUntrustApp, isPending: isUntrustingApp } = (0, import_react_query45.useMutation)({
+  const { mutate: handleUntrustApp, isPending: isUntrustingApp } = (0, import_react_query44.useMutation)({
     mutationFn: async () => {
       if (!userId || !appToUntrust) return;
       const iframeManager = getIframeManager();
@@ -21210,12 +21176,12 @@ function UntrustApplication() {
     ] })
   ] });
 }
-var import_react_query45, import_lucide_react55, import_jsx_runtime94;
+var import_react_query44, import_lucide_react55, import_jsx_runtime94;
 var init_UntrustApplication = __esm({
   "src/internal/components/SecurityMenu/ConnectedApps/UntrustApplication.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query45 = require("@tanstack/react-query");
+    import_react_query44 = require("@tanstack/react-query");
     import_lucide_react55 = require("lucide-react");
     init_iframe_manager();
     init_button();
@@ -21347,7 +21313,7 @@ var init_LastBackup = __esm({
 function useKeyshareRecoveryStats() {
   const session = useSession((st) => st.session);
   const userId = session?.mpcUserId || null;
-  return (0, import_react_query46.useQuery)({
+  return (0, import_react_query45.useQuery)({
     enabled: !!userId,
     queryKey: [KEYSHARE_RECOVERY_STATS_QUERY, userId],
     queryFn: async () => {
@@ -21364,11 +21330,11 @@ function useKeyshareRecoveryStats() {
     }
   });
 }
-var import_react_query46;
+var import_react_query45;
 var init_useKeyshareRecoveryStats = __esm({
   "src/internal/components/SecurityMenu/Keyshare/useKeyshareRecoveryStats.ts"() {
     init_SessionContext();
-    import_react_query46 = require("@tanstack/react-query");
+    import_react_query45 = require("@tanstack/react-query");
     init_keyshare();
     init_iframe_manager();
     init_vaultClient();
@@ -22204,7 +22170,7 @@ function useHyperlaneHistory() {
   const page = useLayoutDataStore((st) => st.page);
   const flow = useFlowSelectorStore((st) => st.flow);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const query = (0, import_react_query47.useInfiniteQuery)({
+  const query = (0, import_react_query46.useInfiniteQuery)({
     retry: false,
     initialPageParam: 1,
     refetchInterval: TX_HISTORY_POLLING_INTERVAL,
@@ -22219,11 +22185,11 @@ function useHyperlaneHistory() {
   );
   return { query, txList };
 }
-var import_react_query47, import_react70, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
+var import_react_query46, import_react70, 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_query47 = require("@tanstack/react-query");
+    import_react_query46 = require("@tanstack/react-query");
     import_react70 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
@@ -22251,7 +22217,7 @@ var init_useOperationHashesStore = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts
 function useBridge() {
-  const qc = (0, import_react_query48.useQueryClient)();
+  const qc = (0, import_react_query47.useQueryClient)();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const { data: walletClient } = (0, import_wagmi5.useWalletClient)();
@@ -22269,7 +22235,7 @@ function useBridge() {
     setOriginChain(destinationChain);
     setDestinationChain(originChain);
   }, []);
-  const { mutate: estimateQuote } = (0, import_react_query48.useMutation)({
+  const { mutate: estimateQuote } = (0, import_react_query47.useMutation)({
     mutationFn: async (amountToBridge) => {
       useFlowSelectorStore.getState().setError(null);
       useFlowSelectorStore.getState().setIsUiLocked(true);
@@ -22336,7 +22302,7 @@ function useBridge() {
       })
     );
   }, []);
-  const { mutate: bridgeAsset, isPending: isAssetBridging } = (0, import_react_query48.useMutation)({
+  const { mutate: bridgeAsset, isPending: isAssetBridging } = (0, import_react_query47.useMutation)({
     mutationFn: async () => {
       const directWalletAddress = useExternalWalletStore.getState().externalAddress;
       const directWalletChainId = useExternalWalletStore.getState().externalChainId;
@@ -22442,12 +22408,12 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query48, import_react71, import_wagmi5;
+var import_react_query47, import_react71, import_wagmi5;
 var init_useBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
     init_SessionContext();
     init_i18n();
-    import_react_query48 = require("@tanstack/react-query");
+    import_react_query47 = require("@tanstack/react-query");
     import_react71 = require("react");
     import_wagmi5 = require("wagmi");
     init_useLayoutStore();
@@ -22473,7 +22439,7 @@ function useHyperlaneRoutes() {
     data: hyperlaneWarpRoutes = [],
     isLoading: isLoadingWarpRoutes,
     error: errorWarpRoutes
-  } = (0, import_react_query49.useQuery)({
+  } = (0, import_react_query48.useQuery)({
     retry: false,
     enabled: !!address && page === "send" /* SEND */ && flow === "bridge",
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
@@ -22513,11 +22479,11 @@ function useHyperlaneRoutes() {
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
-var import_react_query49, import_react72, HYPERLANE_WARP_ROUTES_QUERY_KEY;
+var import_react_query48, import_react72, HYPERLANE_WARP_ROUTES_QUERY_KEY;
 var init_useHyperlaneRoutes = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
     init_SessionContext();
-    import_react_query49 = require("@tanstack/react-query");
+    import_react_query48 = require("@tanstack/react-query");
     import_react72 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
@@ -22729,7 +22695,7 @@ var init_ResolveChainIcon = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
 function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
-  const qc = (0, import_react_query50.useQueryClient)();
+  const qc = (0, import_react_query49.useQueryClient)();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const activeChainId = useSession((st) => st.activeChainId);
@@ -22757,7 +22723,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
   const embarkTokenBalanace = assets.find((a) => selectedWarpRoute?.symbol === checkWrapedTokenSymbol(a.symbol));
   const originChainMeta = CHAINS_UI_META[originChain];
   const isSelectedTokenNative = selectedWarpRoute?.symbol?.toUpperCase() === originChainMeta?.chain?.nativeCurrency?.symbol?.toUpperCase();
-  const { data: externalBalanceData, isLoading: isExternalBalanceLoading } = (0, import_react_query50.useQuery)({
+  const { data: externalBalanceData, isLoading: isExternalBalanceLoading } = (0, import_react_query49.useQuery)({
     retry: false,
     enabled: bridgeSender === "direct-wallet" && !isSelectedTokenNative && !!directWalletAddress && !!routeTokenAddress && !!originChain,
     queryKey: [EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, originChain, directWalletAddress, routeTokenAddress],
@@ -22800,7 +22766,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
       return { value, decimals, symbol, formatted };
     }
   });
-  const { data: externalNativeBalanceData, isLoading: isExternalNativeBalanceLoading } = (0, import_react_query50.useQuery)({
+  const { data: externalNativeBalanceData, isLoading: isExternalNativeBalanceLoading } = (0, import_react_query49.useQuery)({
     retry: false,
     enabled: bridgeSender === "direct-wallet" && isSelectedTokenNative && !!directWalletAddress && !!originChain,
     queryKey: [EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY, originChain, directWalletAddress],
@@ -22862,13 +22828,13 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
     isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
   };
 }
-var import_core8, import_react_query50, import_react74, import_viem14, import_wagmi6, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
+var import_core8, import_react_query49, import_react74, import_viem14, import_wagmi6, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
 var init_useBridgeBalance = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts"() {
     init_SessionContext();
     init_i18n();
     import_core8 = require("@embarkai/core");
-    import_react_query50 = require("@tanstack/react-query");
+    import_react_query49 = require("@tanstack/react-query");
     import_react74 = require("react");
     import_viem14 = require("viem");
     import_wagmi6 = require("wagmi");
@@ -23543,7 +23509,7 @@ function HistoryItem(props) {
     txStatus
   } = props;
   const { t } = useT();
-  const qc = (0, import_react_query51.useQueryClient)();
+  const qc = (0, import_react_query50.useQueryClient)();
   const address = useSession((st) => st.address);
   const warpRoutes = qc.getQueryData([HYPERLANE_WARP_ROUTES_QUERY_KEY, address]);
   const assetWarpRoute = warpRoutes?.find((route) => {
@@ -23669,12 +23635,12 @@ function HistoryStep() {
     )
   ] });
 }
-var import_react_query51, import_dayjs7, import_lucide_react64, import_jsx_runtime105, P_CN3;
+var import_react_query50, import_dayjs7, import_lucide_react64, import_jsx_runtime105, P_CN3;
 var init_HistoryStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query51 = require("@tanstack/react-query");
+    import_react_query50 = require("@tanstack/react-query");
     import_dayjs7 = __toESM(require("dayjs"), 1);
     import_lucide_react64 = require("lucide-react");
     init_tokens();
@@ -23994,7 +23960,7 @@ function useNicknameResolve(input, options) {
       clearTimeout(timer);
     };
   }, [normalized, isNicknameInput, enabled]);
-  const query = (0, import_react_query52.useQuery)({
+  const query = (0, import_react_query51.useQuery)({
     queryKey: [...QUERY_KEYS.nicknameResolve(debouncedInput), chainId],
     queryFn: async () => await resolveNickname(debouncedInput, chainId),
     enabled: enabled && isNicknameInput && debouncedInput.length > 0,
@@ -24027,10 +23993,10 @@ function useNicknameResolve(input, options) {
     resolvedAddress
   };
 }
-var import_react_query52, import_react80, DEBOUNCE_MS2;
+var import_react_query51, import_react80, DEBOUNCE_MS2;
 var init_useNicknameResolve = __esm({
   "src/hooks/useNicknameResolve.ts"() {
-    import_react_query52 = require("@tanstack/react-query");
+    import_react_query51 = require("@tanstack/react-query");
     import_react80 = require("react");
     init_nickname();
     init_profile();
@@ -24540,7 +24506,7 @@ function isNftAsset4(asset) {
 function useTokenBalance(asset) {
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
-  return (0, import_react_query53.useQuery)({
+  return (0, import_react_query52.useQuery)({
     retry: false,
     enabled: !!address && !!chainConfig?.id && !!asset?.symbol,
     refetchInterval: 5e3,
@@ -24604,11 +24570,11 @@ function useTokenBalance(asset) {
     }
   });
 }
-var import_react_query53, import_viem18, SEND_TOKEN_BALANCE_QUERY_KEY;
+var import_react_query52, import_viem18, SEND_TOKEN_BALANCE_QUERY_KEY;
 var init_useTokenBalance = __esm({
   "src/internal/components/SendMenu/send/useTokenBalance.ts"() {
     init_SessionContext();
-    import_react_query53 = require("@tanstack/react-query");
+    import_react_query52 = require("@tanstack/react-query");
     import_viem18 = require("viem");
     SEND_TOKEN_BALANCE_QUERY_KEY = "current-chain-send-token-balance-query";
   }
@@ -24840,7 +24806,7 @@ function ConfirmSendStep(props) {
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
   const effectiveAddress = isNicknameInput ? resolvedAddress : recipient;
-  const { mutate: handleConfirm, isPending: isTransactionPending } = (0, import_react_query54.useMutation)({
+  const { mutate: handleConfirm, isPending: isTransactionPending } = (0, import_react_query53.useMutation)({
     mutationFn: async () => {
       if (!effectiveAddress || !selectedAsset) return;
       setTxStep("pending");
@@ -25001,12 +24967,12 @@ function ConfirmSendStep(props) {
     }
   );
 }
-var import_react_query54, import_lucide_react70, import_jsx_runtime114;
+var import_react_query53, import_lucide_react70, import_jsx_runtime114;
 var init_ConfirmSendStep = __esm({
   "src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query54 = require("@tanstack/react-query");
+    import_react_query53 = require("@tanstack/react-query");
     import_lucide_react70 = require("lucide-react");
     init_priceFormatter();
     init_utils2();
@@ -25564,7 +25530,7 @@ function SettingsMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const settingsButtons = useSettingsButtons();
   useProvidersList();
-  (0, import_react_query55.useQuery)({
+  (0, import_react_query54.useQuery)({
     retry: 1,
     enabled: !!address,
     queryKey: [QUERY_KEYS.nicknameInfo, address],
@@ -25607,13 +25573,13 @@ function SettingsMenu() {
     }
   );
 }
-var import_react_query55, import_lucide_react74, import_react88, import_jsx_runtime117;
+var import_react_query54, import_lucide_react74, import_react88, import_jsx_runtime117;
 var init_SettingsMenu = __esm({
   "src/internal/components/SettingsMenu/SettingsMenu.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query55 = require("@tanstack/react-query");
+    import_react_query54 = require("@tanstack/react-query");
     import_lucide_react74 = require("lucide-react");
     import_react88 = require("react");
     init_nickname();
@@ -26498,7 +26464,7 @@ var init_TransactionsGroup = __esm({
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 function TransactionsMenu() {
-  const qc = (0, import_react_query56.useQueryClient)();
+  const qc = (0, import_react_query55.useQueryClient)();
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
@@ -26512,7 +26478,7 @@ function TransactionsMenu() {
     isLoading: isTxHistoryLoading,
     isFetching: isTxHistoryFetching,
     error: txHistoryError
-  } = (0, import_react_query56.useQuery)({
+  } = (0, import_react_query55.useQuery)({
     retry: false,
     enabled: !!address && !!chainConfig?.id && historySupported,
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
@@ -26568,12 +26534,12 @@ function TransactionsMenu() {
     }
   );
 }
-var import_react_query56, import_lucide_react77, import_react89, import_jsx_runtime120;
+var import_react_query55, import_lucide_react77, import_react89, import_jsx_runtime120;
 var init_TransactionsMenu = __esm({
   "src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
     init_SessionContext();
     init_i18n();
-    import_react_query56 = require("@tanstack/react-query");
+    import_react_query55 = require("@tanstack/react-query");
     import_lucide_react77 = require("lucide-react");
     import_react89 = require("react");
     init_useLayoutDataStore();
@@ -26873,7 +26839,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.82",
+      version: "0.4.84",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -26974,7 +26940,7 @@ var init_package = __esm({
 
 // src/internal/components/Footer/Footer.tsx
 function Footer() {
-  const qc = (0, import_react_query57.useQueryClient)();
+  const qc = (0, import_react_query56.useQueryClient)();
   const { callbacksRef, config } = useProviderConfig();
   const { t } = useT();
   const address = useSession((st) => st.address);
@@ -26991,7 +26957,7 @@ function Footer() {
       }
     }
   });
-  const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query57.useMutation)({
+  const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query56.useMutation)({
     mutationFn: async (disconnectAddress) => {
       if (!disconnectAddress) throw new Error("No address to disconnect");
       const { setError, setStatus, setIsLoading } = useSession.getState();
@@ -27086,7 +27052,7 @@ function Footer() {
     }
   );
 }
-var import_react_query57, import_lucide_react78, import_wagmi8, import_jsx_runtime122, FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, FOOTER_TOUR;
+var import_react_query56, import_lucide_react78, import_wagmi8, import_jsx_runtime122, FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, FOOTER_TOUR;
 var init_Footer = __esm({
   "src/internal/components/Footer/Footer.tsx"() {
     init_package();
@@ -27094,7 +27060,7 @@ var init_Footer = __esm({
     init_ProviderContext();
     init_SessionContext();
     init_i18n();
-    import_react_query57 = require("@tanstack/react-query");
+    import_react_query56 = require("@tanstack/react-query");
     import_lucide_react78 = require("lucide-react");
     import_wagmi8 = require("wagmi");
     init_auth();
@@ -30334,6 +30300,7 @@ __export(index_exports, {
   Address: () => Address,
   ConnectWalletButton: () => ConnectWalletButton,
   ErrorCodes: () => ErrorCodes,
+  Expandable: () => Expandable,
   Hash: () => Hash,
   KeyshareBackup: () => KeyshareBackupMenu,
   LOCAL_STORAGE_I18N_KEY: () => LOCAL_STORAGE_I18N_KEY,
@@ -31984,6 +31951,7 @@ init_tokens();
 init_wallets();
 
 // src/index.ts
+init_Expandable2();
 init_i18n();
 
 // src/internal/exportedQueryKeys.ts
@@ -32011,6 +31979,7 @@ autorun();
   Address,
   ConnectWalletButton,
   ErrorCodes,
+  Expandable,
   Hash,
   KeyshareBackup,
   LOCAL_STORAGE_I18N_KEY,