@flowuent-org/diagramming-core 1.0.8 → 1.1.0

package/dist/packages/diagrams/src/lib/molecules/WorkflowNodeActionButtons.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NodeDirection } from '../types/card-node';
+export interface AddWorkflowNodeAnchorProps {
+    direction: NodeDirection;
+    isReplacing?: boolean;
+    addInMiddle?: boolean;
+    variant?: 'addParallelCol' | 'anchor';
+}
+export declare const WorkflowNodeActionButtons: React.FC<AddWorkflowNodeAnchorProps>;

package/dist/packages/diagrams/src/lib/molecules/animated-add-button.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NodeDirection } from '../types/card-node';
+interface AnimatedExpandButtonProps {
+    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    direction: NodeDirection;
+    isReplacing: boolean;
+}
+declare const AnimatedExpandButton: React.FC<AnimatedExpandButtonProps>;
+export default AnimatedExpandButton;

package/dist/packages/diagrams/src/lib/molecules/json-viewer.d.ts

@@ -0,0 +1,5 @@
+import { ICardNode } from '../types/card-node';
+declare const JsonPortalButton: ({ curNode }: {
+    curNode: ICardNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default JsonPortalButton;

package/dist/packages/diagrams/src/lib/organisms/AddNodeView.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface NodeAction {
+    label: string;
+    type: string;
+    icon: React.ReactNode;
+}
+export declare const AddNodeView: React.MemoExoticComponent<({ addNode, open, setOpen, }: {
+    addNode: (type: string) => void;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element>;

package/dist/packages/diagrams/src/lib/organisms/Card/EntityNode.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const EntityNode: React.MemoExoticComponent<({ id }: {
+    id: string;
+}) => import("react/jsx-runtime").JSX.Element>;
+export { EntityNode };

package/dist/packages/diagrams/src/lib/organisms/Card/card.params.d.ts

@@ -0,0 +1,15 @@
+import { IBlockType } from '../../types/card-node';
+export declare const blockTypes: {
+    String: StringConstructor;
+    Number: NumberConstructor;
+    Object: ObjectConstructor;
+    Array: ArrayConstructor;
+    Map: MapConstructor;
+    Set: SetConstructor;
+    Int16: Int16ArrayConstructor;
+    Date: DateConstructor;
+    null: null;
+    Boolean: BooleanConstructor;
+};
+export declare const BlockTypesKeys: IBlockType[];
+export declare const fieldTypes: string[];

package/dist/packages/diagrams/src/lib/organisms/Card/card.types.d.ts

@@ -0,0 +1,5 @@
+export interface CardBlockTypesProps {
+    onChange: React.ChangeEventHandler<HTMLSelectElement>;
+    value?: string;
+    id: string;
+}

package/dist/packages/diagrams/src/lib/organisms/CodeModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CodeModalProps {
+    open: boolean;
+    onClose: () => void;
+    code: string;
+}
+declare const CodeModal: React.FC<CodeModalProps>;
+export default CodeModal;

package/dist/packages/diagrams/src/lib/organisms/ConditionRuleGroup.d.ts

@@ -0,0 +1,17 @@
+import { PaperProps } from "@mui/material";
+import { RuleGroup } from "../types/condition-builder";
+import { Option } from "../atoms/ContentAssist";
+import React from "react";
+type Props = {
+    value: RuleGroup;
+    onChange: (value: RuleGroup) => void;
+    onDelete?: () => void;
+    options: Option[];
+    initialOptions: Option[];
+    optionsType: string;
+    setOptions: (value: Option[]) => void;
+    setOptionsType: (value: string) => void;
+    wrapperProps: PaperProps;
+};
+declare const ConditionRuleGroup: React.FC<Props>;
+export default ConditionRuleGroup;

package/dist/packages/diagrams/src/lib/organisms/CustomEdge/EdgeMarkers.d.ts

@@ -0,0 +1,10 @@
+type EdgeMarkersProps = {
+    id: string;
+    sourcePosition: string;
+    targetPosition: string;
+    stroke?: string;
+    markerStart?: string;
+    markerEnd?: string;
+};
+export declare const EdgeMarkers: ({ id, sourcePosition, targetPosition, stroke, markerStart, markerEnd, }: EdgeMarkersProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/diagrams/src/lib/organisms/CustomEdge/custom-edge-generator.d.ts

@@ -0,0 +1,8 @@
+import { EdgeProps } from '@xyflow/react';
+import { EdgeTypes } from './custom-edge.type';
+/**
+ * CustomEdgeGenerator is a higher-order function that generates a custom edge component.
+ * It accepts an optional `type` parameter (defaults to `EdgeTypes.Default`) and returns
+ * a React component that renders the edge.
+ */
+export declare const CustomEdgeGenerator: (type?: EdgeTypes) => ({ id, source, target, style, markerEnd, markerStart }: EdgeProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/packages/diagrams/src/lib/organisms/CustomEdge/custom-edge.params.d.ts

@@ -0,0 +1,3 @@
+export declare const colorMappings: {
+    [key: string]: string;
+};

package/dist/packages/diagrams/src/lib/organisms/CustomEdge/custom-edge.type.d.ts

@@ -0,0 +1,14 @@
+export interface MarkerSelectionProps {
+    onChange: (value: string) => void;
+    keyPrefix?: number | string;
+    value: string;
+    disabled?: boolean;
+    label: string;
+}
+export declare enum EdgeTypes {
+    Init = "init",
+    Default = "default",
+    Source2Bend = "source->bend",
+    Bend2Target = "bend->target",
+    Bend2Bend = "bend->bend"
+}

package/dist/packages/diagrams/src/lib/organisms/CustomEdge/useCreateBendPoint.d.ts

@@ -0,0 +1,4 @@
+import { Edge } from '@xyflow/react';
+import { ICardNode } from '@flowuent-labs/diagrams';
+import React from 'react';
+export declare const useCreateBendPoint: (currentEdge: Edge, sourceNode: ICardNode, targetNode: ICardNode, pathRef: React.RefObject<SVGPathElement>) => (evt: React.MouseEvent<SVGPathElement, MouseEvent>) => void;

package/dist/packages/diagrams/src/lib/organisms/CustomEdge/useEdgeModal.d.ts

@@ -0,0 +1,5 @@
+import { EdgeTypes } from './custom-edge.type';
+export declare const useEdgeModal: (selectedEdgeId: string | null, id: string, type: EdgeTypes, currentEdgeType?: string) => {
+    hasModal: boolean;
+    toggleModal: (setSelectedEdgeId: (id: string | null) => void) => void;
+};

package/dist/packages/diagrams/src/lib/organisms/CustomEdge/useEdgePath.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { ICardNode } from '../../types/card-node';
+import { EdgeTypes } from './custom-edge.type';
+export declare const useEdgePath: (source: string, target: string, type: EdgeTypes, style?: React.CSSProperties) => {
+    edgePath: null;
+    labelX: number;
+    labelY: number;
+    edgeParams: null;
+    sourceNode: null;
+    targetNode: null;
+} | {
+    edgePath: string;
+    labelX: number;
+    labelY: number;
+    edgeParams: {
+        sourceX: number;
+        sourceY: number;
+        targetX: number;
+        targetY: number;
+        sourcePosition: import("@xyflow/react").Position;
+        targetPosition: import("@xyflow/react").Position;
+    };
+    sourceNode: ICardNode;
+    targetNode: ICardNode;
+};

package/dist/packages/diagrams/src/lib/organisms/DownloadPanel.d.ts

@@ -0,0 +1,20 @@
+import React, { HTMLAttributes } from 'react';
+export type PanelPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export type PanelProps = HTMLAttributes<HTMLDivElement> & {
+    position: PanelPosition;
+};
+interface DownloadPanelProps extends Omit<PanelProps, 'position'> {
+    position?: PanelProps['position'];
+    customButtons?: React.ReactNode;
+    hideUndo?: boolean;
+    hideRedo?: boolean;
+    hideDownload?: boolean;
+    hideExportJson?: boolean;
+    hideImportJson?: boolean;
+    hideEdgeTypeSwitch?: boolean;
+    hideLayoutDirection?: boolean;
+    offsetX?: number;
+    offsetY?: number;
+}
+export declare const DownloadPanel: React.FC<DownloadPanelProps>;
+export default DownloadPanel;

package/dist/packages/diagrams/src/lib/organisms/EdgeModal.d.ts

@@ -0,0 +1,10 @@
+import { EdgeTypes } from './CustomEdge/custom-edge.type';
+import { ICardNode } from '../types/card-node';
+export default function EdgeModal({ type, id, labelX, labelY, sourceNode, targetNode, }: {
+    type: EdgeTypes;
+    id: string;
+    labelX: number;
+    labelY: number;
+    sourceNode: ICardNode;
+    targetNode: ICardNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/packages/diagrams/src/lib/organisms/HistoryPane.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface HistoryPaneProps {
+    className?: string;
+}
+export declare const HistoryPane: React.MemoExoticComponent<({ className }: HistoryPaneProps) => import("react/jsx-runtime").JSX.Element>;
+export default HistoryPane;

package/dist/packages/diagrams/src/lib/organisms/NodeContextMenu.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NodeContextMenu: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;

package/dist/packages/diagrams/src/lib/organisms/PropertiesPane.d.ts

@@ -0,0 +1,16 @@
+import { BoxProps } from '@mui/material';
+import { DraggablePaneProps } from '../molecules/DraggablePane';
+import { ExtendedEdge } from '../utils/edge-hooks';
+import { ICardNode } from '../types/card-node';
+import { SmartDynamicFormField } from '../types/SmartDynamicFormField';
+interface PropertiesPaneProps {
+    nodeSchema: SmartDynamicFormField[];
+    edgeSchema: SmartDynamicFormField[];
+    noSelectionBoxProps?: BoxProps;
+    onNodeUpdate?: (values: ICardNode) => void;
+    onEdgeUpdate?: (values: ExtendedEdge) => void;
+    draggablePaneProps?: Partial<DraggablePaneProps>;
+    className?: string;
+}
+export declare function PropertiesPane({ nodeSchema, edgeSchema, noSelectionBoxProps, onNodeUpdate, onEdgeUpdate, draggablePaneProps, className, }: PropertiesPaneProps): import("react/jsx-runtime").JSX.Element;
+export default PropertiesPane;

package/dist/packages/diagrams/src/lib/organisms/SmartDynamicForm.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { SmartDynamicFormField, FormValues } from '../types/SmartDynamicFormField';
+/**
+ * Props for the SmartDynamicForm component.
+ * @param formSchema Array of form elements to render.
+ * @param initialValues Initial values for the form fields.
+ * @param onSubmit Callback function to handle form submission.
+ * @param className Optional className for the root form element.
+ */
+interface SmartDynamicFormProps {
+    formSchema: SmartDynamicFormField[];
+    initialValues: FormValues;
+    onSubmit: (values: FormValues) => void;
+    className?: string;
+}
+/**
+ * SmartDynamicForm component to dynamically render form fields based on a schema.
+ * @param formSchema Array of form elements to render.
+ * @param initialValues Initial values for the form fields.
+ * @param onSubmit Callback function to handle form submission.
+ * @param className Optional className for the root form element.
+ */
+declare const SmartDynamicForm: React.FC<SmartDynamicFormProps>;
+export default SmartDynamicForm;

package/dist/packages/diagrams/src/lib/organisms/Stencil.d.ts

@@ -0,0 +1,26 @@
+import { GridProps } from '@mui/material';
+import React from 'react';
+import { StencilItemType } from '../types/stencil-item';
+import { DraggablePaneProps } from '../molecules/DraggablePane';
+interface StencilProps {
+    stencilItems: StencilItemType[];
+    gridProps?: GridProps;
+    gridItemProps?: GridProps;
+    draggablePaneProps?: DraggablePaneProps;
+}
+/**
+ * Stencil Component
+ *
+ * A configurable stencil component that displays a set of draggable items in a grid layout.
+ *
+ * @param {StencilProps} props - The props for the Stencil component
+ * @param {StencilItemType[]} props.stencilItems - The array of stencil items to display
+ * @param {GridProps} [props.gridProps] - Props for the main Grid container
+ * @param {GridProps} [props.gridItemProps] - Props for each Grid item
+ * @param {DraggablePaneProps} [props.draggablePaneProps] - Props for the DraggablePane component
+ * @param {string} [props.className] - Optional className for the root DraggablePane element
+ *
+ * @returns {React.ReactElement} The Stencil component
+ */
+export declare function Stencil({ stencilItems, gridProps, gridItemProps, draggablePaneProps, }: StencilProps): React.ReactElement;
+export {};

package/dist/packages/diagrams/src/lib/organisms/UseDiagramStore.d.ts

@@ -0,0 +1 @@
+export declare const useDiagramStore: () => import("../..").DiagramStore;

package/dist/packages/diagrams/src/lib/organisms/WorkFlowNode/NodeActionButtons.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ICardNode } from '../../types/card-node';
+interface NodeActionButtonsProps {
+    addButtonVisible: boolean;
+    addNewCaseNode: () => void;
+    nextNodes: ICardNode[];
+}
+declare const NodeActionButtons: React.MemoExoticComponent<({ addButtonVisible, addNewCaseNode, nextNodes }: NodeActionButtonsProps) => import("react/jsx-runtime").JSX.Element>;
+export default NodeActionButtons;

package/dist/packages/diagrams/src/lib/organisms/WorkFlowNode/NodeTypeDisplay.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NodeTypeDisplay: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default NodeTypeDisplay;

package/dist/packages/diagrams/src/lib/organisms/WorkflowNode.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const WorkflowNode: React.MemoExoticComponent<({ id }: {
+    id: string;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default WorkflowNode;

package/dist/packages/diagrams/src/lib/services/GoogleSheetsService.d.ts

@@ -0,0 +1,151 @@
+export interface GoogleSheetsConfig {
+    spreadsheetId: string;
+    sheetName: string;
+    range: string;
+    credentials: {
+        type: 'service-account' | 'oauth' | 'api-key';
+        serviceAccountKey?: string;
+        oauthToken?: string;
+        apiKey?: string;
+        clientEmail?: string;
+        privateKey?: string;
+        clientId?: string;
+        scopes?: string[];
+    };
+}
+export interface DataMapping {
+    headers: Array<{
+        column: string;
+        sourceField: string;
+        dataType: 'string' | 'number' | 'date' | 'boolean';
+    }>;
+    appendMode: boolean;
+    clearSheet: boolean;
+}
+export interface SheetsExportOptions {
+    emailRecipients?: string[];
+    fileName?: string;
+    exportFormat?: 'sheets' | 'excel';
+    includeHeaders?: boolean;
+}
+export interface SheetsResponse {
+    spreadsheetId: string;
+    sheetName: string;
+    range: string;
+    rowsAdded: number;
+    columnsMapped: number;
+    data: any[];
+    exportTime: string;
+    success: boolean;
+    spreadsheetUrl?: string;
+    downloadUrl?: string;
+    emailSent?: boolean;
+}
+export declare class GoogleSheetsService {
+    private sheets;
+    private auth;
+    private isBrowserEnvironment;
+    private accessToken;
+    private gisLoaded;
+    private hasRequestedConsent;
+    private requestedScopes;
+    constructor();
+    /**
+     * Initialize Google Sheets API with authentication
+     * Note: In browser environment, this uses a mock API for demonstration
+     */
+    initialize(config: GoogleSheetsConfig): Promise<void>;
+    /**
+     * Ensure Google Identity Services script is loaded
+     */
+    private ensureGisLoaded;
+    /**
+     * Request an OAuth access token using GIS token client
+     */
+    private requestAccessToken;
+    /**
+     * Ensure the active token includes the given scopes. If not, request a new token with the union.
+     */
+    private ensureScopes;
+    /**
+     * Build a minimal RFC 2822 MIME message (plain text) and return base64url string.
+     */
+    private buildMimeMessage;
+    /**
+     * Encode string to base64url (RFC 4648 §5), as required by Gmail API.
+     */
+    private encodeBase64Url;
+    /**
+     * Attempt to send an email via Gmail API using the current OAuth token.
+     */
+    private sendViaGmailApi;
+    /**
+     * Helper: call Google Sheets REST API using fetch
+     */
+    private apiFetch;
+    /**
+     * Send email via Gmail API if authorized; fallback to mailto for simple cases
+     */
+    sendEmail(params: {
+        from?: string;
+        to: string[];
+        subject?: string;
+        message?: string;
+        spreadsheetUrl?: string;
+        attachExcelBlob?: Blob;
+        attachExcelFileName?: string;
+        disableUiFallback?: boolean;
+    }): Promise<boolean>;
+    /**
+     * Export data to Google Sheets
+     * Note: In browser environment, this simulates the export process
+     */
+    exportToSheets(data: any[], config: GoogleSheetsConfig, dataMapping: DataMapping, options?: SheetsExportOptions): Promise<SheetsResponse>;
+    /**
+     * Export data to Excel file and download
+     */
+    exportToExcel(data: any[], dataMapping: DataMapping, options?: SheetsExportOptions): Promise<SheetsResponse>;
+    /**
+     * Map data according to column configuration
+     */
+    private mapDataToColumns;
+    /**
+     * Get nested value from object using dot notation
+     */
+    private getNestedValue;
+    /**
+     * Format value according to data type
+     */
+    private formatValueForSheets;
+    /**
+     * Prepare range for writing data
+     */
+    private prepareRange;
+    /**
+     * Clear sheet content
+     */
+    private clearSheet;
+    /**
+     * Prepare values array for Google Sheets API
+     */
+    private prepareValues;
+    /**
+     * Prepare data for Excel export
+     */
+    private prepareExcelData;
+    /**
+     * Send email notification with spreadsheet link
+     */
+    private sendEmailNotification;
+    /**
+     * Send email with Excel attachment
+     */
+    private sendEmailWithAttachment;
+    /**
+     * Validate configuration
+     */
+    validateConfig(config: GoogleSheetsConfig): {
+        valid: boolean;
+        errors: string[];
+    };
+}

package/dist/packages/diagrams/src/lib/services/SlackService.d.ts

@@ -0,0 +1,16 @@
+import { SlackOutputOptions } from '../types/automation-node-data-types';
+export interface SlackSendParams {
+    webhookUrl: string;
+    payload: any;
+}
+export declare class SlackService {
+    private isBrowserEnvironment;
+    constructor();
+    validateConfig(opts?: SlackOutputOptions): {
+        valid: boolean;
+        errors: string[];
+    };
+    buildPayload(opts: SlackOutputOptions, messageText: string, data: any, spreadsheetUrl?: string): any;
+    private compactString;
+    sendMessage({ webhookUrl, payload, }: SlackSendParams): Promise<boolean>;
+}

package/dist/packages/diagrams/src/lib/services/TwilioWhatsAppService.d.ts

@@ -0,0 +1,62 @@
+export interface TwilioConfig {
+    accountSid: string;
+    authToken: string;
+    fromNumber: string;
+    isSandbox: boolean;
+}
+export interface TwilioMessageOptions {
+    to: string;
+    message?: string;
+    templateSid?: string;
+    templateVariables?: Record<string, string>;
+}
+export interface TwilioMessageResult {
+    success: boolean;
+    messageSid?: string;
+    error?: string;
+    status?: string;
+}
+export interface TwilioValidationResult {
+    valid: boolean;
+    errors: string[];
+}
+export declare class TwilioWhatsAppService {
+    private config;
+    constructor(config: TwilioConfig);
+    /**
+     * Validates the Twilio configuration
+     */
+    validateConfig(config?: TwilioConfig): TwilioValidationResult;
+    /**
+     * Sends a WhatsApp message using Twilio API
+     */
+    sendMessage(options: TwilioMessageOptions): Promise<TwilioMessageResult>;
+    /**
+     * Formats phone number to WhatsApp format
+     */
+    private formatPhoneNumber;
+    /**
+     * Makes the actual API call to Twilio
+     */
+    private makeTwilioApiCall;
+    /**
+     * Sends a template message (for production use)
+     */
+    sendTemplateMessage(to: string, templateSid: string, templateVariables: Record<string, string>): Promise<TwilioMessageResult>;
+    /**
+     * Checks if the service is configured for sandbox mode
+     */
+    isSandboxMode(): boolean;
+    /**
+     * Gets the configured from number
+     */
+    getFromNumber(): string;
+    /**
+     * Updates the configuration
+     */
+    updateConfig(newConfig: Partial<TwilioConfig>): void;
+    /**
+     * Gets the current configuration (without sensitive data)
+     */
+    getConfig(): Omit<TwilioConfig, 'authToken'>;
+}

package/dist/packages/diagrams/src/lib/templates/DiagramContainer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ReactFlowProps } from '@xyflow/react';
+import '@xyflow/react/dist/style.css';
+interface DiagramContainerProps extends Omit<ReactFlowProps, 'nodes' | 'edges' | 'onChange'> {
+    showAutomationExecutionPanel?: boolean;
+}
+export declare const DiagramContainer: React.FC<DiagramContainerProps>;
+export {};

package/dist/packages/diagrams/src/lib/templates/DiagramContent.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ReactFlowProps } from '@xyflow/react';
+interface DiagramContentProps extends Omit<ReactFlowProps, 'nodes' | 'edges' | 'onChange'> {
+    className?: string;
+    showAutomationExecutionPanel?: boolean;
+}
+export declare const DiagramContent: React.FC<DiagramContentProps>;
+export default DiagramContent;

package/dist/packages/diagrams/src/lib/templates/Diagramming.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Edge } from '@xyflow/react';
+import { ICardNode } from '../types/card-node';
+import DiagramTypes from '../types/diagram-types';
+import { ConditionBuilderState, GetDefaultNodeDataType, OnChangeEventHandler, RenderAddNodeViewType, WorkflowNodeContentType } from '../contexts/diagramStoreTypes';
+import { FunctionSignature } from '../types/FunctionSignature';
+import { AvailableVariable } from '../types/available-variables';
+export interface DiagrammingPageRef {
+    undo: () => void;
+    redo: () => void;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    reset: () => void;
+    getHistoryLength: () => number;
+    getHistoryIndex: () => number;
+    getNodeData: (nodeId: string) => any | null;
+    updateNodeData: (nodeId: string, data: any) => boolean;
+    getSelectedNode: () => string | null;
+    getNodes: () => any[];
+    getEdges: () => any[];
+}
+export interface DiagrammingPageProps {
+    diagramType: DiagramTypes;
+    onChange?: OnChangeEventHandler;
+    defaultNodes: ICardNode[];
+    defaultEdges: Edge[];
+    children?: React.ReactNode;
+    workflowNodeContent?: WorkflowNodeContentType;
+    renderAddNodeView?: RenderAddNodeViewType;
+    getDefaultNodeData?: GetDefaultNodeDataType;
+    availableFunctions: FunctionSignature[];
+    availableVariables?: AvailableVariable[];
+    id: number;
+    className?: string;
+    conditionBuilderStates?: ConditionBuilderState;
+    onNodeSelect?: (payload: {
+        nodeId: string;
+        type?: string;
+        data?: any;
+    }) => void;
+    enableNodeJsonPopover?: boolean;
+    showAutomationExecutionPanel?: boolean;
+}
+export declare const DiagrammingPage: React.ForwardRefExoticComponent<DiagrammingPageProps & React.RefAttributes<DiagrammingPageRef>>;

package/dist/packages/diagrams/src/lib/templates/PageLinks.d.ts

@@ -0,0 +1,2 @@
+declare const PageLinks: () => import("react/jsx-runtime").JSX.Element;
+export default PageLinks;

package/dist/packages/diagrams/src/lib/templates/arch/ArchDiagram.d.ts

@@ -0,0 +1,8 @@
+import { Edge, Node } from '@xyflow/react';
+import '@xyflow/react/dist/style.css';
+import { EdgeData, NodeData } from './components/nodeTypes';
+declare const ArchDiagram: (props: {
+    archNodes: Node<NodeData>[];
+    archEdges: Edge<EdgeData>[];
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArchDiagram;

package/dist/packages/diagrams/src/lib/templates/arch/components/EdgeDialog.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Edge } from '@xyflow/react';
+interface EdgeData extends Record<string, unknown> {
+    label?: string;
+}
+interface EdgeDialogProps {
+    open: boolean;
+    onClose: () => void;
+    selectedEdge: Edge<EdgeData> | null;
+    edgeLabel: string;
+    onEdgeLabelChange: (label: string) => void;
+    onEdgeUpdate: () => void;
+    onKeyPress: (event: React.KeyboardEvent) => void;
+    isAnimated?: boolean;
+    onAnimationToggle?: (checked: boolean) => void;
+}
+declare const EdgeDialog: React.FC<EdgeDialogProps>;
+export default EdgeDialog;