## Installation
npm install @sea-dev/widget``bash`
npm install @sea-dev/widget
The widget package exports three main React components and one initialization function for use in different scenarios.
The primary widget component that displays a full submission management interface with document upload, data extraction, and viewing capabilities.
`typescript
import { SeaWidget } from "@sea-dev/widget";
import "@sea-dev/widget/style.css";
export default function YourPage() {
return (
Props:
-
apiKey (required): Your Sea.dev API key
- submissionId (optional): Pre-select a specific submission to display
- formId (optional): Filter submissions by form ID
- dealId (optional): Filter submissions by deal ID
- className (optional): Additional CSS classes
- style (optional): Inline styles$3
A read-only component for viewing extracted data from a specific submission.
`typescript
import { SeaDataViewer } from "@sea-dev/widget";
import "@sea-dev/widget/style.css";export default function ViewSubmission() {
return (
apiKey="your-api-key-here"
submissionId="sub_123456"
className="w-full"
/>
);
}
`Props:
-
apiKey (required): Your Sea.dev API key
- submissionId (required): The submission ID to display
- className (optional): Additional CSS classes
- style (optional): Inline styles$3
A standalone file upload component for adding documents to an existing submission.
`typescript
import { SeaFileUpload } from "@sea-dev/widget";
import "@sea-dev/widget/style.css";export default function UploadPage() {
const handleUpload = () => {
console.log("File uploaded successfully!");
};
return (
apiKey="your-api-key-here"
submissionId="sub_123456"
onUpload={handleUpload}
/>
);
}
`Props:
-
apiKey (required): Your Sea.dev API key
- submissionId (required): The submission ID to upload files to
- onUpload` (required): Callback function called after successful upload