Unified.to's Integrations Directory Typescript React Component

Installing

Package manager

Using NPM:

1$ npm install @unified-api/react-directory

Using yarn:

1$ yarn add @unified-api/react-directory

Once the package is installed, you can import the component using import

1import UnifiedDirectory from '@unified-api/react-directory';

Example

1return (
2    <>
3        <h1>Integrations Directory</h1>
4        <UnifiedDirectory workspaceId="12345" />
5    </>
6);

The following are the props that can be passed to the component:

1{
2    workspaceId: string;    // your workspace_id found at https://app.unified.to/settings/api
3    categories?: string[];  // An array of integration categories to limit the list of integrations (crm, ats, hr, uc,. ticketing, martech)
4    external_xref?: string; // Your ID for the account/user that is signed into your application
5    state?: string;         // A state string that will be sent back to your success URL
6    scopes?: string[];      // An array of Unified.to permission scopes to request from OAUTH2-based integrations found at https://unified.to/apidocs#unified_object_connection
7    success_redirect?: string;  // The URL where you want the user to be redirect to after a successful authentication. The Integration ID will be appended with (id=) to this URL, as will the state provided
8    failure_redirect?: string;  // The URL where you want the user to be redirect to after an unsuccessful or aborted authorization.  An 'error' variable will be appended.
9    nostyle?: boolean;
10    environment?: string;   // The development environment (Eg. Production, Sandbox, ...)
11    lang?: string;          // The language for the API Key authorization page.  (en, fr, es, it, pt, hi, zh)
12    notabs?: boolean;       // Do not display tabs in the embedded directory
13    nocategories?: boolean; // Do not display category badges for each integration
14    dc?: 'us'|'eu';         // data-region
15
16
17}