npm - @embarkai/ui-kit - Versions diffs - 0.4.100 → 0.4.102 - Mend

@embarkai/ui-kit 0.4.100 → 0.4.102

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

Files changed (5) hide show

package/dist/index.cjs CHANGED Viewed

@@ -10144,7 +10144,7 @@ var init_input = __esm({
       const { className, disabled, error, Icon: Icon2, element, inputClassName, ...inputProps } = props;
       const internalRef = (0, import_react17.useRef)(null);
       (0, import_react17.useImperativeHandle)(ref, () => internalRef.current);
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn2("w-full flex flex-col gap-1", className), children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn2("w-full min-w-0 flex flex-col gap-1", className), children: [
         /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           "div",
           {
@@ -10152,7 +10152,7 @@ var init_input = __esm({
               internalRef.current?.focus();
             },
             className: cn2(
-              "flex h-12 w-full items-center gap-[var(--ui-kit-gap)] px-[var(--ui-kit-pd)]",
+              "flex h-12 w-full min-w-0 items-center gap-[var(--ui-kit-gap)] px-[var(--ui-kit-pd)]",
               "bg-[var(--ui-kit-secondary)] rounded-[var(--ui-kit-el-bdrs)]",
               "border border-transparent",
               "transition-all duration-200 ease-in-out",
@@ -10173,7 +10173,7 @@ var init_input = __esm({
                     "placeholder:text-[var(--ui-kit-fg-muted)]",
                     "ring-0 ring-offset-0",
                     "outline-none focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0",
-                    "h-full flex-1 border-0 bg-transparent px-0",
+                    "h-full flex-1 min-w-0 border-0 bg-transparent px-0",
                     { ["cursor-not-allowed"]: disabled },
                     inputClassName
                   ),
@@ -17295,6 +17295,28 @@ var init_useConnectExternalWalletMenuParams = __esm({
   }
 });
+// src/internal/components/ConnectExternalWalletMenu/useHasInjectedWallet.ts
+function hasInjectedWallet() {
+  if (typeof window === "undefined") return false;
+  return mipdStore.getProviders().length > 0 || !!window.ethereum;
+}
+function useHasInjectedWallet() {
+  return (0, import_react45.useSyncExternalStore)(
+    (onStoreChange) => mipdStore?.subscribe(onStoreChange) ?? (() => {
+    }),
+    hasInjectedWallet,
+    () => false
+  );
+}
+var import_mipd, import_react45, mipdStore;
+var init_useHasInjectedWallet = __esm({
+  "src/internal/components/ConnectExternalWalletMenu/useHasInjectedWallet.ts"() {
+    import_mipd = require("mipd");
+    import_react45 = require("react");
+    mipdStore = typeof window !== "undefined" ? (0, import_mipd.createStore)() : void 0;
+  }
+});
 // src/internal/components/ConnectExternalWalletMenu/ConnectExternalWalletMenu.tsx
 function getConnectFlowType(params) {
   const { isEmbarkAI, connectFlow } = params;
@@ -17308,9 +17330,10 @@ function ConnectExternalWalletMenu() {
   const qc = (0, import_react_query25.useQueryClient)();
   const { t } = useT();
   const { address: embarkAiAddress } = useSession();
-  const { open: openEmbarkAI } = useOpenPage();
+  const { open: openEmbarkAI, close: closeEmbarkAI } = useOpenPage();
   const menuParams = useConnectExternalWalletMenuParams();
   const connectors = (0, import_wagmi2.useConnectors)();
+  const hasInjectedWallet2 = useHasInjectedWallet();
   const { isConnected: isExternalWalletConnected } = (0, import_wagmi2.useConnection)();
   const { mutate: disconnect } = (0, import_wagmi2.useDisconnect)();
   const { mutateAsync: signMessageAsync } = (0, import_wagmi2.useSignMessage)();
@@ -17370,6 +17393,7 @@ function ConnectExternalWalletMenu() {
     },
     onError: (err, { walletData, connectFlowType }) => {
       disconnect();
+      useLayoutStore.getState().setIsDialogForced(false);
       const errorMsg = err?.message || "Failed to connect wallet";
       const setAuthError = useAuthStore.getState().setAlert;
       const setManageWalletLinkError = useManageWalletStore.getState().setAlert;
@@ -17412,7 +17436,6 @@ function ConnectExternalWalletMenu() {
       }
       switch (connectFlowType) {
         case "auth":
-          useLayoutDataStore.getState().setPage("auth" /* AUTH */);
           break;
         case "link":
           onLinkingComplete(false);
@@ -17421,7 +17444,6 @@ function ConnectExternalWalletMenu() {
           openEmbarkAI(walletMenuOpenedFrom || "main-menu" /* MAIN_MENU */);
           break;
       }
-      useLayoutStore.getState().setIsDialogForced(false);
     }
   });
   const {
@@ -17486,7 +17508,6 @@ function ConnectExternalWalletMenu() {
                 title: `Failed to connect: ${connector.name}`,
                 message: error2?.message || "Failed to connect wallet"
               });
-              setPage("auth" /* AUTH */);
               break;
             case "link":
               useManageWalletStore.getState().setAlert({
@@ -17504,11 +17525,15 @@ function ConnectExternalWalletMenu() {
       }
     }
   });
-  const visibleConnectors = (0, import_react45.useMemo)(() => {
+  const visibleConnectors = (0, import_react46.useMemo)(() => {
     const seen = /* @__PURE__ */ new Set();
     const unique = connectors.filter((connector) => {
       const skipConnector = seen.has(connector.uid);
       if (skipConnector) return false;
+      if (connector.id === "extensionProvider" && !hasInjectedWallet2) {
+        seen.add(connector.uid);
+        return false;
+      }
       seen.add(connector.uid);
       return true;
     });
@@ -17517,8 +17542,8 @@ function ConnectExternalWalletMenu() {
     return unique.filter(
       (connector) => allowed.includes(connector.id.toLowerCase()) || allowed.includes(connector.name.toLowerCase())
     );
-  }, [connectors, allowedWallets]);
-  const getInstructionSteps = (0, import_react45.useCallback)(() => {
+  }, [connectors, allowedWallets, hasInjectedWallet2]);
+  const getInstructionSteps = (0, import_react46.useCallback)(() => {
     const connectFlowType = getConnectFlowType({
       isEmbarkAI: !!embarkAiAddress,
       connectFlow: menuParams.current?.connectFlowType || "auth"
@@ -17562,7 +17587,17 @@ function ConnectExternalWalletMenu() {
               disconnect();
               await new Promise((resolve) => setTimeout(resolve, 500));
             }
-            useLayoutStore.getState().setIsDialogForced(true);
+            switch (true) {
+              case (connector.id === "metaMaskSDK" && !hasInjectedWallet2):
+                closeEmbarkAI();
+                break;
+              // case connector.id === 'walletConnect':
+              //   closeEmbarkAI() // close embarkAI since WalletConnect has dedicated UI
+              //   break
+              default:
+                useLayoutStore.getState().setIsDialogForced(true);
+                break;
+            }
             try {
               await connect({ connector });
             } catch {
@@ -17588,7 +17623,7 @@ function ConnectExternalWalletMenu() {
     error && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Highlight, { type: "error", children: error.message })
   ] });
 }
-var import_react_query25, import_lucide_react33, import_react45, import_wagmi2, import_jsx_runtime74;
+var import_react_query25, import_lucide_react33, import_react46, import_wagmi2, import_jsx_runtime74;
 var init_ConnectExternalWalletMenu = __esm({
   "src/internal/components/ConnectExternalWalletMenu/ConnectExternalWalletMenu.tsx"() {
     init_ProviderContext();
@@ -17599,7 +17634,7 @@ var init_ConnectExternalWalletMenu = __esm({
     init_linkedProfiles();
     import_react_query25 = require("@tanstack/react-query");
     import_lucide_react33 = require("lucide-react");
-    import_react45 = require("react");
+    import_react46 = require("react");
     import_wagmi2 = require("wagmi");
     init_common();
     init_wallet();
@@ -17612,6 +17647,7 @@ var init_ConnectExternalWalletMenu = __esm({
     init_button();
     init_highlight();
     init_useConnectExternalWalletMenuParams();
+    init_useHasInjectedWallet();
     import_jsx_runtime74 = require("react/jsx-runtime");
   }
 });
@@ -17644,11 +17680,11 @@ function useExternalWalletConnnect() {
       }
     }
   });
-  const disconnectExternalWallet = (0, import_react46.useCallback)(() => {
+  const disconnectExternalWallet = (0, import_react47.useCallback)(() => {
     disconnect();
     useExternalWalletStore.getState().clearExternalWallet();
   }, [disconnect]);
-  const connectExternalWallet = (0, import_react46.useCallback)(
+  const connectExternalWallet = (0, import_react47.useCallback)(
     async (walletConnectorType) => {
       const externalAddress = useExternalWalletStore.getState().externalAddress;
       if (externalAddress) {
@@ -17671,11 +17707,11 @@ function useExternalWalletConnnect() {
     ...restUseConnect
   };
 }
-var import_react46, import_wagmi3;
+var import_react47, import_wagmi3;
 var init_useExternalWalletConnect = __esm({
   "src/internal/components/ConnectExternalWalletMenu/useExternalWalletConnect.ts"() {
     init_ProviderContext();
-    import_react46 = require("react");
+    import_react47 = require("react");
     import_wagmi3 = require("wagmi");
     init_useLayoutStore();
     init_useExternalWalletStore();
@@ -17767,8 +17803,8 @@ function getErrorMessage(err) {
 function DeviceLinkScreen() {
   const setPage = useLayoutDataStore((s) => s.setPage);
   const { mutate: link, isPending } = useLinkDevice();
-  const [code, setCode] = (0, import_react47.useState)("");
-  const [error, setError] = (0, import_react47.useState)(null);
+  const [code, setCode] = (0, import_react48.useState)("");
+  const [error, setError] = (0, import_react48.useState)(null);
   const isValid = code.length === 6 && VALID_CHARS.test(code);
   function handleCodeChange(value) {
     const upper = value.toUpperCase().slice(0, 6);
@@ -17810,11 +17846,11 @@ function DeviceLinkScreen() {
     /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Button, { variant: "default", size: "large", className: "w-full", disabled: !isValid || isPending, onClick: handleLink, children: isPending ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react34.Loader2, { className: "w-4 h-4 animate-spin" }) : "Link" })
   ] });
 }
-var import_lucide_react34, import_react47, import_jsx_runtime75, VALID_CHARS;
+var import_lucide_react34, import_react48, import_jsx_runtime75, VALID_CHARS;
 var init_DeviceLinkScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceLinkScreen.tsx"() {
     import_lucide_react34 = require("lucide-react");
-    import_react47 = require("react");
+    import_react48 = require("react");
     init_devices();
     init_useLayoutDataStore();
     init_Expandable2();
@@ -18353,19 +18389,19 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = (0, import_react48.useRef)(null);
-  const [screen, setScreen] = (0, import_react48.useState)({ step: "connecting" });
-  const [actionState, setActionState] = (0, import_react48.useState)(null);
-  const [password, setPassword] = (0, import_react48.useState)("");
-  const [statusMessage, setStatusMessage] = (0, import_react48.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react48.useState)(null);
-  const [waitingConfirm, setWaitingConfirm] = (0, import_react48.useState)(false);
-  (0, import_react48.useEffect)(() => {
+  const guardianRef = (0, import_react49.useRef)(null);
+  const [screen, setScreen] = (0, import_react49.useState)({ step: "connecting" });
+  const [actionState, setActionState] = (0, import_react49.useState)(null);
+  const [password, setPassword] = (0, import_react49.useState)("");
+  const [statusMessage, setStatusMessage] = (0, import_react49.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react49.useState)(null);
+  const [waitingConfirm, setWaitingConfirm] = (0, import_react49.useState)(false);
+  (0, import_react49.useEffect)(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
     return () => clearTimeout(t);
   }, [statusMessage]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!deviceId || !isWebSerialAvailable()) {
       setScreen({ step: "error", message: "WebSerial not available" });
       return;
@@ -18397,7 +18433,7 @@ function DeviceManageScreen() {
       guardianRef.current?.close();
     };
   }, [deviceId]);
-  const refreshList = (0, import_react48.useCallback)(async () => {
+  const refreshList = (0, import_react49.useCallback)(async () => {
     const guardian = guardianRef.current;
     if (!guardian || screen.step !== "connected") return;
     try {
@@ -18406,7 +18442,7 @@ function DeviceManageScreen() {
     } catch {
     }
   }, [screen]);
-  const handleBackup = (0, import_react48.useCallback)(async () => {
+  const handleBackup = (0, import_react49.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe6 = getIframeManager();
     if (!guardian || !iframe6 || !userId) return;
@@ -18430,7 +18466,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleOverwrite = (0, import_react48.useCallback)(async () => {
+  const handleOverwrite = (0, import_react49.useCallback)(async () => {
     const guardian = guardianRef.current;
     const iframe6 = getIframeManager();
     if (!guardian || !iframe6 || !userId) return;
@@ -18450,7 +18486,7 @@ function DeviceManageScreen() {
       setActionState(null);
     }
   }, [password, userId, refreshList]);
-  const handleDelete = (0, import_react48.useCallback)(
+  const handleDelete = (0, import_react49.useCallback)(
     async (keyshareId) => {
       const guardian = guardianRef.current;
       if (!guardian) return;
@@ -18637,12 +18673,12 @@ function DeviceManageScreen() {
     ] })
   ] });
 }
-var import_lucide_react35, import_react48, import_jsx_runtime76;
+var import_lucide_react35, import_react49, import_jsx_runtime76;
 var init_DeviceManageScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceManageScreen.tsx"() {
     init_SessionContext();
     import_lucide_react35 = require("lucide-react");
-    import_react48 = require("react");
+    import_react49 = require("react");
     init_guardian_backup();
     init_useLayoutDataStore();
     init_iframe_manager();
@@ -18661,11 +18697,11 @@ function DeviceRestoreScreen() {
   const keyshareId = pageParams?.keyshareId;
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const [password, setPassword] = (0, import_react49.useState)("");
-  const [isWorking, setIsWorking] = (0, import_react49.useState)(false);
-  const [statusMessage, setStatusMessage] = (0, import_react49.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react49.useState)(null);
-  const handleRestore = (0, import_react49.useCallback)(async () => {
+  const [password, setPassword] = (0, import_react50.useState)("");
+  const [isWorking, setIsWorking] = (0, import_react50.useState)(false);
+  const [statusMessage, setStatusMessage] = (0, import_react50.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react50.useState)(null);
+  const handleRestore = (0, import_react50.useCallback)(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe6 = getIframeManager();
     if (!iframe6) {
@@ -18745,12 +18781,12 @@ function DeviceRestoreScreen() {
     errorMessage && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "text-sm text-[var(--ui-kit-bg-error)] p-2 text-center", children: errorMessage })
   ] });
 }
-var import_lucide_react36, import_react49, import_jsx_runtime77;
+var import_lucide_react36, import_react50, import_jsx_runtime77;
 var init_DeviceRestoreScreen = __esm({
   "src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx"() {
     init_SessionContext();
     import_lucide_react36 = require("lucide-react");
-    import_react49 = require("react");
+    import_react50 = require("react");
     init_guardian_backup();
     init_useLayoutDataStore();
     init_iframe_manager();
@@ -18770,8 +18806,8 @@ function truncateAddress(address) {
   return `${address.slice(0, 6)}...${address.slice(-4)}`;
 }
 function DeviceRow({ device }) {
-  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react50.useState)(false);
-  const [unlinkError, setUnlinkError] = (0, import_react50.useState)(null);
+  const [confirmingUnlink, setConfirmingUnlink] = (0, import_react51.useState)(false);
+  const [unlinkError, setUnlinkError] = (0, import_react51.useState)(null);
   const { mutate: unlink, isPending } = useUnlinkDevice();
   if (confirmingUnlink) {
     return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-2 p-3 rounded-lg bg-[var(--ui-kit-bg)]", children: [
@@ -18872,11 +18908,11 @@ function DevicesMenu() {
     ] })
   ] });
 }
-var import_lucide_react37, import_react50, import_jsx_runtime78;
+var import_lucide_react37, import_react51, import_jsx_runtime78;
 var init_DevicesMenu = __esm({
   "src/internal/components/DevicesMenu/DevicesMenu.tsx"() {
     import_lucide_react37 = require("lucide-react");
-    import_react50 = require("react");
+    import_react51 = require("react");
     init_devices();
     init_guardian_backup();
     init_useLayoutDataStore();
@@ -18936,7 +18972,7 @@ function useOnRestoreSuccess() {
     setStatus
   } = useSession();
   const { setError, setSuccess } = useRestoreStore();
-  const createSessionWithKeyshare = (0, import_react51.useCallback)(
+  const createSessionWithKeyshare = (0, import_react52.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -18977,7 +19013,7 @@ function useOnRestoreSuccess() {
     },
     [setStatus, usePaymaster, activeChainId, publicClient]
   );
-  const onRestoreSuccess = (0, import_react51.useCallback)(async () => {
+  const onRestoreSuccess = (0, import_react52.useCallback)(async () => {
     const { verifyToken: verifyToken2, jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
     const verify = await verifyToken2();
     const hasServerKeyshare = verify?.hasKeyshare ?? jwtTokenManager4.getHasKeyshare() ?? false;
@@ -19043,12 +19079,12 @@ function useOnRestoreSuccess() {
   ]);
   return { onRestoreSuccess };
 }
-var import_react51;
+var import_react52;
 var init_useOnRestoreSuccess = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useOnRestoreSuccess.ts"() {
     init_ProviderContext();
     init_SessionContext();
-    import_react51 = require("react");
+    import_react52 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_useRestoreStore();
@@ -19311,7 +19347,7 @@ function useCreateBackup() {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const restorePassword = useRestoreStore((st) => st.restorePassword);
   const selectedCloudProvider = useRestoreStore((st) => st.selectedCloudProvider);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (!hasServerVault) {
       useRestoreStore.getState().setMethod("server");
       useLayoutStore.getState().setIsDialogForced(true);
@@ -19319,7 +19355,7 @@ function useCreateBackup() {
   }, [hasServerVault]);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const passportUserId = session?.mpcUserId || recoveryUserId || "";
-  const onBackupSuccess = (0, import_react52.useCallback)((method) => {
+  const onBackupSuccess = (0, import_react53.useCallback)((method) => {
     console.log(`[EMBARKAI BACKUP] ${method} backup created successfully`);
     if (method !== "server") return;
     const { setIsDialogForced } = useLayoutStore.getState();
@@ -19492,12 +19528,12 @@ function useCreateBackup() {
     createPasskey
   };
 }
-var import_react_query27, import_react52;
+var import_react_query27, import_react53;
 var init_useCreateBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts"() {
     init_SessionContext();
     import_react_query27 = require("@tanstack/react-query");
-    import_react52 = require("react");
+    import_react53 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -19634,7 +19670,7 @@ function useValidateFileBackup() {
   const restoreFile = useRestoreStore((st) => st.restoreFile);
   const setError = useRestoreStore((st) => st.setError);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (!restoreFile) {
       return;
     }
@@ -19655,10 +19691,10 @@ function useValidateFileBackup() {
     reader.readAsText(restoreFile);
   }, [restoreFile]);
 }
-var import_react53;
+var import_react54;
 var init_useValidateFileBackup = __esm({
   "src/internal/components/KeyshareRestoreMenu/hooks/useValidateFileBackup.ts"() {
-    import_react53 = require("react");
+    import_react54 = require("react");
     init_useRestoreStore();
   }
 });
@@ -19686,7 +19722,7 @@ function MethodSelector(props) {
     setError,
     setSuccess
   } = useRestoreStore();
-  const recoveryRenderMethods = (0, import_react54.useMemo)(() => {
+  const recoveryRenderMethods = (0, import_react55.useMemo)(() => {
     const methodsWithBackupData = getRecoveryRenderMethods(mode).map((mt) => {
       let data = null;
       switch (true) {
@@ -19701,7 +19737,7 @@ function MethodSelector(props) {
     return methodsWithBackupData;
   }, [mode, serverRecoveryStatus]);
   if (!!selectedRecoveryMethod) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react54.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react55.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     "div",
     {
       style: { gridTemplateColumns: `repeat(${recoveryRenderMethods.length}, minmax(0, 1fr))` },
@@ -19735,12 +19771,12 @@ function MethodSelector(props) {
     }
   ) });
 }
-var import_lucide_react38, import_react54, import_jsx_runtime79, getRecoveryRenderMethods;
+var import_lucide_react38, import_react55, import_jsx_runtime79, getRecoveryRenderMethods;
 var init_MethodSelector = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/MethodSelector.tsx"() {
     init_useT();
     import_lucide_react38 = require("lucide-react");
-    import_react54 = require("react");
+    import_react55 = require("react");
     init_icons();
     init_guardian_backup();
     init_button();
@@ -19876,7 +19912,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = (0, import_react55.useRef)(null);
+  const actionRef = (0, import_react56.useRef)(null);
   const {
     showPassword,
     restorePassword,
@@ -19890,7 +19926,7 @@ function PasswordPasskey(props) {
   } = useRestoreStore();
   const { config } = useProviderConfig();
   const isPasskeyEnabled = config.current.passkey.enabled;
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     if (!isPasskeyEnabled && usePasskey) setUsePasskey(false);
   }, [isPasskeyEnabled, usePasskey]);
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
@@ -20047,14 +20083,14 @@ function PasswordPasskey(props) {
           onClick: actionHandler,
           title: actionCaption,
           disabled: isLoading || disabled || error?.includes("Invalid backup file") || !usePasskey && !restorePassword,
-          className: "w-full w-12 h-12 flex-shrink-0 rounded-[var(--ui-kit-el-bdrs)]",
+          className: "w-12 h-12 flex-none rounded-[var(--ui-kit-el-bdrs)]",
           children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react39.Loader, { className: "animate-spin h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react39.ChevronRight, { className: "h-4 w-4" })
         }
       )
     ] })
   ] });
 }
-var import_lucide_react39, import_react55, import_jsx_runtime80;
+var import_lucide_react39, import_react56, import_jsx_runtime80;
 var init_PasswordPasskey = __esm({
   "src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx"() {
     init_ProviderContext();
@@ -20062,7 +20098,7 @@ var init_PasswordPasskey = __esm({
     init_i18n();
     init_utils();
     import_lucide_react39 = require("lucide-react");
-    import_react55 = require("react");
+    import_react56 = require("react");
     init_icons();
     init_Onboarding();
     init_button();
@@ -20239,7 +20275,7 @@ function Server(props) {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
   const serverRecoveryStatus = qc.getQueryData([CHECK_BACKUP_QUERY_KEY, address]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (mode === "backup" || !serverRecoveryStatus?.created?.encryptionMethod) return;
     setUsePasskey(serverRecoveryStatus.created.encryptionMethod === "passkey");
   }, [mode, serverRecoveryStatus, setUsePasskey]);
@@ -20282,7 +20318,7 @@ function Server(props) {
     )
   ] });
 }
-var import_react_query29, import_dayjs4, import_lucide_react42, import_react56, import_jsx_runtime83;
+var import_react_query29, import_dayjs4, import_lucide_react42, import_react57, import_jsx_runtime83;
 var init_Server = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Server.tsx"() {
     init_SessionContext();
@@ -20291,7 +20327,7 @@ var init_Server = __esm({
     import_react_query29 = require("@tanstack/react-query");
     import_dayjs4 = __toESM(require("dayjs"), 1);
     import_lucide_react42 = require("lucide-react");
-    import_react56 = require("react");
+    import_react57 = require("react");
     init_Onboarding();
     init_highlight();
     init_PasswordPasskey();
@@ -20455,7 +20491,7 @@ function Cloud2(props) {
       return availableProviders.map((p) => ({ id: p.id, name: p.name, available: p.isAvailable() }));
     }
   });
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (isCloudProvidersLoading) return;
     if (!!cloudProvidersError) {
       console.error("[KeyshareBackup] Failed to load cloud providers:", cloudProvidersError);
@@ -20519,13 +20555,13 @@ function Cloud2(props) {
     )
   ] });
 }
-var import_react_query30, import_lucide_react44, import_react57, import_jsx_runtime85;
+var import_react_query30, import_lucide_react44, import_react58, import_jsx_runtime85;
 var init_Cloud = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx"() {
     init_SessionContext();
     import_react_query30 = require("@tanstack/react-query");
     import_lucide_react44 = require("lucide-react");
-    import_react57 = require("react");
+    import_react58 = require("react");
     init_button();
     init_select();
     init_PasswordPasskey();
@@ -20542,8 +20578,8 @@ function Guardian(props) {
   const session = useSession((st) => st.session);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const { onRestoreSuccess } = useOnRestoreSuccess();
-  const [isWorking, setIsWorking] = (0, import_react58.useState)(false);
-  const [step, setStep] = (0, import_react58.useState)("idle");
+  const [isWorking, setIsWorking] = (0, import_react59.useState)(false);
+  const [step, setStep] = (0, import_react59.useState)("idle");
   const handleGuardianBackup = async () => {
     if (!restorePassword) {
       setError("Please enter a password");
@@ -20672,11 +20708,11 @@ function Guardian(props) {
     ] })
   ] });
 }
-var import_react58, import_lucide_react45, import_jsx_runtime86;
+var import_react59, import_lucide_react45, import_jsx_runtime86;
 var init_Guardian = __esm({
   "src/internal/components/KeyshareRestoreMenu/methods/Guardian.tsx"() {
     init_SessionContext();
-    import_react58 = require("react");
+    import_react59 = require("react");
     import_lucide_react45 = require("lucide-react");
     init_iframe_manager();
     init_guardian_backup();
@@ -20699,7 +20735,7 @@ var init_methods = __esm({
 });
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
-var import_react_query31, import_lucide_react46, import_react59, import_wagmi4, import_jsx_runtime87, RESTORE_COMPONENTS, KeyshareRestoreMenu;
+var import_react_query31, import_lucide_react46, import_react60, import_wagmi4, import_jsx_runtime87, RESTORE_COMPONENTS, KeyshareRestoreMenu;
 var init_KeyshareRestoreMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx"() {
     init_ProviderContext();
@@ -20707,7 +20743,7 @@ var init_KeyshareRestoreMenu = __esm({
     init_i18n();
     import_react_query31 = require("@tanstack/react-query");
     import_lucide_react46 = require("lucide-react");
-    import_react59 = require("react");
+    import_react60 = require("react");
     import_wagmi4 = require("wagmi");
     init_useLayoutDataStore();
     init_useLayoutStore();
@@ -20737,7 +20773,7 @@ var init_KeyshareRestoreMenu = __esm({
       const error = useRestoreStore((st) => st.error);
       const success = useRestoreStore((st) => st.success);
       const currentRestoreMethod = useRestoreStore((st) => st.method);
-      (0, import_react59.useEffect)(() => {
+      (0, import_react60.useEffect)(() => {
         const { setIsDialogForced } = useLayoutStore.getState();
         const { setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
         setIsDialogForced(true);
@@ -20776,7 +20812,7 @@ var init_KeyshareRestoreMenu = __esm({
         queryFn: async () => await getShareRecoveryStats()
       });
       const hasServerBackup = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-      (0, import_react59.useEffect)(() => {
+      (0, import_react60.useEffect)(() => {
         if (!!hasServerBackup) useRestoreStore.getState().setMethod("server");
       }, [hasServerBackup]);
       const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query31.useMutation)({
@@ -20923,7 +20959,7 @@ function KeyshareBackupMenu() {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const error = useRestoreStore((st) => st.error);
   const success = useRestoreStore((st) => st.success);
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     const { setSuccess, setError, setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
     return () => {
       setSuccess(null);
@@ -20943,7 +20979,7 @@ function KeyshareBackupMenu() {
   });
   useOnboardingTourAvailable(!isRecoveryLoading && currentBackupMethod === "server" && !usePasskey);
   const hasRecoveryData2 = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (!!hasRecoveryData2) useRestoreStore.getState().setMethod("server");
   }, [hasRecoveryData2]);
   const {
@@ -21062,14 +21098,14 @@ function KeyshareBackupMenu() {
     ] })
   ] });
 }
-var import_react_query32, import_lucide_react47, import_react60, import_jsx_runtime88, COMPONENTS;
+var import_react_query32, import_lucide_react47, import_react61, import_jsx_runtime88, COMPONENTS;
 var init_KeyshareBackupMenu = __esm({
   "src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query32 = require("@tanstack/react-query");
     import_lucide_react47 = require("lucide-react");
-    import_react60 = require("react");
+    import_react61 = require("react");
     init_useLayoutDataStore();
     init_vaultClient();
     init_Expandable2();
@@ -21197,13 +21233,13 @@ var init_SumsubIframeManager = __esm({
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = (0, import_react61.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react61.useState)(true);
-  const [error, setError] = (0, import_react61.useState)(null);
-  const [height, setHeight] = (0, import_react61.useState)(0);
-  const [status, setStatus] = (0, import_react61.useState)("");
+  const iframeRef = (0, import_react62.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react62.useState)(true);
+  const [error, setError] = (0, import_react62.useState)(null);
+  const [height, setHeight] = (0, import_react62.useState)(0);
+  const [status, setStatus] = (0, import_react62.useState)("");
   const levelName = config.current?.kyc?.options?.levelName;
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     setError(null);
     setIsLoading(true);
     setStatus("Preparing verification...");
@@ -21244,12 +21280,12 @@ function useSumsubIframe({ iframeUrl }) {
     status
   };
 }
-var import_react61;
+var import_react62;
 var init_useSumsubIframe = __esm({
   "src/internal/components/KYC/useSumsubIframe.ts"() {
     init_ProviderContext();
     init_useColorMode();
-    import_react61 = require("react");
+    import_react62 = require("react");
     init_sumsub();
     init_SumsubIframeManager();
   }
@@ -21457,11 +21493,11 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
   const activeChainConfig = useSession((st) => st.chainConfig);
   const resolvedChainId = chainId ?? activeChainId;
   const shouldUseActiveClient = !chainId || chainId === activeChainId;
-  const chainConfig = (0, import_react62.useMemo)(() => {
+  const chainConfig = (0, import_react63.useMemo)(() => {
     if (shouldUseActiveClient) return activeChainConfig;
     return (0, import_read16.getChainConfig)(chainId);
   }, [activeChainConfig, chainId, shouldUseActiveClient]);
-  const publicClient = (0, import_react62.useMemo)(() => {
+  const publicClient = (0, import_react63.useMemo)(() => {
     if (shouldUseActiveClient) return activePublicClient;
     if (!chainId) return activePublicClient;
     try {
@@ -21478,12 +21514,12 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
     resolvedChainId
   };
 }
-var import_read16, import_react62, publicClientByChainId;
+var import_read16, import_react63, publicClientByChainId;
 var init_useResolvedPublicClient = __esm({
   "src/internal/hooks/useResolvedPublicClient.ts"() {
     init_SessionContext();
     import_read16 = require("@embarkai/core/read");
-    import_react62 = require("react");
+    import_react63 = require("react");
     publicClientByChainId = /* @__PURE__ */ new Map();
   }
 });
@@ -21547,7 +21583,7 @@ var init_useNativeBalance = __esm({
 function useWatchTokens(options) {
   const { address, chainId, enabled, publicClient } = options;
   const { config } = useProviderConfig();
-  const watchTokens = (0, import_react63.useMemo)(() => {
+  const watchTokens = (0, import_react64.useMemo)(() => {
     const allWatchTokens = config.current.watchTokens;
     const tokensForChain = chainId ? allWatchTokens?.[chainId] || [] : [];
     return tokensForChain;
@@ -21615,12 +21651,12 @@ function useWatchTokens(options) {
     }
   });
 }
-var import_react_query35, import_react63, import_viem8;
+var import_react_query35, import_react64, import_viem8;
 var init_useWatchTokens = __esm({
   "src/internal/hooks/useBlockscoutAssets/useWatchTokens.ts"() {
     init_ProviderContext();
     import_react_query35 = require("@tanstack/react-query");
-    import_react63 = require("react");
+    import_react64 = require("react");
     import_viem8 = require("viem");
     init_constants6();
   }
@@ -21769,11 +21805,11 @@ function useBlockscoutAssets(options) {
     tokenBalancesQueryKey: customTokenBalancesQueryKey
   } = useProviderConfig().config?.current?.portfolio || {};
   const blockscoutApiUrl = getBlockscoutApiUrl(chainConfig);
-  const blockscoutClient = (0, import_react64.useMemo)(
+  const blockscoutClient = (0, import_react65.useMemo)(
     () => blockscoutApiUrl ? (0, import_core4.createBlockscoutClient)({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = (0, import_react64.useRef)(0);
+  const lastRefreshRef = (0, import_react65.useRef)(0);
   const {
     data: watchTokenAssets = [],
     isLoading: watchTokensLoading,
@@ -21845,7 +21881,7 @@ function useBlockscoutAssets(options) {
     queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", resolvedChainId, blockscoutApiUrl, address],
     queryFn: () => blockscoutClient.getNfts(address)
   });
-  const erc20TokenAddresses = (0, import_react64.useMemo)(() => {
+  const erc20TokenAddresses = (0, import_react65.useMemo)(() => {
     if (!blockscoutItems) return [];
     return blockscoutItems.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [blockscoutItems]);
@@ -21890,7 +21926,7 @@ function useBlockscoutAssets(options) {
     // 1 minute
     // gcTime: BLOCKSCOUT_QUERY_GC_TIME,
   });
-  const assets = (0, import_react64.useMemo)(() => {
+  const assets = (0, import_react65.useMemo)(() => {
     const result = [];
     const addedAddresses = /* @__PURE__ */ new Set();
     if (nativeBalanceData) {
@@ -21984,7 +22020,7 @@ function useBlockscoutAssets(options) {
     watchTokenAssets,
     chainConfig
   ]);
-  const nativeBalance = (0, import_react64.useMemo)(() => {
+  const nativeBalance = (0, import_react65.useMemo)(() => {
     if (!nativeBalanceData) return null;
     return {
       value: nativeBalanceData.value,
@@ -21992,11 +22028,11 @@ function useBlockscoutAssets(options) {
       symbol: nativeBalanceData.symbol
     };
   }, [nativeBalanceData]);
-  const error = (0, import_react64.useMemo)(() => {
+  const error = (0, import_react65.useMemo)(() => {
     if (!blockscoutError) return null;
     return createError(blockscoutError);
   }, [blockscoutError]);
-  const refreshBalances = (0, import_react64.useCallback)(async () => {
+  const refreshBalances = (0, import_react65.useCallback)(async () => {
     const now = Date.now();
     if (now - lastRefreshRef.current < BLOCKSCOUT_REFRESH_DEBOUNCE) {
       return;
@@ -22012,7 +22048,7 @@ function useBlockscoutAssets(options) {
       qc.invalidateQueries({ queryKey: [WATCH_TOKENS_QUERY_KEY] })
     ]);
   }, [qc, customTokenBalancesQueryKey]);
-  const getTokenBalance = (0, import_react64.useCallback)(
+  const getTokenBalance = (0, import_react65.useCallback)(
     (tokenAddress) => {
       return assets.find((a) => a.address?.toLowerCase() === tokenAddress.toLowerCase()) || null;
     },
@@ -22031,13 +22067,13 @@ function useBlockscoutAssets(options) {
     lastUpdated: dataUpdatedAt || null
   };
 }
-var import_core4, import_react_query36, import_react64;
+var import_core4, import_react_query36, import_react65;
 var init_useBlockscoutAssets = __esm({
   "src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts"() {
     init_ProviderContext();
     import_core4 = require("@embarkai/core");
     import_react_query36 = require("@tanstack/react-query");
-    import_react64 = require("react");
+    import_react65 = require("react");
     init_initial();
     init_constants();
     init_useResolvedPublicClient();
@@ -22157,9 +22193,9 @@ function SecurityTokenBadge() {
 }
 function PortfolioItemImage(props) {
   const { asset } = props;
-  const [logoError, setLogoError] = (0, import_react65.useState)(false);
-  const [nftImageError, setNftImageError] = (0, import_react65.useState)(false);
-  const resolvedImage = (0, import_react65.useMemo)(() => {
+  const [logoError, setLogoError] = (0, import_react66.useState)(false);
+  const [nftImageError, setNftImageError] = (0, import_react66.useState)(false);
+  const resolvedImage = (0, import_react66.useMemo)(() => {
     const isNft = isNftAsset(asset);
     const nftImage = getNftImage(asset);
     const isSecurity = isSecurityToken(asset);
@@ -22314,13 +22350,13 @@ function PortfolioItem(props) {
     }
   );
 }
-var import_react_query37, import_lucide_react51, import_react65, import_viem11, import_jsx_runtime94, PORTFOLIO_ASSET_RATE_QUERY_KEY;
+var import_react_query37, import_lucide_react51, import_react66, import_viem11, import_jsx_runtime94, PORTFOLIO_ASSET_RATE_QUERY_KEY;
 var init_PortfolioItem = __esm({
   "src/internal/components/PortfolioMenu/PortfolioItem.tsx"() {
     init_ProviderContext();
     import_react_query37 = require("@tanstack/react-query");
     import_lucide_react51 = require("lucide-react");
-    import_react65 = require("react");
+    import_react66 = require("react");
     import_viem11 = require("viem");
     init_tokens();
     init_base3();
@@ -22352,7 +22388,7 @@ function PortfolioMenu() {
     enabled: !!address
   });
   const shownProjectAssets = projectAssets.filter((asset) => !asset.hideInPortfolio);
-  const refreshAllAssetsBalances = (0, import_react66.useCallback)(() => {
+  const refreshAllAssetsBalances = (0, import_react67.useCallback)(() => {
     Promise.all(shownProjectAssets.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
     refreshBlockscoutBalances();
   }, [qc, shownProjectAssets, refreshBlockscoutBalances]);
@@ -22398,7 +22434,7 @@ function PortfolioMenu() {
     blockscoutError && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Highlight, { type: "error", children: blockscoutError?.message })
   ] });
 }
-var import_react_query38, import_lucide_react52, import_react66, import_jsx_runtime95;
+var import_react_query38, import_lucide_react52, import_react67, import_jsx_runtime95;
 var init_PortfolioMenu = __esm({
   "src/internal/components/PortfolioMenu/PortfolioMenu.tsx"() {
     init_ProviderContext();
@@ -22406,7 +22442,7 @@ var init_PortfolioMenu = __esm({
     init_i18n();
     import_react_query38 = require("@tanstack/react-query");
     import_lucide_react52 = require("lucide-react");
-    import_react66 = require("react");
+    import_react67 = require("react");
     init_useBlockscoutAssets2();
     init_useLayoutDataStore();
     init_Expandable2();
@@ -22717,7 +22753,7 @@ var init_useNicknameStore = __esm({
 function useNicknameAvailability(currentNickname) {
   const { t } = useT();
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (!currentNickname) return;
     useNicknameStore.getState().setNicknameValue(currentNickname);
   }, [currentNickname]);
@@ -22738,8 +22774,8 @@ function useNicknameAvailability(currentNickname) {
       useNicknameStore.getState().setError(error?.message || "Failed to check nickname availability");
     }
   });
-  const debouncedCheckAvailability = (0, import_react67.useCallback)((0, import_lodash_es13.debounce)(checkAvailability, DEBOUNCE_MS), [checkAvailability]);
-  (0, import_react67.useEffect)(() => {
+  const debouncedCheckAvailability = (0, import_react68.useCallback)((0, import_lodash_es13.debounce)(checkAvailability, DEBOUNCE_MS), [checkAvailability]);
+  (0, import_react68.useEffect)(() => {
     if (!currentNickname) return;
     const normalizedInputValue = normalizeNickname(nicknameValue);
     const { valid: isNicknameValid } = validateNickname(nicknameValue);
@@ -22753,13 +22789,13 @@ function useNicknameAvailability(currentNickname) {
   }, [nicknameValue, currentNickname, debouncedCheckAvailability]);
   return { isCheckingAvailability };
 }
-var import_react_query39, import_lodash_es13, import_react67, DEBOUNCE_MS;
+var import_react_query39, import_lodash_es13, import_react68, DEBOUNCE_MS;
 var init_useNicknameAvailability = __esm({
   "src/internal/components/NicknameMenu/useNicknameAvailability.ts"() {
     init_i18n();
     import_react_query39 = require("@tanstack/react-query");
     import_lodash_es13 = require("lodash-es");
-    import_react67 = require("react");
+    import_react68 = require("react");
     init_nickname();
     init_nickname_errors();
     init_nickname_validation();
@@ -22780,9 +22816,9 @@ function NicknameEditForm(props) {
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
   const nicknameAvailability = useNicknameStore((st) => st.availability);
   const { isCheckingAvailability } = useNicknameAvailability(nicknameInfo ? nicknameInfo.handle : "");
-  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react68.useState)(false);
-  const exitTimerRef = (0, import_react68.useRef)(null);
-  (0, import_react68.useEffect)(() => () => {
+  const [isNicknameCopied, setIsNicknameCopied] = (0, import_react69.useState)(false);
+  const exitTimerRef = (0, import_react69.useRef)(null);
+  (0, import_react69.useEffect)(() => () => {
     if (exitTimerRef.current) clearTimeout(exitTimerRef.current);
   }, []);
   const { mutate: changeNickname2, isPending: isNicknameChanging } = (0, import_react_query40.useMutation)({
@@ -22816,7 +22852,7 @@ function NicknameEditForm(props) {
       );
     }
   });
-  const handleNicknameInputChange = (0, import_react68.useCallback)(
+  const handleNicknameInputChange = (0, import_react69.useCallback)(
     (e) => {
       const { error, setError, setNicknameValue } = useNicknameStore.getState();
       const nextInputValue = e.target.value;
@@ -22830,7 +22866,7 @@ function NicknameEditForm(props) {
     },
     [t]
   );
-  const handleSubmit = (0, import_react68.useCallback)(
+  const handleSubmit = (0, import_react69.useCallback)(
     (e) => {
       const { nicknameValue: nicknameValue2, setError } = useNicknameStore.getState();
       if (!canChange) {
@@ -22922,7 +22958,7 @@ function NicknameEditForm(props) {
     !!canChange && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "w-full flex items-center leadding-4 text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:nicknameMenu.hint") })
   ] });
 }
-var import_react_query40, import_lucide_react55, import_react68, import_jsx_runtime98;
+var import_react_query40, import_lucide_react55, import_react69, import_jsx_runtime98;
 var init_NicknameEditForm = __esm({
   "src/internal/components/NicknameMenu/NicknameEditForm.tsx"() {
     init_ProviderContext();
@@ -22930,7 +22966,7 @@ var init_NicknameEditForm = __esm({
     init_i18n();
     import_react_query40 = require("@tanstack/react-query");
     import_lucide_react55 = require("lucide-react");
-    import_react68 = require("react");
+    import_react69 = require("react");
     init_icons();
     init_nickname();
     init_profile();
@@ -22966,7 +23002,7 @@ function NicknameMenu() {
     queryFn: async () => await getNicknameInfo()
   });
   const resolvedError = nicknameError || nicknameInfoError?.message || null;
-  (0, import_react69.useEffect)(() => () => useNicknameStore.getState().reset(), []);
+  (0, import_react70.useEffect)(() => () => useNicknameStore.getState().reset(), []);
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)] ", children: [
       /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
@@ -23033,7 +23069,7 @@ function NicknameMenu() {
     !!resolvedError?.length && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Highlight, { type: "error", children: resolvedError })
   ] });
 }
-var import_react_query41, import_dayjs5, import_lucide_react56, import_react69, import_jsx_runtime99;
+var import_react_query41, import_dayjs5, import_lucide_react56, import_react70, import_jsx_runtime99;
 var init_NicknameMenu = __esm({
   "src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
     init_SessionContext();
@@ -23042,7 +23078,7 @@ var init_NicknameMenu = __esm({
     import_react_query41 = require("@tanstack/react-query");
     import_dayjs5 = __toESM(require("dayjs"), 1);
     import_lucide_react56 = require("lucide-react");
-    import_react69 = require("react");
+    import_react70 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -23172,12 +23208,12 @@ function ReceiveMenu() {
     queryKey: [QUERY_KEYS.nicknameInfo, address],
     queryFn: async () => await getNicknameInfo()
   });
-  const [qrCodeUrl, setQrCodeUrl] = (0, import_react70.useState)("");
-  const [isAddressCopied, setAddressCopied] = (0, import_react70.useState)(false);
-  const [isNicknameCopied, setNicknameCopied] = (0, import_react70.useState)(false);
-  const [fingerprintCopied, setFingerprintCopied] = (0, import_react70.useState)(false);
+  const [qrCodeUrl, setQrCodeUrl] = (0, import_react71.useState)("");
+  const [isAddressCopied, setAddressCopied] = (0, import_react71.useState)(false);
+  const [isNicknameCopied, setNicknameCopied] = (0, import_react71.useState)(false);
+  const [fingerprintCopied, setFingerprintCopied] = (0, import_react71.useState)(false);
   useOnboardingTourAvailable(true);
-  const fingerprint = (0, import_react70.useMemo)(() => {
+  const fingerprint = (0, import_react71.useMemo)(() => {
     if (!session?.ownerAddress) return null;
     try {
       return generateFingerprint(session.ownerAddress);
@@ -23185,7 +23221,7 @@ function ReceiveMenu() {
       return null;
     }
   }, [session?.ownerAddress]);
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (!address) return;
     import_qrcode.default.toDataURL(address, {
       width: 200,
@@ -23284,7 +23320,7 @@ function ReceiveMenu() {
     ] })
   ] });
 }
-var import_react_query42, import_lucide_react57, import_qrcode, import_react70, import_jsx_runtime100;
+var import_react_query42, import_lucide_react57, import_qrcode, import_react71, import_jsx_runtime100;
 var init_ReceiveMenu = __esm({
   "src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
     init_SessionContext();
@@ -23292,7 +23328,7 @@ var init_ReceiveMenu = __esm({
     import_react_query42 = require("@tanstack/react-query");
     import_lucide_react57 = require("lucide-react");
     import_qrcode = __toESM(require("qrcode"), 1);
-    import_react70 = require("react");
+    import_react71 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -23672,14 +23708,14 @@ var init_ConnectedApps2 = __esm({
 });
 // src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx
-var import_lucide_react60, import_react71, import_jsx_runtime103, KeyshareStatus;
+var import_lucide_react60, import_react72, import_jsx_runtime103, KeyshareStatus;
 var init_KeyshareStatus = __esm({
   "src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx"() {
     import_lucide_react60 = require("lucide-react");
-    import_react71 = require("react");
+    import_react72 = require("react");
     init_utils();
     import_jsx_runtime103 = require("react/jsx-runtime");
-    KeyshareStatus = (0, import_react71.forwardRef)((props, ref) => {
+    KeyshareStatus = (0, import_react72.forwardRef)((props, ref) => {
       const { isLoading, content, icon: Icon2, children } = props;
       if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react60.Loader, { className: "w-4 h-4 animate-spin" });
       return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { ref, className: "group relative w-full h-full", children: [
@@ -24006,10 +24042,10 @@ function updateLimits(patch) {
   usePolicyForm.setState((st) => ({ ...st, limits: { ...st?.limits, ...patch } }));
 }
 function useWatchFormData() {
-  const [showFormErrors, setShowFormErrors] = (0, import_react72.useState)(false);
+  const [showFormErrors, setShowFormErrors] = (0, import_react73.useState)(false);
   const formData = usePolicyForm();
   const formState = usePolicyFormValidation();
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (!formData) return;
     setShowFormErrors(false);
     const errors = {};
@@ -24036,7 +24072,7 @@ function useWatchFormData() {
     }
     usePolicyFormValidation.setState(errors, true);
   }, [formData]);
-  (0, import_react72.useEffect)(() => () => usePolicyFormValidation.setState({}, true), []);
+  (0, import_react73.useEffect)(() => () => usePolicyFormValidation.setState({}, true), []);
   const formErrorItem = Object.entries(formState).find(([_, value]) => value?.error);
   const formErrorMessage = formErrorItem ? `${formErrorItem[0].toUpperCase()}: ${formErrorItem[1]?.error}` : "";
   return {
@@ -24047,10 +24083,10 @@ function useWatchFormData() {
     setShowFormErrors
   };
 }
-var import_react72, import_zustand14, usePolicyForm, usePolicyFormValidation;
+var import_react73, import_zustand14, usePolicyForm, usePolicyFormValidation;
 var init_usePolicyForm = __esm({
   "src/internal/components/SecurityMenu/UserPolicies/usePolicyForm.ts"() {
-    import_react72 = require("react");
+    import_react73 = require("react");
     import_zustand14 = require("zustand");
     init_utils10();
     usePolicyForm = (0, import_zustand14.create)(() => null);
@@ -24081,10 +24117,10 @@ var init_useUserAssetsPolicies = __esm({
 // src/internal/components/SecurityMenu/UserPolicies/PolicyForm.tsx
 function AddressListEditor(props) {
   const { label, assets = [], addresses, onChange } = props;
-  const [isAssetSelector, setIsAssetSelector] = (0, import_react73.useState)(false);
-  const [customAddress, setCustomAddress] = (0, import_react73.useState)("");
-  const [customAddressError, setCustomAddressError] = (0, import_react73.useState)(null);
-  const handleAddress = (0, import_react73.useCallback)(
+  const [isAssetSelector, setIsAssetSelector] = (0, import_react74.useState)(false);
+  const [customAddress, setCustomAddress] = (0, import_react74.useState)("");
+  const [customAddressError, setCustomAddressError] = (0, import_react74.useState)(null);
+  const handleAddress = (0, import_react74.useCallback)(
     (addressToAdd) => {
       if (!isValidAddress(addressToAdd)) {
         setCustomAddressError("Bad address");
@@ -24311,14 +24347,14 @@ function PolicyForm() {
     showFormErrors && formErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Highlight, { type: "error", children: formErrorMessage })
   ] });
 }
-var import_react_query47, import_lucide_react63, import_react73, import_jsx_runtime106;
+var import_react_query47, import_lucide_react63, import_react74, import_jsx_runtime106;
 var init_PolicyForm = __esm({
   "src/internal/components/SecurityMenu/UserPolicies/PolicyForm.tsx"() {
     init_SessionContext();
     init_useT();
     import_react_query47 = require("@tanstack/react-query");
     import_lucide_react63 = require("lucide-react");
-    import_react73 = require("react");
+    import_react74 = require("react");
     init_button();
     init_highlight();
     init_input();
@@ -24400,7 +24436,7 @@ function UserPolicies() {
   const config = useProviderConfig().config;
   const mpcUserId = useSession((st) => st.session?.mpcUserId);
   const activeChainId = useSession((st) => st.activeChainId);
-  const [isConfirmingDelete, setIsConfirmingDelete] = (0, import_react74.useState)(false);
+  const [isConfirmingDelete, setIsConfirmingDelete] = (0, import_react75.useState)(false);
   const { data: policyView, isLoading: isPolicyLoading } = useUserAssetsPolicies(activeChainId);
   const { mutate: cancelPending, isPending: isCancellingPending } = (0, import_react_query48.useMutation)({
     mutationFn: async () => {
@@ -24513,7 +24549,7 @@ function UserPolicies() {
     ] })
   ] });
 }
-var import_react_query48, import_clsx3, import_lucide_react64, import_react74, import_jsx_runtime107;
+var import_react_query48, import_clsx3, import_lucide_react64, import_react75, import_jsx_runtime107;
 var init_UserPolicies = __esm({
   "src/internal/components/SecurityMenu/UserPolicies/UserPolicies.tsx"() {
     init_ProviderContext();
@@ -24522,7 +24558,7 @@ var init_UserPolicies = __esm({
     import_react_query48 = require("@tanstack/react-query");
     import_clsx3 = __toESM(require("clsx"), 1);
     import_lucide_react64 = require("lucide-react");
-    import_react74 = require("react");
+    import_react75 = require("react");
     init_button();
     init_highlight();
     init_api4();
@@ -24547,7 +24583,7 @@ var init_UserPolicies2 = __esm({
 // src/internal/components/SecurityMenu/useSecurityMenuParams.ts
 function useSecurityMenuParams() {
-  (0, import_react75.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams || !(0, import_lodash_es14.keys)(pageParams).length) return;
     const { submenu } = pageParams;
@@ -24571,11 +24607,11 @@ function useSecurityMenuParams() {
     setPageParams(null);
   }, []);
 }
-var import_lodash_es14, import_react75;
+var import_lodash_es14, import_react76;
 var init_useSecurityMenuParams = __esm({
   "src/internal/components/SecurityMenu/useSecurityMenuParams.ts"() {
     import_lodash_es14 = require("lodash-es");
-    import_react75 = require("react");
+    import_react76 = require("react");
     init_useLayoutDataStore();
     init_UserPolicies2();
     init_useSecurityStore();
@@ -24590,7 +24626,7 @@ function SecurityMenuContent() {
   const { appToUntrust, showConnectedApps, showAssetsPolicies } = useSecurityStore();
   const policyForm = usePolicyForm();
   useOnboardingTourAvailable(!showConnectedApps && !showAssetsPolicies);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     let securityTitle = "";
     switch (true) {
       case showConnectedApps:
@@ -24611,7 +24647,7 @@ function SecurityMenuContent() {
     return () => {
     };
   }, [t, showConnectedApps, showAssetsPolicies, policyForm]);
-  (0, import_react76.useEffect)(
+  (0, import_react77.useEffect)(
     () => () => {
       usePolicyForm.setState(null, true);
       useSecurityStore.setState(
@@ -24705,13 +24741,13 @@ function SecurityMenu() {
     /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SecurityMenuContent, {})
   ] });
 }
-var import_lucide_react65, import_react76, import_jsx_runtime108;
+var import_lucide_react65, import_react77, import_jsx_runtime108;
 var init_SecurityMenu = __esm({
   "src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
     init_ProviderContext();
     init_i18n();
     import_lucide_react65 = require("lucide-react");
-    import_react76 = require("react");
+    import_react77 = require("react");
     init_useLayoutDataStore();
     init_Expandable2();
     init_Onboarding();
@@ -24914,8 +24950,8 @@ var init_SenderSelector = __esm({
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = (0, import_react77.useRef)([]);
-  (0, import_react77.useEffect)(() => {
+  const lastCalcedSenders = (0, import_react78.useRef)([]);
+  (0, import_react78.useEffect)(() => {
     const sendersAccumulator = [
       {
         type: "embarkai-wallet",
@@ -24949,13 +24985,13 @@ function useAvailableSenders() {
     directWalletProfiles: profiles.filter((p) => p.provider === "wallet")
   };
 }
-var import_react77;
+var import_react78;
 var init_useAvailableSenders = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
     init_SessionContext();
     init_tokens();
     init_linkedProfiles();
-    import_react77 = require("react");
+    import_react78 = require("react");
     init_wallets();
     init_useBridgeStore();
   }
@@ -25370,18 +25406,18 @@ function useHyperlaneHistory() {
     getNextPageParam: (lastPage) => lastPage.page < lastPage.pageCount ? lastPage.page + 1 : void 0,
     queryFn: async ({ pageParam }) => await getHyperlaneBridgeHistory({ page: pageParam, pageSize: TX_HISTORY_PAGE_SIZE })
   });
-  const txList = (0, import_react78.useMemo)(
+  const txList = (0, import_react79.useMemo)(
     () => query?.data?.pages?.map((p) => p.data).flat(Infinity) || [],
     [query?.data]
   );
   return { query, txList };
 }
-var import_react_query49, import_react78, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
+var import_react_query49, import_react79, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
 var init_useHyperlaneHistory = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts"() {
     init_SessionContext();
     import_react_query49 = require("@tanstack/react-query");
-    import_react78 = require("react");
+    import_react79 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api5();
@@ -25413,7 +25449,7 @@ function useBridge() {
   const address = useSession((st) => st.address);
   const { data: walletClient } = (0, import_wagmi5.useWalletClient)();
   const { mutateAsync: switchChainAsync } = (0, import_wagmi5.useSwitchChain)();
-  const swapDirection = (0, import_react79.useCallback)(() => {
+  const swapDirection = (0, import_react80.useCallback)(() => {
     const {
       // bridgeStep,
       originChain,
@@ -25464,7 +25500,7 @@ function useBridge() {
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
-  const handleQuoteEstimation = (0, import_react79.useCallback)((amnt) => {
+  const handleQuoteEstimation = (0, import_react80.useCallback)((amnt) => {
     const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
     if (!amnt || !Number(amnt)) {
       useBridgeStore.getState().setQuote(null);
@@ -25599,13 +25635,13 @@ function useBridge() {
     isAssetBridging
   };
 }
-var import_react_query50, import_react79, import_wagmi5;
+var import_react_query50, import_react80, import_wagmi5;
 var init_useBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
     init_SessionContext();
     init_i18n();
     import_react_query50 = require("@tanstack/react-query");
-    import_react79 = require("react");
+    import_react80 = require("react");
     import_wagmi5 = require("wagmi");
     init_useLayoutStore();
     init_useExternalWalletStore();
@@ -25636,7 +25672,7 @@ function useHyperlaneRoutes() {
     queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
     queryFn: async () => await getHyperlaneWarpRoutes()
   });
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -25645,7 +25681,7 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     let targetHyperRouteToSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
     if (!targetHyperRouteToSelect) {
@@ -25670,12 +25706,12 @@ function useHyperlaneRoutes() {
   }, [hyperRoute, hyperlaneWarpRoutes]);
   return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
 }
-var import_react_query51, import_react80, HYPERLANE_WARP_ROUTES_QUERY_KEY;
+var import_react_query51, import_react81, HYPERLANE_WARP_ROUTES_QUERY_KEY;
 var init_useHyperlaneRoutes = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
     init_SessionContext();
     import_react_query51 = require("@tanstack/react-query");
-    import_react80 = require("react");
+    import_react81 = require("react");
     init_useLayoutDataStore();
     init_useFlowSelector();
     init_api5();
@@ -25691,7 +25727,7 @@ function useMenuTitle(warpRoutes) {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const hyperRouteMeta = warpRoutes?.length ? warpRoutes.find((route) => route.routeId === hyperRoute) : null;
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -25719,11 +25755,11 @@ function useMenuTitle(warpRoutes) {
     }
   }, [bridgeStep, hyperRouteMeta, t]);
 }
-var import_react81;
+var import_react82;
 var init_useMenuTitle = __esm({
   "src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts"() {
     init_i18n();
-    import_react81 = require("react");
+    import_react82 = require("react");
     init_useFlowSelector();
     init_useBridgeStore();
   }
@@ -25973,7 +26009,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
       };
     }
   });
-  const refreshRouteTokenBalance = (0, import_react82.useCallback)(
+  const refreshRouteTokenBalance = (0, import_react83.useCallback)(
     (senderWallet) => {
       switch (true) {
         case senderWallet === "embarkai-wallet":
@@ -25989,7 +26025,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
     },
     [refreshBalances, qc]
   );
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (!!isLoadingWarpRoutes || !bridgeSender || !originChain) return;
     switch (bridgeSender) {
       case "embarkai-wallet":
@@ -26020,14 +26056,14 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
     isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
   };
 }
-var import_core8, import_react_query52, import_react82, import_viem15, import_wagmi6, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
+var import_core8, import_react_query52, import_react83, import_viem15, 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_query52 = require("@tanstack/react-query");
-    import_react82 = require("react");
+    import_react83 = require("react");
     import_viem15 = require("viem");
     import_wagmi6 = require("wagmi");
     init_useBlockscoutAssets2();
@@ -26156,7 +26192,7 @@ function SelectStep(props) {
                       variant: "outline",
                       size: "medium",
                       className: "bg-[var(--ui-kit-bg)] flex items-center gap-[var(--ui-kit-gap)]",
-                      children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_react83.Fragment, { children: [
+                      children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_react84.Fragment, { children: [
                         chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react67.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
                         /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
                       ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
@@ -26300,13 +26336,13 @@ function SelectStep(props) {
     )
   ] });
 }
-var import_lucide_react67, import_react83, import_jsx_runtime111;
+var import_lucide_react67, import_react84, import_jsx_runtime111;
 var init_SelectStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react67 = require("lucide-react");
-    import_react83 = require("react");
+    import_react84 = require("react");
     init_priceFormatter();
     init_utils();
     init_useExternalWalletStore();
@@ -26357,7 +26393,7 @@ var init_checkbox = __esm({
 // src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
 function ConfirmStep(props) {
   const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
-  const [userConsent, setUserConsent] = (0, import_react84.useState)(false);
+  const [userConsent, setUserConsent] = (0, import_react85.useState)(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -26473,13 +26509,13 @@ function ConfirmStep(props) {
     }
   );
 }
-var import_lucide_react69, import_react84, import_jsx_runtime113, P_CN;
+var import_lucide_react69, import_react85, import_jsx_runtime113, P_CN;
 var init_ConfirmStep = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx"() {
     init_SessionContext();
     init_i18n();
     import_lucide_react69 = require("lucide-react");
-    import_react84 = require("react");
+    import_react85 = require("react");
     init_priceFormatter();
     init_utils();
     init_Onboarding();
@@ -26856,7 +26892,7 @@ function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
-  const tokenList = (0, import_react85.useMemo)(() => {
+  const tokenList = (0, import_react86.useMemo)(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
     const uniqueTokens = Array.from(new Set(tokens));
     return uniqueTokens.map((symbol) => ({
@@ -26933,13 +26969,13 @@ function SelectAssetRoute(props) {
     ] })
   ] });
 }
-var import_lucide_react71, import_react85, import_jsx_runtime116;
+var import_lucide_react71, import_react86, import_jsx_runtime116;
 var init_SelectAssetRoute = __esm({
   "src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx"() {
     init_tokens();
     init_i18n();
     import_lucide_react71 = require("lucide-react");
-    import_react85 = require("react");
+    import_react86 = require("react");
     init_button();
     init_ResolveChainIcon();
     init_useBridgeStore();
@@ -26966,7 +27002,7 @@ function HyperlaneBridge() {
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   const { directWalletProfiles } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
-  (0, import_react86.useEffect)(() => {
+  (0, import_react87.useEffect)(() => {
     return () => {
       useBridgeStore.getState().resetSelections();
     };
@@ -26999,10 +27035,10 @@ function HyperlaneBridge() {
     bridgeStep === "tx-history-details" && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(HistoryDetailsStep, {})
   ] });
 }
-var import_react86, import_jsx_runtime117;
+var import_react87, import_jsx_runtime117;
 var init_HyperlaneBridge = __esm({
   "src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx"() {
-    import_react86 = require("react");
+    import_react87 = require("react");
     init_SenderSelector();
     init_useAvailableSenders();
     init_useBridge();
@@ -27020,7 +27056,7 @@ function BridgeHistorySwitch(props) {
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const lastBridgeStepRef = (0, import_react87.useRef)(null);
+  const lastBridgeStepRef = (0, import_react88.useRef)(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -27039,10 +27075,10 @@ function BridgeHistorySwitch(props) {
     }
   );
 }
-var import_react87, import_jsx_runtime118;
+var import_react88, import_jsx_runtime118;
 var init_HistorySwitch = __esm({
   "src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx"() {
-    import_react87 = require("react");
+    import_react88 = require("react");
     init_switch();
     init_useFlowSelector();
     init_useBridgeStore();
@@ -27133,11 +27169,11 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = (0, import_react88.useState)("");
-  const [isDebouncing, setIsDebouncing] = (0, import_react88.useState)(false);
+  const [debouncedInput, setDebouncedInput] = (0, import_react89.useState)("");
+  const [isDebouncing, setIsDebouncing] = (0, import_react89.useState)(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     if (!isNicknameInput || !enabled) {
       setDebouncedInput("");
       setIsDebouncing(false);
@@ -27163,7 +27199,7 @@ function useNicknameResolve(input, options) {
   const isNotFound = query.isError && query.error?.code === "NICKNAME_NOT_FOUND";
   const isWalletNotSetup = !!query.data && query.data.resolvedTarget === null;
   const isFrozen = query.data?.isFrozen ?? false;
-  const fingerprintVerification = (0, import_react88.useMemo)(() => {
+  const fingerprintVerification = (0, import_react89.useMemo)(() => {
     if (!query.data?.owner || !query.data?.fingerprint) {
       return null;
     }
@@ -27185,11 +27221,11 @@ function useNicknameResolve(input, options) {
     resolvedAddress
   };
 }
-var import_react_query54, import_react88, DEBOUNCE_MS2;
+var import_react_query54, import_react89, DEBOUNCE_MS2;
 var init_useNicknameResolve = __esm({
   "src/hooks/useNicknameResolve.ts"() {
     import_react_query54 = require("@tanstack/react-query");
-    import_react88 = require("react");
+    import_react89 = require("react");
     init_nickname();
     init_profile();
     init_nickname_fingerprint();
@@ -27202,10 +27238,10 @@ var init_useNicknameResolve = __esm({
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = (0, import_react89.useState)(false);
-  const [error, setError] = (0, import_react89.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react89.useState)(null);
-  const sendTransaction = (0, import_react89.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react90.useState)(false);
+  const [error, setError] = (0, import_react90.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react90.useState)(null);
+  const sendTransaction = (0, import_react90.useCallback)(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -27302,7 +27338,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = (0, import_react89.useCallback)(() => {
+  const reset = (0, import_react90.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -27315,10 +27351,10 @@ function useSendTransaction() {
     reset
   };
 }
-var import_react89, import_viem16, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
+var import_react90, import_viem16, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
 var init_useSendTransaction = __esm({
   "src/hooks/useSendTransaction.ts"() {
-    import_react89 = require("react");
+    import_react90 = require("react");
     import_viem16 = require("viem");
     init_SessionContext();
     init_account2();
@@ -27469,7 +27505,7 @@ var init_AssetInputIcon = __esm({
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = (0, import_react90.useState)(false);
+  const [imageError, setImageError] = (0, import_react91.useState)(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex items-center gap-3 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
     nftImage && !imageError ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
@@ -27497,11 +27533,11 @@ function NftDisplayCard({ asset }) {
     ] })
   ] });
 }
-var import_lucide_react73, import_react90, import_jsx_runtime120;
+var import_lucide_react73, import_react91, import_jsx_runtime120;
 var init_NftDisplayCard = __esm({
   "src/internal/components/SendMenu/send/components/NftDisplayCard.tsx"() {
     import_lucide_react73 = require("lucide-react");
-    import_react90 = require("react");
+    import_react91 = require("react");
     import_jsx_runtime120 = require("react/jsx-runtime");
   }
 });
@@ -27621,7 +27657,7 @@ function NicknameData(props) {
     isWalletNotSetup,
     isFrozen
   } = resolvedNicknameData;
-  (0, import_react91.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (isResolving) return;
     let errMessage = null;
     switch (true) {
@@ -27676,11 +27712,11 @@ function NicknameData(props) {
     ] })
   ] });
 }
-var import_lucide_react74, import_react91, import_jsx_runtime122;
+var import_lucide_react74, import_react92, import_jsx_runtime122;
 var init_NicknameData = __esm({
   "src/internal/components/SendMenu/send/components/NicknameData.tsx"() {
     import_lucide_react74 = require("lucide-react");
-    import_react91 = require("react");
+    import_react92 = require("react");
     init_no_image();
     init_utils();
     init_useFlowSelector();
@@ -28213,16 +28249,16 @@ function SendMenu() {
     userOpHash,
     reset
   } = useSendTransaction();
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
   }, [isAssetsLoading, isTransactionPending]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     useFlowSelectorStore.getState().setError(sendTransactionError || null);
   }, [sendTransactionError]);
   const { txStep, recipient, amount, selectedAsset, setSelectedAsset } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     const shouldDefaultAsset = assets.length > 0 && !selectedAsset;
     if (!shouldDefaultAsset) return;
     const chainNativeCurrency = useSession.getState().chainConfig?.nativeCurrency;
@@ -28232,7 +28268,7 @@ function SendMenu() {
     if (isBalance(erc20)) return setSelectedAsset(erc20);
     setSelectedAsset(assets[0]);
   }, [assets, selectedAsset]);
-  (0, import_react92.useEffect)(
+  (0, import_react93.useEffect)(
     () => () => {
       useSendStore.getState().reset();
       reset();
@@ -28242,7 +28278,7 @@ function SendMenu() {
   const isNicknameInput = looksLikeNickname(recipient);
   const resolvedNicknameData = useNicknameResolve(recipient, { enabled: isNicknameInput, chainId: activeChainId });
   const effectiveAddress = isNicknameInput ? resolvedNicknameData?.resolvedAddress : recipient;
-  const complianceAmount = (0, import_react92.useMemo)(() => {
+  const complianceAmount = (0, import_react93.useMemo)(() => {
     if (!isSecurity || !amount || !selectedAsset) return void 0;
     try {
       return (0, import_viem21.parseUnits)(amount, selectedAsset.decimals || 18);
@@ -28257,7 +28293,7 @@ function SendMenu() {
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
     chainId: activeChainId
   });
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case txStep === "select-asset":
@@ -28327,7 +28363,7 @@ function SendMenu() {
     ] })
   ] });
 }
-var import_lucide_react77, import_react92, import_viem21, import_jsx_runtime125;
+var import_lucide_react77, import_react93, import_viem21, import_jsx_runtime125;
 var init_SendMenu = __esm({
   "src/internal/components/SendMenu/send/SendMenu.tsx"() {
     init_SessionContext();
@@ -28336,7 +28372,7 @@ var init_SendMenu = __esm({
     init_useSendTransaction();
     init_useT();
     import_lucide_react77 = require("lucide-react");
-    import_react92 = require("react");
+    import_react93 = require("react");
     import_viem21 = require("viem");
     init_useBlockscoutAssets2();
     init_useLayoutDataStore();
@@ -28362,7 +28398,7 @@ var init_send = __esm({
 // src/internal/components/SendMenu/useSendMenuParams.ts
 function useSendMenuParams() {
   const { config } = useProviderConfig();
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams || !(0, import_lodash_es15.keys)(pageParams).length) return;
     const { sendFlow, send, bridge } = pageParams || {};
@@ -28415,12 +28451,12 @@ function useSendMenuParams() {
     setPageParams(null);
   }, []);
 }
-var import_lodash_es15, import_react93;
+var import_lodash_es15, import_react94;
 var init_useSendMenuParams = __esm({
   "src/internal/components/SendMenu/useSendMenuParams.ts"() {
     init_ProviderContext();
     import_lodash_es15 = require("lodash-es");
-    import_react93 = require("react");
+    import_react94 = require("react");
     init_useLayoutDataStore();
     init_useBridgeStore();
     init_useSendStore();
@@ -28488,17 +28524,17 @@ function SendFlowSelector() {
   const sendStep = useSendStore((st) => st.txStep);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   useOnboardingTourAvailable(sendStep === "input" && bridgeStep === "select");
-  (0, import_react94.useEffect)(
+  (0, import_react95.useEffect)(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
     []
   );
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     if (!!config?.current?.features?.showAssetBridge) return;
     if (selectorFlow === "bridge") useFlowSelectorStore.getState().setFlow("send");
   }, [selectorFlow]);
-  const availableFlows = (0, import_react94.useMemo)(() => {
+  const availableFlows = (0, import_react95.useMemo)(() => {
     const selectorFlows = { send: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SendMenu, {}) };
     if (!!config?.current?.features?.showAssetBridge) selectorFlows.bridge = /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(HyperlaneBridge, {});
     return selectorFlows;
@@ -28563,13 +28599,13 @@ function SendFlowSelector() {
     ] })
   ] });
 }
-var import_lucide_react78, import_react94, import_jsx_runtime126;
+var import_lucide_react78, import_react95, import_jsx_runtime126;
 var init_SendFlowSelector = __esm({
   "src/internal/components/SendMenu/SendFlowSelector.tsx"() {
     init_ProviderContext();
     init_i18n();
     import_lucide_react78 = require("lucide-react");
-    import_react94 = require("react");
+    import_react95 = require("react");
     init_useLayoutDataStore();
     init_utils();
     init_Expandable2();
@@ -28632,12 +28668,12 @@ function getServerSnapshot() {
   return false;
 }
 function useProMode() {
-  return (0, import_react95.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  return (0, import_react96.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
 }
-var import_react95, STORAGE_KEY, EVENT_NAME;
+var import_react96, STORAGE_KEY, EVENT_NAME;
 var init_pro_mode = __esm({
   "src/internal/lib/pro-mode.ts"() {
-    import_react95 = require("react");
+    import_react96 = require("react");
     STORAGE_KEY = "embarkai_pro_mode";
     EVENT_NAME = "embarkai-pro-mode-changed";
   }
@@ -29443,7 +29479,7 @@ function TransactionsMenu() {
   const { t } = useT();
   useOnboardingTourAvailable(true);
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const [expandedGroups, setExpandedGroups] = (0, import_react96.useState)({});
+  const [expandedGroups, setExpandedGroups] = (0, import_react97.useState)({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -29456,7 +29492,7 @@ function TransactionsMenu() {
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = (0, import_react96.useCallback)(
+  const refreshTxHistory = (0, import_react97.useCallback)(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -29495,14 +29531,14 @@ function TransactionsMenu() {
     )) })
   ] });
 }
-var import_react_query57, import_lucide_react80, import_react96, import_jsx_runtime128;
+var import_react_query57, import_lucide_react80, import_react97, import_jsx_runtime128;
 var init_TransactionsMenu = __esm({
   "src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query57 = require("@tanstack/react-query");
     import_lucide_react80 = require("lucide-react");
-    import_react96 = require("react");
+    import_react97 = require("react");
     init_useLayoutDataStore();
     init_Expandable2();
     init_Onboarding();
@@ -29842,7 +29878,7 @@ var init_PageMap = __esm({
 // src/internal/hooks/usePageMapper.tsx
 function usePageMapper() {
   const page = useLayoutDataStore((st) => st.page);
-  const closeDialog = (0, import_react97.useCallback)(() => {
+  const closeDialog = (0, import_react98.useCallback)(() => {
     useLayoutStore.setState({ isDialogAnimating: true });
     setTimeout(() => {
       useLayoutStore.setState({
@@ -29854,14 +29890,14 @@ function usePageMapper() {
       });
     }, CLEAR_DIALOG_TIMEOUT);
   }, []);
-  const openDialog = (0, import_react97.useCallback)((pageItem) => {
+  const openDialog = (0, import_react98.useCallback)((pageItem) => {
     useLayoutStore.setState({
       dialogContent: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(pageItem.component, {}),
       isDialogOpen: true
       // isDialogAnimating: true
     });
   }, []);
-  (0, import_react97.useEffect)(() => {
+  (0, import_react98.useEffect)(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -29872,10 +29908,10 @@ function usePageMapper() {
     openDialog(pageItem);
   }, [page, closeDialog, openDialog]);
 }
-var import_react97, import_jsx_runtime130, CLEAR_DIALOG_TIMEOUT;
+var import_react98, import_jsx_runtime130, CLEAR_DIALOG_TIMEOUT;
 var init_usePageMapper = __esm({
   "src/internal/hooks/usePageMapper.tsx"() {
-    import_react97 = require("react");
+    import_react98 = require("react");
     init_PageMap();
     init_constants();
     init_useLayoutDataStore();
@@ -29891,24 +29927,24 @@ function useSettingsNotifications() {
   const providers = import_auth25.jwtTokenManager.getProviders();
   const hasEmail = providers.includes("email");
   const { data: userProfile = null } = useUserProfile();
-  (0, import_react98.useEffect)(() => {
+  (0, import_react99.useEffect)(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react99.useEffect)(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
     });
   }, [hasEmail, setSettingsNotifications]);
 }
-var import_react98, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
+var import_react99, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
 var init_useSettingsNotifications = __esm({
   "src/internal/hooks/useSettingsNotifications.ts"() {
-    import_react98 = require("react");
+    import_react99 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useUserProfile();
@@ -29931,7 +29967,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.100",
+      version: "0.4.102",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -29988,6 +30024,7 @@ var init_package = __esm({
         "dkls23-wasm": "^0.1.1",
         "lodash-es": "^4.18.1",
         "lucide-react": "^1.28.0",
+        mipd: "^0.0.7",
         motion: "^13.1.1",
         qrcode: "^1.5.4",
         viem: "^2.52.2",
@@ -30265,11 +30302,11 @@ function Header() {
   const embarkPage = useLayoutDataStore((st) => st.page);
   const isOnboardingTourAvailable = useOnboardingStore((st) => st.isTourAvailable);
   const proMode = useProMode();
-  const [proToast, setProToast] = (0, import_react99.useState)(false);
-  const [copied, setCopied] = (0, import_react99.useState)(false);
-  const clickCountRef = (0, import_react99.useRef)(0);
-  const clickTimerRef = (0, import_react99.useRef)(null);
-  const handleAvatarClick = (0, import_react99.useCallback)(() => {
+  const [proToast, setProToast] = (0, import_react100.useState)(false);
+  const [copied, setCopied] = (0, import_react100.useState)(false);
+  const clickCountRef = (0, import_react100.useRef)(0);
+  const clickTimerRef = (0, import_react100.useRef)(null);
+  const handleAvatarClick = (0, import_react100.useCallback)(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -30375,7 +30412,7 @@ function Header() {
     }
   );
 }
-var import_lucide_react84, import_react99, import_jsx_runtime132;
+var import_lucide_react84, import_react100, import_jsx_runtime132;
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_lumia2();
@@ -30383,7 +30420,7 @@ var init_Header = __esm({
     init_ProviderContext();
     init_SessionContext();
     import_lucide_react84 = require("lucide-react");
-    import_react99 = require("react");
+    import_react100 = require("react");
     init_icons();
     init_auth();
     init_useLayoutDataStore();
@@ -30418,7 +30455,7 @@ function useDecideContentStyles() {
     style: (0, import_lodash_es16.merge)({}, mobileStyles)
   };
 }
-var DialogPrimitive, import_lodash_es16, import_lucide_react85, import_react100, import_jsx_runtime133, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
+var DialogPrimitive, import_lodash_es16, import_lucide_react85, import_react101, import_jsx_runtime133, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
 var init_dialog = __esm({
   "src/internal/components/ui/dialog.tsx"() {
     init_utils();
@@ -30427,14 +30464,14 @@ var init_dialog = __esm({
     DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
     import_lodash_es16 = require("lodash-es");
     import_lucide_react85 = require("lucide-react");
-    import_react100 = require("react");
+    import_react101 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_button();
     import_jsx_runtime133 = require("react/jsx-runtime");
     Dialog = DialogPrimitive.Root;
     DialogPortal = DialogPrimitive.Portal;
-    DialogOverlay = (0, import_react100.forwardRef)(
+    DialogOverlay = (0, import_react101.forwardRef)(
       ({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
         DialogPrimitive.Overlay,
         {
@@ -30456,7 +30493,7 @@ var init_dialog = __esm({
       border: "1px solid var(--ui-kit-bd)",
       boxShadow: "var(--ui-kit-shadow, 0px 4px 10px var(--ui-kit-shadow-c, rgba(0, 0, 0, 0.1)))"
     };
-    DialogContent = (0, import_react100.forwardRef)(
+    DialogContent = (0, import_react101.forwardRef)(
       ({ className, children, colorMode, ...props }, ref) => {
         const { t, i18n } = useT();
         const isSessionLoading = useSession((st) => st.isLoading);
@@ -30567,7 +30604,7 @@ var init_dialog = __esm({
     DialogHeader.displayName = "DialogHeader";
     DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: cn2("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
     DialogFooter.displayName = "DialogFooter";
-    DialogTitle = (0, import_react100.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    DialogTitle = (0, import_react101.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       DialogPrimitive.Title,
       {
         ref,
@@ -30576,7 +30613,7 @@ var init_dialog = __esm({
       }
     ));
     DialogTitle.displayName = DialogPrimitive.Title.displayName;
-    DialogDescription = (0, import_react100.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
+    DialogDescription = (0, import_react101.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
     DialogDescription.displayName = DialogPrimitive.Description.displayName;
   }
 });
@@ -30599,7 +30636,7 @@ function Dialog2() {
   const { colorMode, maxScrollHeight, isDialogOpen, dialogContent, isDialogForced } = useLayoutStore();
   const page = useLayoutDataStore((st) => st.page);
   const transitionPageHeight = useLayoutDataStore((st) => st.transitionPageHeight);
-  (0, import_react102.useEffect)(() => useLayoutStore.setState({ isSettings: !!session }), [session]);
+  (0, import_react103.useEffect)(() => useLayoutStore.setState({ isSettings: !!session }), [session]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -30629,8 +30666,8 @@ function Dialog2() {
             /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DialogTitle, { children: "embarkAI" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DialogDescription, { className: "sr-only", children: "embarkAI wallet" }),
             !isHeaderHidden && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Header, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react101.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-              import_react101.motion.div,
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react102.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+              import_react102.motion.div,
               {
                 style: { overflow: "hidden" },
                 initial: { opacity: 0, height: transitionPageHeight },
@@ -30659,13 +30696,13 @@ function Dialog2() {
     }
   );
 }
-var import_react101, import_react102, import_jsx_runtime135;
+var import_react102, import_react103, import_jsx_runtime135;
 var init_Dialog = __esm({
   "src/internal/components/Dialog/Dialog.tsx"() {
     init_ProviderContext();
     init_SessionContext();
-    import_react101 = require("motion/react");
-    import_react102 = require("react");
+    import_react102 = require("motion/react");
+    import_react103 = require("react");
     init_constants();
     init_useAutoConnect();
     init_useBackupStatusChanges();
@@ -30697,12 +30734,12 @@ function DirectWalletHandler() {
   const externalAddress = useExternalWalletStore((st) => st.externalAddress);
   const isExternalConnected = useExternalWalletStore((st) => st.isExternalConnected);
   const { address, isConnected, chain, connector } = (0, import_wagmi9.useConnection)();
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     const { setConfigMode, setActiveMode } = useExternalWalletStore.getState();
     setConfigMode(walletMode);
     if (walletMode !== "both") setActiveMode(walletMode);
   }, [walletMode]);
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     if ((!!externalAddress || isExternalConnected) && !isConnected) {
       useExternalWalletStore.getState().clearExternalWallet();
       return;
@@ -30717,10 +30754,10 @@ function DirectWalletHandler() {
   }, [isConnected, address, isExternalConnected, externalAddress, connector, chain]);
   return null;
 }
-var import_react103, import_wagmi9;
+var import_react104, import_wagmi9;
 var init_DirectWalletHandler = __esm({
   "src/internal/components/DirectWalletHandler.tsx"() {
-    import_react103 = require("react");
+    import_react104 = require("react");
     import_wagmi9 = require("wagmi");
     init_ProviderContext();
     init_useExternalWalletStore();
@@ -30728,14 +30765,14 @@ var init_DirectWalletHandler = __esm({
 });
 // src/internal/components/TssManager.tsx
-var import_react104, TssManagerWithRef;
+var import_react105, TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
     init_SessionContext();
-    import_react104 = __toESM(require("react"), 1);
+    import_react105 = __toESM(require("react"), 1);
     init_auth();
     init_clients();
-    TssManagerWithRef = import_react104.default.forwardRef((props, ref) => {
+    TssManagerWithRef = import_react105.default.forwardRef((props, ref) => {
       const { mpcPin } = props;
       const usePaymaster = useSession((st) => st.usePaymaster);
       const publicClient = useSession((st) => st.publicClient);
@@ -30743,14 +30780,14 @@ var init_TssManager = __esm({
       const setStatus = useSession((st) => st.setStatus);
       const setSession = useSession((st) => st.setSession);
       const setAddress = useSession((st) => st.setAddress);
-      const onSessionCreated = (0, import_react104.useCallback)(
+      const onSessionCreated = (0, import_react105.useCallback)(
         (session, address) => {
           setSession(session);
           setAddress(address);
         },
         [setSession, setAddress]
       );
-      const createSessionWithKeyshare = import_react104.default.useCallback(
+      const createSessionWithKeyshare = import_react105.default.useCallback(
         async (userId, hasServerKeyshare, isNewUser) => {
           setStatus("checking key management setup...");
           await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
@@ -30775,7 +30812,7 @@ var init_TssManager = __esm({
         },
         [setStatus, usePaymaster, activeChainId, publicClient, mpcPin]
       );
-      import_react104.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
+      import_react105.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
       return null;
     });
   }
@@ -30799,7 +30836,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_react105.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_react106.Fragment, {
     /** dApp's router might have its own error boundaries setup via imported @embarkai/ui-kitErrorBoundary */
     children: [
       children,
@@ -30819,11 +30856,11 @@ function SessionProvider({ children }) {
     ]
   });
 }
-var import_read22, import_react105, import_zustand19, import_middleware5, import_jsx_runtime136, useSession, requireActiveChainId;
+var import_read22, import_react106, import_zustand19, import_middleware5, import_jsx_runtime136, useSession, requireActiveChainId;
 var init_SessionContext = __esm({
   "src/context/SessionContext.tsx"() {
     import_read22 = require("@embarkai/core/read");
-    import_react105 = require("react");
+    import_react106 = require("react");
     import_zustand19 = require("zustand");
     import_middleware5 = require("zustand/middleware");
     init_ErrorBoundary2();
@@ -33278,10 +33315,11 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = (0, import_react106.useRef)(callbacks);
-  (0, import_react106.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react106.useRef)((0, import_lodash_es17.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const updateConfig = (0, import_react106.useCallback)((updates) => {
+  const callbacksRef = (0, import_react107.useRef)(callbacks);
+  (0, import_react107.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = (0, import_react107.useRef)((0, import_lodash_es17.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const wagmiConfig3 = (0, import_react107.useRef)((0, import_core9.getWagmiConfig)(config.current?.wallet?.walletConnectId || null));
+  const updateConfig = (0, import_react107.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -33315,12 +33353,12 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = (0, import_react106.useCallback)((updates) => {
+  const updateCallbacks = (0, import_react107.useCallback)((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  (0, import_react106.useEffect)(() => {
+  (0, import_react107.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = (0, import_lodash_es17.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -33340,7 +33378,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  (0, import_react106.useEffect)(() => {
+  (0, import_react107.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       (0, import_error_tracking4.initSdkErrorTracking)();
@@ -33369,7 +33407,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = (0, import_react106.useMemo)(
+  const contextValue = (0, import_react107.useMemo)(
     () => ({
       config,
       updateConfig,
@@ -33380,34 +33418,24 @@ function Provider(props) {
     }),
     [config, updateConfig, callbacks, updateCallbacks]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
-    import_wagmi10.WagmiProvider,
-    {
-      config: (0, import_wagmi10.createConfig)({
-        chains: import_core9.WAGMI_CONFIG_CHAINS,
-        connectors: (0, import_core9.getWagmiConnectors)(config.current?.wallet?.walletConnectId || null),
-        transports: import_core9.WAGMI_CONFIG_TRANSPORTS
-      }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SessionProvider, { children })
-    }
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_wagmi10.WagmiProvider, { config: wagmiConfig3.current, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SessionProvider, { children }) }) });
 }
-var import_core9, import_error_tracking4, import_lodash_es17, import_react106, import_wagmi10, import_jsx_runtime137, UIContext, useProviderConfig;
+var import_core9, import_error_tracking4, import_lodash_es17, import_react107, import_wagmi10, import_jsx_runtime137, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_core9 = require("@embarkai/core");
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
     import_lodash_es17 = require("lodash-es");
-    import_react106 = require("react");
+    import_react107 = require("react");
     import_wagmi10 = require("wagmi");
     init_initial();
     init_iframe_manager();
     init_SessionContext();
     init_utils14();
     import_jsx_runtime137 = require("react/jsx-runtime");
-    UIContext = (0, import_react106.createContext)(void 0);
+    UIContext = (0, import_react107.createContext)(void 0);
     useProviderConfig = () => {
-      const ctx = (0, import_react106.useContext)(UIContext);
+      const ctx = (0, import_react107.useContext)(UIContext);
       if (!ctx) throw new Error("useProviderConfig must be used within a Provider");
       return ctx;
     };
@@ -33530,7 +33558,7 @@ init_ErrorBoundary2();
 init_lumia2();
 init_embarkAI2();
 var import_lucide_react86 = require("lucide-react");
-var import_react107 = require("react");
+var import_react108 = require("react");
 init_SessionContext();
 init_auth();
 init_BalanceView2();
@@ -33563,10 +33591,10 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  (0, import_react107.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  (0, import_react108.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = useUserProfile();
   const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth25.jwtTokenManager.getDisplayName();
-  const indicators = (0, import_react107.useMemo)(() => {
+  const indicators = (0, import_react108.useMemo)(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
     const server = import_auth25.jwtTokenManager.getHasKeyshare() ?? false;
@@ -34205,14 +34233,14 @@ var Hash = ({
 };
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
-var import_react108 = require("react");
+var import_react109 = require("react");
 init_base3();
 var import_jsx_runtime144 = require("react/jsx-runtime");
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = (0, import_react108.useState)([]);
-  const [loading, setLoading] = (0, import_react108.useState)(true);
-  const [error, setError] = (0, import_react108.useState)(null);
-  (0, import_react108.useEffect)(() => {
+  const [transactions, setTransactions] = (0, import_react109.useState)([]);
+  const [loading, setLoading] = (0, import_react109.useState)(true);
+  const [error, setError] = (0, import_react109.useState)(null);
+  (0, import_react109.useEffect)(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -34503,13 +34531,13 @@ function useUserOpStatus(options = {}) {
 init_useErc3643Compliance();
 // src/hooks/useWalletMode.ts
-var import_react109 = require("react");
+var import_react110 = require("react");
 init_useExternalWalletStore();
 function useWalletMode() {
   const configMode = useExternalWalletStore((st) => st.configMode);
   const activeMode = useExternalWalletStore((st) => st.activeMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  const switchMode = (0, import_react109.useCallback)(
+  const switchMode = (0, import_react110.useCallback)(
     (mode) => {
       if (configMode !== "both") return;
       setActiveMode(mode);
@@ -34526,7 +34554,7 @@ function useWalletMode() {
 // src/hooks/useDirectWallet.ts
 init_useOpenPage();
-var import_react110 = require("react");
+var import_react111 = require("react");
 var import_wagmi11 = require("wagmi");
 init_useExternalWalletStore();
 function useDirectWallet() {
@@ -34536,10 +34564,10 @@ function useDirectWallet() {
   const connectorName = useExternalWalletStore((st) => st.connectorName);
   const { open: openEmbarkAI } = useOpenPage();
   const { mutate: wagmiDisconnect } = (0, import_wagmi11.useDisconnect)();
-  const connect = (0, import_react110.useCallback)((connectFlowType = "connect") => {
+  const connect = (0, import_react111.useCallback)((connectFlowType = "connect") => {
     openEmbarkAI("connect-external-wallet" /* CONNECT_EXTERNAL_WALLET */, { connectFlowType });
   }, []);
-  const disconnect = (0, import_react110.useCallback)(() => {
+  const disconnect = (0, import_react111.useCallback)(() => {
     wagmiDisconnect();
     useExternalWalletStore.getState().clearExternalWallet();
   }, [wagmiDisconnect]);
@@ -34555,7 +34583,7 @@ function useDirectWallet() {
 }
 // src/hooks/useSendDirectTransaction.ts
-var import_react111 = require("react");
+var import_react112 = require("react");
 var import_viem23 = require("viem");
 var import_wagmi12 = require("wagmi");
 init_useExternalWalletStore();
@@ -34564,10 +34592,10 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = (0, import_wagmi12.useSendTransaction)();
   const { switchChainAsync } = (0, import_wagmi12.useSwitchChain)();
-  const [isPending, setIsPending] = (0, import_react111.useState)(false);
-  const [error, setError] = (0, import_react111.useState)(null);
-  const [txHash, setTxHash] = (0, import_react111.useState)(null);
-  const sendTransaction = (0, import_react111.useCallback)(
+  const [isPending, setIsPending] = (0, import_react112.useState)(false);
+  const [error, setError] = (0, import_react112.useState)(null);
+  const [txHash, setTxHash] = (0, import_react112.useState)(null);
+  const sendTransaction = (0, import_react112.useCallback)(
     async (params) => {
       if (!isConnected) {
         setError("No external wallet connected");
@@ -34601,7 +34629,7 @@ function useSendDirectTransaction() {
     },
     [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
   );
-  const reset = (0, import_react111.useCallback)(() => {
+  const reset = (0, import_react112.useCallback)(() => {
     setError(null);
     setTxHash(null);
     setIsPending(false);
@@ -34610,7 +34638,7 @@ function useSendDirectTransaction() {
 }
 // src/hooks/useTransferToLinkedWallet.ts
-var import_react112 = require("react");
+var import_react113 = require("react");
 var import_viem24 = require("viem");
 init_SessionContext();
 init_account2();
@@ -34629,14 +34657,14 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = (0, import_react112.useState)(false);
-  const [error, setError] = (0, import_react112.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react112.useState)(null);
-  const linkedWallets = (0, import_react112.useMemo)(
+  const [isPending, setIsPending] = (0, import_react113.useState)(false);
+  const [error, setError] = (0, import_react113.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react113.useState)(null);
+  const linkedWallets = (0, import_react113.useMemo)(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );
-  const transfer = (0, import_react112.useCallback)(
+  const transfer = (0, import_react113.useCallback)(
     async (params) => {
       if (!session) {
         setError("No active session");
@@ -34687,7 +34715,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = (0, import_react112.useCallback)(() => {
+  const reset = (0, import_react113.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -34711,7 +34739,7 @@ function useNativeWalletSignature() {
 // src/hooks/useLogout.ts
 var import_auth27 = require("@embarkai/core/auth");
-var import_react113 = require("react");
+var import_react114 = require("react");
 var import_wagmi14 = require("wagmi");
 init_ProviderContext();
 init_SessionContext();
@@ -34730,7 +34758,7 @@ function useLogout() {
       }
     }
   });
-  const logout2 = (0, import_react113.useCallback)(async () => {
+  const logout2 = (0, import_react114.useCallback)(async () => {
     const { setSession, setIsLoading, setAddress, setStatus, setError } = useSession.getState();
     const prevAddress = address;
     let userId = null;
@@ -34849,7 +34877,7 @@ function useTransactions() {
 // src/modules/assets.ts
 init_SessionContext();
-var import_react114 = __toESM(require("react"), 1);
+var import_react115 = __toESM(require("react"), 1);
 var import_viem26 = require("viem");
 var import_wagmi16 = require("wagmi");
 var COMMON_TOKENS = [
@@ -35004,7 +35032,7 @@ function useTokenBalance2(tokenAddress, userAddress) {
     }
   });
   const { tokenInfo } = useTokenInfo(tokenAddress);
-  const formattedBalance = import_react114.default.useMemo(() => {
+  const formattedBalance = import_react115.default.useMemo(() => {
     if (!balance || !tokenInfo) return "0";
     return (0, import_viem26.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);