import { ComponentType } from 'react';
import { ApolloClient, DocumentNode, NormalizedCacheObject } from '@apollo/client';
import { Template } from './constants/template';
import { Language } from './constants/language';
import { FormFieldType } from './constants/formFieldTypes';
import { FormErrors, FormValues } from './components/form/types';
type CommonConfig = {
    id: string;
    title: string;
};
export type StaticDataConfig = CommonConfig & {
    type: Template.STATIC_DATA;
    data: object | string;
    language?: Language;
    readOnly?: boolean;
};
export type CacheViewerConfig = CommonConfig & {
    type: Template.CACHE_VIEWER;
    client: ApolloClient<NormalizedCacheObject>;
    readOnly?: boolean;
};
export type QueryExecutorConfig = CommonConfig & {
    type: Template.QUERY_EXECUTOR;
    client: ApolloClient<NormalizedCacheObject>;
    config?: {
        input?: {
            title?: string;
        };
        variable?: {
            title?: string;
        };
        output?: {
            title?: string;
            readOnly?: boolean;
        };
    };
};
export type MutationExecutorConfig = CommonConfig & {
    type: Template.MUTATION_EXECUTOR;
    client: ApolloClient<NormalizedCacheObject>;
    config?: {
        input?: {
            title?: string;
        };
        variable?: {
            title?: string;
        };
        output?: {
            title?: string;
            readOnly?: boolean;
        };
    };
    mutations?: {
        id: string;
        label: string;
        node: DocumentNode;
        variables: object;
    }[];
};
export type CustomQueryConfig = CommonConfig & {
    type: Template.CUSTOM_QUERY;
    formLayout: FormLayout;
    fieldConfigMap: FieldConfigMap;
    query: DocumentNode;
    getVariables: (formValues: FormValues) => object;
    validator?: (formValues: FormValues) => FormErrors;
    initialValues?: FormValues;
    client: ApolloClient<NormalizedCacheObject>;
    outputConfig?: {
        readOnly?: boolean;
    };
};
export type CustomMutationConfig = CommonConfig & {
    type: Template.CUSTOM_MUTATION;
    formLayout: FormLayout;
    fieldConfigMap: FieldConfigMap;
    mutation: DocumentNode;
    getVariables: (formValues: FormValues) => object;
    validator?: (formValues: FormValues) => FormErrors;
    initialValues?: FormValues;
    client: ApolloClient<NormalizedCacheObject>;
    outputConfig?: {
        readOnly?: boolean;
    };
};
export type FetchAndMutateConfig = CommonConfig & {
    type: Template.FETCH_AND_MUTATE;
    fetchConfig: {
        formLayout: FormLayout;
        fieldConfigMap: FieldConfigMap;
        query: DocumentNode;
        getVariables: (formValues: FormValues) => object;
        validator?: (formValues: FormValues) => FormErrors;
        initialValues?: FormValues;
        output?: {
            title?: string;
        };
        cta?: {
            label: string;
        };
    };
    mutateConfig: {
        mutation: DocumentNode;
        getVariables: (formValues: FormValues, queryResponse: object) => object;
        validator?: (formValues: FormValues) => FormErrors;
        output?: {
            title?: string;
        };
    };
    client: ApolloClient<NormalizedCacheObject>;
};
export type CustomTemplateConfig = CommonConfig & {
    type: Template.CUSTOM;
    Component: ComponentType;
};
export type SchemaViewerConfig = CommonConfig & {
    type: Template.SCHEMA_VIEWER;
    client: ApolloClient<NormalizedCacheObject>;
};
export type RestApiConfig = CommonConfig & {
    type: Template.REST_API;
    defaultUrl?: string;
    defaultMethod?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
    defaultHeaders?: Record<string, string>;
    defaultBody?: string;
};
export type SseConfig = CommonConfig & {
    type: Template.SSE;
    url?: string;
    headers?: Record<string, string>;
};
export type RestWebsocketConfig = CommonConfig & {
    type: Template.REST_WEBSOCKET;
    url?: string;
};
export type GqlSubscriptionConfig = CommonConfig & {
    type: Template.GQL_SUBSCRIPTION;
    wsUrl?: string;
    query?: string;
    variables?: string;
};
type PlainTemplates = StaticDataConfig | CacheViewerConfig | QueryExecutorConfig | MutationExecutorConfig | CustomQueryConfig | CustomMutationConfig | FetchAndMutateConfig | CustomTemplateConfig | SchemaViewerConfig | RestApiConfig | SseConfig | RestWebsocketConfig | GqlSubscriptionConfig;
export type NestedTemplateConfig = CommonConfig & {
    type: Template.NESTED_TEMPLATE;
    templates: PlainTemplates[];
};
export type TemplateConfig = PlainTemplates | NestedTemplateConfig;
export type APIPlaygroundProps = {
    config: TemplateConfig[];
};
/***************************** CONNECTION TYPES ***************************************/
export type ConnectionStatus = 'disconnected' | 'connecting' | 'connected' | 'error';
/***************************** FORM CONFIG ***************************************/
export type FormLayout = {
    horizontal?: boolean;
    fields?: (string | FormLayout)[];
};
export type FieldConfig = {
    type: FormFieldType;
    id: string;
    label: string;
    required?: boolean;
    placeholder?: string;
    readOnly?: boolean;
};
export type FieldConfigMap = Record<string, FieldConfig>;
/***************************** UTILITY TYPES ***************************************/
export type Action<Type extends string, Payload extends object | undefined = undefined> = Payload extends undefined ? {
    type: Type;
} : {
    type: Type;
    payload: Payload;
};
export {};