@orchestrator-ui/orchestrator-ui-components 0.2.4 → 0.2.6

package/dist/index.d.ts

@@ -1,171 +1,63 @@
-import * as _elastic_eui from '@elastic/eui';
-import { EuiBadgeProps, EuiBasicTableColumn, EuiDataGridColumn, Pagination as Pagination$1, Criteria as Criteria$1, EuiThemeModifications } from '@elastic/eui';
+import { _EuiThemeColorsMode } from '@elastic/eui/src/global_styling/variables/colors';
 import * as React from 'react';
-import React__default, { ReactNode, FC, ReactElement, FunctionComponent } from 'react';
+import React__default, { ReactNode, FC, ReactElement, FunctionComponent, ComponentType, Ref, HTMLProps, JSX } from 'react';
+import * as _elastic_eui from '@elastic/eui';
+import { EuiBadgeProps, EuiThemeComputed, EuiBasicTableColumn, EuiDataGridColumn, Pagination as Pagination$1, Criteria as Criteria$1, EuiThemeModifications } from '@elastic/eui';
 import { TextColor } from '@elastic/eui/src/components/text/text_color';
-import * as react_query from 'react-query';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { _EuiThemeColorsMode } from '@elastic/eui/src/global_styling/variables/colors';
+import { EuiSideNavItemType } from '@elastic/eui/src/components/side_nav/side_nav_types';
+import { TranslationValues, AbstractIntlMessages } from 'next-intl';
+import * as react_query from 'react-query';
+import * as uniforms from 'uniforms';
+import { HTMLFieldProps } from 'uniforms';
 import { EuiDataGridControlColumn, EuiDataGridSorting, EuiDataGridPaginationProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
 import { Criteria } from '@elastic/eui/src/components/basic_table/basic_table';
-import { TypedDocumentNode } from '@graphql-typed-document-node/core';
+import moment, { Moment } from 'moment-timezone';
+import { Toast } from '@elastic/eui/src/components/toast/global_toast_list';
 import { Variables } from 'graphql-request/build/cjs/types';
-import { AbstractIntlMessages } from 'next-intl';
+import { TypedDocumentNode } from '@graphql-typed-document-node/core';
+import { Session } from 'next-auth';
+import { UseSessionOptions } from 'next-auth/react';
+import { JSONSchema6 } from 'json-schema';
 import * as graphql from 'graphql';
 
-type WFOBadgeProps = EuiBadgeProps & {
-    textColor: TextColor | string;
-    children: ReactNode;
-};
-declare const WFOBadge: FC<WFOBadgeProps>;
-
-type WFOSubscriptionStatusBadgeProps = {
-    status: string;
-};
-declare const WFOSubscriptionStatusBadge: FC<WFOSubscriptionStatusBadgeProps>;
-
-type WFOProductBlockBadgeProps = {
-    children: string;
-};
-declare const WFOProductBlockBadge: FC<WFOProductBlockBadgeProps>;
-
-declare const useQueryWithGraphql: <U, V extends Variables>(query: TypedDocumentNode<U, V>, queryVars: V, queryKey: string, useCoreConnection?: boolean) => react_query.UseQueryResult<U, unknown>;
-
-type GlobalStatus = 'RUNNING' | 'PAUSED' | 'PAUSING';
-interface EngineStatus {
-    global_lock: boolean;
-    running_processes: number;
-    global_status: GlobalStatus;
-}
-interface EngineStatusPayload {
-    global_lock: boolean;
-}
-declare const useEngineStatusQuery: () => react_query.UseQueryResult<EngineStatus, unknown>;
-declare const useEngineStatusMutation: () => react_query.UseMutationResult<EngineStatus, unknown, EngineStatusPayload, void>;
-
-declare enum Environment {
-    DEVELOPMENT = "Development",
-    PRODUCTION = "Production"
-}
-type OrchestratorConfig = {
-    environmentName: Environment | string;
-    orchestratorApiBaseUrl: string;
-    engineStatusEndpoint: string;
-    graphqlEndpointPythia: string;
-    graphqlEndpointCore: string;
-    processStatusCountsEndpoint: string;
-    subscriptionActionsEndpoint: string;
-    subscriptionProcessesEndpoint: string;
-};
-declare const useOrchestratorConfig: (initialOrchestratorConfig: OrchestratorConfig) => {
-    orchestratorConfig: OrchestratorConfig;
-};
-
-declare const useOrchestratorTheme: () => {
-    theme: _elastic_eui.EuiThemeComputed<{}>;
-    multiplyByBaseUnit: (multiplier: number) => number;
-    toSecondaryColor: (color: string) => string;
-};
-
-declare enum ProcessStatus {
-    CREATED = "created",
-    RUNNING = "running",
-    SUSPENDED = "suspended",
-    WAITING = "waiting",
-    ABORTED = "aborted",
-    FAILED = "failed",
-    RESUMED = "resumed",
-    API_UNAVAILABLE = "api_unavailable",
-    INCONSISTENT_DATA = "inconsistent_data",
-    COMPLETED = "completed"
+interface IpPrefix {
+    id: number;
+    prefix: string;
+    version: number;
 }
-type ProcessStatusCounts = {
-    process_counts: Record<ProcessStatus, number>;
-    task_counts: Record<ProcessStatus, number>;
-};
-declare const useProcessStatusCountsQuery: () => react_query.UseQueryResult<ProcessStatusCounts, unknown>;
-
-type CacheNames = {
-    [key: string]: string;
-};
-declare const useFavouriteSubscriptions: () => {
-    items: any;
-    type: string;
-    title: string;
-    buttonName: string;
-};
-declare const useProcessesAttention: () => {
-    items: any;
-    type: string;
-    title: string;
-    buttonName: string;
-};
-declare const useRecentProcesses: () => {
-    items: any;
-    type: string;
-    title: string;
-    buttonName: string;
-};
-declare const useCacheNames: () => react_query.UseQueryResult<CacheNames, unknown>;
-
-interface SubscriptionAction {
-    name: string;
+interface IpBlock {
+    id: number;
+    prefix: string;
+    ip_network: string;
     description: string;
-    reason?: string;
-    usable_when?: string[];
-    locked_relations?: string[];
-    unterminated_parents?: string[];
-    unterminated_in_use_by_subscriptions?: string[];
-    status?: string;
-    action?: string;
+    state: number;
+    parent: number;
+    version: number;
+    parent_ipam_id: number;
+    is_subnet: boolean;
+    state_repr: string;
 }
-interface SubscriptionActions {
-    reason?: string;
-    locked_relations?: string[];
-    create: SubscriptionAction[];
-    modify: SubscriptionAction[];
-    terminate: SubscriptionAction[];
-    system: SubscriptionAction[];
-}
-declare const useSubscriptionActions: (subscriptionId: string) => react_query.UseQueryResult<SubscriptionActions, unknown>;
-
-declare enum SubscriptionStatus {
-    INITIAL = "INITIAL",
-    ACTIVE = "ACTIVE",
-    MIGRATING = "MIGRATING",
-    DISABLED = "DISABLED",
-    TERMINATED = "TERMINATED",
-    PROVISIONING = "PROVISIONING"
-}
-type Subscription$1 = {
-    subscriptionId: string;
-    description: string;
-    note: string;
-    startDate: string;
-    endDate: string;
-    insync: boolean;
-    status: SubscriptionStatus;
-    product: Pick<ProductDefinition, 'name' | 'tag' | 'productType'>;
-};
 
+type UnionOfInterfaceTypes<T> = T[keyof T];
 type Nullable<T> = T | null;
 type GenericField = {
     [key: string]: number | string | boolean;
 };
+type FieldValue = {
+    field: string;
+    value: string | number | boolean;
+};
+type KeyValue = {
+    key: string;
+    value: string | number | boolean | undefined;
+};
 type EngineStatusValue = 'RUNNING' | 'PAUSING' | 'PAUSED';
-type CustomerBase = {
-    name: string;
-    abbreviation?: string;
-} & GenericField;
-type ProductBase = {
-    name: string;
-    description: string;
-    status: string;
-    tag: string;
-    type: string;
-    createdAt: string;
-    endDate?: string | null;
-} & GenericField;
+type Customer = {
+    fullname: string;
+    identifier: string;
+    shortcode: string;
+};
 type ResourceTypeBase = {
     name: string;
     title: string;
@@ -173,26 +65,48 @@ type ResourceTypeBase = {
     ownerSubscriptionId: string;
     label?: string;
 } & GenericField;
-type ProductBlockBase = {
+type InUseByRelation = {
+    subscription_instance_id: string;
+    subscription_id: string;
+};
+type ProductBlockInstance = {
     id: number;
     ownerSubscriptionId: string;
+    subscriptionInstanceId: string;
     parent: Nullable<number>;
-    resourceTypes: ResourceTypeBase;
+    productBlockInstanceValues: FieldValue[];
+    inUseByRelations: InUseByRelation[];
 };
 interface ResourceTypeDefinition {
     description: string;
     resourceType: string;
     resourceTypeId: string;
+    productBlocks: ProductBlockDefinition[];
 }
 interface ProductBlockDefinition {
     productBlockId: string;
     name: string;
     tag: string;
     description: string;
-    status: string;
-    createdAt: Date | null;
-    endDate: Date | null;
+    status: ProductLifecycleStatus;
+    createdAt: string;
+    endDate: string | null;
     resourceTypes: ResourceTypeDefinition[];
+    dependsOn: ProductBlockDefinition[];
+}
+declare enum ProductLifecycleStatus {
+    ACTIVE = "active",
+    PRE_PRODUCTION = "pre production",
+    PHASE_OUT = "phase out",
+    END_OF_LIFE = "end of life"
+}
+declare enum BadgeType {
+    WORKFLOW = "workflow",
+    FIXED_INPUT = "fixed_input",
+    RESOURCE_TYPE = "resource_type",
+    PRODUCT_BLOCK = "product_block",
+    PRODUCT_BLOCK_TAG = "product_block_tag",
+    PRODUCT_TAG = "product_tag"
 }
 type FixedInputsBase = GenericField;
 interface FixedInputDefinition {
@@ -204,29 +118,9 @@ interface FixedInputDefinition {
     description: string;
     required: boolean;
 }
-type ExternalServiceBase = {
-    externalServiceKey: string;
-    externalServiceId: string;
-    externalServiceData: any;
-} & GenericField;
-type SubscriptionDetailBase = {
-    subscriptionId: string;
-    description: string;
-    customerId?: string | null;
-    insync: boolean;
-    status: string;
-    startDate?: string | null;
-    endDate?: string | null;
-    note?: string;
-    product: ProductBase;
-    fixedInputs: FixedInputsBase;
-    customer?: CustomerBase;
-    productBlocks: ProductBlockBase[];
-    externalServices?: ExternalServiceBase[];
-};
-interface TreeBlock extends ProductBlockBase {
+interface TreeBlock extends ProductBlockInstance {
     icon: string;
-    label: string;
+    label: string | number | boolean;
     callback: () => void;
     children: TreeBlock[];
 }
@@ -262,31 +156,113 @@ interface ProductDefinition {
     tag: string;
     createdAt: string;
     productType: string;
-    status: string;
+    status: ProductLifecycleStatus;
     productBlocks: Pick<ProductBlockDefinition, 'name'>[];
     fixedInputs: Pick<FixedInputDefinition, 'name' | 'value'>[];
 }
-type Process$1 = {
+declare enum WorkflowTarget {
+    CREATE = "create",
+    MODIFY = "modify",
+    TERMINATE = "terminate",
+    SYSTEM = "system"
+}
+type Process = {
     workflowName: string;
-    step: string;
-    status: ProcessStatus;
-    workflowTarget: string;
-    product: string;
-    customer: string;
-    subscriptions: {
-        page: Pick<Subscription$1, 'subscriptionId' | 'description'>[];
+    lastStep: string;
+    lastStatus: ProcessStatus;
+    workflowTarget: WorkflowTarget;
+    product?: {
+        name: string;
+        tag: string;
+    };
+    customer: {
+        fullname: string;
+        shortcode: string;
     };
     createdBy: string;
     assignee: string;
     processId: string;
-    started: string;
-    lastModified: string;
+    startedAt: string;
+    lastModifiedAt: string;
+    subscriptions: {
+        page: Pick<Subscription$1, 'subscriptionId' | 'description'>[];
+    };
 };
+declare enum StepStatus {
+    FORM = "form",
+    SUCCESS = "success",
+    FAILED = "failed",
+    PENDING = "pending",
+    RUNNING = "running",
+    SKIPPED = "skipped",
+    SUSPEND = "suspend",
+    WAITING = "waiting",
+    AWAITING_CALLBACK = "awaiting_callback",
+    ABORT = "abort",
+    COMPLETE = "complete"
+}
+interface ProcessDetail {
+    processId: Process['processId'];
+    lastStatus: Process['lastStatus'];
+    createdBy: Process['createdBy'];
+    startedAt: Process['startedAt'];
+    lastStep: string;
+    lastModifiedAt: Process['lastModifiedAt'];
+    workflowName: string;
+    isTask: boolean;
+    steps: Step[];
+    subscriptions: {
+        page: {
+            product: Pick<ProductDefinition, 'name'>;
+            description: Subscription$1['description'];
+            subscriptionId: Subscription$1['subscriptionId'];
+        }[];
+    };
+    customer: {
+        fullname: string;
+    };
+}
+declare enum ProcessStatus {
+    CREATE = "create",
+    CREATED = "created",
+    RUNNING = "running",
+    SUSPENDED = "suspended",
+    WAITING = "waiting",
+    AWAITING_CALLBACK = "awaiting_callback",
+    ABORTED = "aborted",
+    FAILED = "failed",
+    RESUMED = "resumed",
+    API_UNAVAILABLE = "api_unavailable",
+    INCONSISTENT_DATA = "inconsistent_data",
+    COMPLETED = "completed"
+}
+declare const ProcessDoneStatuses: ProcessStatus[];
+interface StepState {
+    [index: string]: object | boolean | string | number | [];
+}
+interface EmailAddress {
+    name: string;
+    email: string;
+}
+interface EmailState {
+    to: EmailAddress[];
+    cc: EmailAddress[];
+    message: string;
+    subject: string;
+}
+interface Step {
+    name: string;
+    status: StepStatus;
+    stepId: string;
+    executed: string;
+    state: StepState;
+    stateDelta: StepState;
+}
 interface WorkflowDefinition {
     name: string;
-    description: string;
-    target: string;
-    productTags: string[];
+    description?: string;
+    target: WorkflowTarget;
+    products: Pick<ProductDefinition, 'tag' | 'productId' | 'name'>[];
     createdAt: string;
 }
 type Field<Type> = keyof Type;
@@ -303,21 +279,29 @@ type GraphqlFilter<Type> = {
     value: string;
 };
 type GraphqlQueryVariables<Type> = {
-    first: number;
-    after: number;
+    first?: number;
+    after?: number;
     sortBy?: GraphQLSort<Type>;
     filterBy?: GraphqlFilter<Type>[];
 };
 type GraphQLPageInfo = {
     hasNextPage: boolean;
     hasPreviousPage: boolean;
-    startCursor?: number;
-    totalItems?: number;
-    endCursor?: number;
+    startCursor: number | null;
+    totalItems: number | null;
+    endCursor: number | null;
+    sortFields: string[];
+    filterFields: string[];
 };
 interface SubscriptionsResult {
     subscriptions: GraphQlResultPage<Subscription$1>;
 }
+interface SubscriptionDropdownOptionsResult {
+    subscriptions: GraphQlSinglePage<SubscriptionDropdownOption>;
+}
+interface SubscriptionDetailResult {
+    subscriptions: GraphQlResultPage<SubscriptionDetail>;
+}
 interface ProductDefinitionsResult {
     products: GraphQlResultPage<ProductDefinition>;
 }
@@ -328,15 +312,29 @@ interface ResourceTypeDefinitionsResult {
     resourceTypes: GraphQlResultPage<ResourceTypeDefinition>;
 }
 interface ProcessesResult {
-    processes: GraphQlResultPage<Process$1>;
+    processes: GraphQlResultPage<Process>;
+}
+interface ProcessesDetailResult {
+    processes: GraphQlSinglePage<ProcessDetail>;
 }
-interface WorkflowDefinitionsResult {
-    workflows: GraphQlResultPage<WorkflowDefinition>;
+interface CustomersResult {
+    customers: GraphQlSinglePage<Customer>;
+}
+interface WorkflowDefinitionsResult<T = WorkflowDefinition> {
+    workflows: GraphQlResultPage<T>;
+}
+interface RelatedSubscriptionsResult {
+    subscriptions: GraphQlSinglePage<Pick<Subscription$1, 'subscriptionId'> & {
+        inUseBySubscriptions: GraphQlResultPage<RelatedSubscription>;
+    }>;
 }
 interface GraphQlResultPage<T> {
     page: T[];
     pageInfo: GraphQLPageInfo;
 }
+interface GraphQlSinglePage<T> {
+    page: T[];
+}
 interface CacheOption {
     value: string;
     label: string;
@@ -345,95 +343,197 @@ declare enum Locale {
     enUS = "en-Us",
     nlNL = "nl-NL"
 }
+declare enum SubscriptionStatus {
+    INITIAL = "initial",
+    ACTIVE = "active",
+    MIGRATING = "migrating",
+    DISABLED = "disabled",
+    TERMINATED = "terminated",
+    PROVISIONING = "provisioning"
+}
+type Subscription$1 = {
+    subscriptionId: string;
+    description: string;
+    note: string | null;
+    startDate: string | null;
+    endDate: string | null;
+    insync: boolean;
+    status: SubscriptionStatus;
+    product: Pick<ProductDefinition, 'name' | 'tag' | 'productType'>;
+    productBlockInstances: ProductBlockInstance[];
+};
+type SubscriptionDropdownOption = {
+    description: Subscription$1['description'];
+    subscriptionId: Subscription$1['subscriptionId'];
+    product: Pick<ProductDefinition, 'tag' | 'productId'>;
+    customer: Pick<Customer, 'fullname' | 'identifier'>;
+    productBlockInstances: ProductBlockInstance[];
+    fixedInputs: FieldValue[];
+    tag: string;
+    status: SubscriptionStatus;
+};
+type SubscriptionDetail = {
+    subscriptionId: string;
+    description: string;
+    insync: boolean;
+    note: string;
+    fixedInputs: FieldValue[];
+    product: Pick<ProductDefinition, 'createdAt' | 'name' | 'status' | 'description' | 'tag' | 'productType' | 'productId'> & {
+        endDate: string;
+    };
+    endDate: string;
+    startDate: string;
+    status: SubscriptionStatus;
+    productBlockInstances: ProductBlockInstance[];
+    customerId?: string | null;
+    customer?: Customer;
+    externalServices?: ExternalService[];
+    processes: GraphQlSinglePage<SubscriptionDetailProcess>;
+};
+type SubscriptionDetailProcess = Pick<Process, 'processId' | 'lastStatus' | 'startedAt' | 'createdBy' | 'workflowTarget' | 'workflowName'>;
+type RelatedSubscription = Pick<Subscription$1, 'subscriptionId' | 'description' | 'status' | 'startDate' | 'insync'> & {
+    product: Pick<ProductDefinition, 'tag'>;
+    customer: Pick<Customer, 'fullname'>;
+};
+type ExternalService = {
+    externalServiceKey: string;
+    externalServiceId: string;
+    externalServiceData: object;
+};
+type WfoTreeNodeMap = {
+    [key: number]: TreeBlock;
+};
 
-interface Process {
-    workflow: string;
-    pid: string;
-    is_task: boolean;
-    created_by: Nullable<string>;
-    failed_reason: Nullable<string>;
-    started_at: number;
-    last_status: ProcessStatus;
-    assignee: 'NOC' | 'SYSTEM' | 'CHANGES' | 'USER';
-    last_modified_at: number;
-    traceback: Nullable<string>;
-    last_step: Nullable<string>;
+declare class BaseApiClient {
+    private _axiosInstance;
+    constructor(apiPath: string);
+    axiosFetch: <R = object>(path: string, options?: {}, headers?: {}, showErrorDialog?: boolean, result?: boolean) => Promise<R>;
+    catchErrorStatus: <T>(promise: Promise<unknown>, status: number, callback: (json: T) => void) => Promise<unknown>;
+    fetchJson: <R = object>(path: string, options?: {}, headers?: {}, showErrorDialog?: boolean, result?: boolean) => Promise<R>;
+    fetchJsonWithCustomErrorHandling: <R = object>(path: string) => Promise<R>;
+    postPutJson: <R = object>(path: string, processInput: object, method: string, showErrorDialog?: boolean, result?: boolean) => Promise<R>;
 }
-interface SubscriptionProcess {
-    workflow_target: null | 'CREATE' | 'MODIFY' | 'TERMINATE' | 'SYSTEM';
-    subscription_id: string;
-    id: string;
-    pid: string;
-    created_at: number;
-    process: Process;
+declare abstract class ApiClientInterface extends BaseApiClient {
+    abstract cimStartForm: (formKey: string, userInputs: object[]) => Promise<object>;
 }
-declare const useSubscriptionProcesses: (subscriptionId: string) => react_query.UseQueryResult<SubscriptionProcess[], unknown>;
+declare class ApiClient extends ApiClientInterface {
+    startProcess: (workflowName: string, processInput: object) => Promise<unknown>;
+    products: () => Promise<ProductDefinition[]>;
+    productById: (productId: string) => Promise<ProductDefinition>;
+    cimStartForm: (formKey: string, userInputs: object[]) => Promise<{
+        id: string;
+    }>;
+    prefix_filters: () => Promise<IpPrefix[]>;
+    ip_blocks: (parentPrefix: number) => Promise<IpBlock[]>;
+    free_subnets: (subnet: string, netmask: number, prefixlen: number) => Promise<string[]>;
+}
+declare function getApiClient(apiEndPoint: string): ApiClient;
 
-type DataDisplayParams<Type> = {
-    pageSize: number;
-    pageIndex: number;
-    sortBy: GraphQLSort<Type>;
-    esQueryString?: string;
+type WfoBadgeProps = EuiBadgeProps & {
+    textColor: TextColor | string;
+    children: ReactNode;
 };
-interface DataDisplayReturnValues<Type> {
-    dataDisplayParams: DataDisplayParams<Type>;
-    setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void;
-}
-declare const useDataDisplayParams: <Type>(initialParams: Partial<DataDisplayParams<Type>>) => DataDisplayReturnValues<Type>;
+declare const WfoBadge: FC<WfoBadgeProps>;
 
-type WFOProcessStatusBadgeProps = {
+type WfoSubscriptionStatusBadgeProps = {
+    status: SubscriptionStatus;
+};
+declare const WfoSubscriptionStatusBadge: FC<WfoSubscriptionStatusBadgeProps>;
+
+type WfoProductBlockBadgeProps = {
+    children: string;
+    badgeType: BadgeType;
+};
+declare function WfoProductBlockBadge({ children, badgeType, }: WfoProductBlockBadgeProps): _emotion_react_jsx_runtime.JSX.Element;
+
+type WfoProcessStatusBadgeProps = {
     processStatus: ProcessStatus;
 };
-declare const WFOProcessStatusBadge: FC<WFOProcessStatusBadgeProps>;
+declare const WfoProcessStatusBadge: FC<WfoProcessStatusBadgeProps>;
 
-declare const WFOFailedTasksBadge: () => _emotion_react_jsx_runtime.JSX.Element;
+declare const WfoFailedTasksBadge: () => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const WFOEnvironmentBadge: () => _emotion_react_jsx_runtime.JSX.Element;
+declare const WfoEnvironmentBadge: () => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const WFOEngineStatusBadge: () => _emotion_react_jsx_runtime.JSX.Element;
+declare const WfoEngineStatusBadge: () => _emotion_react_jsx_runtime.JSX.Element;
 
 type HeaderBadgeProps = EuiBadgeProps & {
     textColor: TextColor | string;
     children: ReactNode;
 };
-declare const WFOHeaderBadge: FC<HeaderBadgeProps>;
+declare const WfoHeaderBadge: FC<HeaderBadgeProps>;
+
+type WfoProductStatusBadgeProps = {
+    status: ProductLifecycleStatus;
+};
+declare const WfoProductStatusBadge: FC<WfoProductStatusBadgeProps>;
 
-declare const WFOBreadcrumbs: () => _emotion_react_jsx_runtime.JSX.Element;
+declare const WfoBreadcrumbs: () => _emotion_react_jsx_runtime.JSX.Element;
 
 type FilterQuery<DataType> = {
     field: keyof DataType;
     value: string;
 };
-type WFOFilterTab<TabType, DataType> = {
+type WfoFilterTab<TabType, DataType> = {
     id: TabType;
     translationKey: string;
     alwaysOnFilters?: FilterQuery<DataType>[];
 };
-type WFOFilterTabsProps<TabType, DataType> = {
-    tabs: WFOFilterTab<TabType, DataType>[];
+type WfoFilterTabsProps<TabType, DataType> = {
+    tabs: WfoFilterTab<TabType, DataType>[];
     selectedTab: TabType;
     translationNamespace: string;
     onChangeTab: (updatedTab: TabType) => void;
 };
-declare const WFOFilterTabs: <TabType extends string, DataType>({ tabs, selectedTab, translationNamespace, onChangeTab, }: WFOFilterTabsProps<TabType, DataType>) => _emotion_react_jsx_runtime.JSX.Element;
+declare const WfoFilterTabs: <TabType extends string, DataType>({ tabs, selectedTab, translationNamespace, onChangeTab, }: WfoFilterTabsProps<TabType, DataType>) => _emotion_react_jsx_runtime.JSX.Element;
+
+type WfoKeyCellProps = {
+    value: string;
+    rowNumber: number;
+};
+declare const WfoKeyCell: FC<WfoKeyCellProps>;
 
-interface WFOPageHeaderProps {
+type WfoValueCellProps = {
+    value: ReactNode;
+    textToCopy?: string;
+    rowNumber: number;
+    enableCopyIcon: boolean;
+};
+declare const WfoValueCell: FC<WfoValueCellProps>;
+
+type WfoKeyValueTableDataType = {
+    key: string;
+    value: ReactNode;
+    textToCopy?: string;
+};
+type WfoKeyValueTableProps = {
+    keyValues: WfoKeyValueTableDataType[];
+    showCopyToClipboardIcon?: boolean;
+};
+declare const WfoKeyValueTable: FC<WfoKeyValueTableProps>;
+
+interface WfoPageHeaderProps {
     navigationHeight: number;
     getAppLogo: (navigationHeight: number) => ReactElement;
+    handleSideMenuClick: () => void;
     handleLogoutClick: () => void;
 }
-declare const WFOPageHeader: FC<WFOPageHeaderProps>;
+declare const WfoPageHeader: FC<WfoPageHeaderProps>;
 
-interface WFOPageTemplateProps {
+interface WfoPageTemplateProps {
     getAppLogo: (navigationHeight: number) => ReactElement;
+    overrideMenuItems?: (defaultMenuItems: EuiSideNavItemType<object>[]) => EuiSideNavItemType<object>[];
     children: ReactNode;
 }
-declare const WFOPageTemplate: FC<WFOPageTemplateProps>;
+declare const WfoPageTemplate: FC<WfoPageTemplateProps>;
 
-declare const WFOSidebar: FC;
+type WfoSidebarProps = {
+    overrideMenuItems?: (defaultMenuItems: EuiSideNavItemType<object>[]) => EuiSideNavItemType<object>[];
+};
+declare const WfoSidebar: FC<WfoSidebarProps>;
 
 declare const PATH_START = "/";
-declare const PATH_NEW_PROCESS = "/new-process";
+declare const PATH_START_WORKFLOW = "/start-workflow";
 declare const PATH_PROCESSES = "/processes";
 declare const PATH_SUBSCRIPTIONS = "/subscriptions";
 declare const PATH_METADATA = "/metadata";
@@ -444,35 +544,42 @@ declare const PATH_METADATA_WORKFLOWS = "/metadata/workflows";
 declare const PATH_TASKS = "/tasks";
 declare const PATH_SETTINGS = "/settings";
 
-type WFOSearchFieldProps = {
+type WfoSearchFieldProps = {
     __filterQuery?: string;
     __setFilterQuery?: (updatedFilterQuery: string) => void;
     esQueryString?: string;
     onUpdateEsQueryString?: (esQueryString: string) => void;
 };
-declare const WFOSearchField: ({ __filterQuery, __setFilterQuery, esQueryString, onUpdateEsQueryString, }: WFOSearchFieldProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const WfoSearchField: ({ __filterQuery, __setFilterQuery, esQueryString, onUpdateEsQueryString, }: WfoSearchFieldProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type WfoInformationModalProps = {
+    title: string;
+    onClose: () => void;
+    children: ReactNode;
+};
+declare const WfoInformationModal: FC<WfoInformationModalProps>;
 
-type SettingsModalProps = {
+type WfoSettingsModalProps = {
     title: string;
     onClose: () => void;
     onResetToDefaults: () => void;
     onUpdateTableConfig: () => void;
     children: ReactNode;
 };
-declare const SettingsModal: FC<SettingsModalProps>;
+declare const WfoSettingsModal: FC<WfoSettingsModalProps>;
 
-declare const WFOSettings: FunctionComponent;
+declare const WfoSettings: FunctionComponent;
 
-interface WFOFrequentlyUsedProps {
+interface WfoFrequentlyUsedProps {
     values: string[];
 }
-declare const WFOFrequentlyUsed: FC<WFOFrequentlyUsedProps>;
+declare const WfoFrequentlyUsed: FC<WfoFrequentlyUsedProps>;
 
 interface Subscription {
     name: string;
     subscription_id: string;
     description: string;
-    product: ProductBase;
+    product: ProductDefinition;
     product_id: string;
     status: string;
     insync: boolean;
@@ -481,98 +588,272 @@ interface Subscription {
     end_date: number;
     note: string;
 }
-interface WFOListItemStartPageProps {
+interface WfoListItemStartPageProps {
     item: Subscription | ProcessFromRestApi;
     type: string;
 }
-declare const WFOListItemStartPage: FC<WFOListItemStartPageProps>;
+declare const WfoListItemStartPage: FC<WfoListItemStartPageProps>;
 
-declare const WFOMultiListSection: FC;
+declare const WfoMultiListSection: FC;
 
-declare const WFONewProcessPanel: FC;
+declare const WfoNewProcessPanel: FC;
 
-declare const WFOStatCards: FC;
+declare const WfoStatCards: FC;
 
-declare const WFOFixedInputBlock: (title: string, data: object) => _emotion_react_jsx_runtime.JSX.Element | undefined;
+declare const useQueryWithGraphql: <U, V extends Variables>(query: TypedDocumentNode<U, V>, queryVars: V, queryKey: string, refetchInterval?: number | false, enabled?: boolean) => react_query.UseQueryResult<U, unknown>;
 
-type ProcessesTimelineProps = {
-    subscriptionId: string;
+type GlobalStatus = 'RUNNING' | 'PAUSED' | 'PAUSING';
+interface EngineStatus {
+    global_lock: boolean;
+    running_processes: number;
+    global_status: GlobalStatus;
+}
+interface EngineStatusPayload {
+    global_lock: boolean;
+}
+declare const useEngineStatusQuery: () => react_query.UseQueryResult<EngineStatus, unknown>;
+declare const useEngineStatusMutation: () => react_query.UseMutationResult<EngineStatus, unknown, EngineStatusPayload, void>;
+
+declare enum Environment {
+    DEVELOPMENT = "Development",
+    PRODUCTION = "Production"
+}
+type OrchestratorConfig = {
+    environmentName: Environment | string;
+    orchestratorApiBaseUrl: string;
+    graphqlEndpointCore: string;
+    engineStatusEndpoint: string;
+    processStatusCountsEndpoint: string;
+    processesEndpoint: string;
+    subscriptionActionsEndpoint: string;
+    subscriptionProcessesEndpoint: string;
+    dataRefetchInterval: {
+        processDetail: number;
+    };
+    authActive: boolean;
+};
+declare const useOrchestratorConfig: (initialOrchestratorConfig: OrchestratorConfig) => {
+    orchestratorConfig: OrchestratorConfig;
 };
-declare const ProcessesTimeline: FC<ProcessesTimelineProps>;
 
-declare const WFOProductBlock: (resourceTypes: ResourceTypeBase, id: number) => _emotion_react_jsx_runtime.JSX.Element | undefined;
+declare const useOrchestratorTheme: () => {
+    theme: _elastic_eui.EuiThemeComputed<{}>;
+    multiplyByBaseUnit: (multiplier: number) => number;
+    toSecondaryColor: (color: string) => string;
+};
+
+type ProcessStatusCounts = {
+    process_counts: Record<ProcessStatus, number>;
+    task_counts: Record<ProcessStatus, number>;
+};
+declare const useProcessStatusCountsQuery: () => react_query.UseQueryResult<ProcessStatusCounts, unknown>;
+
+type CacheNames = {
+    [key: string]: string;
+};
+declare const useFavouriteSubscriptions: () => ItemsList;
+declare const useProcessesAttention: () => ItemsList;
+declare const useRecentProcesses: () => ItemsList;
+declare const useRawProcessDetails: (processId: string) => react_query.UseQueryResult<object, unknown>;
+declare const useCacheNames: () => react_query.UseQueryResult<CacheNames, unknown>;
+declare const useFilterQueryWithRest: <Type>(endpoint: string, queryKey: string[], filters?: GraphqlFilter<Type>[] | undefined, refetchInterval?: number) => react_query.UseQueryResult<any, unknown>;
+
+interface SubscriptionAction {
+    name: string;
+    description: string;
+    reason?: string;
+    usable_when?: string[];
+    locked_relations?: string[];
+    unterminated_parents?: string[];
+    unterminated_in_use_by_subscriptions?: string[];
+    status?: string;
+    action?: string;
+}
+interface SubscriptionActions {
+    reason?: string;
+    locked_relations?: string[];
+    modify: SubscriptionAction[];
+    terminate: SubscriptionAction[];
+    system: SubscriptionAction[];
+}
+declare const useSubscriptionActions: (subscriptionId: string) => react_query.UseQueryResult<SubscriptionActions, unknown>;
+
+type DataDisplayParams<Type> = {
+    pageSize: number;
+    pageIndex: number;
+    sortBy: GraphQLSort<Type>;
+    esQueryString?: string;
+};
+interface DataDisplayReturnValues<Type> {
+    dataDisplayParams: DataDisplayParams<Type>;
+    setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void;
+}
+declare const useDataDisplayParams: <Type>(initialParams: Partial<DataDisplayParams<Type>>) => DataDisplayReturnValues<Type>;
+
+declare enum ToastTypes {
+    ERROR = "ERROR",
+    SUCCESS = "SUCCESS"
+}
+interface ToastContextProps {
+    addToast: (type: ToastTypes, text: ReactElement | string, title: string) => void;
+    removeToast: (id: string) => void;
+    toasts: Toast[];
+}
+declare const ToastContext: React__default.Context<ToastContextProps>;
+interface ToastsContextProviderProps {
+    children: ReactNode;
+}
+declare const ToastsContextProvider: ({ children, }: ToastsContextProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const useToastMessage: () => ToastContextProps;
+
+declare const useStoredTableConfig: <T>(localeStorageKey: string) => () => StoredTableConfig<T> | undefined;
+
+declare function useWithOrchestratorTheme<T>(getStylesFunction: (theme: EuiThemeComputed) => T): T;
+
+type SessionToken = Session & {
+    accessToken?: string;
+};
+declare const useSessionWithToken: (options?: UseSessionOptions<boolean> | undefined) => {
+    session: SessionToken;
+    update: (data?: any) => Promise<Session | null>;
+    data: Session;
+    status: "authenticated";
+} | {
+    session: SessionToken;
+    update: (data?: any) => Promise<Session | null>;
+    data: null;
+    status: "unauthenticated" | "loading";
+} | {
+    session: SessionToken;
+    update: (data?: any) => Promise<Session | null>;
+    data: Session;
+    status: "authenticated";
+} | {
+    session: SessionToken;
+    update: (data?: any) => Promise<Session | null>;
+    data: null;
+    status: "loading";
+};
 
-type SubscriptionActionsProps = {
+declare enum SubscriptionTabIds {
+    GENERAL_TAB = "general-id",
+    SERVICE_CONFIGURATION_TAB = "service-configuration-id",
+    PROCESSES_TAB = "processes-id",
+    RELATED_SUBSCRIPTIONS_TAB = "related-subscriptions-id"
+}
+declare const getFieldFromProductBlockInstanceValues: (instanceValues: FieldValue[], field: string) => string | number | boolean;
+declare const getProductBlockTitle: (instanceValues: FieldValue[]) => string | number | boolean;
+declare const flattenArrayProps: (action: SubscriptionAction) => TranslationValues;
+declare const getWorkflowTargetColor: (workflowTarget: WorkflowTarget, theme: EuiThemeComputed) => string;
+
+interface WfoProcessesTimelineProps {
+    subscriptionDetailProcesses: SubscriptionDetailProcess[];
+}
+declare const WfoProcessesTimeline: ({ subscriptionDetailProcesses, }: WfoProcessesTimelineProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+interface WfoSubscriptionProductBlockProps {
+    ownerSubscriptionId: string;
+    subscriptionInstanceId: string;
+    productBlockInstanceValues: FieldValue[];
+    inUseByRelations: InUseByRelation[];
+    id: number;
+}
+declare const HIDDEN_KEYS: string[];
+declare const WfoSubscriptionProductBlock: ({ ownerSubscriptionId, subscriptionInstanceId, productBlockInstanceValues, inUseByRelations, }: WfoSubscriptionProductBlockProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type WfoSubscriptionActionsProps = {
     subscriptionId: string;
 };
-declare const WFOSubscriptionActions: FC<SubscriptionActionsProps>;
+declare const WfoSubscriptionActions: FC<WfoSubscriptionActionsProps>;
 
-declare const RenderField: (field: string, data: any) => _emotion_react_jsx_runtime.JSX.Element;
-declare const WFOSubscriptionBlock: (title: string, data: object) => _emotion_react_jsx_runtime.JSX.Element | undefined;
+interface SubscriptionKeyValueBlockProps {
+    title: string;
+    keyValues: WfoKeyValueTableDataType[];
+}
+declare const SubscriptionKeyValueBlock: ({ title, keyValues, }: SubscriptionKeyValueBlockProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const WFOSubscriptionDetailTree: () => _emotion_react_jsx_runtime.JSX.Element | null;
+interface WfoSubscriptionDetailTreeProps {
+    productBlockInstances: ProductBlockInstance[];
+}
+declare const WfoSubscriptionDetailTree: ({ productBlockInstances, }: WfoSubscriptionDetailTreeProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
-/** TODO: Adding a useTranslations hook here leads to an hooks error. https://github.com/workfloworchestrator/orchestrator-ui/issues/177 */
-declare const WFOSubscriptionGeneral: () => _emotion_react_jsx_runtime.JSX.Element;
+interface WfoSubscriptionGeneralProps {
+    subscriptionDetail: SubscriptionDetail;
+}
+declare const WfoSubscriptionGeneral: ({ subscriptionDetail, }: WfoSubscriptionGeneralProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type WfoSubscriptionProps = {
+    subscriptionId: string;
+};
+declare const WfoSubscription: ({ subscriptionId }: WfoSubscriptionProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type WFOBasicTableColumn<T> = Omit<EuiBasicTableColumn<T>, 'render'>;
-type WFOTableDataColumnConfig<T, Property> = WFOBasicTableColumn<T> & {
+type WfoEuiBasicTableColumn<T> = Omit<EuiBasicTableColumn<T>, 'render'>;
+type WfoTableDataColumnConfig<T, Property> = WfoEuiBasicTableColumn<T> & {
     field: Property;
     name: string;
+    sortable?: boolean;
+    filterable?: boolean;
 };
-type WFOTableColumnsWithExtraNonDataFields<T> = WFOTableColumns<T> & {
+declare const WFO_STATUS_COLOR_FIELD = "statusColorField";
+type WfoTableColumnsWithExtraNonDataFields<T> = WfoTableColumns<T> & {
     [key: string]: EuiBasicTableColumn<T> & {
         field: string;
         name?: string;
     };
 };
-type WFOTableColumns<T> = {
-    [Property in keyof T]: WFOTableDataColumnConfig<T, Property> & {
+type WfoTableColumns<T> = {
+    [Property in keyof T]: WfoTableDataColumnConfig<T, Property> & {
         render?: (cellValue: T[Property], row: T) => ReactNode;
+        renderDetails?: (cellValue: T[Property], row: T) => ReactNode;
+        clipboardText?: (cellValue: T[Property], row: T) => string;
     };
 };
-type WFOTableControlColumnConfig<T> = {
-    [key: string]: WFOBasicTableColumn<T> & {
+type WfoTableControlColumnConfig<T> = {
+    [key: string]: WfoEuiBasicTableColumn<T> & {
         field: string;
         name?: string;
-        render: (row: T) => ReactNode;
+        render: (cellValue: never, row: T) => ReactNode;
     };
 };
-type WFOTableColumnsWithControlColumns<T> = WFOTableColumns<T> & WFOTableControlColumnConfig<T>;
 type TableColumnKeys<T> = Array<keyof T>;
-type WFODataSorting<T> = {
+type WfoDataSorting<T> = {
     field: keyof T;
     sortOrder: SortOrder;
 };
+type WfoDataSearch<T> = {
+    field: keyof T;
+    searchText: string;
+};
 declare const getSortDirectionFromString: (sortOrder?: string) => SortOrder | undefined;
 
-type WFODataGridTableColumns<T> = {
+type WfoDataGridTableColumns<T> = {
     [Property in keyof T]: Omit<EuiDataGridColumn, 'id'> & {
         renderCell?: (cellValue: T[Property], row: T) => ReactNode;
         isHiddenByDefault?: boolean;
     };
 };
-type WFOControlColumn<T> = Omit<EuiDataGridControlColumn, 'rowCellRender' | 'headerCellRender' | 'footerCellRender' | 'footerCellProps' | 'headerCellProps'> & {
+type WfoControlColumn<T> = Omit<EuiDataGridControlColumn, 'rowCellRender' | 'headerCellRender' | 'footerCellRender' | 'footerCellProps' | 'headerCellProps'> & {
     rowCellRender: (row: T) => ReactNode;
 };
-declare const getInitialColumnOrder: <T>(columns: WFODataGridTableColumns<T>, initialColumnOrder: TableColumnKeys<T>) => EuiDataGridColumn[];
-declare const mapColumnSortToEuiDataGridSorting: <T>(columnSort?: WFODataSorting<T> | undefined, updateColumnSort?: ((columnSort: WFODataSorting<T>) => void) | undefined) => EuiDataGridSorting;
+declare const getInitialColumnOrder: <T>(columns: WfoDataGridTableColumns<T>, initialColumnOrder: TableColumnKeys<T>) => EuiDataGridColumn[];
+declare const mapColumnSortToEuiDataGridSorting: <T>(columnSort?: WfoDataSorting<T> | undefined, updateColumnSort?: ((columnSort: WfoDataSorting<T>) => void) | undefined) => EuiDataGridSorting;
 
 type Pagination = EuiDataGridPaginationProps & {
     totalRecords: number;
 };
-type WFODataGridTableProps<T> = {
+type WfoDataGridTableProps<T> = {
     data: T[];
     pagination: Pagination;
-    columns: WFODataGridTableColumns<T>;
-    leadingControlColumns?: WFOControlColumn<T>[];
-    trailingControlColumns?: WFOControlColumn<T>[];
+    columns: WfoDataGridTableColumns<T>;
+    leadingControlColumns?: WfoControlColumn<T>[];
+    trailingControlColumns?: WfoControlColumn<T>[];
     initialColumnOrder: TableColumnKeys<T>;
-    dataSorting?: WFODataSorting<T>;
+    dataSorting?: WfoDataSorting<T>;
     handleRowClick?: (row: T) => void;
-    updateDataSorting?: (updatedDataSorting: WFODataSorting<T>) => void;
+    updateDataSorting?: (updatedDataSorting: WfoDataSorting<T>) => void;
 };
-declare const WFODataGridTable: <T>({ data, pagination, columns, leadingControlColumns, trailingControlColumns, initialColumnOrder, dataSorting, handleRowClick, updateDataSorting, }: WFODataGridTableProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
+declare const WfoDataGridTable: <T>({ data, pagination, columns, leadingControlColumns, trailingControlColumns, initialColumnOrder, dataSorting, handleRowClick, updateDataSorting, }: WfoDataGridTableProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ColumnConfig<T> = {
     field: keyof T;
@@ -597,96 +878,483 @@ declare const DEFAULT_PAGE_SIZE = 10;
 declare const ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY = "activeProcessesListTable";
 declare const COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY = "completedProcessesListTable";
 declare const METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY = "metadataResourceTypesTable";
-declare const METADATA_PRODUCTBLOCKS_TABLE_LOCAL_STORAGE_KEY = "metadataProductBlocksTable";
+declare const METADATA_PRODUCT_BLOCKS_TABLE_LOCAL_STORAGE_KEY = "metadataProductBlocksTable";
 declare const METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY = "metadataProductTable";
 declare const METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY = "metadataWorkflowsTable";
 declare const SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY = "subscriptionsTable";
+declare const TASK_LIST_TABLE_LOCAL_STORAGE_KEY = "taskListTable";
 
-type LocalStorageTableConfig<T> = {
+type StoredTableConfig<T> = {
     hiddenColumns: TableColumnKeys<T>;
     selectedPageSize: number;
 };
-declare const isValidLocalStorageTableConfig: <T>(object: LocalStorageTableConfig<T>) => object is LocalStorageTableConfig<T>;
-declare const getTableConfigFromLocalStorage: <T>(key: string) => LocalStorageTableConfig<T> | undefined;
-declare const setTableConfigToLocalStorage: <T>(key: string, updatedTableConfig: LocalStorageTableConfig<T>) => void;
+declare const isValidLocalStorageTableConfig: <T>(object: StoredTableConfig<T>) => object is StoredTableConfig<T>;
+declare const getTableConfigFromLocalStorage: <T>(key: string) => StoredTableConfig<T> | undefined;
+declare const setTableConfigToLocalStorage: <T>(key: string, updatedTableConfig: StoredTableConfig<T>) => void;
 declare const clearTableConfigFromLocalStorage: (key: string) => void;
 
 declare const determinePageIndex: (pageIndex: number, pageSize: number) => number;
 declare const determineNewSortOrder: <T>(currentSortField: keyof T, currentSortOrder: SortOrder, newSortField: keyof T) => SortOrder;
-declare const getDataSortHandler: <Type>(dataDisplayParams: DataDisplayParams<Type>, setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type_1>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void) => (newSortField: keyof Type) => void;
+declare const getDataSortHandler: <Type>(setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type_1>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void) => ({ field, sortOrder }: WfoDataSorting<Type>) => void;
 declare const getPageChangeHandler: <Type>(setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type_1>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void) => (page: {
     index: number;
     size: number;
 } | undefined) => void;
 declare const getEsQueryStringHandler: <Type>(setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type_1>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void) => (esQueryString: string) => void;
 
-type WFOTableProps<T> = {
+type WfoBasicTableColumns<T> = {
+    [Property in keyof T]: WfoTableDataColumnConfig<T, Property> & {
+        render?: (cellValue: T[Property], row: T) => ReactNode;
+    };
+};
+type WfoBasicTableColumnsWithControlColumns<T> = WfoBasicTableColumns<T> & WfoTableControlColumnConfig<T>;
+type WfoBasicTableProps<T> = {
     data: T[];
-    columns: WFOTableColumnsWithControlColumns<T> | WFOTableColumns<T>;
+    columns: WfoBasicTableColumnsWithControlColumns<T> | WfoBasicTableColumns<T>;
     hiddenColumns?: TableColumnKeys<T>;
-    dataSorting?: WFODataSorting<T>;
-    pagination: Pagination$1;
+    dataSorting?: WfoDataSorting<T>;
+    pagination?: Pagination$1;
     isLoading?: boolean;
-    onCriteriaChange: (criteria: Criteria<T>) => void;
-    onDataSort?: (columnId: keyof T) => void;
+    onCriteriaChange?: (criteria: Criteria<T>) => void;
+    onUpdateDataSorting?: (updatedDataSorting: WfoDataSorting<T>) => void;
+    onDataSearch?: (updatedDataSearch: WfoDataSearch<T>) => void;
+    getStatusColorForRow?: (row: T) => string;
+    isExpandable?: boolean;
+    itemIdToExpandedRowMap?: Record<string, ReactNode>;
+    itemId?: string;
 };
-declare const WFOTable: <T>({ data, columns, hiddenColumns, dataSorting, pagination, isLoading, onCriteriaChange, onDataSort, }: WFOTableProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
+declare const WfoBasicTable: <T>({ data, columns, hiddenColumns, dataSorting, pagination, isLoading, onCriteriaChange, onUpdateDataSorting, onDataSearch, getStatusColorForRow, isExpandable, itemIdToExpandedRowMap, itemId, }: WfoBasicTableProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
 
-type WFOTableWithFilterProps<T> = {
+type WfoSortDirectionIconProps = {
+    sortDirection: SortOrder;
+};
+declare const WfoSortDirectionIcon: FC<WfoSortDirectionIconProps>;
+
+type WfoTableHeaderCellProps = {
+    fieldName: string;
+    sortOrder?: SortOrder;
+    onSetSortOrder?: (updatedSortOrder: SortOrder) => void;
+    onSearch?: (searchText: string) => void;
+    children: string;
+};
+declare const WfoTableHeaderCell: FC<WfoTableHeaderCellProps>;
+
+type WfoStatusColorFieldProps = {
+    color: string;
+};
+declare const WfoStatusColorField: ({ color }: WfoStatusColorFieldProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type WfoTableWithFilterProps<T> = {
     data: T[];
-    tableColumns: WFOTableColumns<T>;
-    leadingControlColumns?: WFOTableControlColumnConfig<T>;
-    trailingControlColumns?: WFOTableControlColumnConfig<T>;
+    tableColumns: WfoTableColumns<T>;
+    leadingControlColumns?: WfoTableControlColumnConfig<T>;
+    trailingControlColumns?: WfoTableControlColumnConfig<T>;
     defaultHiddenColumns?: TableColumnKeys<T>;
-    dataSorting: WFODataSorting<T>;
+    dataSorting: WfoDataSorting<T>;
     pagination: Pagination$1;
     esQueryString?: string;
     isLoading: boolean;
     localStorageKey: string;
+    detailModal?: boolean;
+    detailModalTitle?: string;
     onUpdateEsQueryString: (esQueryString: string) => void;
     onUpdatePage: (criterion: Criteria$1<T>['page']) => void;
-    onUpdateDataSort: (newSortColumnId: keyof T) => void;
+    onUpdateDataSort: (dataSorting: WfoDataSorting<T>) => void;
 };
-declare const WFOTableWithFilter: <T>({ data, tableColumns, leadingControlColumns, trailingControlColumns, defaultHiddenColumns, dataSorting, pagination, esQueryString, isLoading, localStorageKey, onUpdateEsQueryString, onUpdatePage, onUpdateDataSort, }: WFOTableWithFilterProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
+declare const WfoTableWithFilter: <T>({ data, tableColumns, leadingControlColumns, trailingControlColumns, defaultHiddenColumns, dataSorting, pagination, esQueryString, isLoading, localStorageKey, detailModal, detailModalTitle, onUpdateEsQueryString, onUpdatePage, onUpdateDataSort, }: WfoTableWithFilterProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
 
-type WFOTableHeaderCellProps = {
-    sortDirection?: SortOrder;
-    onClick?: () => void;
-    children: ReactNode;
-};
-declare const WFOTableHeaderCell: FC<WFOTableHeaderCellProps>;
-
-declare const WFOLoading: () => _emotion_react_jsx_runtime.JSX.Element;
-
-type WFOIconProps = {
+type WfoIconProps = {
     width?: number | string;
     height?: number | string;
     color?: string;
 };
 
-declare const WFOXCircleFill: FC<WFOIconProps>;
+declare const WfoXCircleFill: FC<WfoIconProps>;
+
+declare const WfoArrowsExpand: FC<WfoIconProps>;
+
+declare const WfoStatusDotIcon: FC<WfoIconProps>;
+
+declare const WfoLogoutIcon: FC<WfoIconProps>;
+
+declare const WfoCheckmarkCircleFill: FC<WfoIconProps>;
+
+declare const WfoMinusCircleOutline: FC<WfoIconProps>;
+
+declare const WfoPlusCircleFill: FC<WfoIconProps>;
+
+declare const WfoChevronDown: FC<WfoIconProps>;
+
+declare const WfoChevronUp: FC<WfoIconProps>;
+
+declare const WfoArrowNarrowDown: FC<WfoIconProps>;
+
+declare const WfoRefresh: FC<WfoIconProps>;
+
+declare const WfoArrowNarrowUp: FC<WfoIconProps>;
 
-declare const WFOStatusDotIcon: FC<WFOIconProps>;
+declare const WfoMinusCircleFill: FC<WfoIconProps>;
 
-declare const WFOLogoutIcon: FC<WFOIconProps>;
+declare const WfoSearchStrikethrough: FC<WfoIconProps>;
 
-declare const WFOCheckmarkCircleFill: FC<WFOIconProps>;
+declare const WfoSortAsc: FC<WfoIconProps>;
 
-declare const WFOMinusCircleOutline: FC<WFOIconProps>;
+declare const WfoSortDesc: FC<WfoIconProps>;
 
-declare const WFOPlusCircleFill: FC<WFOIconProps>;
+declare const WfoPlayFill: FC<WfoIconProps>;
 
-declare const WFOChevronDown: FC<WFOIconProps>;
+declare const WfoCode: FC<WfoIconProps>;
 
-declare const WFOArrowNarrowDown: FC<WFOIconProps>;
+declare const WfoEyeFill: FC<WfoIconProps>;
 
-declare const WFOArrowNarrowUp: FC<WFOIconProps>;
+declare const WfoCogFill: FC<WfoIconProps>;
+
+declare const WfoStatistic: FC<WfoIconProps>;
+
+type WfoSortButtonProps = {
+    WfoIconComponent: FC<WfoIconProps>;
+    isActive: boolean;
+    onClick?: () => void;
+};
+declare const WfoSortButton: FC<WfoSortButtonProps>;
+
+type WfoSortButtonsProps = {
+    sortOrder?: SortOrder;
+    onChangeSortOrder: (updatedSortOrder: SortOrder) => void;
+};
+declare const WfoSortButtons: FC<WfoSortButtonsProps>;
+
+declare enum TimelinePosition {
+    PAST = "past",
+    CURRENT = "current",
+    FUTURE = "future"
+}
+type TimelineItem = {
+    id?: string;
+    processStepStatus: StepStatus;
+    stepDetail?: string | ReactNode;
+    value?: string | ReactNode;
+};
+type WfoTimelineProps = {
+    timelineItems: TimelineItem[];
+    indexOfCurrentStep?: number;
+    onStepClick: (timelineItem: TimelineItem) => void;
+};
+declare const WfoTimeline: FC<WfoTimelineProps>;
+
+declare const WfoLoading: () => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const ToastsList: () => _emotion_react_jsx_runtime.JSX.Element;
+
+interface IProps {
+    preselectedInput?: unknown;
+    formKey: string;
+    handleSubmit: (userInputs: any) => void;
+}
+declare function CreateForm(props: IProps): _emotion_react_jsx_runtime.JSX.Element;
+
+type AutoFieldsProps = {
+    autoField?: ComponentType<{
+        className: string;
+        name: string;
+    }>;
+    element?: ComponentType<object> | string;
+    fields?: string[];
+    omitFields?: string[];
+};
+
+interface ConfirmDialogActions {
+    showConfirmDialog: ShowConfirmDialogType;
+    closeConfirmDialog: (e: React__default.KeyboardEvent<HTMLDivElement> | React__default.MouseEvent<HTMLButtonElement, MouseEvent> | undefined, confirm?: boolean) => void;
+}
+interface ShowConfirmDialog {
+    question: string;
+    confirmAction: ConfirmDialogActions['closeConfirmDialog'];
+    cancelAction?: ConfirmDialogActions['closeConfirmDialog'];
+    leavePage?: boolean;
+    isError?: boolean;
+}
+type ShowConfirmDialogType = ({ question, confirmAction, cancelAction, leavePage, isError, }: ShowConfirmDialog) => void;
+declare const ConfirmationDialogProvider: React__default.Provider<ConfirmDialogActions>;
+
+declare function ConfirmationDialogContextWrapper({ children }: any): _emotion_react_jsx_runtime.JSX.Element;
+
+declare module 'uniforms' {
+    interface FilterDOMProps {
+        customPropToFilter: never;
+        description: never;
+        const: never;
+        default: never;
+        required: never;
+        pattern: never;
+        examples: never;
+        allOf: never;
+        options: never;
+    }
+}
+
+type FieldProps$1<Value, Extra = object, InputElementType = HTMLInputElement, ElementType = HTMLDivElement> = HTMLFieldProps<Value, ElementType, {
+    inputRef?: Ref<InputElementType>;
+    description?: string;
+} & Extra>;
+
+type FieldProps<Value, Extra = object, InputElementType = HTMLInputElement, ElementType = HTMLDivElement> = HTMLFieldProps<Value, ElementType, {
+    inputRef?: Ref<InputElementType>;
+    description?: string;
+} & Extra>;
+
+type AcceptItemType = 'info' | 'label' | 'warning' | 'url' | 'checkbox' | '>checkbox' | 'checkbox?' | '>checkbox?' | 'skip' | 'margin' | 'value';
+type AcceptItem = [string, AcceptItemType, Record<string, string>?];
+type AcceptValue = 'SKIPPED' | 'ACCEPTED' | 'INCOMPLETE';
+type AcceptFieldProps = FieldProps<AcceptValue, {
+    data?: AcceptItem[];
+}>;
+declare module 'uniforms' {
+    interface FilterDOMProps {
+        data: never;
+    }
+}
+declare const AcceptField: uniforms.ConnectedField<AcceptFieldProps, AcceptValue | undefined>;
+
+type BoolFieldProps = FieldProps$1<boolean>;
+declare const BoolField: uniforms.ConnectedField<BoolFieldProps, boolean | undefined>;
+
+type DividerFieldProps = FieldProps$1<null, object, null, HTMLDivElement>;
+declare const DividerField: uniforms.ConnectedField<DividerFieldProps, null | undefined>;
+
+type ErrorFieldProps = FieldProps$1<null>;
+declare const ErrorField: uniforms.ConnectedField<ErrorFieldProps, null | undefined>;
+
+type ErrorsFieldProps = HTMLProps<HTMLDivElement>;
+declare const ErrorsField: (props: ErrorsFieldProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+
+type LabelFieldProps = FieldProps$1<null, object, null, HTMLDivElement>;
+declare const LabelField: uniforms.ConnectedField<LabelFieldProps, null | undefined>;
+
+type ListAddFieldProps = FieldProps<string, {
+    initialCount?: number;
+    outerList?: boolean;
+}>;
+declare const ListAddField: uniforms.ConnectedField<ListAddFieldProps, string | undefined>;
+
+type ListDelFieldProps = FieldProps<null, {
+    initialCount?: number;
+    itemProps?: object;
+    outerList?: boolean;
+}>;
+declare const ListDelField: uniforms.ConnectedField<ListDelFieldProps, null | undefined>;
+
+declare module 'uniforms' {
+    interface FilterDOMProps {
+        items: never;
+        uniqueItems: never;
+        outerList: never;
+    }
+}
+type ListFieldProps = FieldProps<unknown[], {
+    initialCount?: number;
+    itemProps?: object;
+    uniqueItems?: boolean;
+}, null, HTMLUListElement>;
+declare const ListField: uniforms.ConnectedField<ListFieldProps, unknown[] | undefined>;
+
+type ListSelectFieldProps = FieldProps<string | string[], {
+    allowedValues?: string[];
+    transform?(value: string): string;
+}>;
+declare const ListSelectField: uniforms.ConnectedField<ListSelectFieldProps, string | string[] | undefined>;
+
+type LongTextFieldProps = FieldProps$1<string, object, HTMLTextAreaElement>;
+declare const LongTextField: uniforms.ConnectedField<LongTextFieldProps, string | undefined>;
+
+type NumFieldProps = FieldProps$1<number, {
+    max?: number;
+    min?: number;
+    precision?: number;
+    step?: number;
+}>;
+declare const NumField: uniforms.ConnectedField<NumFieldProps, number | undefined>;
+
+type SelectFieldProps = FieldProps<string | string[], {
+    allowedValues?: string[];
+    transform?(value: string): string;
+}>;
+declare const SelectField: uniforms.ConnectedField<SelectFieldProps, string | string[] | undefined>;
+
+type ProductFieldProps = {
+    productIds?: string[];
+} & Omit<SelectFieldProps, 'placeholder' | 'transform' | 'allowedValues'>;
+declare module 'uniforms' {
+    interface FilterDOMProps {
+        productIds: never;
+    }
+}
+declare const ProductField: uniforms.ConnectedField<ProductFieldProps, string | string[] | undefined>;
+
+type RadioFieldProps = FieldProps$1<string, {
+    allowedValues?: string[];
+    checkboxes?: boolean;
+    transform?(value: string): string;
+}>;
+declare const RadioField: uniforms.ConnectedField<RadioFieldProps, string | undefined>;
+
+type SubmitFieldProps = FieldProps$1<null, object, HTMLInputElement, HTMLInputElement>;
+declare const SubmitField: ({ disabled, inputRef, readOnly, value, ...props }: SubmitFieldProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type SubscriptionSummaryFieldProps = FieldProps<string>;
+declare const SubscriptionSummaryField: uniforms.ConnectedField<SubscriptionSummaryFieldProps, string | undefined>;
+
+type TextFieldProps = FieldProps$1<string>;
+declare const TextField: uniforms.ConnectedField<TextFieldProps, string | undefined>;
+
+type DateFieldProps = FieldProps<Date, {
+    max?: Date;
+    min?: Date;
+}>;
+declare const DateField: uniforms.ConnectedField<DateFieldProps, Date | undefined>;
+
+declare function utcTimestampToLocalMoment(utc_timestamp: number): moment.Moment;
+declare function localMomentToUtcTimestamp(local_moment: Moment): number;
+type TimestampFieldProps = FieldProps<number, {
+    max?: number;
+    min?: number;
+    showTimeSelect: boolean;
+    locale?: string;
+    dateFormat?: string;
+    timeFormat?: string;
+}>;
+declare const TimestampField: uniforms.ConnectedField<TimestampFieldProps, number | undefined>;
+
+type OrganisationFieldProps = Omit<SelectFieldProps, 'placeholder' | 'transform' | 'allowedValues'>;
+declare const OrganisationField: uniforms.ConnectedField<OrganisationFieldProps, string | string[] | undefined>;
+
+declare function stop(e: React__default.SyntheticEvent): void;
+type ContactPersonNameFieldProps = FieldProps<string, {
+    organisationId?: string;
+    organisationKey?: string;
+}>;
+declare module 'uniforms' {
+    interface FilterDOMProps {
+        organisationId: never;
+        organisationKey: never;
+    }
+}
+declare const ContactPersonNameField: uniforms.ConnectedField<ContactPersonNameFieldProps, string | undefined>;
+
+type ImsNodeIdFieldProps = {
+    onChange: (value?: number | undefined) => void;
+    value?: number;
+    locationCode: string;
+    status?: string;
+    unsubscribedOnly?: boolean;
+} & Omit<SelectFieldProps, 'placeholder' | 'transform' | 'allowedValues' | 'onChange' | 'value' | 'name'>;
+declare module 'uniforms' {
+    interface FilterDOMProps {
+        locationCode: never;
+        status: never;
+        unsubscribedOnly: never;
+    }
+}
+declare const ImsNodeIdField: uniforms.ConnectedField<ImsNodeIdFieldProps, number | undefined>;
+
+type LocationCodeFieldProps = {
+    locationCodes?: string[];
+} & Omit<SelectFieldProps, 'placeholder' | 'allowedValues'>;
+declare module 'uniforms' {
+    interface FilterDOMProps {
+        locationCodes: never;
+    }
+}
+declare const LocationCodeField: uniforms.ConnectedField<LocationCodeFieldProps, string | string[] | undefined>;
+
+type VlanFieldProps = FieldProps<string, {
+    subscriptionFieldName?: string;
+    nsiVlansOnly?: boolean;
+}>;
+declare const VlanField: uniforms.ConnectedField<VlanFieldProps, string | undefined>;
+
+type NestFieldProps = FieldProps<null, {
+    fields?: unknown[];
+    itemProps?: object;
+}>;
+declare module 'uniforms' {
+    interface FilterDOMProps {
+        properties: never;
+        wrap: never;
+        ref: never;
+    }
+}
+declare const NestField: uniforms.ConnectedField<NestFieldProps, null | undefined>;
+
+type OptGroupFieldProps = FieldProps<null, {
+    fields?: unknown[];
+    itemProps?: object;
+}>;
+declare const OptGroupField: uniforms.ConnectedField<OptGroupFieldProps, null | undefined>;
+
+declare module 'uniforms' {
+    interface FilterDOMProps {
+        excludedSubscriptionIds: never;
+        organisationId: never;
+        organisationKey: never;
+        visiblePortMode: never;
+        bandwidth: never;
+        bandwidthKey: never;
+        tags: never;
+        statuses: never;
+    }
+}
+type SubscriptionFieldProps = FieldProps<string, {
+    productIds?: string[];
+    excludedSubscriptionIds?: string[];
+    organisationId?: string;
+    organisationKey?: string;
+    visiblePortMode?: string;
+    bandwidth?: number;
+    bandwidthKey?: string;
+    tags?: string[];
+    statuses?: string[];
+}>;
+declare const SubscriptionField: uniforms.ConnectedField<SubscriptionFieldProps, string | undefined>;
+
+type IPvAnyNetworkFieldProps = FieldProps<string, {
+    prefixMin?: number;
+}>;
+declare const IpNetworkField: uniforms.ConnectedField<IPvAnyNetworkFieldProps, string | undefined>;
+
+declare const WfoStartTaskButtonComboBox: () => _emotion_react_jsx_runtime.JSX.Element;
+
+type WfoDateTimeProps = {
+    dateOrIsoString: Date | string | null;
+};
+declare const WfoDateTime: FC<WfoDateTimeProps>;
+
+interface AuthProps {
+    children: JSX.Element;
+}
+declare const WfoAuth: ({ children }: AuthProps) => JSX.Element;
+
+interface WfoDropdownButtonProps {
+    label: string;
+    children: ReactNode;
+}
+declare const WfoDropdownButton: ({ label, children, }: WfoDropdownButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare const defaultOrchestratorTheme: EuiThemeModifications;
 
-declare const DUTCH_LOCALE = "nl-NL";
+declare const getCurrentBrowserLocale: () => string;
 declare const parseDate: (date: string | null | undefined) => Date | null;
-declare const parseDateToLocaleString: (value: Date | null) => string;
+declare const calculateTimeDifference: (from: string, to: string) => string;
+declare const formatDate: (dateString: string | undefined | null) => string;
+declare const parseIsoString: (dateToStringParser: (date: Date | null) => string) => (date: string | null) => string;
+declare const parseDateToLocaleDateTimeString: (value: Date | null) => string;
+declare const parseDateToLocaleDateString: (value: Date | null) => string;
+declare const parseDateToLocaleTimeString: (value: Date | null) => string;
+declare const isToday: (date: Date) => boolean;
+declare const parseDateOrTimeRelativeToToday: (date: Date | null) => string;
+declare const parseDateRelativeToToday: (date: Date | null) => string;
+
+declare const getNumberValueFromEnvironmentVariable: (environmentVariable: string | undefined, defaultValue: number) => number;
 
 declare const getStatusBadgeColor: (status: string) => any;
 
@@ -697,6 +1365,9 @@ declare const isUuid4: (value: string) => boolean;
 
 declare const upperCaseFirstChar: (value: string) => string;
 declare const removeSuffix: (value: string, splitChar?: string) => string;
+declare const camelToHuman: (value: string) => string;
+
+declare const getProductNamesFromProcess: (process: ProcessDetail | undefined | Omit<ProcessDetail, 'status'>) => string;
 
 declare const OrchestratorConfigContext: React__default.Context<OrchestratorConfig>;
 type OrchestratorConfigProviderProps = {
@@ -705,23 +1376,15 @@ type OrchestratorConfigProviderProps = {
 };
 declare const OrchestratorConfigProvider: FC<OrchestratorConfigProviderProps>;
 
-type SubscriptionContextType = {
-    subscriptionData: SubscriptionDetailBase;
-    loadingStatus: number;
-    setSubscriptionData: (data: SubscriptionDetailBase, loadingStatus: number) => void;
-};
-declare const SubscriptionContext: React.Context<SubscriptionContextType>;
-type SubscriptionProviderProps = {
-    children: ReactNode;
-};
-declare const SubscriptionProvider: React.FC<SubscriptionProviderProps>;
-
 type TreeContextType = {
+    setDepths: (depths: number[]) => void;
     selectedIds: number[];
     expandedIds: number[];
     toggleSelectedId: (id: number) => void;
     toggleExpandedId: (id: number) => void;
-    expandAll: (treeLength: number) => void;
+    expandNode: (id: number) => void;
+    collapseNode: (id: number) => void;
+    expandAll: () => void;
     collapseAll: () => void;
     resetSelection: () => void;
 };
@@ -731,36 +1394,94 @@ type TreeProviderProps = {
 };
 declare const TreeProvider: React.FC<TreeProviderProps>;
 
+interface ApiContext {
+    apiClient: ApiClient;
+}
+declare const ApiClientContext: React__default.Context<ApiContext>;
+type ApiClientContextProviderProps = {
+    children: ReactNode;
+};
+declare const ApiClientContextProvider: ({ children, }: ApiClientContextProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type TranslationMessagesMap = Map<Locale, AbstractIntlMessages>;
 declare const getTranslationMessages: (locale: string | undefined, messages?: TranslationMessagesMap) => AbstractIntlMessages | undefined;
 
-declare const WFOProductBlocksPage: () => _emotion_react_jsx_runtime.JSX.Element;
+declare const WfoProductBlocksPage: () => _emotion_react_jsx_runtime.JSX.Element;
 
 declare const RESOURCE_TYPE_FIELD_ID: keyof ResourceTypeDefinition;
 declare const RESOURCE_TYPE_FIELD_TYPE: keyof ResourceTypeDefinition;
 declare const RESOURCE_TYPE_FIELD_DESCRIPTION: keyof ResourceTypeDefinition;
-declare const WFOResourceTypesPage: () => _emotion_react_jsx_runtime.JSX.Element;
+declare const RESOURCE_TYPE_FIELD_PRODUCT_BLOCKS: keyof ResourceTypeDefinition;
+declare const WfoResourceTypesPage: () => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const WfoProductsPage: () => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const WFOProductsPage: () => _emotion_react_jsx_runtime.JSX.Element;
+type WorkflowListItem = Pick<WorkflowDefinition, 'name' | 'description' | 'target' | 'createdAt'> & {
+    productTags: string[];
+};
+declare const WfoWorkflowsPage: () => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const WFOWorkflowsPage: () => _emotion_react_jsx_runtime.JSX.Element;
+type ProcessListItem = Pick<Process, 'workflowName' | 'lastStep' | 'lastStatus' | 'workflowTarget' | 'createdBy' | 'assignee' | 'processId' | 'subscriptions'> & {
+    startedAt: Date;
+    lastModifiedAt: Date;
+    productName?: string;
+    productTag?: string;
+    customer: string;
+    customerAbbreviation: string;
+};
 
-declare enum WFOProcessListTabType {
+declare enum WfoProcessListTabType {
     ACTIVE = "ACTIVE",
     COMPLETED = "COMPLETED"
 }
-declare const defaultProcessListTabs: WFOFilterTab<WFOProcessListTabType, Process$1>[];
+declare const defaultProcessListTabs: WfoFilterTab<WfoProcessListTabType, ProcessListItem>[];
 
-declare const getProcessListTabTypeFromString: (tabId?: string) => WFOProcessListTabType | undefined;
+declare const getProcessListTabTypeFromString: (tabId?: string) => WfoProcessListTabType | undefined;
 
-declare const WFOProcessListPage: () => _emotion_react_jsx_runtime.JSX.Element | null;
+declare const WfoProcessListPage: () => _emotion_react_jsx_runtime.JSX.Element | null;
 
-type WFOProcessesListSubscriptionsCellProps = {
+declare const RENDER_ALL = "RENDER_ALL";
+declare enum RenderDirection {
+    HORIZONTAL = "HORIZONTAL",
+    VERTICAL = "VERTICAL"
+}
+type WfoProcessesListSubscriptionsCellProps = {
     subscriptions: Pick<Subscription$1, 'subscriptionId' | 'description'>[];
+    numberOfSubscriptionsToRender?: number | typeof RENDER_ALL;
+    renderDirection?: RenderDirection;
+};
+declare const WfoProcessListSubscriptionsCell: FC<WfoProcessesListSubscriptionsCellProps>;
+
+type GroupedStep = {
+    steps: Step[];
 };
-declare const WFOProcessesListSubscriptionsCell: FC<WFOProcessesListSubscriptionsCellProps>;
+interface WfoProcessDetailPageProps {
+    processId: string;
+}
+declare const WfoProcessDetailPage: ({ processId, }: WfoProcessDetailPageProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const WfoSubscriptionDetailPage: () => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const WfoSubscriptionsListPage: () => _emotion_react_jsx_runtime.JSX.Element | null;
 
-declare const WFOSubscriptionsListPage: () => _emotion_react_jsx_runtime.JSX.Element | null;
+declare const WfoTaskListPage: () => _emotion_react_jsx_runtime.JSX.Element;
+
+type StartCreateWorkflowPayload = {
+    product: string;
+};
+type StartModifyWorkflowPayload = {
+    subscription_id: string;
+};
+type StartWorkflowPayload = StartCreateWorkflowPayload | StartModifyWorkflowPayload;
+interface WfoStartWorkflowPageProps {
+    workflowName: string;
+    startWorkflowPayload?: StartWorkflowPayload;
+}
+interface UserInputForm {
+    stepUserInput?: JSONSchema6;
+    hasNext?: boolean;
+}
+declare const WfoStartWorkflowPage: ({ workflowName, startWorkflowPayload, }: WfoStartWorkflowPageProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare const GET_SUBSCRIPTIONS_LIST_GRAPHQL_QUERY: graphql.DocumentNode;
 declare function getSubscriptionsListGraphQlQuery<QueryVariablesType = Subscription$1>(): TypedDocumentNode<SubscriptionsResult, GraphqlQueryVariables<QueryVariablesType>>;
@@ -771,4 +1492,17 @@ declare const GET_PRODUCTS_GRAPHQL_QUERY: TypedDocumentNode<ProductDefinitionsRe
 
 declare const GET_RESOURCE_TYPES_GRAPHQL_QUERY: TypedDocumentNode<ResourceTypeDefinitionsResult, GraphqlQueryVariables<ResourceTypeDefinition>>;
 
-export { ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY, COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY, CacheNames, CacheOption, ColumnConfig, CustomerBase, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DUTCH_LOCALE, DataDisplayParams, DataDisplayReturnValues, EngineStatus, EngineStatusValue, Environment, ExternalServiceBase, Field, FilterQuery, FixedInputDefinition, FixedInputsBase, GET_PRODUCTS_BLOCKS_GRAPHQL_QUERY, GET_PRODUCTS_GRAPHQL_QUERY, GET_RESOURCE_TYPES_GRAPHQL_QUERY, GET_SUBSCRIPTIONS_LIST_GRAPHQL_QUERY, GlobalStatus, GraphQLPageInfo, GraphQLSort, GraphqlFilter, GraphqlQueryVariables, HeaderBadgeProps, ItemsList, LocalStorageTableConfig, Locale, METADATA_PRODUCTBLOCKS_TABLE_LOCAL_STORAGE_KEY, METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY, METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY, METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY, Nullable, OrchestratorConfig, OrchestratorConfigContext, OrchestratorConfigProvider, OrchestratorConfigProviderProps, PATH_METADATA, PATH_METADATA_PRODUCTS, PATH_METADATA_PRODUCT_BLOCKS, PATH_METADATA_RESOURCE_TYPES, PATH_METADATA_WORKFLOWS, PATH_NEW_PROCESS, PATH_PROCESSES, PATH_SETTINGS, PATH_START, PATH_SUBSCRIPTIONS, PATH_TASKS, Pagination, Process$1 as Process, ProcessFromRestApi, ProcessStatus, ProcessStatusCounts, ProcessesResult, ProcessesTimeline, ProcessesTimelineProps, ProductBase, ProductBlockBase, ProductBlockDefinition, ProductBlockDefinitionsResult, ProductDefinition, ProductDefinitionsResult, RESOURCE_TYPE_FIELD_DESCRIPTION, RESOURCE_TYPE_FIELD_ID, RESOURCE_TYPE_FIELD_TYPE, RenderField, ResourceTypeBase, ResourceTypeDefinition, ResourceTypeDefinitionsResult, SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY, SettingsModal, SettingsModalProps, SortOrder, Subscription$1 as Subscription, SubscriptionAction, SubscriptionActionsProps, SubscriptionContext, SubscriptionContextType, SubscriptionDetailBase, SubscriptionProcess, SubscriptionProvider, SubscriptionProviderProps, SubscriptionStatus, SubscriptionsResult, TableColumnKeys, TableConfig, TableSettingsModal, TableSettingsModalProps, TotalStat, TranslationMessagesMap, TreeBlock, TreeContext, TreeContextType, TreeProvider, TreeProviderProps, WFOArrowNarrowDown, WFOArrowNarrowUp, WFOBadge, WFOBadgeProps, WFOBasicTableColumn, WFOBreadcrumbs, WFOCheckmarkCircleFill, WFOChevronDown, WFOControlColumn, WFODataGridTable, WFODataGridTableColumns, WFODataGridTableProps, WFODataSorting, WFOEngineStatusBadge, WFOEnvironmentBadge, WFOFailedTasksBadge, WFOFilterTab, WFOFilterTabs, WFOFilterTabsProps, WFOFixedInputBlock, WFOFrequentlyUsed, WFOFrequentlyUsedProps, WFOHeaderBadge, WFOIconProps, WFOListItemStartPage, WFOListItemStartPageProps, WFOLoading, WFOLogoutIcon, WFOMinusCircleOutline, WFOMultiListSection, WFONewProcessPanel, WFOPageHeader, WFOPageHeaderProps, WFOPageTemplate, WFOPageTemplateProps, WFOPlusCircleFill, WFOProcessListPage, WFOProcessListTabType, WFOProcessStatusBadge, WFOProcessStatusBadgeProps, WFOProcessesListSubscriptionsCell, WFOProcessesListSubscriptionsCellProps, WFOProductBlock, WFOProductBlockBadge, WFOProductBlockBadgeProps, WFOProductBlocksPage, WFOProductsPage, WFOResourceTypesPage, WFOSearchField, WFOSearchFieldProps, WFOSettings, WFOSidebar, WFOStatCards, WFOStatusDotIcon, WFOSubscriptionActions, WFOSubscriptionBlock, WFOSubscriptionDetailTree, WFOSubscriptionGeneral, WFOSubscriptionStatusBadge, WFOSubscriptionStatusBadgeProps, WFOSubscriptionsListPage, WFOTable, WFOTableColumns, WFOTableColumnsWithControlColumns, WFOTableColumnsWithExtraNonDataFields, WFOTableControlColumnConfig, WFOTableDataColumnConfig, WFOTableHeaderCell, WFOTableHeaderCellProps, WFOTableProps, WFOTableWithFilter, WFOTableWithFilterProps, WFOWorkflowsPage, WFOXCircleFill, WorkflowDefinition, WorkflowDefinitionsResult, clearTableConfigFromLocalStorage, defaultOrchestratorTheme, defaultProcessListTabs, determineNewSortOrder, determinePageIndex, getDataSortHandler, getEsQueryStringHandler, getFirstUuidPart, getInitialColumnOrder, getPageChangeHandler, getProcessListTabTypeFromString, getSortDirectionFromString, getStatusBadgeColor, getSubscriptionsListGraphQlQuery, getTableConfigFromLocalStorage, getTranslationMessages, getTypedFieldFromObject, isUuid4, isValidLocalStorageTableConfig, mapColumnSortToEuiDataGridSorting, parseDate, parseDateToLocaleString, removeSuffix, setTableConfigToLocalStorage, upperCaseFirstChar, useCacheNames, useDataDisplayParams, useEngineStatusMutation, useEngineStatusQuery, useFavouriteSubscriptions, useOrchestratorConfig, useOrchestratorTheme, useProcessStatusCountsQuery, useProcessesAttention, useQueryWithGraphql, useRecentProcesses, useSubscriptionActions, useSubscriptionProcesses };
+declare const GET_SUBSCRIPTION_DETAIL_GRAPHQL_QUERY: TypedDocumentNode<SubscriptionDetailResult, {
+    subscriptionId: string;
+}>;
+
+declare const GET_PROCESS_DETAIL_GRAPHQL_QUERY: TypedDocumentNode<ProcessesDetailResult, {
+    processId: string;
+}>;
+
+declare const GET_CUSTOMER_GRAPHQL_QUERY: TypedDocumentNode<CustomersResult>;
+
+declare const GET_SUBSCRIPTION_DROPDOWN_OPTIONS_GRAPHQL_QUERY: graphql.DocumentNode;
+declare function getSubscriptionDropdownOptionsGraphQlQuery<QueryVariablesType = SubscriptionDropdownOption>(): TypedDocumentNode<SubscriptionDropdownOptionsResult, GraphqlQueryVariables<QueryVariablesType>>;
+
+export { ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY, AcceptField, AcceptFieldProps, ApiClient, ApiClientContext, ApiClientContextProvider, ApiClientContextProviderProps, ApiContext, AutoFieldsProps, BadgeType, BaseApiClient, BoolField, BoolFieldProps, COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY, CacheNames, CacheOption, ColumnConfig, ConfirmDialogActions, ConfirmationDialogContextWrapper, ConfirmationDialogProvider, ContactPersonNameField, ContactPersonNameFieldProps, CreateForm, Customer, CustomersResult, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataDisplayParams, DataDisplayReturnValues, DateField, DateFieldProps, DividerField, DividerFieldProps, EmailAddress, EmailState, EngineStatus, EngineStatusValue, Environment, ErrorField, ErrorFieldProps, ErrorsField, ErrorsFieldProps, ExternalService, Field, FieldValue, FilterQuery, FixedInputDefinition, FixedInputsBase, GET_CUSTOMER_GRAPHQL_QUERY, GET_PROCESS_DETAIL_GRAPHQL_QUERY, GET_PRODUCTS_BLOCKS_GRAPHQL_QUERY, GET_PRODUCTS_GRAPHQL_QUERY, GET_RESOURCE_TYPES_GRAPHQL_QUERY, GET_SUBSCRIPTIONS_LIST_GRAPHQL_QUERY, GET_SUBSCRIPTION_DETAIL_GRAPHQL_QUERY, GET_SUBSCRIPTION_DROPDOWN_OPTIONS_GRAPHQL_QUERY, GlobalStatus, GraphQLPageInfo, GraphQLSort, GraphqlFilter, GraphqlQueryVariables, GroupedStep, HIDDEN_KEYS, HeaderBadgeProps, IPvAnyNetworkFieldProps, ImsNodeIdField, ImsNodeIdFieldProps, InUseByRelation, IpNetworkField, ItemsList, KeyValue, LabelField, LabelFieldProps, ListAddField, ListAddFieldProps, ListDelField, ListDelFieldProps, ListField, ListFieldProps, ListSelectField, ListSelectFieldProps, Locale, LocationCodeField, LocationCodeFieldProps, LongTextField, LongTextFieldProps, METADATA_PRODUCT_BLOCKS_TABLE_LOCAL_STORAGE_KEY, METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY, METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY, METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY, NestField, NestFieldProps, Nullable, NumField, NumFieldProps, OptGroupField, OptGroupFieldProps, OrchestratorConfig, OrchestratorConfigContext, OrchestratorConfigProvider, OrchestratorConfigProviderProps, OrganisationField, OrganisationFieldProps, PATH_METADATA, PATH_METADATA_PRODUCTS, PATH_METADATA_PRODUCT_BLOCKS, PATH_METADATA_RESOURCE_TYPES, PATH_METADATA_WORKFLOWS, PATH_PROCESSES, PATH_SETTINGS, PATH_START, PATH_START_WORKFLOW, PATH_SUBSCRIPTIONS, PATH_TASKS, Pagination, Process, ProcessDetail, ProcessDoneStatuses, ProcessFromRestApi, ProcessStatus, ProcessStatusCounts, ProcessesDetailResult, ProcessesResult, ProductBlockDefinition, ProductBlockDefinitionsResult, ProductBlockInstance, ProductDefinition, ProductDefinitionsResult, ProductField, ProductFieldProps, ProductLifecycleStatus, RENDER_ALL, RESOURCE_TYPE_FIELD_DESCRIPTION, RESOURCE_TYPE_FIELD_ID, RESOURCE_TYPE_FIELD_PRODUCT_BLOCKS, RESOURCE_TYPE_FIELD_TYPE, RadioField, RadioFieldProps, RelatedSubscription, RelatedSubscriptionsResult, RenderDirection, ResourceTypeBase, ResourceTypeDefinition, ResourceTypeDefinitionsResult, SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY, SelectField, SelectFieldProps, SessionToken, ShowConfirmDialog, ShowConfirmDialogType, SortOrder, Step, StepState, StepStatus, StoredTableConfig, SubmitField, SubmitFieldProps, Subscription$1 as Subscription, SubscriptionAction, SubscriptionDetail, SubscriptionDetailProcess, SubscriptionDetailResult, SubscriptionDropdownOption, SubscriptionDropdownOptionsResult, SubscriptionField, SubscriptionFieldProps, SubscriptionKeyValueBlock, SubscriptionStatus, SubscriptionSummaryField, SubscriptionSummaryFieldProps, SubscriptionTabIds, SubscriptionsResult, TASK_LIST_TABLE_LOCAL_STORAGE_KEY, TableColumnKeys, TableConfig, TableSettingsModal, TableSettingsModalProps, TextField, TextFieldProps, TimelineItem, TimelinePosition, TimestampField, TimestampFieldProps, ToastContext, ToastContextProps, ToastTypes, ToastsContextProvider, ToastsList, TotalStat, TranslationMessagesMap, TreeBlock, TreeContext, TreeContextType, TreeProvider, TreeProviderProps, UnionOfInterfaceTypes, UserInputForm, VlanField, VlanFieldProps, WFO_STATUS_COLOR_FIELD, WfoArrowNarrowDown, WfoArrowNarrowUp, WfoArrowsExpand, WfoAuth, WfoBadge, WfoBadgeProps, WfoBasicTable, WfoBasicTableColumns, WfoBasicTableColumnsWithControlColumns, WfoBasicTableProps, WfoBreadcrumbs, WfoCheckmarkCircleFill, WfoChevronDown, WfoChevronUp, WfoCode, WfoCogFill, WfoControlColumn, WfoDataGridTable, WfoDataGridTableColumns, WfoDataGridTableProps, WfoDataSearch, WfoDataSorting, WfoDateTime, WfoDateTimeProps, WfoDropdownButton, WfoEngineStatusBadge, WfoEnvironmentBadge, WfoEuiBasicTableColumn, WfoEyeFill, WfoFailedTasksBadge, WfoFilterTab, WfoFilterTabs, WfoFilterTabsProps, WfoFrequentlyUsed, WfoFrequentlyUsedProps, WfoHeaderBadge, WfoIconProps, WfoInformationModal, WfoInformationModalProps, WfoKeyCell, WfoKeyCellProps, WfoKeyValueTable, WfoKeyValueTableDataType, WfoKeyValueTableProps, WfoListItemStartPage, WfoListItemStartPageProps, WfoLoading, WfoLogoutIcon, WfoMinusCircleFill, WfoMinusCircleOutline, WfoMultiListSection, WfoNewProcessPanel, WfoPageHeader, WfoPageHeaderProps, WfoPageTemplate, WfoPageTemplateProps, WfoPlayFill, WfoPlusCircleFill, WfoProcessDetailPage, WfoProcessListPage, WfoProcessListSubscriptionsCell, WfoProcessListTabType, WfoProcessStatusBadge, WfoProcessStatusBadgeProps, WfoProcessesListSubscriptionsCellProps, WfoProcessesTimeline, WfoProductBlockBadge, WfoProductBlockBadgeProps, WfoProductBlocksPage, WfoProductStatusBadge, WfoProductStatusBadgeProps, WfoProductsPage, WfoRefresh, WfoResourceTypesPage, WfoSearchField, WfoSearchFieldProps, WfoSearchStrikethrough, WfoSettings, WfoSettingsModal, WfoSettingsModalProps, WfoSidebar, WfoSidebarProps, WfoSortAsc, WfoSortButton, WfoSortButtonProps, WfoSortButtons, WfoSortButtonsProps, WfoSortDesc, WfoSortDirectionIcon, WfoSortDirectionIconProps, WfoStartTaskButtonComboBox, WfoStartWorkflowPage, WfoStatCards, WfoStatistic, WfoStatusColorField, WfoStatusColorFieldProps, WfoStatusDotIcon, WfoSubscription, WfoSubscriptionActions, WfoSubscriptionActionsProps, WfoSubscriptionDetailPage, WfoSubscriptionDetailTree, WfoSubscriptionGeneral, WfoSubscriptionProductBlock, WfoSubscriptionStatusBadge, WfoSubscriptionStatusBadgeProps, WfoSubscriptionsListPage, WfoTableColumns, WfoTableColumnsWithExtraNonDataFields, WfoTableControlColumnConfig, WfoTableDataColumnConfig, WfoTableHeaderCell, WfoTableHeaderCellProps, WfoTableWithFilter, WfoTableWithFilterProps, WfoTaskListPage, WfoTimeline, WfoTimelineProps, WfoTreeNodeMap, WfoValueCell, WfoValueCellProps, WfoWorkflowsPage, WfoXCircleFill, WorkflowDefinition, WorkflowDefinitionsResult, WorkflowListItem, WorkflowTarget, calculateTimeDifference, camelToHuman, clearTableConfigFromLocalStorage, defaultOrchestratorTheme, defaultProcessListTabs, determineNewSortOrder, determinePageIndex, flattenArrayProps, formatDate, getApiClient, getCurrentBrowserLocale, getDataSortHandler, getEsQueryStringHandler, getFieldFromProductBlockInstanceValues, getFirstUuidPart, getInitialColumnOrder, getNumberValueFromEnvironmentVariable, getPageChangeHandler, getProcessListTabTypeFromString, getProductBlockTitle, getProductNamesFromProcess, getSortDirectionFromString, getStatusBadgeColor, getSubscriptionDropdownOptionsGraphQlQuery, getSubscriptionsListGraphQlQuery, getTableConfigFromLocalStorage, getTranslationMessages, getTypedFieldFromObject, getWorkflowTargetColor, isToday, isUuid4, isValidLocalStorageTableConfig, localMomentToUtcTimestamp, mapColumnSortToEuiDataGridSorting, parseDate, parseDateOrTimeRelativeToToday, parseDateRelativeToToday, parseDateToLocaleDateString, parseDateToLocaleDateTimeString, parseDateToLocaleTimeString, parseIsoString, removeSuffix, setTableConfigToLocalStorage, stop, upperCaseFirstChar, useCacheNames, useDataDisplayParams, useEngineStatusMutation, useEngineStatusQuery, useFavouriteSubscriptions, useFilterQueryWithRest, useOrchestratorConfig, useOrchestratorTheme, useProcessStatusCountsQuery, useProcessesAttention, useQueryWithGraphql, useRawProcessDetails, useRecentProcesses, useSessionWithToken, useStoredTableConfig, useSubscriptionActions, useToastMessage, useWithOrchestratorTheme, utcTimestampToLocalMoment };