I'll create a Campaign Automation App using Reactflow with the features you've requested. Let's break this down into multiple components for better organization.

This implementation creates a Campaign Automation App using Reactflow with the following features:

1. A Reactflow canvas for node manipulation
2. A custom EMAIL node type
3. Functionality to add nodes, connect nodes, and drag/drop nodes
4. A form for the EMAIL node to select campaigns and conditions
5. A simulated API call to fetch the list of campaigns

Here's a breakdown of the components:

1. app/page.tsx: The main page component that renders the CampaignAutomationFlow.
2. app/components/CampaignAutomationFlow.tsx: The main component that sets up the Reactflow canvas, handles node and edge changes, and provides a button to add new EMAIL nodes.
3. app/components/EmailNode.tsx: A custom node component for EMAIL nodes. It includes a dialog to select a campaign and condition, and displays the selected information.

To use this app:

1. Click the "Add Email Node" button to add new EMAIL nodes to the canvas.
2. Drag the nodes around to position them.
3. Click and drag from one node's bottom handle to another node's top handle to create connections.
4. Click the "Select Campaign" button on an EMAIL node to open the dialog and choose a campaign and condition.

The app simulates an API call to fetch campaigns, but in a real-world scenario, you would replace the fetchCampaigns function with an actual API call to your backend.

This implementation provides a foundation for a Campaign Automation App, which you can further customize and expand based on your specific requirements.

I'll expand the Campaign Automation App to include more actions like SMS and WhatsApp, as well as conditions like IF-ELSE and WAIT. I'll also improve the edge connections between nodes.

Let's update and add the necessary components to our React project: