@embarkai/ui-kit 0.2.1 → 0.2.3

package/dist/iframe/index.html

@@ -15,7 +15,7 @@
     <meta http-equiv="X-Content-Type-Options" content="nosniff" />
     <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
 
-    <title>EmbarkAI Secure Wallet - iframe version 0.2.1</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.2.3</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -4399,7 +4399,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.2.1";
+var IFRAME_VERSION = "0.2.3";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -843,27 +843,27 @@ var init_useLayoutDataStore = __esm({
   "src/internal/hooks/useLayoutDataStore.ts"() {
     import_zustand = require("zustand");
     init_constants();
-    PageKey = /* @__PURE__ */ ((PageKey4) => {
-      PageKey4["AUTH"] = "auth";
-      PageKey4["LANGUAGES"] = "languages";
-      PageKey4["TERMS_OF_SERVICE"] = "terms-of-service";
-      PageKey4["MAIN_MENU"] = "main-menu";
-      PageKey4["SETTINGS"] = "settings";
-      PageKey4["SEND"] = "send";
-      PageKey4["RECEIVE"] = "receive";
-      PageKey4["BUY"] = "buy";
-      PageKey4["KYC"] = "kyc";
-      PageKey4["TRANSACTIONS"] = "transactions";
-      PageKey4["ASSETS"] = "assets";
-      PageKey4["MANAGE_WALLET"] = "manage-wallet";
-      PageKey4["UNLINK_PROVIDER"] = "unlink-provider";
-      PageKey4["SECURITY"] = "security";
-      PageKey4["KEYSARE_BACKUP"] = "keysare-backup";
-      PageKey4["KEYSHARE_RESTORE"] = "keyshare-restore";
-      PageKey4["CHAIN"] = "chain";
-      PageKey4["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
-      PageKey4["NICKNAME_SETTINGS"] = "nickname-settings";
-      return PageKey4;
+    PageKey = /* @__PURE__ */ ((PageKey3) => {
+      PageKey3["AUTH"] = "auth";
+      PageKey3["LANGUAGES"] = "languages";
+      PageKey3["TERMS_OF_SERVICE"] = "terms-of-service";
+      PageKey3["MAIN_MENU"] = "main-menu";
+      PageKey3["SETTINGS"] = "settings";
+      PageKey3["SEND"] = "send";
+      PageKey3["RECEIVE"] = "receive";
+      PageKey3["BUY"] = "buy";
+      PageKey3["KYC"] = "kyc";
+      PageKey3["TRANSACTIONS"] = "transactions";
+      PageKey3["ASSETS"] = "assets";
+      PageKey3["MANAGE_WALLET"] = "manage-wallet";
+      PageKey3["UNLINK_PROVIDER"] = "unlink-provider";
+      PageKey3["SECURITY"] = "security";
+      PageKey3["KEYSARE_BACKUP"] = "keysare-backup";
+      PageKey3["KEYSHARE_RESTORE"] = "keyshare-restore";
+      PageKey3["CHAIN"] = "chain";
+      PageKey3["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
+      PageKey3["NICKNAME_SETTINGS"] = "nickname-settings";
+      return PageKey3;
     })(PageKey || {});
     useLayoutDataStore = (0, import_zustand.create)((set) => ({
       page: null,
@@ -1151,7 +1151,7 @@ var init_helpers = __esm({
 
 // src/internal/components/ChainSync/ChainSync.tsx
 function ChainSync() {
-  const { config, callbacks } = useProviderConfig();
+  const { config, callbacksRef } = useProviderConfig();
   const qc = (0, import_react_query2.useQueryClient)();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { address, session, activeChainId, setAddress, setSession, setActiveChain, setIsLoading, setStatus, setError } = useSession();
@@ -1216,7 +1216,7 @@ function ChainSync() {
         address: smartAccountAddress,
         factoryAddress: chainConfig.factoryAddress
       });
-      await callbacks?.onChainChange?.({
+      await callbacksRef.current?.onChainChange?.({
         chainId: targetChainId,
         previousChainId: prevChainId.current
       });
@@ -2401,7 +2401,7 @@ var init_clients = __esm({
 function useAutoConnect() {
   const {
     config: { current: config },
-    callbacks
+    callbacksRef
   } = useProviderConfig();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const {
@@ -2424,7 +2424,7 @@ function useAutoConnect() {
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
-          callbacks?.onConnecting?.({ method: "wallet" });
+          callbacksRef.current?.onConnecting?.({ method: "wallet" });
         } catch {
         }
         setStatus("checking key management setup...");
@@ -2456,7 +2456,7 @@ function useAutoConnect() {
         throw error;
       }
     },
-    [usePaymaster, setStatus, callbacks, activeChainId]
+    [usePaymaster, setStatus, activeChainId]
   );
   const autoConnectAttemptedRef = (0, import_react3.useRef)(false);
   (0, import_react3.useEffect)(() => {
@@ -2508,7 +2508,7 @@ function useAutoConnect() {
       }
       const finalHasKeyshare = verify?.hasKeyshare ?? hasKeyshare ?? false;
       try {
-        callbacks?.onAccount?.({ userId, address: null, session: null, hasKeyshare: finalHasKeyshare });
+        callbacksRef.current?.onAccount?.({ userId, address: null, session: null, hasKeyshare: finalHasKeyshare });
       } catch (error) {
         console.warn("[UI-KIT][AutoConnect] Error due onAccount callback:", error);
       }
@@ -2524,12 +2524,12 @@ function useAutoConnect() {
         setStatus("ready");
         setIsLoading(false);
         try {
-          callbacks?.onConnect?.({ address: addr, session: sess });
+          callbacksRef.current?.onConnect?.({ address: addr, session: sess });
         } catch (error) {
           console.warn("[UI-KIT][AutoConnect] Error due onConnect callback:", error);
         }
         try {
-          callbacks?.onAccount?.({
+          callbacksRef.current?.onAccount?.({
             userId,
             address: addr,
             session: sess,
@@ -3899,7 +3899,7 @@ function PassKeyStep(props) {
   const { pendingLoginResponseRef, onAuthSuccess } = props;
   const {
     config: { current: config },
-    callbacks
+    callbacksRef
   } = useProviderConfig();
   const { t } = useT();
   const isLoading = useSession((st) => st.isLoading);
@@ -3955,7 +3955,7 @@ function PassKeyStep(props) {
       }
       if (!normalized.benignCancel) {
         try {
-          callbacks?.onError?.({
+          callbacksRef.current?.onError?.({
             error: e instanceof Error ? e : new Error(errorMessage),
             message: errorMessage
           });
@@ -3966,7 +3966,7 @@ function PassKeyStep(props) {
     } finally {
       setIsLoading(false);
     }
-  }, [onAuthSuccess, setPage, callbacks]);
+  }, [onAuthSuccess, setPage]);
   const onPasskeyAuth = (0, import_react10.useCallback)(async () => {
     setAlert(null);
     setPasskeyStatus("checking available passkeys...");
@@ -4035,7 +4035,7 @@ function PassKeyStep(props) {
           message: errorMessage
         });
         try {
-          callbacks?.onError?.({
+          callbacksRef.current?.onError?.({
             error: e instanceof Error ? e : new Error(errorMessage),
             message: errorMessage
           });
@@ -4047,7 +4047,7 @@ function PassKeyStep(props) {
     } finally {
       setIsLoading(false);
     }
-  }, [onAuthSuccess, setPage, callbacks]);
+  }, [onAuthSuccess, setPage]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative flex items-center justify-center gap-2 px-5 pt-3 pb-6", children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.Key, { className: "w-6 h-6" }),
@@ -4160,7 +4160,7 @@ var init_input = __esm({
 
 // src/internal/components/AuthMenu/SignInStep/Email.tsx
 function Email() {
-  const { config, callbacks } = useProviderConfig();
+  const { callbacksRef } = useProviderConfig();
   const { t } = useT();
   const focusRef = (0, import_react12.useRef)(null);
   const inputRef = (0, import_react12.useRef)(null);
@@ -4212,7 +4212,7 @@ function Email() {
       setIsLoading(false);
     },
     onError: (error) => {
-      callbacks?.onError?.({ error, message: error?.message || "" });
+      callbacksRef.current?.onError?.({ error, message: error?.message || "" });
       setAlert({
         title: "Failed to send verification code",
         message: error?.message || "Unknown error occurred"
@@ -4435,7 +4435,7 @@ var init_utils4 = __esm({
 // src/internal/components/AuthMenu/SignInStep/Social.tsx
 function Social(props) {
   const { pendingLoginResponseRef, onAuthSuccess } = props;
-  const { config, callbacks } = useProviderConfig();
+  const { config } = useProviderConfig();
   const { t } = useT();
   const isLoading = useSession((st) => st.isLoading);
   const setIsLoading = useSession((st) => st.setIsLoading);
@@ -4619,7 +4619,7 @@ function Social(props) {
         setIsLoading(false);
       }
     },
-    [onAuthSuccess, callbacks]
+    [onAuthSuccess]
   );
   const enabledSocialProviders = config.current?.social?.providers?.filter((provider) => provider.enabled) || [];
   const isPasskey = !!config.current?.passkey?.enabled;
@@ -4935,7 +4935,7 @@ var init_constants4 = __esm({
 
 // src/internal/components/AuthMenu/useAuthMenuHanders.ts
 function useAuthMenuHandlers() {
-  const { config, callbacks } = useProviderConfig();
+  const { config, callbacksRef } = useProviderConfig();
   const qc = (0, import_react_query5.useQueryClient)();
   const pendingLoginResponseRef = (0, import_react15.useRef)(null);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -4959,7 +4959,7 @@ function useAuthMenuHandlers() {
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
-          callbacks?.onConnecting?.({ method: "wallet" });
+          callbacksRef.current?.onConnecting?.({ method: "wallet" });
         } catch {
         }
         setStatus("checking key management setup...");
@@ -4994,7 +4994,7 @@ function useAuthMenuHandlers() {
         throw error;
       }
     },
-    [setStatus, callbacks, usePaymaster, activeChainId]
+    [setStatus, usePaymaster, activeChainId]
   );
   const onAuthSuccess = (0, import_react15.useCallback)(async () => {
     setIsLoading(true);
@@ -5047,12 +5047,12 @@ function useAuthMenuHandlers() {
       setAddress(addr);
       setStatus("ready");
       try {
-        callbacks?.onConnect?.({ address: addr, session: sess });
+        callbacksRef.current?.onConnect?.({ address: addr, session: sess });
       } catch (error) {
         console.warn("[UI-KIT][AuthMenu] Error due onConnect callback:", error);
       }
       try {
-        callbacks?.onAccount?.({ userId, address: addr, session: sess, hasKeyshare: hasServerKeyshare });
+        callbacksRef.current?.onAccount?.({ userId, address: addr, session: sess, hasKeyshare: hasServerKeyshare });
       } catch (error) {
         console.warn("[UI-KIT][AuthMenu] Error due onAccount callback:", error);
       }
@@ -5094,7 +5094,6 @@ function useAuthMenuHandlers() {
     }
   }, [
     qc,
-    callbacks,
     setStep,
     setPage,
     setError,
@@ -5293,7 +5292,7 @@ var init_VerificationCodeInput = __esm({
 // src/internal/components/AuthMenu/VerifyStep/VerifyStep.tsx
 function VerifyStep(props) {
   const { pendingLoginResponseRef, goBackToSignIn, onAuthSuccess } = props;
-  const { callbacks } = useProviderConfig();
+  const { callbacksRef } = useProviderConfig();
   const { t } = useT();
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const isSessionLoading = useSession((st) => st.isLoading);
@@ -5366,7 +5365,7 @@ function VerifyStep(props) {
         title: "Verification failed",
         message: errorMessage
       });
-      callbacks?.onError?.({
+      callbacksRef.current?.onError?.({
         error: error instanceof Error ? error : new Error(errorMessage),
         message: errorMessage
       });
@@ -7472,7 +7471,7 @@ var init_useRestoreStore = __esm({
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useOnRestoreSuccess.ts
 function useOnRestoreSuccess() {
-  const { config, callbacks } = useProviderConfig();
+  const { config, callbacksRef } = useProviderConfig();
   const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const {
@@ -7490,7 +7489,7 @@ function useOnRestoreSuccess() {
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
-          callbacks?.onConnecting?.({ method: "wallet" });
+          callbacksRef.current?.onConnecting?.({ method: "wallet" });
         } catch {
         }
         setStatus("checking key management setup...");
@@ -7525,7 +7524,7 @@ function useOnRestoreSuccess() {
         throw error;
       }
     },
-    [setStatus, callbacks, usePaymaster, activeChainId, publicClient]
+    [setStatus, usePaymaster, activeChainId, publicClient]
   );
   const onRestoreSuccess = (0, import_react25.useCallback)(async () => {
     const { verifyToken: verifyToken2, jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
@@ -7556,12 +7555,12 @@ function useOnRestoreSuccess() {
         setAddress(addr);
         setStatus("ready");
         try {
-          callbacks?.onConnect?.({ address: addr, session: sess });
+          callbacksRef.current?.onConnect?.({ address: addr, session: sess });
         } catch (error) {
           console.warn("[UI-KIT][Restore] Error due onConnect callback:", error);
         }
         try {
-          callbacks?.onAccount?.({
+          callbacksRef.current?.onAccount?.({
             userId: recoveryUserId,
             address: addr,
             session: sess,
@@ -7588,8 +7587,7 @@ function useOnRestoreSuccess() {
     setAddress,
     setStatus,
     setRecoveryUserId,
-    setPage,
-    callbacks
+    setPage
   ]);
   return { onRestoreSuccess };
 }
@@ -8970,7 +8968,7 @@ var init_KeyshareRestoreMenu = __esm({
     };
     KeyshareRestoreMenu = () => {
       const qc = (0, import_react_query14.useQueryClient)();
-      const callbacks = useProviderConfig().callbacks;
+      const { callbacksRef } = useProviderConfig();
       const { t } = useT();
       const { address, setSession, setAddress, setStatus, setIsLoading } = useSession();
       const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
@@ -9036,7 +9034,7 @@ var init_KeyshareRestoreMenu = __esm({
           setStatus("idle");
           setIsLoading(false);
           setIsDialogForced(false);
-          callbacks?.onDisconnect?.({ address: "0x", userId: disconnectedUserId });
+          callbacksRef.current?.onDisconnect?.({ address: "0x", userId: disconnectedUserId });
           setTimeout(() => setPage("auth" /* AUTH */), 50);
         },
         onError: (err) => {
@@ -9903,7 +9901,7 @@ var init_useStore = __esm({
 
 // src/internal/components/ManageWalletMenu/EmailForm.tsx
 function EmailForm() {
-  const { callbacks } = useProviderConfig();
+  const { callbacksRef } = useProviderConfig();
   const { t } = useT();
   const isLoading = useSession((st) => st.isLoading);
   const setIsLoading = useSession((st) => st.setIsLoading);
@@ -9955,7 +9953,7 @@ function EmailForm() {
           message: errorMessage
         });
         try {
-          callbacks?.onError?.({
+          callbacksRef.current?.onError?.({
             error: error instanceof Error ? error : new Error(errorMessage),
             message: errorMessage
           });
@@ -10080,7 +10078,7 @@ var init_useSendVerificationCode = __esm({
 
 // src/internal/components/ManageWalletMenu/hooks/useVerifyCode.ts
 function useVerifyCode() {
-  const { callbacks } = useProviderConfig();
+  const { callbacksRef } = useProviderConfig();
   const qc = (0, import_react_query22.useQueryClient)();
   const address = useSession((st) => st.address);
   const setIsLoading = useSession((st) => st.setIsLoading);
@@ -10106,7 +10104,7 @@ function useVerifyCode() {
       setAlert(null);
       setEmailStep("input");
       try {
-        callbacks?.onAccountUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, address]) });
+        callbacksRef.current?.onAccountUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, address]) });
       } catch {
       }
       setIsLoading(false);
@@ -10145,7 +10143,7 @@ function normalizePasskeyLinkError(msg) {
 }
 function AddProvider() {
   const qc = (0, import_react_query23.useQueryClient)();
-  const callbacks = useProviderConfig().callbacks;
+  const { callbacksRef } = useProviderConfig();
   const address = useSession((st) => st.address);
   const { t } = useT();
   const {
@@ -10209,7 +10207,7 @@ function AddProvider() {
               await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, address] });
               await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
               try {
-                callbacks?.onAccountUpdate?.({
+                callbacksRef.current?.onAccountUpdate?.({
                   providers: qc.getQueryData([PROVIDERS_QUERY_KEY, address])
                 });
               } catch {
@@ -10250,7 +10248,7 @@ function AddProvider() {
               await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, address] });
               await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
               try {
-                callbacks?.onAccountUpdate?.({
+                callbacksRef.current?.onAccountUpdate?.({
                   providers: qc.getQueryData([PROVIDERS_QUERY_KEY, address])
                 });
               } catch {
@@ -10330,7 +10328,7 @@ function useLinkSocial() {
   const address = useSession((st) => st.address);
   const {
     config: { current: config },
-    callbacks
+    callbacksRef
   } = useProviderConfig();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
@@ -10377,7 +10375,7 @@ function useLinkSocial() {
         await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, address] });
         await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
         try {
-          callbacks?.onAccountUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, address]) });
+          callbacksRef.current?.onAccountUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, address]) });
         } catch {
         }
         setProviderType(null);
@@ -10391,7 +10389,7 @@ function useLinkSocial() {
         setLinkIsLoading(false);
       }
     },
-    [config.social?.providers, callbacks]
+    [config.social?.providers]
   );
   const [socialLinkStarted, setSocialLinkStarted] = import_react38.default.useState(false);
   (0, import_react38.useEffect)(() => {
@@ -10482,7 +10480,7 @@ var init_telegram2 = __esm({
 function useLinkTelegram() {
   const {
     config: { current: config },
-    callbacks
+    callbacksRef
   } = useProviderConfig();
   const qc = (0, import_react_query25.useQueryClient)();
   const address = useSession((st) => st.address);
@@ -10523,7 +10521,7 @@ function useLinkTelegram() {
       await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, address] });
       await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
       try {
-        callbacks?.onAccountUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, address]) });
+        callbacksRef.current?.onAccountUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, address]) });
       } catch {
       }
       setPage("manage-wallet" /* MANAGE_WALLET */);
@@ -10535,7 +10533,7 @@ function useLinkTelegram() {
     } finally {
       setLinkIsLoading(false);
     }
-  }, [config.social?.providers, callbacks]);
+  }, [config.social?.providers]);
   const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react39.useState)(false);
   (0, import_react39.useEffect)(() => {
     console.log("[useLinkTelegram] Effect triggered:", {
@@ -10841,7 +10839,7 @@ var init_ManageWallet = __esm({
 function UnlinkProviderMenu() {
   const qc = (0, import_react_query26.useQueryClient)();
   const address = useSession((st) => st.address);
-  const { callbacks } = useProviderConfig();
+  const { callbacksRef } = useProviderConfig();
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
@@ -10861,7 +10859,7 @@ function UnlinkProviderMenu() {
       await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address], refetchType: "active" });
       await qc.refetchQueries({ queryKey: [PROVIDERS_QUERY_KEY, address] });
       try {
-        callbacks?.onAccountUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, address]) });
+        callbacksRef.current?.onAccountUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, address]) });
       } catch {
       }
     },
@@ -11086,7 +11084,7 @@ function NicknameEditForm(props) {
   const qc = (0, import_react_query27.useQueryClient)();
   const { t } = useT();
   const passportWalletAddress = useSession((st) => st.address);
-  const callbacks = useProviderConfig().callbacks;
+  const { callbacksRef } = useProviderConfig();
   const [isNicknameCopied, setIsNicknameCopied] = (0, import_react42.useState)(false);
   const {
     mutate: changeNickname2,
@@ -11101,7 +11099,9 @@ function NicknameEditForm(props) {
       qc.invalidateQueries({ queryKey: [QUERY_KEYS.nicknameInfo] });
       qc.invalidateQueries({ queryKey: [QUERY_KEYS.userProfile] });
       try {
-        callbacks?.onAccountUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, passportWalletAddress]) });
+        callbacksRef.current?.onAccountUpdate?.({
+          providers: qc.getQueryData([PROVIDERS_QUERY_KEY, passportWalletAddress])
+        });
       } catch (err) {
         console.warn("[NicknameEditForm] Error due executing onAccountUpdate callback", err);
       }
@@ -15544,7 +15544,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.2.1",
+      version: "0.2.3",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -15643,7 +15643,7 @@ var init_package = __esm({
 // src/internal/components/Footer/Footer.tsx
 function Footer() {
   const qc = (0, import_react_query39.useQueryClient)();
-  const { callbacks } = useProviderConfig();
+  const { callbacksRef } = useProviderConfig();
   const { address, setSession, setAddress, setStatus, setError, setIsLoading } = useSession();
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
@@ -15668,7 +15668,7 @@ function Footer() {
       setError(null);
       setStatus("idle");
       setIsLoading(false);
-      callbacks?.onDisconnect?.({ address: disconnectAddress, userId: disconnectedUserId });
+      callbacksRef.current?.onDisconnect?.({ address: disconnectAddress, userId: disconnectedUserId });
       setTimeout(() => {
         setPage("auth" /* AUTH */);
         setIsDialogForced(false);
@@ -16325,7 +16325,7 @@ var init_useExternalWalletStore = __esm({
 // src/internal/components/WalletConnectHandler.tsx
 function WalletConnectHandler() {
   const qc = (0, import_react_query41.useQueryClient)();
-  const callbacks = useProviderConfig().callbacks;
+  const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
   const { address: walletAddress, isConnected, chain, connector } = (0, import_wagmi2.useAccount)();
   const { openConnectModal, connectModalOpen } = (0, import_rainbowkit.useConnectModal)();
@@ -16363,11 +16363,13 @@ function WalletConnectHandler() {
         refetchType: "active"
       });
       try {
-        callbacks?.onAccountUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, passportWalletAddress]) });
+        callbacksRef.current?.onAccountUpdate?.({
+          providers: qc.getQueryData([PROVIDERS_QUERY_KEY, passportWalletAddress])
+        });
       } catch {
       }
     },
-    [qc, passportWalletAddress, callbacks, setProviderType, setPage, setIsWalletLinking]
+    [qc, passportWalletAddress, setProviderType, setPage, setIsWalletLinking]
   );
   const [hasStartedLinking, setHasStartedLinking] = import_react63.default.useState(false);
   (0, import_react63.useEffect)(() => {
@@ -16407,7 +16409,16 @@ function WalletConnectHandler() {
       const shouldKeepConnected = walletMode === "direct" || walletMode === "both";
       if (isConnected && !shouldKeepConnected) disconnect();
     }
-  }, [isWalletLinking, hasStartedLinking, isConnected, openConnectModal, disconnect, setPage, setProviderType, walletMode]);
+  }, [
+    isWalletLinking,
+    hasStartedLinking,
+    isConnected,
+    openConnectModal,
+    disconnect,
+    setPage,
+    setProviderType,
+    walletMode
+  ]);
   (0, import_react63.useEffect)(() => {
     if (hasStartedLinking && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
@@ -16520,7 +16531,16 @@ function WalletConnectHandler() {
       }, 5e3);
       return () => clearTimeout(timeout);
     }
-  }, [isConnected, chain?.id, isWalletLinking, hasStartedLinking, connectModalOpen, isWalletSigning, onLinkingComplete, disconnect]);
+  }, [
+    isConnected,
+    chain?.id,
+    isWalletLinking,
+    hasStartedLinking,
+    connectModalOpen,
+    isWalletSigning,
+    onLinkingComplete,
+    disconnect
+  ]);
   return null;
 }
 var import_rainbowkit, import_react_query41, import_react63, import_wagmi2;
@@ -19396,7 +19416,14 @@ function Provider(props) {
     }
   }, [projectId]);
   const contextValue = (0, import_react67.useMemo)(
-    () => ({ config, updateConfig, callbacks, updateCallbacks }),
+    () => ({
+      config,
+      updateConfig,
+      /** @deprecated */
+      callbacks,
+      callbacksRef,
+      updateCallbacks
+    }),
     [config, updateConfig, callbacks, updateCallbacks]
   );
   if (!!initialConfig?.wallet?.enabled)
@@ -20768,7 +20795,7 @@ var init_useTransferToLinkedWallet = __esm({
 // src/hooks/useLogout.ts
 function useLogout() {
   const { setSession, setIsLoading, setAddress, setStatus, setError, address } = useSession();
-  const { callbacks } = useProviderConfig();
+  const { callbacksRef } = useProviderConfig();
   const logout2 = (0, import_react75.useCallback)(async () => {
     const prevAddress = address;
     let userId = null;
@@ -20789,14 +20816,14 @@ function useLogout() {
     setError(null);
     setIsLoading(false);
     try {
-      callbacks?.onDisconnect?.({
+      callbacksRef.current?.onDisconnect?.({
         address: prevAddress,
         userId
       });
     } catch (error) {
       console.warn("[useLogout] Callback error:", error);
     }
-  }, [address, setAddress, setError, setSession, setStatus, callbacks]);
+  }, [address, setAddress, setError, setSession, setStatus]);
   return { logout: logout2 };
 }
 var import_auth20, import_react75;