BlueprintsManager

Description#

This component allows an end user to enable, disable and configure available blueprints.

Import#

import { BlueprintsManager } from "@rollouthq/connect-react";

Usage#

Here's a basic usage example:

const firstBlueprint = {
  blueprintKey: "SAMPLE",
  name: "sample blueprint",
  prefilled: {
    action: {
      appKey: "gmail",
      actionKey: "sendEmail",
      inputParams: {
        to: "[email protected]",
        subject: "{{task_name}}",
      },
    },
    trigger: { appKey: "admin", triggerKey: "taskCompleted" },
  },
};
const secondBlueprint = {
  blueprintKey: "OTHER_SAMPLE",
  name: "another blueprint",
  prefilled: {
    action: {
      appKey: "dropbox",
      actionKey: "uploadFile",
    },
    trigger: { appKey: "admin", triggerKey: "taskCompleted" },
  },
};
return <BlueprintsManager blueprints={[firstBlueprint, secondBlueprint]} />;

It will look like this when rendered:


We can then click into one of these to see the underlying Blueprint Enabler