@universal-workflow/widget-react

React components and SDK for the Universal Workflow system.

Features

• Full Workflow Builder UI
• Embeddable floating widgets
• Type-safe ApiClient and LicenseManager
• Support for CJS, ESM, and TypeScript

Installation

npm install @universal-workflow/widget-react

Usage

Workflow Builder

import { WorkflowBuilder } from "@universal-workflow/widget-react";
import "@universal-workflow/widget-react/dist/index.css";

function App() {
  const apiConfig = {
    baseUrl: "https://api.your-system.com",
    endpoints: {
      create: "/workflows",
      update: "/workflows/:id",
      get: "/workflows/:id",
    },
  };

  return <WorkflowBuilder licenseKey="YOUR_KEY" apiConfig={apiConfig} />;
}

Embeddable Widget

import { EmbeddableWidget } from "@universal-workflow/widget-react";
import "@universal-workflow/widget-react/dist/index.css";

function App() {
  return (
    <EmbeddableWidget
      licenseKey="YOUR_KEY"
      apiConfig={apiConfig}
      position="bottom-right"
    />
  );
}

Documentation

For more details, visit our documentation portal.