@capxul/sdk-react 0.1.0-alpha.1 → 0.1.0-alpha.10

package/dist/index.cjs

@@ -5,12 +5,52 @@ var react = require('react');
 var sdk = require('@capxul/sdk');
 var reactQuery = require('@tanstack/react-query');
 var jsxRuntime = require('react/jsx-runtime');
+var react$2 = require('convex/react');
 var errors = require('@capxul/sdk/errors');
 var react$1 = require('@xstate/react');
 var viem = require('viem');
 var accounts = require('viem/accounts');
 
 // src/provider.tsx
+var CapxulClientContext = react.createContext(null);
+function CapxulClientProvider({
+  client,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CapxulClientContext.Provider, { value: client, children });
+}
+function useCapxul() {
+  const client = react.useContext(CapxulClientContext);
+  if (!client) {
+    throw new Error(
+      "useCapxul() was called outside a <CapxulProvider>. Wrap your app in <CapxulProvider config={...}> before rendering hooks from @capxul/sdk-react."
+    );
+  }
+  return client;
+}
+var CapxulTransportContext = react.createContext(null);
+function CapxulTransportProvider({
+  transport,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CapxulTransportContext.Provider, { value: transport, children });
+}
+function useCapxulStatus() {
+  const transport = react.useContext(CapxulTransportContext);
+  return react.useSyncExternalStore(
+    (listener) => {
+      if (!transport) return () => {
+      };
+      return transport.subscribe(listener);
+    },
+    () => transport?.getState() ?? FALLBACK_READY,
+    () => transport?.getState() ?? FALLBACK_READY
+  );
+}
+var FALLBACK_READY = Object.freeze({
+  status: "ready",
+  runtime: { authBaseUrl: "", convexUrl: "" }
+});
 
 // ../config/src/errors.ts
 var CapxulError = class extends Error {
@@ -70,8 +110,35 @@ var Errors = {
     "Idempotency key was already used for a different request",
     { details }
   ),
-  emailDeliveryFailed: (detail) => new CapxulError("EMAIL_DELIVERY_FAILED", `Failed to send email: ${detail}`),
-  internalError: (reason) => new CapxulError("INTERNAL_ERROR", `Internal error: ${reason}`)
+  emailDeliveryFailed: (detail, details) => new CapxulError("EMAIL_DELIVERY_FAILED", `Failed to send email: ${detail}`, {
+    details
+  }),
+  rateLimited: (details) => new CapxulError("RATE_LIMITED", "Request was rate limited", {
+    details: { ...details }
+  }),
+  internalError: (reason) => new CapxulError("INTERNAL_ERROR", `Internal error: ${reason}`),
+  /**
+   * Verification gate. Surfaced when a request hits a verification
+   * boundary the actor cannot cross under their current state. Two
+   * variants share this code:
+   *
+   * - Rail gate (Withdrawals v1 W2, #465): the resolved
+   *   `external_account.kind` routes to a withdrawal rail (e.g.
+   *   `fiat_offramp`, `card_payout`) that is not yet supported. Carries
+   *   `details.rail` + `details.currentKind`.
+   * - KYC tier gate (legacy / future): the actor's KYC tier is below
+   *   the required tier. Carries `details.requiredTier`.
+   *
+   * Code is shared because both expose the same UX shape ("you cannot
+   * proceed until verification advances"); the `details.*` keys
+   * differentiate the route.
+   */
+  verificationRequired: (details) => {
+    const message = "rail" in details ? `Withdrawal rail "${details.rail}" (kind=${details.currentKind}) is not yet supported.` : `Verification tier ${details.requiredTier} is required.`;
+    return new CapxulError("VERIFICATION_REQUIRED", message, {
+      details: { ...details }
+    });
+  }
 };
 
 // ../config/src/org-roles.ts
@@ -83,56 +150,137 @@ function roleKeyFromLabel(label) {
 roleKeyFromLabel("OWNER");
 roleKeyFromLabel("FINANCE_MANAGER");
 roleKeyFromLabel("TEAM_LEAD");
-var CapxulClientContext = react.createContext(null);
-function CapxulClientProvider({
-  client,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(CapxulClientContext.Provider, { value: client, children });
+
+// src/config.ts
+function createCapxulConfig(input) {
+  assertOnlyKnownKeys(input);
+  assertModeRequiredFields(input);
+  return Object.freeze({ ...input });
 }
-function useCapxul() {
-  const client = react.useContext(CapxulClientContext);
-  if (!client) {
-    throw new Error(
-      "useCapxul() was called outside a <CapxulProvider>. Wrap your app in <CapxulProvider config={...}> before rendering hooks from @capxul/sdk-react."
-    );
+var ALLOWED_BROWSER_CONFIG_KEYS = [
+  "mode",
+  "authBaseUrl",
+  "convexUrl",
+  "publishableKey",
+  "bootstrapUrl",
+  "fetchImpl"
+];
+function assertOnlyKnownKeys(input) {
+  const candidate = input;
+  const allowed = new Set(ALLOWED_BROWSER_CONFIG_KEYS);
+  const unknown = Object.keys(candidate).filter((key) => !allowed.has(key));
+  if (unknown.length === 0) return;
+  throw Errors.invalidInput(
+    "config",
+    `Browser Capxul config contains unknown or secret/server-only fields: ${unknown.join(", ")}. Allowed keys: ${ALLOWED_BROWSER_CONFIG_KEYS.join(", ")}.`
+  );
+}
+function assertModeRequiredFields(input) {
+  switch (input.mode) {
+    case "build-time-urls": {
+      if (!input.authBaseUrl || input.authBaseUrl.trim().length === 0) {
+        throw Errors.invalidInput("authBaseUrl", "non-empty string required.");
+      }
+      if (!input.convexUrl || input.convexUrl.trim().length === 0) {
+        throw Errors.invalidInput("convexUrl", "non-empty string required.");
+      }
+      return;
+    }
+    case "publishable-key": {
+      if (!input.publishableKey || input.publishableKey.trim().length === 0) {
+        throw Errors.invalidInput("publishableKey", "non-empty string required.");
+      }
+      return;
+    }
+    default: {
+      const value = input;
+      throw Errors.internalError(
+        `Unhandled BrowserCapxulConfig.mode: ${String(value.mode)}.`
+      );
+    }
   }
-  return client;
 }
-var CapxulTransportContext = react.createContext(null);
-function CapxulTransportProvider({
-  transport,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(CapxulTransportContext.Provider, { value: transport, children });
+function createReactDataClient(convexUrl, sessionStore) {
+  const client = new react$2.ConvexReactClient(convexUrl);
+  const refreshAuth = () => {
+    const session = sessionStore.get();
+    const jwt = session?.convexJwt;
+    if (jwt) {
+      client.setAuth(() => Promise.resolve(jwt));
+    } else {
+      client.clearAuth();
+    }
+  };
+  refreshAuth();
+  return {
+    query: (name, args) => client.query(name, args),
+    mutation: (name, args) => client.mutation(name, args),
+    action: (name, args) => client.action(name, args),
+    refreshAuth,
+    close: () => {
+      void client.close();
+    }
+  };
 }
-function useCapxulStatus() {
-  const transport = react.useContext(CapxulTransportContext);
-  return react.useSyncExternalStore(
-    (listener) => {
-      if (!transport) return () => {
-      };
-      return transport.subscribe(listener);
+function createLazyReactDataClient(transport, sessionStore, createClient = createReactDataClient) {
+  let client = null;
+  let initializeClient = null;
+  let closed = false;
+  function closedError() {
+    return new Error("Capxul React data client is closed");
+  }
+  async function getClient() {
+    if (closed) throw closedError();
+    if (client) return client;
+    initializeClient ??= (async () => {
+      const runtime = await transport.ensureRuntime();
+      if (closed) throw closedError();
+      const nextClient = createClient(runtime.convexUrl, sessionStore);
+      if (closed) {
+        nextClient.close();
+        throw closedError();
+      }
+      client = nextClient;
+      return nextClient;
+    })().catch((error) => {
+      if (!closed) {
+        initializeClient = null;
+      }
+      throw error;
+    });
+    return initializeClient;
+  }
+  return {
+    query: async (name, args) => (await getClient()).query(name, args),
+    mutation: async (name, args) => (await getClient()).mutation(name, args),
+    action: async (name, args) => (await getClient()).action?.(name, args),
+    refreshAuth: () => {
+      client?.refreshAuth();
     },
-    () => transport?.getState() ?? FALLBACK_READY,
-    () => transport?.getState() ?? FALLBACK_READY
-  );
+    close: () => {
+      closed = true;
+      client?.close();
+      client = null;
+    }
+  };
 }
-var FALLBACK_READY = Object.freeze({
-  status: "ready",
-  runtime: { authBaseUrl: "", convexUrl: "" }
-});
 function CapxulProvider({
   config,
-  publishableKey,
-  browserConfig,
+  sessionStore,
   queryClient,
   children
 }) {
+  const defaultSessionStore = react.useMemo(() => createMemorySessionStore(), []);
+  const effectiveSessionStore = sessionStore ?? defaultSessionStore;
   const wiring = react.useMemo(
-    () => buildWiring({ config, publishableKey, browserConfig }),
-    [config, publishableKey, browserConfig]
+    () => buildWiring(config, effectiveSessionStore),
+    [config, effectiveSessionStore]
   );
+  react.useEffect(() => {
+    return () => {
+      wiring.dataClient?.close();
+    };
+  }, [wiring]);
   const defaultClient = react.useMemo(
     () => new reactQuery.QueryClient({
       defaultOptions: { queries: { staleTime: 3e4 } }
@@ -140,51 +288,60 @@ function CapxulProvider({
     []
   );
   const effectiveClient = queryClient ?? defaultClient;
-  const inner = /* @__PURE__ */ jsxRuntime.jsx(CapxulClientProvider, { client: wiring.client, children });
-  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: effectiveClient, children: wiring.transport ? /* @__PURE__ */ jsxRuntime.jsx(CapxulTransportProvider, { transport: wiring.transport, children: inner }) : inner });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: effectiveClient, children: /* @__PURE__ */ jsxRuntime.jsx(CapxulTransportProvider, { transport: wiring.transport, children: /* @__PURE__ */ jsxRuntime.jsx(CapxulClientProvider, { client: wiring.client, children }) }) });
 }
-function buildWiring({
-  config,
-  publishableKey,
-  browserConfig
-}) {
-  const sources = [
-    config !== void 0,
-    publishableKey !== void 0,
-    browserConfig !== void 0
-  ].filter(Boolean).length;
-  if (sources === 0) {
-    throw Errors.invalidInput(
-      "CapxulProvider",
-      "Pass exactly one of `config`, `publishableKey`, or `browserConfig`."
-    );
-  }
-  if (sources > 1) {
-    throw Errors.invalidInput(
-      "CapxulProvider",
-      "`config`, `publishableKey`, and `browserConfig` are mutually exclusive \u2014 pass exactly one."
-    );
-  }
-  if (config !== void 0) {
-    return {
-      client: sdk.createCapxulClient(config),
-      transport: null
-    };
-  }
-  const browserCfg = browserConfig ?? {
-    mode: "publishable-key",
-    // The narrowing above (`sources === 0` rejected; `config` not
-    // present) guarantees `publishableKey` is set on this branch.
-    publishableKey
-  };
-  const transport = sdk.makeHttpTransport(browserCfg);
+function buildWiring(config, sessionStore) {
+  const validated = createCapxulConfig(config);
+  const transport = sdk.makeHttpTransport(validated);
+  const dataClient = validated.mode === "build-time-urls" ? createReactDataClient(validated.convexUrl, sessionStore) : createLazyReactDataClient(transport, sessionStore);
   const sdkConfig = {
     _transport: transport,
-    publishableKey: browserCfg.mode === "publishable-key" ? browserCfg.publishableKey : void 0
+    publishableKey: validated.mode === "publishable-key" ? validated.publishableKey : void 0,
+    data: dataClient ?? void 0,
+    auth: validated.mode === "build-time-urls" || validated.mode === "publishable-key" ? {
+      // The auth client builds the BetterAuth root URL from this
+      // value. Convex's `.cloud` URL is the wrong host (BetterAuth
+      // is mounted on the `.site` URL), but the build-time-urls
+      // transport already encodes the correct `authBaseUrl` via
+      // its discriminated union. We pass `convexUrl` here only so
+      // `core/auth.ts`'s `createTransportProvider` short-circuits
+      // to the externally-injected `_transport` cache slot.
+      baseUrl: transport.authBaseUrl,
+      sessionStore,
+      createDataClient: async (_session) => {
+        dataClient.refreshAuth();
+        return dataClient;
+      }
+    } : void 0
   };
+  const client = sdk.createCapxulClient(sdkConfig);
+  if (dataClient) {
+    const originalSignOut = client.auth.signOut;
+    Object.assign(client.auth, {
+      signOut: async () => {
+        const result = await originalSignOut();
+        dataClient.refreshAuth();
+        sdkConfig.data = dataClient;
+        return result;
+      }
+    });
+  }
   return {
-    client: sdk.createCapxulClient(sdkConfig),
-    transport
+    client,
+    transport,
+    dataClient
+  };
+}
+function createMemorySessionStore() {
+  let current = null;
+  return {
+    get: () => current,
+    set: (session) => {
+      current = session;
+    },
+    clear: () => {
+      current = null;
+    }
   };
 }
 function notImplementedQuery(hookName) {
@@ -274,8 +431,12 @@ function useMe() {
     staleTime: 3e4
   });
 }
-function useAccount(_accountId) {
-  return notImplementedQuery("useAccount");
+function useAccount(accountId) {
+  const capxul = useCapxul();
+  return useSdkQuery(
+    () => accountId !== void 0 ? capxul.accounts.retrieve(accountId) : capxul.me.get(),
+    [capxul, accountId]
+  );
 }
 function useOrganization(_organizationId) {
   return notImplementedQuery("useOrganization");
@@ -283,8 +444,12 @@ function useOrganization(_organizationId) {
 function useMember(_args) {
   return notImplementedQuery("useMember");
 }
-function useSafe(_safeId) {
-  return notImplementedQuery("useSafe");
+function useSafe(safeId) {
+  const capxul = useCapxul();
+  return useSdkQuery(
+    () => capxul.accounts.safes.retrieve(safeId),
+    [capxul, safeId]
+  );
 }
 function useTreasury(_organizationId) {
   return notImplementedQuery("useTreasury");
@@ -298,8 +463,15 @@ function useKycProfile(_accountId) {
 function useKybProfile(_organizationId) {
   return notImplementedQuery("useKybProfile");
 }
-function useExternalAccount(_args) {
-  return notImplementedQuery("useExternalAccount");
+function useExternalAccount(args) {
+  const capxul = useCapxul();
+  return useSdkQuery(
+    () => args.ownerKind === "account" ? capxul.externalAccounts.retrieve(args.externalAccountId) : capxul.organizations.externalAccounts.retrieve({
+      organizationId: args.ownerId,
+      externalAccountId: args.externalAccountId
+    }),
+    [capxul, args.ownerKind, args.ownerId, args.externalAccountId]
+  );
 }
 function useSubAccount(_subAccountId) {
   return notImplementedQuery("useSubAccount");
@@ -316,6 +488,13 @@ function usePayment(_paymentId) {
 function useTransfer(_transferId) {
   return notImplementedQuery("useTransfer");
 }
+function useTokenTransfer(args) {
+  const capxul = useCapxul();
+  return useSdkQuery(
+    () => capxul.tokenTransfers.retrieve(args),
+    [capxul, args.txHash, args.logIndex, args.chainId]
+  );
+}
 function useBalanceLedgerEntry(_args) {
   return notImplementedQuery("useBalanceLedgerEntry");
 }
@@ -350,8 +529,14 @@ function useOrganizations() {
 function useMembers(_organizationId) {
   return notImplementedQuery("useMembers");
 }
-function useExternalAccounts(_args) {
-  return notImplementedQuery("useExternalAccounts");
+function useExternalAccounts(args) {
+  const capxul = useCapxul();
+  return useSdkQuery(
+    () => args.ownerKind === "account" ? capxul.accounts.externalAccounts.list({ accountId: args.ownerId }) : capxul.organizations.externalAccounts.list({
+      organizationId: args.ownerId
+    }),
+    [capxul, args.ownerKind, args.ownerId]
+  );
 }
 function useSubAccounts(_args) {
   return notImplementedQuery("useSubAccounts");
@@ -374,6 +559,13 @@ function useTransfers(_filters) {
 function useOrgTransfers(_args) {
   return notImplementedQuery("useOrgTransfers");
 }
+function useTokenTransfers(filters) {
+  const capxul = useCapxul();
+  return useSdkQuery(
+    () => capxul.tokenTransfers.list(filters),
+    [capxul, filters?.limit, filters?.cursor, filters?.direction]
+  );
+}
 function useBalanceLedger(_args) {
   return notImplementedQuery("useBalanceLedger");
 }
@@ -409,6 +601,12 @@ function useAuthFlow() {
   const [snapshot, send] = react$1.useActor(machine);
   return { snapshot, send };
 }
+function useAuthBootstrapFlow() {
+  const client = useCapxul();
+  const machine = react.useMemo(() => client.flows.authBootstrap(), [client]);
+  const [snapshot, send] = react$1.useActor(machine);
+  return { snapshot, send };
+}
 function useOnboardingFlow() {
   const client = useCapxul();
   const machine = react.useMemo(() => client.flows.onboarding(), [client]);
@@ -421,56 +619,6 @@ function useProvisioningFlow() {
   const [snapshot, send] = react$1.useActor(machine);
   return { snapshot, send };
 }
-
-// src/config.ts
-function createCapxulConfig(input) {
-  assertOnlyKnownKeys(input);
-  assertModeRequiredFields(input);
-  return Object.freeze({ ...input });
-}
-var ALLOWED_BROWSER_CONFIG_KEYS = [
-  "mode",
-  "authBaseUrl",
-  "convexUrl",
-  "publishableKey",
-  "bootstrapUrl",
-  "fetchImpl"
-];
-function assertOnlyKnownKeys(input) {
-  const candidate = input;
-  const allowed = new Set(ALLOWED_BROWSER_CONFIG_KEYS);
-  const unknown = Object.keys(candidate).filter((key) => !allowed.has(key));
-  if (unknown.length === 0) return;
-  throw Errors.invalidInput(
-    "config",
-    `Browser Capxul config contains unknown or secret/server-only fields: ${unknown.join(", ")}. Allowed keys: ${ALLOWED_BROWSER_CONFIG_KEYS.join(", ")}.`
-  );
-}
-function assertModeRequiredFields(input) {
-  switch (input.mode) {
-    case "build-time-urls": {
-      if (!input.authBaseUrl || input.authBaseUrl.trim().length === 0) {
-        throw Errors.invalidInput("authBaseUrl", "non-empty string required.");
-      }
-      if (!input.convexUrl || input.convexUrl.trim().length === 0) {
-        throw Errors.invalidInput("convexUrl", "non-empty string required.");
-      }
-      return;
-    }
-    case "publishable-key": {
-      if (!input.publishableKey || input.publishableKey.trim().length === 0) {
-        throw Errors.invalidInput("publishableKey", "non-empty string required.");
-      }
-      return;
-    }
-    default: {
-      const value = input;
-      throw Errors.internalError(
-        `Unhandled BrowserCapxulConfig.mode: ${String(value.mode)}.`
-      );
-    }
-  }
-}
 var PRIVATE_KEY_PATTERN = /^0x[0-9a-fA-F]{64}$/;
 var EVM_ADDRESS_PATTERN = /^0x[0-9a-fA-F]{40}$/;
 function injectedConnector(options = {}) {
@@ -576,6 +724,7 @@ exports.localPrivateKeyConnector = localPrivateKeyConnector;
 exports.useAccount = useAccount;
 exports.useApiKey = useApiKey;
 exports.useApiKeys = useApiKeys;
+exports.useAuthBootstrapFlow = useAuthBootstrapFlow;
 exports.useAuthFlow = useAuthFlow;
 exports.useBalanceLedger = useBalanceLedger;
 exports.useBalanceLedgerEntry = useBalanceLedgerEntry;
@@ -604,6 +753,8 @@ exports.useProvisioningFlow = useProvisioningFlow;
 exports.useSafe = useSafe;
 exports.useSubAccount = useSubAccount;
 exports.useSubAccounts = useSubAccounts;
+exports.useTokenTransfer = useTokenTransfer;
+exports.useTokenTransfers = useTokenTransfers;
 exports.useTransfer = useTransfer;
 exports.useTransfers = useTransfers;
 exports.useTreasury = useTreasury;