Skip to main content

Function: handleSubmit()

function handleSubmit(
    event: SyntheticEvent<HTMLFormElement>,
    properties: {
        addMonitorToSite: (
            siteIdentifier: string,
            monitor: Monitor
        ) => Promise<void>;
        clearError: () => void;
        createSite: (siteData: {
            identifier: string;
            monitoring?: boolean;
            monitors?: Monitor[];
            name?: string;
        }) => Promise<void>;
        dynamicFieldValues?: MonitorValidationFieldValues;
        generateUuid: () => string;
        logger: LoggerInterface;
        onSuccess?: () => void;
        setFormError: (error: string | undefined) => void;
        addMode: FormMode;
        baselineUrl: string;
        bodyKeyword: string;
        certificateWarningDays: string;
        checkIntervalMs: number;
        edgeLocations: string;
        expectedHeaderValue: string;
        expectedJsonValue: string;
        expectedStatusCode: string;
        expectedValue: string;
        formError: string | undefined;
        headerName: string;
        heartbeatExpectedStatus: string;
        heartbeatMaxDriftSeconds: string;
        heartbeatStatusField: string;
        heartbeatTimestampField: string;
        host: string;
        jsonPath: string;
        maxPongDelayMs: string;
        maxReplicationLagSeconds: string;
        maxResponseTimeMs: string;
        monitorType:
            | "cdn-edge-consistency"
            | "dns"
            | "http"
            | "http-header"
            | "http-json"
            | "http-keyword"
            | "http-latency"
            | "http-status"
            | "ping"
            | "port"
            | "replication"
            | "server-heartbeat"
            | "ssl"
            | "websocket-keepalive";
        name: string;
        port: string;
        primaryStatusUrl: string;
        recordType: string;
        replicaStatusUrl: string;
        replicationTimestampField: string;
        selectedExistingSite: string;
        siteIdentifier: string;
        url: string;
    }
): Promise<void>;

Defined in: src/components/AddSiteForm/Submit.tsx:294

Handles form submission for adding sites or monitors.

Performs comprehensive validation based on add mode and monitor type:

  • For new sites: validates site name and monitor configuration
  • For existing sites: validates site selection and monitor configuration
  • For HTTP monitors: validates URL format and protocol
  • For port monitors: validates host and port number

Parameters​

event​

SyntheticEvent<HTMLFormElement>

Form submission event

properties​

Form state, actions, and dependencies

addMonitorToSite​

(siteIdentifier: string, monitor: Monitor) => Promise<void>

Add a monitor to an existing site

clearError​

() => void

Clear any existing error state

createSite​

(siteData: { identifier: string; monitoring?: boolean; monitors?: Monitor[]; name?: string; }) => Promise<void>

Create a new site with monitors

dynamicFieldValues?​

MonitorValidationFieldValues

Precomputed monitor validation field map.

generateUuid​

() => string

UUID generator function for creating unique identifiers

logger​

LoggerInterface

Logger instance for debugging and error tracking

onSuccess?​

() => void

Optional callback executed after successful submission

setFormError​

(error: string | undefined) => void

Set form error message

addMode​

FormMode

Form operation mode (new site vs existing site)

baselineUrl​

string

Baseline URL for CDN edge consistency monitors

bodyKeyword​

string

Keyword to match for HTTP keyword monitors

certificateWarningDays​

string

SSL certificate warning days

checkIntervalMs​

number

Check interval in milliseconds

edgeLocations​

string

Edge endpoint list for CDN edge consistency monitors

expectedHeaderValue​

string

Expected HTTP header value for header monitors

expectedJsonValue​

string

Expected JSON value for JSON monitors

expectedStatusCode​

string

Expected HTTP status code for status-based HTTP monitors

expectedValue​

string

Expected value for DNS record verification

formError​

string | undefined

Current form validation error

headerName​

string

Header name for HTTP header monitors

heartbeatExpectedStatus​

string

Expected heartbeat status field

heartbeatMaxDriftSeconds​

string

Heartbeat drift tolerance

heartbeatStatusField​

string

Heartbeat status field path

heartbeatTimestampField​

string

Heartbeat timestamp field path

host​

string

Host/IP field for port and DNS monitors

jsonPath​

string

JSON path for HTTP JSON monitors

maxPongDelayMs​

string

Maximum pong delay for WebSocket monitors

maxReplicationLagSeconds​

string

Maximum replication lag in seconds

maxResponseTimeMs​

string

Maximum response time (milliseconds) for latency monitors

monitorType​

| "cdn-edge-consistency" | "dns" | "http" | "http-header" | "http-json" | "http-keyword" | "http-latency" | "http-status" | "ping" | "port" | "replication" | "server-heartbeat" | "ssl" | "websocket-keepalive"

Selected monitor type

name​

string

Display name for the site

port​

string

Port number field for port monitors

primaryStatusUrl​

string

Primary replication status URL

recordType​

string

DNS record type field for DNS monitors

replicaStatusUrl​

string

Replica status URL

replicationTimestampField​

string

Replication timestamp field

selectedExistingSite​

string

Selected existing site identifier when adding to existing

siteIdentifier​

string

Generated site identifier

url​

string

URL field for HTTP monitors

Returns​

Promise<void>

Promise that resolves when submission is complete

Example​

const handleFormSubmit = (e: SyntheticEvent<HTMLFormElement>) => {
    handleSubmit(e, {
        ...formState,
        ...formActions,
        ...storeActions,
        generateUuid,
        logger,
        onSuccess: () => setIsVisible(false),
    });
};