Skip to main content

Step 1: Dashboard

The dashboard is your starting point. From here you can view and manage your API keys, configure allowed origins, and customize the visual theme for all embedded views.

Initialize the SDK​

Use your TSP publishable key to initialize the SDK. The TSP user type grants access to account-level management features.

const sdk = Intellirent.init({
  publishableKey: "pk_live_xxxxxxxxxxxxxxxx",
  userContext: {
    userId: "tsp_admin_001", // Stable identifier from your auth system
    userType: "TSP",
  },
});

Mount the Dashboard​

Mount the dashboard view into a container element:

await sdk.mount("#container", {
  view: "dashboard",
  onReady: () => {
    console.log("Dashboard loaded");
  },
});
<div id="container"></div>

What You Can Do From the Dashboard​

  • API keys — View your publishable keys (pk_live_* and pk_test_*) and manage which origins are allowed to use each key.
  • Theme settings — Customize colors, fonts, and the visual appearance of all embedded views to match your platform's design.
  • Screening configuration — Enable or disable specific screening features (e.g. credit, criminal, eviction checks) and control which sections are visible in the report view.

Managing End User Settings​

The dashboard includes a Current Managing dropdown in the top-right corner. By default it is set to your TSP account, but you can switch it to any enrolled end user to view and modify their individual settings.

End user settings inherit from your TSP settings by default. Once you modify a setting at the end user level, that value takes precedence over the TSP-level default for that account.

This lets you apply global defaults via the TSP account while still customizing screening configuration or report sections on a per-end-user basis.

Complete Example​

<!DOCTYPE html>
<html>
  <head>
    <title>TSP Dashboard</title>
  </head>
  <body>
    <div id="container"></div>

    <script src="https://sdk.ir.app/v0/latest.js"></script>
    <script>
      (async function () {
        const sdk = Intellirent.init({
          publishableKey: "pk_live_xxxxxxxxxxxxxxxx",
          userContext: {
            userId: "tsp_admin_001",
            userType: "TSP",
          },
        });

        await sdk.mount("#container", {
          view: "dashboard",
          onReady: () => {
            console.log("Dashboard loaded");
          },
        });
      })();
    </script>
  </body>
</html>

Next Step​

Once you've reviewed your keys and settings, continue to Step 2: Enroll End Users.