Build the connection

import { init, type InitOptions } from "@krin/sdk-web";

// Your backend supplies a fresh assertion for each open.
export function openRewards(
  config: Required<Pick<InitOptions,
    "placementId" | "wallUrl" | "sdkKey" | "userAssertion" | "consent">>,
  onStatus: (status: string) => void,
  refreshBalance: () => void,
  container?: HTMLElement,
) {
  const wall = init({ ...config, title: "Earn rewards", locale: "en-US" });
  wall.on("authenticated", () => onStatus("Offers ready"));
  wall.on("error", ({ code }) => onStatus(code));
  // Presentation only: the balance comes from your server.
  wall.on("reward", () => refreshBalance());
  wall.open(container ? { container } : {});
  return () => wall.destroy();
}