@servicetitan/dte-pdf-editor 1.3.0 → 1.5.0

package/README.md

@@ -1,54 +1,17 @@
-# PDF Editor Component
+# @servicetitan/dte-pdf-editor
 
-A comprehensive React component library for editing PDF documents with drag-and-drop field placement, data model integration, e-signature fields, and fillable form fields.
-
-## Overview
-
-The PDF Editor is a powerful, interactive component that allows users to:
-- View PDF documents page by page
-- Drag and drop various field types onto PDF pages
-- Configure field properties (labels, recipients, requirements)
-- Position, resize, and move fields on PDF pages
-- Integrate with data models for dynamic content merging
-- Support e-signature workflows with recipient assignment
+A React component library for creating interactive PDF editors with drag-and-drop field placement, data model integration, e-signature support, and fillable form fields.
 
 ## Features
 
-### Core Functionality
-- **PDF Rendering**: Multi-page PDF viewing using `react-pdf` and `pdfjs-dist`
-- **Drag & Drop**: Intuitive drag-and-drop interface for placing fields on PDF pages
-- **Field Management**: Create, edit, move, resize, and delete fields
-- **Field Selection**: Click to select and configure individual fields
-- **Multi-page Support**: Handle PDFs with multiple pages
-
-### Field Types
-
-#### 1. Data Model Fields (Merge Tags)
-- Extract fields from JSON schema objects
-- Group fields by schema structure
-- Search and filter data model fields
-- Generate paths for data replacement (e.g., `{{customer.name}}`)
-
-#### 2. E-Signature Fields
-- **Signature**: Digital signature field
-- **Initials**: Initials field
-- **Date Signed**: Date signature field
-- **Full Name**: Full name field
-- Recipient assignment with color coding
-
-#### 3. Fillable Fields
-- **Text Field**: Single-line text input
-- **Date Field**: Date picker input
-- **Checkbox**: Boolean checkbox input
-- Required field marking
-- Recipient assignment
-
-### Visual Features
-- Color-coded fields by recipient
-- Visual field overlays on PDF pages
-- Resize handles for selected fields
-- Drag indicators and visual feedback
-- Loading and error states
+- 📄 **PDF Rendering**: Display and interact with PDF documents using `react-pdf` and `pdfjs-dist`
+- 🎯 **Drag & Drop Field Placement**: Intuitively place fields on PDF pages by dragging from a sidebar
+- 📊 **Data Model Integration**: Connect fields to structured data models using JSON Schema
+- ✍️ **E-Signature Support**: Add signature, initials, date signed, and full name fields
+- 📝 **Fillable Fields**: Support for text, date, checkbox, and radio button inputs
+- 👥 **Multi-Recipient Support**: Assign fields to different recipients with color-coded visualization
+- ⚙️ **Field Configuration**: Configure field properties including position, size, label, and recipient assignment
+- 👁️ **View Mode**: Display PDFs with filled data in a read-only or interactive view mode
 
 ## Installation
 
@@ -58,299 +21,355 @@ npm install @servicetitan/dte-pdf-editor
 
 ### Peer Dependencies
 
-The component requires the following peer dependencies:
+This package requires the following peer dependencies:
 
-```json
-{
-  "@servicetitan/anvil2": "^1.46.9",
-  "react": "~18.3.1",
-  "react-dom": "~18.3.1"
-}
+```bash
+npm install @servicetitan/anvil2@^1.46.9 react@~18.3.1 react-dom@~18.3.1
 ```
 
-### Dependencies
+## Quick Start
 
-- `pdfjs-dist`: ^3.11.0
-- `react-pdf`: ^7.5.0
-- `uuid`: ^9.0.0
+```tsx
+import { PdfEditor, PdfField, PdfView, SchemaObject } from '@servicetitan/dte-pdf-editor';
+import { useState } from 'react';
 
-## Usage
+const pdfUrl = 'https://example.com/document.pdf';
 
-### Basic Example
+function App() {
+    const [fields, setFields] = useState<PdfField[]>([]);
+    const [data, setData] = useState<Record<string, any>>({});
 
-```tsx
-import { PdfEditor } from '@servicetitan/dte-pdf-editor';
-import '@servicetitan/dte-pdf-editor/dist/styles/index.css';
+    const recipients = [
+        { id: 1, name: 'technician', displayName: 'Technician' },
+        { id: 2, name: 'customer', displayName: 'Customer' },
+    ];
 
-function App() {
-  const [fields, setFields] = useState([]);
-
-  return (
-    <PdfEditor
-      pdfUrl="/path/to/document.pdf"
-      fields={fields}
-      onFieldsChange={setFields}
-      recipients={[
-        { id: 1, name: 'recipient1', displayName: 'John Doe' },
-        { id: 2, name: 'recipient2', displayName: 'Jane Smith' }
-      ]}
-      dataModel={{
+    const dataModel: SchemaObject = {
         type: 'object',
         properties: {
-          customer: {
-            type: 'object',
-            properties: {
-              name: { type: 'string', title: 'Customer Name' },
-              email: { type: 'string', title: 'Email' }
-            }
-          }
-        }
-      }}
-    />
-  );
+            CustomerName: {
+                type: 'string',
+                title: 'Customer Name',
+                options: { placeholder: 'Enter customer name' },
+            },
+        },
+    };
+
+    return (
+        <PdfEditor
+            pdfUrl={pdfUrl}
+            fields={fields}
+            onFieldsChange={setFields}
+            dataModel={dataModel}
+            recipients={recipients}
+        />
+    );
 }
 ```
 
-## API Reference
+## Components
+
+### PdfEditor
+
+The main component for editing PDF documents and placing fields.
 
-### PdfEditor Props
+#### Props
 
 | Prop | Type | Required | Description |
 |------|------|----------|-------------|
 | `pdfUrl` | `string` | Yes | URL or path to the PDF file |
-| `fields` | `PdfField[]` | No | Array of field objects (default: `[]`) |
-| `onFieldsChange` | `(fields: PdfField[]) => void` | Yes | Callback when fields are modified |
-| `dataModel` | `SchemaObject` | No | JSON schema object for data model fields |
-| `recipients` | `RecipientInfo[]` | No | Array of recipient information (default: `[]`) |
-| `loading` | `boolean` | No | Loading state (default: `false`) |
-| `loadingPlaceholder` | `ReactNode` | No | Custom loading placeholder |
-| `errorPlaceholder` | `ReactNode` | No | Custom error placeholder |
+| `fields` | `PdfField[]` | No | Array of fields placed on the PDF |
+| `onFieldsChange` | `(fields: PdfField[]) => void` | Yes | Callback when fields are added, modified, or deleted |
+| `dataModel` | `SchemaObject` | No | JSON Schema object defining available data model fields |
+| `recipients` | `RecipientInfo[]` | No | Array of recipients that can be assigned to fields |
+| `loading` | `boolean` | No | Whether the PDF is currently loading |
+| `loadingPlaceholder` | `ReactNode` | No | Custom component to display while PDF is loading |
+| `errorPlaceholder` | `ReactNode` | No | Custom component to display if PDF fails to load |
 
-### PdfField Interface
+#### Example
 
-```typescript
-interface PdfField {
-  id: string;                    // Unique identifier (UUID)
-  type: FieldTypeEnum;           // 'data-model' | 'e-sign' | 'fillable'
-  subType?: string;              // Field subtype (e.g., 'text', 'date', 'signature')
-  x: number;                     // X coordinate on page
-  y: number;                     // Y coordinate on page
-  page: number;                  // Page number (1-indexed)
-  label: string;                 // Display label
-  width: number;                 // Field width in pixels
-  height: number;                // Field height in pixels
-  required?: boolean;            // Whether field is required (fillable fields)
-  path?: string;                // Data path for merge tags
-  recipient?: string;            // Recipient name for e-sign/fillable fields
-}
+```tsx
+<PdfEditor
+    pdfUrl="https://example.com/document.pdf"
+    fields={fields}
+    onFieldsChange={setFields}
+    dataModel={dataModel}
+    recipients={recipients}
+    loading={!pdfUrl}
+    loadingPlaceholder={<Spinner />}
+    errorPlaceholder={<Alert status="danger" title="Failed to load PDF" />}
+/>
 ```
 
-### RecipientInfo Interface
+### PdfView
 
-```typescript
-interface RecipientInfo {
-  id: number;
-  name: string;                  // Internal recipient identifier
-  displayName: string;            // Display name for UI
-}
-```
+Component for displaying PDFs with filled data in view mode.
 
-### SchemaObject Interface
+#### Props
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `pdfUrl` | `string` | Yes | URL or path to the PDF file |
+| `fields` | `PdfField[]` | Yes | Array of fields to display on the PDF |
+| `data` | `DataModelValues` | No | Data object containing values for data model fields |
+| `recipients` | `RecipientInfo[]` | No | Array of recipients for field assignment |
+| `fillingBy` | `string[]` | No | Array of recipient names that are allowed to fill fields |
+| `onDataChange` | `(changedData: { [path: string]: string \| boolean }) => void` | No | Callback when fillable field data changes |
+| `loading` | `boolean` | No | Whether the PDF is currently loading |
+| `loadingPlaceholder` | `ReactNode` | No | Custom component to display while PDF is loading |
+| `errorPlaceholder` | `ReactNode` | No | Custom component to display if PDF fails to load |
 
-The data model follows a JSON Schema-like structure:
+#### Example
 
-```typescript
-interface SchemaObject {
-  type: 'object';
-  properties: Record<string, SchemaNode>;
-  title?: string;
-  options?: {
-    placeholder?: any;
-    description?: any;
-    sampleData?: any;
-    showInEditor?: boolean;
-    isHighlighted?: boolean;
-  };
-}
+```tsx
+<PdfView
+    pdfUrl="https://example.com/document.pdf"
+    fields={fields}
+    data={data}
+    recipients={recipients}
+    fillingBy={['technician']}
+    onDataChange={(changedData) => {
+        setData({ ...data, ...changedData });
+    }}
+/>
 ```
 
-## Component Architecture
+## Types
 
-### Main Components
+### PdfField
 
-#### `PdfEditor`
-The root component that orchestrates the entire editor experience.
+Represents a field placed on a PDF document.
 
-**Key Responsibilities:**
-- Manages field state and selection
-- Handles drag and drop operations
-- Coordinates between sidebar and canvas
-- Manages recipient color mapping
+```tsx
+interface PdfField {
+    id: string;
+    type: FieldTypeEnum;
+    subType?: FillableFieldType | ESignFieldType;
+    x: number;
+    y: number;
+    page: number;
+    label: string;
+    width: number;
+    height: number;
+    required?: boolean;
+    path?: string;
+    recipient?: string;
+}
+```
 
-#### `FieldSidebar`
-Left sidebar containing field type lists and search functionality.
+### FieldTypeEnum
 
-**Features:**
-- Three tabs: Merge Tags, E-Sign, Fillable Fields
-- Search functionality for data model and fillable fields
-- Drag source for new fields
+Enumeration of field types:
 
-#### `PdfCanvas`
-Main canvas area displaying PDF pages with field overlays.
+- `dataModel`: Field connected to a data model schema
+- `eSign`: E-signature field
+- `fillable`: User-fillable form field
 
-**Features:**
-- PDF rendering with `react-pdf`
-- Drop zone for new fields
-- Click-to-deselect functionality
-- Page dimension calculations
+### ESignFieldType
 
-#### `PdfDocumentRenderer`
-PDF document renderer using `react-pdf` library.
+Types of e-signature fields:
 
-**Features:**
-- Multi-page rendering
-- Drag and drop event handling
-- Loading and error states
+- `signature`: Signature field
+- `initials`: Initials field
+- `dateSigned`: Date signed field
+- `fullName`: Full name field
 
-#### `PdfFieldOverlay`
-Overlay component rendering field visualizations on PDF pages.
+### FillableFieldType
 
-**Features:**
-- Field positioning and rendering
-- Drag and drop for existing fields
-- Resize handles for selected fields
-- Color coding by recipient
+Types of fillable fields:
 
-#### `FieldConfigPanelOverlay`
-Configuration panel that appears when a field is selected.
+- `text`: Text input
+- `date`: Date picker
+- `checkbox`: Checkbox
+- `radio`: Radio button
 
-**Features:**
-- Field property editing
-- Recipient assignment
-- Field deletion
-- E-sign field type selection
+### SchemaObject
 
-### Supporting Components
+JSON Schema object defining the data model structure. Supports nested objects, arrays, and various string subtypes (string, text, html, image).
 
-- **`FieldType`**: Draggable field type item in sidebar
-- **`DataModelFieldTypeList`**: List of data model fields grouped by schema
-- **`ESignFieldTypeList`**: List of e-signature field types
-- **`FillableFieldTypeList`**: List of fillable field types
-- **`FieldConfigPanel`**: Form for editing field properties
+```tsx
+interface SchemaObject {
+    type: 'object';
+    properties: Record<string, SchemaNode>;
+    title?: string;
+    options?: SchemaFieldBaseOptions;
+}
+```
 
-## Utilities
+### RecipientInfo
 
-The component includes several utility functions:
+Information about a recipient that can be assigned to fields.
 
-- **`calculateDropCoordinates`**: Calculates field position from drop event
-- **`extractGroupedFieldsFromDataModel`**: Extracts fields from JSON schema
-- **`generateESignPath`**: Generates path for e-signature fields
-- **`getPagePosition`**: Gets page position relative to container
-- **`getPageDimensions`**: Gets page dimensions
-- **`handleFieldDrag`**: Handles field dragging logic
-- **`handleFieldResize`**: Handles field resizing logic
-- **`isDragOverCanvas`**: Checks if drag is over PDF canvas
-- **`mapColorsToRecipients`**: Assigns colors to recipients
+```tsx
+interface RecipientInfo {
+    id: number;
+    name: string;
+    displayName: string;
+}
+```
 
-## Styling
+## Usage Examples
 
-The component includes CSS modules for styling. Import the main stylesheet:
+### Basic Editor with Data Model
 
 ```tsx
-import '@servicetitan/dte-pdf-editor/dist/styles/index.css';
-```
+import { PdfEditor, PdfField, SchemaObject } from '@servicetitan/dte-pdf-editor';
+import { useState } from 'react';
 
-### CSS Classes
-
-- `.dte-pdf-editor`: Main editor container
-- `.dte-pdf-editor-sidebar-container`: Sidebar container
-- `.dte-pdf-editor-content-container`: Main content area
-- `.dte-pdf-canvas-container`: PDF canvas container
-- `.dte-pdf-field`: Individual field overlay
-- `.dte-pdf-field-selected`: Selected field state
-- `.dte-field-sidebar-container`: Sidebar styling
-- `.dte-field-config-panel-overlay`: Config panel overlay
+const dataModel: SchemaObject = {
+    type: 'object',
+    properties: {
+        JobInformation: {
+            type: 'object',
+            properties: {
+                JobNumber: {
+                    type: 'string',
+                    title: 'Job Number',
+                    options: { placeholder: 'Enter job number' },
+                },
+                JobName: {
+                    type: 'string',
+                    title: 'Job Name',
+                    options: { placeholder: 'Enter job name' },
+                },
+            },
+        },
+    },
+};
+
+function MyEditor() {
+    const [fields, setFields] = useState<PdfField[]>([]);
+
+    return (
+        <PdfEditor
+            pdfUrl="https://example.com/document.pdf"
+            fields={fields}
+            onFieldsChange={setFields}
+            dataModel={dataModel}
+        />
+    );
+}
+```
 
-## Field Types Details
+### Editor with Recipients
 
-### Data Model Fields
+```tsx
+const recipients = [
+    { id: 1, name: 'technician', displayName: 'Technician' },
+    { id: 2, name: 'customer', displayName: 'Customer' },
+    { id: 3, name: 'accountant', displayName: 'Accountant' },
+];
+
+<PdfEditor
+    pdfUrl={pdfUrl}
+    fields={fields}
+    onFieldsChange={setFields}
+    recipients={recipients}
+/>
+```
 
-Data model fields are extracted from a JSON Schema structure. The component:
-- Groups fields by parent objects
-- Handles nested objects and arrays
-- Generates paths like `customer.name` or `items[].description`
-- Supports search and filtering
+### View Mode with Data
 
-### E-Signature Fields
+```tsx
+const [data, setData] = useState({
+    'JobInformation.JobNumber': 'JOB-12345',
+    'JobInformation.JobName': 'HVAC Installation',
+});
+
+<PdfView
+    pdfUrl={pdfUrl}
+    fields={fields}
+    data={data}
+    recipients={recipients}
+    fillingBy={['technician']}
+    onDataChange={(changedData) => {
+        setData({ ...data, ...changedData });
+    }}
+/>
+```
 
-E-signature fields support four subtypes:
-- **Signature**: Full signature field
-- **Initials**: Initials only
-- **Date Signed**: Date of signing
-- **Full Name**: Signer's full name
+### Toggle Between Edit and View Modes
 
-Each e-sign field is assigned to a recipient and generates a unique path.
+```tsx
+function PdfEditorPage() {
+    const [fields, setFields] = useState<PdfField[]>([]);
+    const [isView, setIsView] = useState(false);
+    const [data, setData] = useState<Record<string, any>>({});
+
+    return (
+        <>
+            <Button onClick={() => setIsView(!isView)}>
+                {isView ? 'Edit' : 'View'}
+            </Button>
+            {!isView ? (
+                <PdfEditor
+                    pdfUrl={pdfUrl}
+                    fields={fields}
+                    onFieldsChange={setFields}
+                    dataModel={dataModel}
+                    recipients={recipients}
+                />
+            ) : (
+                <PdfView
+                    pdfUrl={pdfUrl}
+                    fields={fields}
+                    data={data}
+                    recipients={recipients}
+                    fillingBy={['technician']}
+                    onDataChange={(changedData) => {
+                        setData({ ...data, ...changedData });
+                    }}
+                />
+            )}
+        </>
+    );
+}
+```
 
-### Fillable Fields
+## Field Operations
 
-Fillable fields support three input types:
-- **Text**: Single-line text input
-- **Date**: Date picker
-- **Checkbox**: Boolean checkbox
+### Adding Fields
 
-Fillable fields can be marked as required and assigned to recipients.
+Fields are added by dragging from the sidebar onto the PDF canvas. The sidebar displays:
+- **Data Model Fields**: Grouped by schema structure
+- **E-Sign Fields**: Signature, initials, date signed, full name
+- **Fillable Fields**: Text, date, checkbox, radio
 
-## Constants
+### Configuring Fields
 
-- **`BASE_PAGE_WIDTH`**: 980px - Base width for PDF page rendering
+Click on a field to open the configuration panel where you can:
+- Change the label
+- Adjust position and size
+- Assign a recipient
+- Set required status
+- Update the data model path
 
-## Development
+### Moving and Resizing
 
-### Project Structure
+- **Move**: Click and drag a field to reposition it
+- **Resize**: Use the resize handles on field corners
 
-```
-src/
-├── components/          # React components
-│   ├── pdf-editor.tsx   # Main editor component
-│   ├── pdf-document-renderer.tsx   # PDF renderer
-│   ├── pdf-canvas.tsx   # Canvas with overlays
-│   ├── field-sidebar.tsx
-│   └── ...
-├── interface/          # TypeScript interfaces
-├── utils/              # Utility functions
-├── constants/          # Constants and enums
-└── styles/             # CSS stylesheets
-```
+### Deleting Fields
 
-### Building
+Select a field and use the delete button in the configuration panel, or press the delete key.
 
-The project uses TypeScript and compiles to the `dist/` directory.
+## Styling
 
-### TypeScript
+The package includes default styles. To customize, you can override CSS classes:
 
-The project extends `@servicetitan/startup/tsconfig/base` and includes:
-- Strict type checking
-- Composite project support
-- Source maps generation
+- `.dte-pdf-editor`: Main editor container
+- `.dte-pdf-view-container`: View mode container
+- `.dte-pdf-wrapper`: PDF document wrapper
+- `.dte-pdf-field-overlay`: Field overlay container
+- `.dte-pdf-editor-sidebar-container`: Sidebar container
 
 ## Browser Support
 
-The component requires modern browsers with support for:
-- ES6+ JavaScript
-- CSS Grid and Flexbox
-- HTML5 Drag and Drop API
+This package requires modern browsers with support for:
+- ES6+
 - Canvas API
+- Drag and Drop API
 
 ## License
 
-This package is part of the ServiceTitan Document Template Engine components.
-
-## Contributing
-
-When contributing to this package:
-1. Follow TypeScript best practices
-2. Maintain component prop interfaces
-3. Update this README for API changes
-4. Ensure styles are scoped to component classes
-5. Test drag-and-drop functionality across browsers
-
+Copyright © ServiceTitan

package/dist/components/{field-config-panel-overlay.d.ts → field-config-panel/field-config-panel-overlay.d.ts}

@@ -1,6 +1,5 @@
 import { FC } from 'react';
-import { PdfField } from '../interface/pdf-editor';
-import { RecipientInfo } from './pdf-editor';
+import { PdfField, RecipientInfo } from '../../interface/types';
 interface FieldConfigPanelOverlayProps {
     selectedField: PdfField;
     recipients?: RecipientInfo[];

package/dist/components/field-config-panel/field-config-panel-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-config-panel-overlay.d.ts","sourceRoot":"","sources":["../../../src/components/field-config-panel/field-config-panel-overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGhE,UAAU,4BAA4B;IAClC,aAAa,EAAE,QAAQ,CAAC;IACxB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IACtD,aAAa,IAAI,IAAI,CAAC;IACtB,eAAe,CAAC,IAAI,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAmCpE,CAAC"}

package/dist/components/field-config-panel/field-config-panel-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-config-panel-overlay.js","sourceRoot":"","sources":["../../../src/components/field-config-panel/field-config-panel-overlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,SAAS,MAAM,4DAA4D,CAAC;AAGnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAUxD,MAAM,CAAC,MAAM,uBAAuB,GAAqC,CAAC,EACtE,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,UAAU,EACV,aAAa,GAChB,EAAE,EAAE;IACD,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAC,gCAAgC,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAC9E,MAAC,IAAI,IACD,SAAS,EAAC,+BAA+B,EACzC,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,aAE9B,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,oCAEtC,EACP,KAAC,MAAM,IACH,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,eAAe,gBACb,OAAO,EAClB,IAAI,EAAE,SAAS,GACjB,IACC,EACP,cAAK,SAAS,EAAC,gCAAgC,YAC3C,KAAC,gBAAgB,IACb,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,aAAa,GAC9B,GACA,IACH,CACV,CAAC;AACN,CAAC,CAAC"}

package/dist/components/{field-config-panel.d.ts → field-config-panel/field-config-panel.d.ts}

@@ -1,6 +1,5 @@
 import { FC } from 'react';
-import { PdfField } from '../interface/pdf-editor';
-import { RecipientInfo } from './pdf-editor';
+import { PdfField, RecipientInfo } from '../../interface/types';
 interface FieldConfigPanelProps {
     field: PdfField;
     recipients?: RecipientInfo[];

package/dist/components/field-config-panel/field-config-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-config-panel.d.ts","sourceRoot":"","sources":["../../../src/components/field-config-panel/field-config-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAiC,QAAQ,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG/F,UAAU,qBAAqB;IAC3B,KAAK,EAAE,QAAQ,CAAC;IAChB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,aAAa,IAAI,IAAI,CAAC;IACtB,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA2HtD,CAAC"}