decane-connect-kit 2.2.2 → 2.2.4

package/dist/index.js

@@ -2668,6 +2668,13 @@ async function signEvmTransaction(tee, chain, tx, jwt) {
 async function signEvmMessage(tee, chain, message, jwt) {
   return tee.sign({ chain, kind: "message", payload: message }, jwt);
 }
+async function signEvmTypedData(tee, chain, typedData, jwt) {
+  const payload = JSON.stringify(
+    typedData,
+    (_k, v) => typeof v === "bigint" ? v.toString() : v
+  );
+  return tee.sign({ chain, kind: "typedData", payload }, jwt);
+}
 
 // src/social/signers/solana.ts
 import { VersionedTransaction as VTx } from "@solana/web3.js";
@@ -2906,10 +2913,7 @@ async function buildPortableBackup(deviceShare, recoveryShare, password, address
   };
 }
 
-// src/social/client.ts
-var DEFAULT_API_BASE = "https://backend.decane.app";
-var DEFAULT_TEE_URL = "https://4405742df08d19abc549a05ade2a7154d98bd87f-8443.dstack-pha-prod9.phala.network";
-var DEFAULT_SESSION_MINUTES = 30;
+// src/social/balance.ts
 var DEFAULT_RPCS = {
   "evm:1": "https://ethereum.publicnode.com",
   "evm:137": "https://polygon.publicnode.com",
@@ -2921,6 +2925,50 @@ var DEFAULT_RPCS = {
   "evm:84532": "https://base-sepolia.publicnode.com",
   "evm:31337": "http://localhost:8545"
 };
+var EVM_SYMBOLS = {
+  "evm:137": "MATIC",
+  "evm:56": "BNB"
+};
+function solanaEndpoint(chain, rpcUrls) {
+  if (rpcUrls?.[chain]) return rpcUrls[chain];
+  const cluster = chain.slice("solana:".length);
+  return cluster === "devnet" ? "https://api.devnet.solana.com" : "https://api.mainnet-beta.solana.com";
+}
+async function fetchBalance(opts) {
+  const { kind, address, chain, rpcUrls } = opts;
+  if (kind === "evm") {
+    const rpcUrl = rpcUrls?.[chain] ?? DEFAULT_RPCS[chain];
+    if (!rpcUrl) {
+      throw new Error(
+        `No RPC URL for ${chain}. Pass rpcUrls: { '${chain}': 'https://...' } in social config.`
+      );
+    }
+    const { JsonRpcProvider, formatEther } = await import("ethers");
+    const wei = await new JsonRpcProvider(rpcUrl).getBalance(address);
+    return { raw: wei, formatted: formatEther(wei), symbol: EVM_SYMBOLS[chain] ?? "ETH", decimals: 18 };
+  }
+  const { Connection, PublicKey, LAMPORTS_PER_SOL } = await import("@solana/web3.js");
+  const lamports = await new Connection(solanaEndpoint(chain, rpcUrls)).getBalance(
+    new PublicKey(address)
+  );
+  return {
+    raw: BigInt(lamports),
+    formatted: String(lamports / LAMPORTS_PER_SOL),
+    symbol: "SOL",
+    decimals: 9
+  };
+}
+function formatBalanceDisplay(value) {
+  if (value == null) return "\u2014";
+  const n = Number(value);
+  if (!Number.isFinite(n)) return value;
+  return n === 0 ? "0" : n < 1e-4 ? "<0.0001" : n.toFixed(4).replace(/\.?0+$/, "");
+}
+
+// src/social/client.ts
+var DEFAULT_API_BASE = "https://backend.decane.app";
+var DEFAULT_TEE_URL = "https://4405742df08d19abc549a05ade2a7154d98bd87f-8443.dstack-pha-prod9.phala.network";
+var DEFAULT_SESSION_MINUTES = 30;
 function makePersistKey(apiKey) {
   return `decane:social:${apiKey.slice(0, 20)}`;
 }
@@ -3418,6 +3466,23 @@ async function createDecaneConnect(config) {
       const txResponse = await provider.broadcastTransaction(signedTx);
       return txResponse.hash;
     },
+    async signTypedData(req) {
+      const tee = session.requireActive();
+      if (!req.chain.startsWith("evm:")) {
+        throw new CallSequenceError("signTypedData is EVM-only (EIP-712).");
+      }
+      return signEvmTypedData(
+        tee,
+        req.chain,
+        {
+          domain: req.domain,
+          types: req.types,
+          message: req.message,
+          primaryType: req.primaryType
+        },
+        auth?.jwt
+      );
+    },
     async signSolanaTransaction(serializedTx) {
       const tee = session.requireActive();
       let tx;
@@ -3443,6 +3508,42 @@ async function createDecaneConnect(config) {
     getAddresses() {
       return auth?.addresses ?? persisted?.addresses ?? null;
     },
+    // Native-token balance. Read-only public chain data, so it works whenever an
+    // address is known — including while the wallet is locked (no TEE session
+    // needed). `chain` defaults to the first configured EVM chain, else the
+    // first Solana chain.
+    async getBalance(chain) {
+      const addresses = auth?.addresses ?? persisted?.addresses;
+      if (!addresses) throw new CallSequenceError("Not connected \u2014 no wallet address known");
+      const resolvedChain = chain ?? config.chains.find((c) => c.startsWith("evm:")) ?? config.chains.find((c) => c.startsWith("solana:"));
+      if (!resolvedChain) throw new CallSequenceError("No chain configured");
+      const kind = resolvedChain.startsWith("solana:") ? "solana" : "evm";
+      const address = kind === "evm" ? addresses.evm : addresses.solana;
+      if (!address) throw new CallSequenceError(`This wallet has no ${kind} address`);
+      return fetchBalance({ kind, address, chain: resolvedChain, rpcUrls: config.rpcUrls });
+    },
+    // Balances across every configured chain the wallet has an address for.
+    // Per-chain failures resolve to null rather than rejecting the whole call,
+    // so one dead RPC doesn't blank the entire list.
+    async getBalances() {
+      const addresses = auth?.addresses ?? persisted?.addresses;
+      if (!addresses) throw new CallSequenceError("Not connected \u2014 no wallet address known");
+      const targets = config.chains.filter((c) => {
+        const kind = c.startsWith("solana:") ? "solana" : "evm";
+        return kind === "evm" ? !!addresses.evm : !!addresses.solana;
+      });
+      return Promise.all(
+        targets.map(async (chain) => {
+          const kind = chain.startsWith("solana:") ? "solana" : "evm";
+          const address = kind === "evm" ? addresses.evm : addresses.solana;
+          try {
+            return { chain, balance: await fetchBalance({ kind, address, chain, rpcUrls: config.rpcUrls }) };
+          } catch {
+            return { chain, balance: null };
+          }
+        })
+      );
+    },
     async rotateShares(opts) {
       if (!auth) throw new CallSequenceError("Not connected \u2014 call connect() first");
       const tee = session.requireActive();
@@ -3689,6 +3790,45 @@ var CSS_VARS = {
 
 // src/ui/icons.tsx
 import React from "react";
+function DecaneMark({ size = 28, muted = false }) {
+  const uid = React.useId().replace(/:/g, "");
+  const fid = `dl_logo_f_${uid}`;
+  const w = size;
+  const h = Math.round(size * 64 / 68);
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: w,
+      height: h,
+      viewBox: "0 0 68 64",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": true,
+      style: { display: "block", flexShrink: 0, opacity: muted ? 0.55 : 1 }
+    },
+    /* @__PURE__ */ React.createElement("g", { filter: `url(#${fid})` }, /* @__PURE__ */ React.createElement("path", { d: "M32.8031 10.2986C33.1971 9.68929 34.0886 9.68929 34.4826 10.2986L35.7297 12.2273C36.1599 12.8926 35.6823 13.7703 34.89 13.7703H32.3957C31.6034 13.7703 31.1257 12.8926 31.556 12.2273L32.8031 10.2986Z", fill: "#FFD700" }), /* @__PURE__ */ React.createElement("path", { d: "M16.6095 20.8798C25.5139 8.28662 47.0755 12.2298 51.4641 20.5617C54.9502 24.0479 55.2167 30.8018 55.2167 30.8018C55.2167 30.8018 58.8421 37.862 57.4428 41.3601C55.7891 56.7522 13.9381 57.0066 11.3304 41.3601C9.93111 37.0351 13.4293 31.3744 13.4293 31.3744C13.4293 31.3744 12.9841 27.2404 16.6095 20.8798Z", fill: "#FFD700" }), /* @__PURE__ */ React.createElement("ellipse", { cx: "48.9999", cy: "39.2669", rx: "2.38155", ry: "1.89957", transform: "rotate(-22.395 48.9999 39.2669)", fill: "#FFE55F", fillOpacity: "0.45" }), /* @__PURE__ */ React.createElement("ellipse", { cx: "18.9785", cy: "39.2671", rx: "2.38155", ry: "1.89958", transform: "rotate(15.8893 18.9785 39.2671)", fill: "#FFE55F", fillOpacity: "0.26" }), /* @__PURE__ */ React.createElement("path", { d: "M43.5977 30.7344C43.1619 30.7344 42.6943 30.9653 42.3027 31.4824C41.9107 32.0001 41.6388 32.7597 41.6387 33.6406C41.6387 34.5217 41.9107 35.2821 42.3027 35.7998C42.6943 36.3168 43.1619 36.5479 43.5977 36.5479C44.0332 36.5477 44.5002 36.3166 44.8916 35.7998C45.2837 35.2821 45.5557 34.5217 45.5557 33.6406C45.5556 32.7597 45.2836 32.0001 44.8916 31.4824C44.5002 30.9656 44.0333 30.7345 43.5977 30.7344Z", fill: "#1A1A1A", stroke: "#F4EBBC", strokeWidth: "2" }), /* @__PURE__ */ React.createElement("path", { d: "M25.1514 30.7344C25.5871 30.7344 26.0547 30.9653 26.4463 31.4824C26.8383 32.0001 27.1103 32.7597 27.1104 33.6406C27.1104 34.5217 26.8384 35.2821 26.4463 35.7998C26.0547 36.3168 25.5871 36.5479 25.1514 36.5479C24.7158 36.5477 24.2489 36.3166 23.8574 35.7998C23.4654 35.2821 23.1934 34.5217 23.1934 33.6406C23.1934 32.7597 23.4654 32.0001 23.8574 31.4824C24.2489 30.9656 24.7157 30.7345 25.1514 30.7344Z", fill: "#1A1A1A", stroke: "#F4EBBC", strokeWidth: "2" }), /* @__PURE__ */ React.createElement("path", { d: "M26.0107 41.6924C26.0107 41.6924 28.0937 46.399 34.759 46.399C41.008 46.399 43.3109 41.6924 43.3109 41.6924", stroke: "#1A1A1A", strokeLinecap: "round" })),
+    /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: fid, x: "0.589964", y: "0.334365", width: "66.5809", height: "62.9754", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), /* @__PURE__ */ React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ React.createElement("feOffset", { dx: "-0.501447", dy: "0.401157" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "4.95429" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "out" }), /* @__PURE__ */ React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.996078 0 0 0 0 0.996078 0 0 0 0 0.996078 0 0 0 0.12 0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" })))
+  );
+}
+function DecaneWordmark({ size = 15, muted = false }) {
+  return /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      style: {
+        fontFamily: "var(--dc-font-sans, system-ui, sans-serif)",
+        fontWeight: 800,
+        fontSize: size,
+        letterSpacing: "-0.03em",
+        color: muted ? "var(--dc-text-muted)" : "var(--dc-text)",
+        lineHeight: 1
+      }
+    },
+    "decane"
+  );
+}
+function DecaneLogo({ size = 20, muted = false }) {
+  return /* @__PURE__ */ React.createElement("span", { style: { display: "inline-flex", alignItems: "center", gap: size * 0.34 } }, /* @__PURE__ */ React.createElement(DecaneMark, { size, muted }), /* @__PURE__ */ React.createElement(DecaneWordmark, { size: size * 0.78, muted }));
+}
 function WalletIcon({ src, name, size = 36 }) {
   if (src) {
     return /* @__PURE__ */ React.createElement(
@@ -4642,40 +4782,17 @@ function useBalance(kind, address, chain, rpcUrls) {
     if (!address || !chain) return;
     let cancelled = false;
     setState((s) => ({ ...s, loading: true }));
-    (async () => {
-      try {
-        if (kind === "evm") {
-          const rpcUrl = rpcUrls?.[chain] ?? DEFAULT_RPCS[chain];
-          if (!rpcUrl) {
-            if (!cancelled) setState({ loading: false, value: null, symbol: "ETH" });
-            return;
-          }
-          const { JsonRpcProvider, formatEther } = await import("ethers");
-          const wei = await new JsonRpcProvider(rpcUrl).getBalance(address);
-          if (!cancelled) setState({ loading: false, value: formatEther(wei), symbol: "ETH" });
-        } else {
-          const cluster = chain.slice("solana:".length);
-          const endpoint = rpcUrls?.[chain] ?? (cluster === "devnet" ? "https://api.devnet.solana.com" : "https://api.mainnet-beta.solana.com");
-          const { Connection, PublicKey, LAMPORTS_PER_SOL } = await import("@solana/web3.js");
-          const lamports = await new Connection(endpoint).getBalance(new PublicKey(address));
-          if (!cancelled) setState({ loading: false, value: String(lamports / LAMPORTS_PER_SOL), symbol: "SOL" });
-        }
-      } catch {
-        if (!cancelled) setState({ loading: false, value: null, symbol: kind === "evm" ? "ETH" : "SOL" });
-      }
-    })();
+    fetchBalance({ kind, address, chain, rpcUrls }).then((b) => {
+      if (!cancelled) setState({ loading: false, value: b.formatted, symbol: b.symbol });
+    }).catch(() => {
+      if (!cancelled) setState({ loading: false, value: null, symbol: kind === "evm" ? "ETH" : "SOL" });
+    });
     return () => {
       cancelled = true;
     };
   }, [kind, address, chain, rpcUrls]);
   return state;
 }
-function formatBalance(value) {
-  if (value == null) return "\u2014";
-  const n = Number(value);
-  if (!Number.isFinite(n)) return value;
-  return n === 0 ? "0" : n < 1e-4 ? "<0.0001" : n.toFixed(4).replace(/\.?0+$/, "");
-}
 function AddressRow({
   label,
   address,
@@ -4691,7 +4808,7 @@ function AddressRow({
     borderRadius: 10,
     padding: "10px 14px",
     marginBottom: 8
-  } }, /* @__PURE__ */ React3.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 5 } }, /* @__PURE__ */ React3.createElement("span", { style: { fontSize: 10, fontWeight: 700, color: "var(--dc-text-muted)", letterSpacing: "0.06em", textTransform: "uppercase" } }, label), /* @__PURE__ */ React3.createElement("span", { style: { fontSize: 11, fontFamily: "monospace", color: "var(--dc-text)" } }, balance.loading ? "\u2026" : `${formatBalance(balance.value)} ${balance.symbol}`)), /* @__PURE__ */ React3.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 } }, /* @__PURE__ */ React3.createElement("span", { style: { fontSize: 13, fontFamily: "monospace", color: "var(--dc-text)", letterSpacing: "0.02em" } }, short), /* @__PURE__ */ React3.createElement(CopyButton, { value: address })));
+  } }, /* @__PURE__ */ React3.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 5 } }, /* @__PURE__ */ React3.createElement("span", { style: { fontSize: 10, fontWeight: 700, color: "var(--dc-text-muted)", letterSpacing: "0.06em", textTransform: "uppercase" } }, label), /* @__PURE__ */ React3.createElement("span", { style: { fontSize: 11, fontFamily: "monospace", color: "var(--dc-text)" } }, balance.loading ? "\u2026" : `${formatBalanceDisplay(balance.value)} ${balance.symbol}`)), /* @__PURE__ */ React3.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 } }, /* @__PURE__ */ React3.createElement("span", { style: { fontSize: 13, fontFamily: "monospace", color: "var(--dc-text)", letterSpacing: "0.02em" } }, short), /* @__PURE__ */ React3.createElement(CopyButton, { value: address })));
 }
 function SignInView({
   onGoogleSignIn,
@@ -5068,34 +5185,7 @@ function SocialWalletModal({
       top: 0,
       zIndex: 1,
       background: "linear-gradient(90deg, transparent, var(--dc-accent) 30%, var(--dc-accent) 70%, transparent)"
-    } }), /* @__PURE__ */ React3.createElement("div", { style: { padding: "18px 20px 16px", display: "flex", alignItems: "center", gap: 10 } }, /* @__PURE__ */ React3.createElement("div", { style: {
-      width: 34,
-      height: 34,
-      borderRadius: 10,
-      background: "var(--dc-surface)",
-      border: "1px solid var(--dc-border)",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flexShrink: 0
-    } }, /* @__PURE__ */ React3.createElement("svg", { width: "16", height: "18", viewBox: "0 0 16 18", fill: "none" }, /* @__PURE__ */ React3.createElement(
-      "path",
-      {
-        d: "M8 1L1.5 3.5V8.5C1.5 12.09 4.35 15.4 8 16.5C11.65 15.4 14.5 12.09 14.5 8.5V3.5L8 1Z",
-        stroke: "var(--dc-accent)",
-        strokeWidth: "1.4",
-        strokeLinejoin: "round"
-      }
-    ), /* @__PURE__ */ React3.createElement(
-      "path",
-      {
-        d: "M5.5 9L7 10.5L10.5 7",
-        stroke: "var(--dc-accent)",
-        strokeWidth: "1.4",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ))), /* @__PURE__ */ React3.createElement("div", { style: { flex: 1 } }, /* @__PURE__ */ React3.createElement("div", { style: { fontSize: 15, fontWeight: 800, color: "var(--dc-text)", letterSpacing: "-0.02em" } }, "Social Wallet"), /* @__PURE__ */ React3.createElement("div", { style: { fontSize: 11, color: "var(--dc-text-muted)", marginTop: 1 } }, "Decane non-custodial \xB7 key split three ways")), /* @__PURE__ */ React3.createElement(
+    } }), /* @__PURE__ */ React3.createElement("div", { style: { padding: "18px 20px 16px", display: "flex", alignItems: "center", gap: 11 } }, /* @__PURE__ */ React3.createElement(DecaneMark, { size: 38 }), /* @__PURE__ */ React3.createElement("div", { style: { flex: 1 } }, /* @__PURE__ */ React3.createElement("div", { style: { display: "flex", alignItems: "baseline", gap: 6 } }, /* @__PURE__ */ React3.createElement(DecaneWordmark, { size: 15 }), /* @__PURE__ */ React3.createElement("span", { style: { fontSize: 13, fontWeight: 700, color: "var(--dc-text-muted)", letterSpacing: "-0.01em" } }, "wallet")), /* @__PURE__ */ React3.createElement("div", { style: { fontSize: 11, color: "var(--dc-text-muted)", marginTop: 2 } }, "Non-custodial \xB7 key split three ways")), /* @__PURE__ */ React3.createElement(
       "button",
       {
         onClick: onClose,
@@ -5198,7 +5288,14 @@ function SocialWalletModal({
         }
       },
       disconnecting ? "Signing out\u2026" : "Sign out"
-    ))))
+    ))), /* @__PURE__ */ React3.createElement("div", { style: {
+      padding: "11px 16px",
+      borderTop: "1px solid var(--dc-border)",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: 6
+    } }, /* @__PURE__ */ React3.createElement("span", { style: { fontSize: 10.5, color: "var(--dc-text-muted)", letterSpacing: "0.02em" } }, "Secured by"), /* @__PURE__ */ React3.createElement(DecaneMark, { size: 13, muted: true }), /* @__PURE__ */ React3.createElement(DecaneWordmark, { size: 11, muted: true })))
   );
   return createPortal2(modal, document.body);
 }
@@ -5391,6 +5488,21 @@ function DecaneKit({ config, children }) {
     if (!sdk) throw new Error("Social wallet not connected");
     return sdk.signSolanaTransaction(tx);
   }, []);
+  const socialSignTypedData = useCallback3(async (req) => {
+    const sdk = socialRef.current;
+    if (!sdk) throw new Error("Social wallet not connected");
+    return sdk.signTypedData({ ...req, chain: req.chain });
+  }, []);
+  const socialGetBalance = useCallback3(async (chain) => {
+    const sdk = socialRef.current;
+    if (!sdk) throw new Error("Social wallet not connected");
+    return sdk.getBalance(chain);
+  }, []);
+  const socialGetBalances = useCallback3(async () => {
+    const sdk = socialRef.current;
+    if (!sdk) throw new Error("Social wallet not connected");
+    return sdk.getBalances();
+  }, []);
   const socialRotateShares = useCallback3(async (opts) => {
     const sdk = socialRef.current;
     if (!sdk) throw new Error("Social wallet not connected");
@@ -5446,7 +5558,10 @@ function DecaneKit({ config, children }) {
         socialDisconnect,
         socialSignMessage,
         socialSendTransaction,
+        socialGetBalance,
+        socialGetBalances,
         socialSignSolanaTransaction,
+        socialSignTypedData,
         socialRotateShares,
         socialExportPortableBackup,
         socialHasRecoveryShare,
@@ -5644,6 +5759,9 @@ function useSocialWallet() {
     socialSignMessage,
     socialSendTransaction,
     socialSignSolanaTransaction,
+    socialSignTypedData,
+    socialGetBalance,
+    socialGetBalances,
     socialRotateShares,
     socialExportPortableBackup,
     socialHasRecoveryShare,
@@ -5680,6 +5798,18 @@ function useSocialWallet() {
     (tx) => run(() => socialSignSolanaTransaction(tx)),
     [socialSignSolanaTransaction]
   );
+  const signTypedData = useCallback4(
+    (req) => run(() => socialSignTypedData(req)),
+    [socialSignTypedData]
+  );
+  const getBalance = useCallback4(
+    (chain) => run(() => socialGetBalance(chain)),
+    [socialGetBalance]
+  );
+  const getBalances = useCallback4(
+    () => run(() => socialGetBalances()),
+    [socialGetBalances]
+  );
   const unlock = useCallback4(async () => {
     setError(null);
     try {
@@ -5741,6 +5871,10 @@ function useSocialWallet() {
     signMessage,
     sendTransaction,
     signSolanaTransaction: signSolanaTransaction2,
+    signTypedData,
+    // Balances (native token; read-only, works while locked)
+    getBalance,
+    getBalances,
     // Recovery (2-of-3 Shamir share set)
     rotateShares,
     exportPortableBackup,
@@ -5752,6 +5886,52 @@ function useSocialWallet() {
     clearError: () => setError(null)
   };
 }
+function useSocialBalance(chain) {
+  const { socialAuth, socialGetBalance } = useDecaneContext();
+  const [balance, setBalance] = useState4(null);
+  const [loading, setLoading] = useState4(false);
+  const [error, setError] = useState4(null);
+  const addrKey = `${socialAuth.addresses?.evm ?? ""}|${socialAuth.addresses?.solana ?? ""}`;
+  const refetch = useCallback4(async () => {
+    if (!socialAuth.addresses) {
+      setBalance(null);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      setBalance(await socialGetBalance(chain));
+    } catch (e) {
+      setError(e.message);
+      setBalance(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [socialGetBalance, chain, socialAuth.addresses]);
+  useEffect4(() => {
+    let cancelled = false;
+    if (!socialAuth.addresses) {
+      setBalance(null);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    socialGetBalance(chain).then((b) => {
+      if (!cancelled) setBalance(b);
+    }).catch((e) => {
+      if (!cancelled) {
+        setError(e.message);
+        setBalance(null);
+      }
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [addrKey, chain]);
+  return { balance, loading, error, refetch };
+}
 function toDecaneError(err) {
   if (err instanceof DecaneError) return err;
   const msg = err instanceof Error ? err.message : err?.message != null ? String(err.message) : String(err);
@@ -5984,6 +6164,9 @@ export {
   DecaneError,
   DecaneErrorCode,
   DecaneKit,
+  DecaneLogo,
+  DecaneMark,
+  DecaneWordmark,
   ExportNotAuthorizedError,
   InvalidApiKeyError,
   InvalidPinError,
@@ -6012,6 +6195,7 @@ export {
   useSignMessage,
   useSignTypedData,
   useSocialAuth,
+  useSocialBalance,
   useSocialWallet,
   useWalletSelector,
   verifyEmailCode