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: {
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