useKeystone

import { useKeystone } from '@keystoneos/react';

function CustomApiCall() {
  const { baseUrl, tokenManager } = useKeystone();

  const fetchCustomData = async () => {
    const authHeader = await tokenManager.getAuthHeader();
    const res = await fetch(`${baseUrl}/v1/some-endpoint`, {
      headers: { Authorization: authHeader },
    });
    return res.json();
  };

  // ...
}

interface KeystoneContextValue {
  baseUrl: string;
  tokenManager: SessionTokenManager;
  eventBus: EventBus;
  depositOrchestrator: DepositOrchestrator;
  actionDelegates?: ActionDelegates;
}

function useCustomEndpoint(path: string) {
  const { baseUrl, tokenManager } = useKeystone();
  const [data, setData] = useState(null);

  useEffect(() => {
    (async () => {
      const auth = await tokenManager.getAuthHeader();
      const res = await fetch(`${baseUrl}${path}`, {
        headers: { Authorization: auth },
      });
      setData(await res.json());
    })();
  }, [baseUrl, path, tokenManager]);

  return data;
}

function useCustomEvents(settlementId: string) {
  const { eventBus } = useKeystone();

  useEffect(() => {
    const unsubscribe = eventBus.subscribe(settlementId, (event) => {
      console.log('Settlement event:', event);
    });
    return unsubscribe;
  }, [settlementId, eventBus]);
}