@horus-wallet/sdk-react 0.1.0-beta.2 → 0.3.0-beta.1

package/dist/index.cjs

@@ -20,11 +20,20 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  HorusAuthModal: () => HorusAuthModal,
   HorusHttpError: () => HorusHttpError,
   HorusLoginButton: () => HorusLoginButton,
   HorusProvider: () => HorusProvider,
+  HorusRevealModal: () => HorusRevealModal,
+  SUPPORTED_CHAINS: () => SUPPORTED_CHAINS,
+  useChain: () => useChain,
+  useCreateWallet: () => useCreateWallet,
+  useExportWallet: () => useExportWallet,
   useHorusAuth: () => useHorusAuth,
+  useSendTransaction: () => useSendTransaction,
   useSignMessage: () => useSignMessage,
+  useSignTypedData: () => useSignTypedData,
+  useSwitchChain: () => useSwitchChain,
   useTransfer: () => useTransfer,
   useUser: () => useUser,
   useWallets: () => useWallets
@@ -122,19 +131,21 @@ function makeHttp(deps) {
     return path.startsWith("/") ? `${base}${path}` : `${base}/${path}`;
   };
   async function rawRequest(method, path, body, options = {}) {
-    const headers = { "Content-Type": "application/json" };
+    const headers = {
+      "Content-Type": "application/json",
+      "x-horus-key": deps.appId
+    };
     if (options.auth !== false) {
       const tokens = deps.getTokens();
       if (tokens?.idToken) {
-        headers["x-horus-id-token"] = tokens.idToken;
+        headers["Authorization"] = `Bearer ${tokens.idToken}`;
       }
     }
     const res = await fetch(url(path), {
       method,
       headers,
       body: body !== void 0 ? JSON.stringify(body) : void 0,
-      signal: options.signal,
-      credentials: "same-origin"
+      signal: options.signal
     });
     const text = await res.text();
     let parsed = void 0;
@@ -175,9 +186,15 @@ function makeHttp(deps) {
 
 // src/HorusProvider.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var DEFAULT_API_BASE = "/api/horus";
+var DEFAULT_API_BASE = "https://api.horuswallet.com";
 var DEFAULT_AUTH_PAGE = "https://auth.horuswallet.com";
 var REFRESH_LEAD_SECONDS = 60;
+var DEFAULT_AUTO_PROVISION = {
+  network: "EVM",
+  networkType: "MAINNET"
+};
+var DEFAULT_CHAIN = { network: "EVM", networkType: "MAINNET" };
+var AUTO_PROVISION_STORAGE_KEY = "horus.autoProvisioned.localIds";
 function HorusProvider(props) {
   const {
     appId,
@@ -186,11 +203,21 @@ function HorusProvider(props) {
     branding,
     tokenStorage = "localStorage",
     autoRefresh = true,
+    autoProvisionWallet = DEFAULT_AUTO_PROVISION,
+    defaultChain = DEFAULT_CHAIN,
     children
   } = props;
   const tokenStoreRef = (0, import_react2.useRef)(createTokenStore(tokenStorage));
   const tokensRef = (0, import_react2.useRef)(null);
   const [state, setState] = (0, import_react2.useState)({ status: "loading" });
+  const [walletsVersion, setWalletsVersion] = (0, import_react2.useState)(0);
+  const revalidateWallets = (0, import_react2.useCallback)(() => {
+    setWalletsVersion((v) => v + 1);
+  }, []);
+  const [currentChain, setCurrentChain] = (0, import_react2.useState)(defaultChain);
+  const setChain = (0, import_react2.useCallback)((chain) => {
+    setCurrentChain(chain);
+  }, []);
   const setTokens = (0, import_react2.useCallback)((tokens) => {
     tokensRef.current = tokens;
     if (tokens) {
@@ -211,9 +238,11 @@ function HorusProvider(props) {
       if (!cur?.refreshToken) throw new Error("no refresh token cached");
       const fresh = await fetch(joinUrl(apiBase, "/auth/refresh"), {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ refreshToken: cur.refreshToken }),
-        credentials: "same-origin"
+        headers: {
+          "Content-Type": "application/json",
+          "x-horus-key": appId
+        },
+        body: JSON.stringify({ refreshToken: cur.refreshToken })
       });
       if (!fresh.ok) throw new Error(`refresh failed: ${fresh.status}`);
       const raw = await fresh.json();
@@ -223,11 +252,12 @@ function HorusProvider(props) {
     };
     return makeHttp({
       apiBase,
+      appId,
       getTokens: () => tokensRef.current,
       refreshTokens: refreshOnce,
       autoRefresh
     });
-  }, [apiBase, autoRefresh, setTokens]);
+  }, [apiBase, appId, autoRefresh, setTokens]);
   (0, import_react2.useEffect)(() => {
     const stored = tokenStoreRef.current.read();
     if (stored) {
@@ -266,6 +296,33 @@ function HorusProvider(props) {
     }, refreshIn);
     return () => clearTimeout(handle);
   }, [state, autoRefresh, http, setTokens]);
+  (0, import_react2.useEffect)(() => {
+    if (state.status !== "authenticated") return;
+    if (!autoProvisionWallet) return;
+    const localId = state.tokens.localId;
+    if (!localId) return;
+    if (alreadyAutoProvisioned(localId)) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const existing = await http.get("/getWallet");
+        if (cancelled) return;
+        const hasAny = Object.values(existing?.wallets ?? {}).some(
+          (group) => Array.isArray(group?.wallets) && group.wallets.length > 0
+        );
+        markAutoProvisioned(localId);
+        if (hasAny) return;
+        await http.post("/createWallet", autoProvisionWallet);
+        if (cancelled) return;
+        revalidateWallets();
+      } catch (err) {
+        console.warn("@horus-wallet/sdk-react: auto-provision wallet failed", err);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [state, autoProvisionWallet, http, revalidateWallets]);
   const ctx = (0, import_react2.useMemo)(
     () => ({
       state,
@@ -286,9 +343,24 @@ function HorusProvider(props) {
         const stamped = stampExpiry(raw);
         setTokens(stamped);
         return stamped;
-      }
+      },
+      walletsVersion,
+      revalidateWallets,
+      currentChain,
+      setChain
     }),
-    [state, http, authPageUrl, appId, branding, setTokens]
+    [
+      state,
+      http,
+      authPageUrl,
+      appId,
+      branding,
+      setTokens,
+      walletsVersion,
+      revalidateWallets,
+      currentChain,
+      setChain
+    ]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorusContext.Provider, { value: ctx, children });
 }
@@ -302,6 +374,36 @@ function userFromTokens(t) {
     providerId: t.providerId
   };
 }
+var memoryAutoProvisioned = /* @__PURE__ */ new Set();
+function readAutoProvisionedSet() {
+  if (typeof window === "undefined" || !window.localStorage) {
+    return memoryAutoProvisioned;
+  }
+  try {
+    const raw = window.localStorage.getItem(AUTO_PROVISION_STORAGE_KEY);
+    if (!raw) return /* @__PURE__ */ new Set();
+    const parsed = JSON.parse(raw);
+    return new Set(Array.isArray(parsed) ? parsed : []);
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+}
+function alreadyAutoProvisioned(localId) {
+  return readAutoProvisionedSet().has(localId);
+}
+function markAutoProvisioned(localId) {
+  if (typeof window === "undefined" || !window.localStorage) {
+    memoryAutoProvisioned.add(localId);
+    return;
+  }
+  try {
+    const set = readAutoProvisionedSet();
+    set.add(localId);
+    window.localStorage.setItem(AUTO_PROVISION_STORAGE_KEY, JSON.stringify([...set]));
+  } catch {
+    memoryAutoProvisioned.add(localId);
+  }
+}
 function joinUrl(base, path) {
   const b = base.endsWith("/") ? base.slice(0, -1) : base;
   const p = path.startsWith("/") ? path : `/${path}`;
@@ -310,6 +412,36 @@ function joinUrl(base, path) {
 
 // src/hooks/useHorusAuth.ts
 var import_react3 = require("react");
+
+// src/internal/authUrl.ts
+function buildAuthUrl(p, state) {
+  const url = new URL(p.baseUrl);
+  url.searchParams.set("flow", p.flow);
+  url.searchParams.set("origin", window.location.origin);
+  url.searchParams.set("state", state);
+  url.searchParams.set("appKey", p.appId);
+  url.searchParams.set("mode", p.mode);
+  if (p.phone) url.searchParams.set("phone", p.phone);
+  const b = p.branding;
+  if (b) {
+    if (b.logoUrl) url.searchParams.set("b_logo", b.logoUrl);
+    if (b.brandName) url.searchParams.set("b_name", b.brandName);
+    if (b.primaryColor) url.searchParams.set("b_color", b.primaryColor);
+    if (b.backgroundColor) url.searchParams.set("b_bg", b.backgroundColor);
+    if (b.fontFamily) url.searchParams.set("b_font", b.fontFamily);
+    if (b.termsUrl) url.searchParams.set("b_terms", b.termsUrl);
+    if (b.privacyUrl) url.searchParams.set("b_privacy", b.privacyUrl);
+    if (b.showPoweredByHorus === false) url.searchParams.set("b_poweredby", "0");
+  }
+  return url.toString();
+}
+function randomState() {
+  const bytes = new Uint8Array(16);
+  crypto.getRandomValues(bytes);
+  return Array.from(bytes, (b) => b.toString(16).padStart(2, "0")).join("");
+}
+
+// src/hooks/useHorusAuth.ts
 function useHorusAuth() {
   const ctx = useHorusContext();
   const { state, http, signIn, signOut, refreshTokens, authPageUrl, appId, branding } = ctx;
@@ -409,7 +541,7 @@ function openPopupFlow(params) {
       return;
     }
     const state = randomState();
-    const url = buildAuthUrl(params, state);
+    const url = buildAuthUrl({ ...params, mode: "popup" }, state);
     const popup = window.open(url, "horus-auth", defaultPopupFeatures());
     if (!popup) {
       reject(new Error("Popup blocked \u2014 call from a click handler so the browser allows it."));
@@ -471,26 +603,6 @@ function openPopupFlow(params) {
     }, 400);
   });
 }
-function buildAuthUrl(p, state) {
-  const url = new URL(p.baseUrl);
-  url.searchParams.set("flow", p.flow);
-  url.searchParams.set("origin", window.location.origin);
-  url.searchParams.set("state", state);
-  url.searchParams.set("appKey", p.appId);
-  if (p.phone) url.searchParams.set("phone", p.phone);
-  const b = p.branding;
-  if (b) {
-    if (b.logoUrl) url.searchParams.set("b_logo", b.logoUrl);
-    if (b.brandName) url.searchParams.set("b_name", b.brandName);
-    if (b.primaryColor) url.searchParams.set("b_color", b.primaryColor);
-    if (b.backgroundColor) url.searchParams.set("b_bg", b.backgroundColor);
-    if (b.fontFamily) url.searchParams.set("b_font", b.fontFamily);
-    if (b.termsUrl) url.searchParams.set("b_terms", b.termsUrl);
-    if (b.privacyUrl) url.searchParams.set("b_privacy", b.privacyUrl);
-    if (b.showPoweredByHorus === false) url.searchParams.set("b_poweredby", "0");
-  }
-  return url.toString();
-}
 function defaultPopupFeatures() {
   const w = 480, h = 640;
   if (typeof window === "undefined") return `width=${w},height=${h}`;
@@ -498,11 +610,6 @@ function defaultPopupFeatures() {
   const top = Math.max(0, (window.innerHeight - h) / 2 + (window.screenY ?? 0));
   return `width=${w},height=${h},left=${left},top=${top},popup=1`;
 }
-function randomState() {
-  const bytes = new Uint8Array(16);
-  crypto.getRandomValues(bytes);
-  return Array.from(bytes, (b) => b.toString(16).padStart(2, "0")).join("");
-}
 
 // src/hooks/useUser.ts
 function useUser() {
@@ -513,7 +620,7 @@ function useUser() {
 // src/hooks/useWallets.ts
 var import_react4 = require("react");
 function useWallets() {
-  const { http, state } = useHorusContext();
+  const { http, state, walletsVersion } = useHorusContext();
   const [wallets, setWallets] = (0, import_react4.useState)([]);
   const [ready, setReady] = (0, import_react4.useState)(false);
   const [error, setError] = (0, import_react4.useState)(void 0);
@@ -527,7 +634,7 @@ function useWallets() {
     setError(void 0);
     try {
       const response = await http.get(
-        "/wallets"
+        "/getWallet"
       );
       const flat = [];
       for (const [network, group] of Object.entries(response.wallets ?? {})) {
@@ -544,22 +651,87 @@ function useWallets() {
   }, [http, state.status]);
   (0, import_react4.useEffect)(() => {
     void load();
-  }, [load]);
+  }, [load, walletsVersion]);
   return { ready, wallets, refresh: load, error };
 }
 
-// src/hooks/useSignMessage.ts
+// src/hooks/useCreateWallet.ts
 var import_react5 = require("react");
-function useSignMessage() {
-  const { http } = useHorusContext();
+function useCreateWallet() {
+  const { http, revalidateWallets } = useHorusContext();
   const [pending, setPending] = (0, import_react5.useState)(false);
   const [error, setError] = (0, import_react5.useState)(void 0);
-  const signMessage = (0, import_react5.useCallback)(
+  const create = (0, import_react5.useCallback)(
     async (input) => {
+      if (pending) {
+        const err = new Error(
+          "useCreateWallet: a previous create() call is still in flight"
+        );
+        setError(err);
+        throw err;
+      }
       setPending(true);
       setError(void 0);
       try {
-        const response = await http.post("/sign-message", input);
+        const response = await http.post("/createWallet", {
+          network: input.network,
+          networkType: input.networkType,
+          ...input.password ? { password: input.password } : {}
+        });
+        revalidateWallets();
+        return response;
+      } catch (err) {
+        const e = err instanceof Error ? err : new Error(String(err));
+        setError(e);
+        throw e;
+      } finally {
+        setPending(false);
+      }
+    },
+    [http, revalidateWallets, pending]
+  );
+  return { create, pending, error };
+}
+
+// src/hooks/useSwitchChain.ts
+var import_react6 = require("react");
+var SUPPORTED_CHAINS = [
+  "EVM",
+  "ETHEREUM",
+  "BASE",
+  "POLYGON",
+  "BSC",
+  "ARBITRUM",
+  "OPTIMISM",
+  "BITCOIN",
+  "ICP",
+  "CASPER",
+  "AETERNITY"
+];
+function useSwitchChain() {
+  const { currentChain, setChain } = useHorusContext();
+  const switchChain = (0, import_react6.useCallback)(
+    (chain) => {
+      setChain(chain);
+    },
+    [setChain]
+  );
+  return { chain: currentChain, switchChain, supportedChains: SUPPORTED_CHAINS };
+}
+var useChain = useSwitchChain;
+
+// src/hooks/useSignMessage.ts
+var import_react7 = require("react");
+function useSignMessage() {
+  const { http } = useHorusContext();
+  const [pending, setPending] = (0, import_react7.useState)(false);
+  const [error, setError] = (0, import_react7.useState)(void 0);
+  const signMessage = (0, import_react7.useCallback)(
+    async (input) => {
+      setPending(true);
+      setError(void 0);
+      try {
+        const response = await http.post("/signMessage", input);
         return response.signature;
       } catch (err) {
         const e = err instanceof Error ? err : new Error(String(err));
@@ -574,13 +746,79 @@ function useSignMessage() {
   return { signMessage, pending, error };
 }
 
+// src/hooks/useSignTypedData.ts
+var import_react8 = require("react");
+function useSignTypedData() {
+  const { http } = useHorusContext();
+  const [pending, setPending] = (0, import_react8.useState)(false);
+  const [error, setError] = (0, import_react8.useState)(void 0);
+  const signTypedData = (0, import_react8.useCallback)(
+    async (input) => {
+      setPending(true);
+      setError(void 0);
+      try {
+        const response = await http.post("/signTypedData", {
+          network: input.network,
+          networkType: input.networkType,
+          typedData: input.typedData,
+          ...typeof input.walletIndex === "number" ? { walletIndex: input.walletIndex } : {},
+          ...input.password ? { password: input.password } : {}
+        });
+        return response.signature;
+      } catch (err) {
+        const e = err instanceof Error ? err : new Error(String(err));
+        setError(e);
+        throw e;
+      } finally {
+        setPending(false);
+      }
+    },
+    [http]
+  );
+  return { signTypedData, pending, error };
+}
+
+// src/hooks/useSendTransaction.ts
+var import_react9 = require("react");
+function useSendTransaction() {
+  const { http } = useHorusContext();
+  const [pending, setPending] = (0, import_react9.useState)(false);
+  const [error, setError] = (0, import_react9.useState)(void 0);
+  const sendTransaction = (0, import_react9.useCallback)(
+    async (input) => {
+      setPending(true);
+      setError(void 0);
+      try {
+        return await http.post("/sendTransaction", {
+          network: input.network,
+          networkType: input.networkType,
+          to: input.to,
+          ...input.value !== void 0 ? { value: String(input.value) } : {},
+          ...input.data !== void 0 ? { data: input.data } : {},
+          ...input.gasLimit !== void 0 ? { gasLimit: String(input.gasLimit) } : {},
+          ...typeof input.walletIndex === "number" ? { walletIndex: input.walletIndex } : {},
+          ...input.password ? { password: input.password } : {}
+        });
+      } catch (err) {
+        const e = err instanceof Error ? err : new Error(String(err));
+        setError(e);
+        throw e;
+      } finally {
+        setPending(false);
+      }
+    },
+    [http]
+  );
+  return { sendTransaction, pending, error };
+}
+
 // src/hooks/useTransfer.ts
-var import_react6 = require("react");
+var import_react10 = require("react");
 function useTransfer() {
   const { http } = useHorusContext();
-  const [pending, setPending] = (0, import_react6.useState)(false);
-  const [error, setError] = (0, import_react6.useState)(void 0);
-  const wrap = (0, import_react6.useCallback)(
+  const [pending, setPending] = (0, import_react10.useState)(false);
+  const [error, setError] = (0, import_react10.useState)(void 0);
+  const wrap = (0, import_react10.useCallback)(
     async (fn) => {
       setPending(true);
       setError(void 0);
@@ -596,18 +834,18 @@ function useTransfer() {
     },
     []
   );
-  const native = (0, import_react6.useCallback)(
+  const native = (0, import_react10.useCallback)(
     (input) => wrap(
-      () => http.post("/transfer/native", {
+      () => http.post("/nativeTransfer", {
         ...input,
         amount: typeof input.amount === "bigint" ? input.amount.toString() : String(input.amount)
       })
     ),
     [http, wrap]
   );
-  const token = (0, import_react6.useCallback)(
+  const token = (0, import_react10.useCallback)(
     (input) => wrap(
-      () => http.post("/transfer/token", {
+      () => http.post("/tokenTransfer", {
         ...input,
         amount: typeof input.amount === "bigint" ? input.amount.toString() : String(input.amount)
       })
@@ -618,7 +856,7 @@ function useTransfer() {
 }
 
 // src/components/HorusLoginButton.tsx
-var import_react7 = require("react");
+var import_react11 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function HorusLoginButton({
   flow = "google",
@@ -631,7 +869,7 @@ function HorusLoginButton({
   ...rest
 }) {
   const auth = useHorusAuth();
-  const [busy, setBusy] = (0, import_react7.useState)(false);
+  const [busy, setBusy] = (0, import_react11.useState)(false);
   const onClick = async () => {
     if (busy) return;
     setBusy(true);
@@ -669,13 +907,328 @@ function HorusLoginButton({
     }
   );
 }
+
+// src/components/HorusAuthModal.tsx
+var import_react12 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var defaultBackdropStyle = {
+  position: "fixed",
+  inset: 0,
+  background: "rgba(0, 0, 0, 0.5)",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  zIndex: 2147483600
+};
+var defaultDialogStyle = {
+  width: "480px",
+  maxWidth: "95vw",
+  height: "640px",
+  maxHeight: "95vh",
+  background: "#fff",
+  borderRadius: "16px",
+  boxShadow: "0 24px 56px rgba(0, 0, 0, 0.32)",
+  overflow: "hidden"
+};
+function HorusAuthModal(props) {
+  const {
+    flow,
+    phone,
+    open,
+    onClose,
+    onSuccess,
+    onError,
+    dialogStyle,
+    backdropStyle
+  } = props;
+  const { appId, authPageUrl, branding, signIn } = useHorusContext();
+  const stateRef = (0, import_react12.useRef)("");
+  if (stateRef.current === "" || !open) {
+    stateRef.current = randomState();
+  }
+  const iframeSrc = (0, import_react12.useMemo)(() => {
+    if (!open) return "";
+    return buildAuthUrl(
+      {
+        flow,
+        appId,
+        baseUrl: authPageUrl,
+        mode: "iframe",
+        branding,
+        phone
+      },
+      stateRef.current
+    );
+  }, [open, flow, appId, authPageUrl, branding, phone]);
+  const expectedOrigin = (0, import_react12.useMemo)(() => {
+    try {
+      return new URL(authPageUrl).origin;
+    } catch {
+      return "";
+    }
+  }, [authPageUrl]);
+  (0, import_react12.useEffect)(() => {
+    if (!open) return;
+    const onMessage = (ev) => {
+      if (ev.origin !== expectedOrigin) return;
+      const data = ev.data;
+      if (!data || data.channel !== "horus.auth" || data.version !== 1) return;
+      if (data.state !== void 0 && data.state !== stateRef.current) return;
+      const body = data.body;
+      if (!body) return;
+      switch (body.type) {
+        case "success": {
+          const stamped = stampExpiry({
+            idToken: body.idToken,
+            refreshToken: "",
+            expiresIn: body.expiresAt ? Math.max(60, body.expiresAt - Math.floor(Date.now() / 1e3)) : 3600,
+            localId: body.user?.uid ?? "",
+            email: body.user?.email,
+            displayName: body.user?.displayName,
+            photoUrl: body.user?.photoURL,
+            providerId: body.user?.providerId
+          });
+          signIn(stamped);
+          onSuccess?.({
+            uid: stamped.localId,
+            email: stamped.email,
+            emailVerified: stamped.emailVerified,
+            displayName: stamped.displayName,
+            photoUrl: stamped.photoUrl,
+            providerId: stamped.providerId
+          });
+          onClose();
+          return;
+        }
+        case "cancel":
+          onClose();
+          return;
+        case "error":
+          onError?.(new Error(body.message ?? "Sign-in failed."));
+          onClose();
+          return;
+      }
+    };
+    window.addEventListener("message", onMessage);
+    return () => window.removeEventListener("message", onMessage);
+  }, [open, expectedOrigin, signIn, onSuccess, onError, onClose]);
+  (0, import_react12.useEffect)(() => {
+    if (!open) return;
+    const onKey = (ev) => {
+      if (ev.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onClose]);
+  (0, import_react12.useEffect)(() => {
+    if (!open) return;
+    if (typeof document === "undefined") return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [open]);
+  const backdropClick = (0, import_react12.useCallback)(
+    (ev) => {
+      if (ev.target === ev.currentTarget) onClose();
+    },
+    [onClose]
+  );
+  if (!open || typeof window === "undefined") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Sign in with Horus",
+      style: { ...defaultBackdropStyle, ...backdropStyle },
+      onClick: backdropClick,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { ...defaultDialogStyle, ...dialogStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "iframe",
+        {
+          src: iframeSrc,
+          title: "Horus authentication",
+          allow: "publickey-credentials-get; publickey-credentials-create; clipboard-write",
+          style: { width: "100%", height: "100%", border: "none" }
+        }
+      ) })
+    }
+  );
+}
+
+// src/components/HorusRevealModal.tsx
+var import_react13 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var defaultBackdropStyle2 = {
+  position: "fixed",
+  inset: 0,
+  background: "rgba(0, 0, 0, 0.5)",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  zIndex: 2147483600
+};
+var defaultDialogStyle2 = {
+  width: "480px",
+  maxWidth: "95vw",
+  height: "640px",
+  maxHeight: "95vh",
+  background: "#fff",
+  borderRadius: "16px",
+  boxShadow: "0 24px 56px rgba(0, 0, 0, 0.32)",
+  overflow: "hidden"
+};
+function HorusRevealModal(props) {
+  const { revealToken, open, onClose, onComplete, onError, dialogStyle, backdropStyle } = props;
+  const { appId, authPageUrl, branding } = useHorusContext();
+  const stateRef = (0, import_react13.useRef)("");
+  if (stateRef.current === "" || !open) {
+    stateRef.current = randomState();
+  }
+  const iframeSrc = (0, import_react13.useMemo)(() => {
+    if (!open || !revealToken) return "";
+    const baseUrl = buildAuthUrl(
+      {
+        flow: "reveal",
+        appId,
+        baseUrl: authPageUrl,
+        mode: "iframe",
+        branding
+      },
+      stateRef.current
+    );
+    const u = new URL(baseUrl);
+    u.searchParams.set("token", revealToken);
+    return u.toString();
+  }, [open, revealToken, appId, authPageUrl, branding]);
+  const expectedOrigin = (0, import_react13.useMemo)(() => {
+    try {
+      return new URL(authPageUrl).origin;
+    } catch {
+      return "";
+    }
+  }, [authPageUrl]);
+  (0, import_react13.useEffect)(() => {
+    if (!open) return;
+    const onMessage = (ev) => {
+      if (ev.origin !== expectedOrigin) return;
+      const data = ev.data;
+      if (!data || data.channel !== "horus.auth" || data.version !== 1) return;
+      if (data.state !== void 0 && data.state !== stateRef.current) return;
+      const body = data.body;
+      if (!body) return;
+      switch (body.type) {
+        case "reveal_complete":
+          onComplete?.(Boolean(body.viewed));
+          onClose();
+          return;
+        case "cancel":
+          onClose();
+          return;
+        case "error":
+          onError?.(new Error(body.message ?? "Reveal failed."));
+          onClose();
+          return;
+      }
+    };
+    window.addEventListener("message", onMessage);
+    return () => window.removeEventListener("message", onMessage);
+  }, [open, expectedOrigin, onComplete, onClose, onError]);
+  (0, import_react13.useEffect)(() => {
+    if (!open) return;
+    const onKey = (ev) => {
+      if (ev.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onClose]);
+  (0, import_react13.useEffect)(() => {
+    if (!open) return;
+    if (typeof document === "undefined") return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [open]);
+  const backdropClick = (0, import_react13.useCallback)(
+    (ev) => {
+      if (ev.target === ev.currentTarget) onClose();
+    },
+    [onClose]
+  );
+  if (!open || !revealToken || typeof window === "undefined") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Reveal wallet private key",
+      style: { ...defaultBackdropStyle2, ...backdropStyle },
+      onClick: backdropClick,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { ...defaultDialogStyle2, ...dialogStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "iframe",
+        {
+          src: iframeSrc,
+          title: "Horus wallet export",
+          allow: "clipboard-write",
+          style: { width: "100%", height: "100%", border: "none" }
+        }
+      ) })
+    }
+  );
+}
+
+// src/hooks/useExportWallet.ts
+var import_react14 = require("react");
+function useExportWallet() {
+  const { http } = useHorusContext();
+  const [pending, setPending] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)(void 0);
+  const reveal = (0, import_react14.useCallback)(
+    async (input) => {
+      setPending(true);
+      setError(void 0);
+      try {
+        const response = await http.post(
+          "/exportWallet/grant",
+          {
+            network: input.network,
+            networkType: input.networkType,
+            password: input.password,
+            ...typeof input.walletIndex === "number" ? { walletIndex: input.walletIndex } : {}
+          }
+        );
+        return response;
+      } catch (err) {
+        const e = err instanceof Error ? err : new Error(String(err));
+        setError(e);
+        throw e;
+      } finally {
+        setPending(false);
+      }
+    },
+    [http]
+  );
+  return { reveal, pending, error };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  HorusAuthModal,
   HorusHttpError,
   HorusLoginButton,
   HorusProvider,
+  HorusRevealModal,
+  SUPPORTED_CHAINS,
+  useChain,
+  useCreateWallet,
+  useExportWallet,
   useHorusAuth,
+  useSendTransaction,
   useSignMessage,
+  useSignTypedData,
+  useSwitchChain,
   useTransfer,
   useUser,
   useWallets