@orchestrator-ui/orchestrator-ui-components 0.11.1 → 0.12.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @orchestrator-ui/orchestrator-ui-components@0.11.1 build
+> @orchestrator-ui/orchestrator-ui-components@0.12.0 build
 > tsup src/index.ts --format esm --dts --tsconfig tsconfig.build.json
 
 CLI Building entry: src/index.ts
@@ -9,6 +9,6 @@
 ESM Build start
 DTS Build start
 ESM dist/index.js 2.15 MB
-ESM ⚡️ Build success in 695ms
-DTS ⚡️ Build success in 11613ms
-DTS dist/index.d.ts 120.41 KB
+ESM ⚡️ Build success in 767ms
+DTS ⚡️ Build success in 11712ms
+DTS dist/index.d.ts 120.96 KB

package/.turbo/turbo-lint.log

@@ -1,4 +1,4 @@
 
-> @orchestrator-ui/orchestrator-ui-components@0.11.1 lint
+> @orchestrator-ui/orchestrator-ui-components@0.12.0 lint
 > eslint "src/**/*.ts*"
 

package/.turbo/turbo-test.log

@@ -1,33 +1,33 @@
 
-> @orchestrator-ui/orchestrator-ui-components@0.11.1 test
+> @orchestrator-ui/orchestrator-ui-components@0.12.0 test
 > jest
 
 PASS Orchestrator UI Components Tests src/pages/processes/timelineUtils.spec.ts
 PASS Orchestrator UI Components Tests src/utils/date.spec.ts
 PASS Orchestrator UI Components Tests src/components/WfoForms/formFields/utils.spec.ts
 PASS Orchestrator UI Components Tests src/components/WfoSubscription/utils/utils.spec.ts
+PASS Orchestrator UI Components Tests src/utils/string.spec.ts
 PASS Orchestrator UI Components Tests src/utils/getProductNamesFromProcess.spec.ts
+PASS Orchestrator UI Components Tests src/components/WfoTable/WfoTableWithFilter/updateQueryString.spec.ts
 PASS Orchestrator UI Components Tests src/components/WfoTable/WfoDataGridTable/WfodataGridColumns.spec.ts
 PASS Orchestrator UI Components Tests src/components/WfoTree/treeUtils.spec.ts
-PASS Orchestrator UI Components Tests src/components/WfoTable/utils/tableConfigPersistence.spec.ts
-PASS Orchestrator UI Components Tests src/components/WfoTable/WfoTableWithFilter/updateQueryString.spec.ts
-PASS Orchestrator UI Components Tests src/utils/string.spec.ts
 PASS Orchestrator UI Components Tests src/components/WfoTable/utils/tableUtils.spec.ts
 PASS Orchestrator UI Components Tests src/components/WfoTable/utils/mapSortableAndFilterableValuesToTableColumnConfig.spec.ts
+PASS Orchestrator UI Components Tests src/components/WfoTable/utils/tableConfigPersistence.spec.ts
 PASS Orchestrator UI Components Tests src/messages/getTranslationMessages.spec.ts
-PASS Orchestrator UI Components Tests src/utils/getToastMessage.spec.ts
 PASS Orchestrator UI Components Tests src/components/WfoTable/utils/columns.spec.ts
-PASS Orchestrator UI Components Tests src/components/WfoWorkflowSteps/stepListUtils.spec.ts
+PASS Orchestrator UI Components Tests src/utils/getToastMessage.spec.ts
 PASS Orchestrator UI Components Tests src/utils/sortObjectKeys.spec.ts
 PASS Orchestrator UI Components Tests src/utils/getTokenName.spec.ts
+PASS Orchestrator UI Components Tests src/components/WfoWorkflowSteps/stepListUtils.spec.ts
 PASS Orchestrator UI Components Tests src/utils/environmentVariables.spec.ts
 PASS Orchestrator UI Components Tests src/utils/uuid.spec.ts
 PASS Orchestrator UI Components Tests src/utils/getTypedFieldFromObject.spec.ts
-PASS Orchestrator UI Components Tests src/components/WfoPageTemplate/WfoPageHeader/utils/toHexColorWithOpacity.spec.ts
 PASS Orchestrator UI Components Tests src/utils/getQueryVariablesForExport.spec.ts
+PASS Orchestrator UI Components Tests src/components/WfoPageTemplate/WfoPageHeader/utils/toHexColorWithOpacity.spec.ts
 
 Test Suites: 23 passed, 23 total
-Tests:       135 passed, 135 total
+Tests:       141 passed, 141 total
 Snapshots:   0 total
-Time:        4.312 s
+Time:        4.392 s
 Ran all test suites.

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @orchestrator-ui/orchestrator-ui-components
 
+## 0.12.0
+
+### Minor Changes
+
+- 5efb8b0: #821 Reverted FORMS_ENPOINT string, removed cimStartForm, added new string utils
+  #833 Small change to useQueryWithFetch for the default sending level
+
 ## 0.11.1
 
 ### Patch Changes

package/dist/index.d.ts

@@ -36,7 +36,25 @@ import { Reducer, Slice, PayloadAction, EnhancedStore, Dispatch, UnknownAction }
 import { Toast } from '@elastic/eui/src/components/toast/global_toast_list';
 export { Toast } from '@elastic/eui/src/components/toast/global_toast_list';
 
+interface ValidationError {
+    input_type: string;
+    loc: (string | number)[];
+    msg: string;
+    type: string;
+    ctx?: ValidationErrorContext;
+}
+interface ValidationErrorContext {
+    [index: string]: string;
+}
+interface Form {
+    stepUserInput?: JSONSchema6;
+    hasNext?: boolean;
+}
 declare type InputForm = JSONSchema6;
+interface FormNotCompleteResponse {
+    form: InputForm;
+    hasNext?: boolean;
+}
 declare type FieldProps$1<Value, Extra = object, InputElementType = HTMLInputElement, ElementType = HTMLDivElement> = HTMLFieldProps<Value, ElementType, {
     inputRef?: Ref<InputElementType>;
     description?: string;
@@ -477,17 +495,14 @@ declare class BaseApiClient {
     fetchJsonWithCustomErrorHandling: <R = object>(path: string) => Promise<R>;
     postPutJson: <R = object>(path: string, processInput: object, method: string, showErrorDialog?: boolean, result?: boolean) => Promise<R>;
 }
-declare abstract class ApiClientInterface extends BaseApiClient {
-    abstract cimStartForm: (formKey: string, userInputs: object[]) => Promise<object>;
-}
-declare class ApiClient extends ApiClientInterface {
+declare class ApiClient extends BaseApiClient {
+    startForm: (formKey: string, userInputs: object[]) => Promise<{
+        id: string;
+    }>;
     startProcess: (workflowName: string, processInput: object) => Promise<unknown>;
     resumeProcess: (processId: string, userInput: object[]) => Promise<object>;
     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[]>;
@@ -1000,7 +1015,7 @@ declare const useWfoSession: <R extends boolean>(options?: UseSessionOptions<R>
     session: WfoSession | null;
 };
 
-declare const useQueryWithFetch: <T, V extends Variables$1>(url: string, queryVars: V, queryKey: string) => react_query.UseQueryResult<T, unknown>;
+declare const useQueryWithFetch: <T, V extends Variables$1>(url: string, queryVars: V, queryKey: string, options?: UseQueryOptions<T, unknown, T, [string, ...unknown[]]> | undefined) => react_query.UseQueryResult<T, unknown>;
 
 declare enum SubscriptionDetailTab {
     GENERAL_TAB = "general",
@@ -1358,14 +1373,6 @@ declare const WfoLoading: () => _emotion_react_jsx_runtime.JSX.Element;
 
 declare const WfoToastsList: () => _emotion_react_jsx_runtime.JSX.Element;
 
-interface IProps {
-    preselectedInput?: unknown;
-    formKey: string;
-    handleSubmit: (userInputs: any) => void;
-    handleCancel?: () => void;
-}
-declare function CreateForm(props: IProps): _emotion_react_jsx_runtime.JSX.Element;
-
 declare type AutoFieldsProps = {
     autoField?: ComponentType<{
         className: string;
@@ -1723,6 +1730,14 @@ declare const CustomerField: uniforms.ConnectedField<CustomerFieldProps, string
 
 declare const ConnectedSelectField: uniforms.ConnectedField<SelectFieldProps, string | string[] | undefined>;
 
+interface IProps {
+    preselectedInput?: unknown;
+    formKey: string;
+    handleSubmit: (userInputs: any) => void;
+    handleCancel?: () => void;
+}
+declare function CreateForm(props: IProps): _emotion_react_jsx_runtime.JSX.Element;
+
 declare const WfoStartTaskButtonComboBox: () => _emotion_react_jsx_runtime.JSX.Element;
 
 declare type WfoDateTimeProps = {
@@ -3056,6 +3071,8 @@ 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 snakeToHuman: (value: string) => string;
+declare const snakeToKebab: (value: string) => string;
 
 declare const getProductNamesFromProcess: (process: ProcessDetail | undefined | Omit<ProcessDetail, 'status'>) => string;
 
@@ -3067,4 +3084,4 @@ declare const getQueryVariablesForExport: <T extends object>(queryVariables: Gra
     query?: string | undefined;
 };
 
-export { ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY, ACTIVE_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY, AcceptField, type AcceptFieldProps, ApiClient, ApiClientContext, ApiClientContextProvider, type ApiClientContextProviderProps, type ApiContext, type AppDispatch, type AutoFieldsProps, BadgeType, BaseApiClient, type BaseGraphQlResult, BaseQueryTypes, BoolField, type BoolFieldProps, COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY, COMPLETED_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY, type CacheNames, type CacheOption, CacheTags, ColorModes, type ColumnConfig, type ConfirmDialogActions, ConfirmationDialogContext, ConfirmationDialogContextWrapper, ConfirmationDialogProvider, ConnectedSelectField, ContactPersonNameField, type ContactPersonNameFieldProps, CreateForm, type Customer, CustomerField, type CustomerFieldProps, type CustomersResult, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, type DataDisplayParams, type DataDisplayReturnValues, DateField, type DateFieldProps, DividerField, type DividerFieldProps, type EmailAddress, type EmailState, EngineStatus, Environment, ErrorField, type ErrorFieldProps, ErrorsField, type ErrorsFieldProps, type ExternalService, type Field, type FieldValue, type FilterQuery, type FixedInputDefinition, GET_PROCESS_DETAIL_GRAPHQL_QUERY, GET_PROCESS_LIST_GRAPHQL_QUERY, GET_PROCESS_LIST_SUMMARY_GRAPHQL_QUERY, GET_PROCESS_STEPS_GRAPHQL_QUERY, GET_PRODUCTS_BLOCKS_GRAPHQL_QUERY, GET_PRODUCTS_GRAPHQL_QUERY, GET_PRODUCTS_SUMMARY_GRAPHQL_QUERY, GET_RESOURCE_TYPES_GRAPHQL_QUERY, GET_SUBSCRIPTIONS_LIST_GRAPHQL_QUERY, GET_SUBSCRIPTIONS_LIST_SUMMARY_GRAPHQL_QUERY, GET_SUBSCRIPTION_DETAIL_GRAPHQL_QUERY, GET_SUBSCRIPTION_DROPDOWN_OPTIONS_GRAPHQL_QUERY, type GraphQLPageInfo, type GraphQLSort, type GraphqlFilter, type GraphqlQueryVariables, type GroupedStep, HIDDEN_KEYS, type HeaderBadgeProps, type IPvAnyNetworkFieldProps, ImsNodeIdField, type ImsNodeIdFieldProps, type ImsPortFieldProps, ImsPortIdField, type InUseByRelation, IpNetworkField, type KeyValue, LabelField, type LabelFieldProps, ListAddField, type ListAddFieldProps, ListDelField, type ListDelFieldProps, ListField, type ListFieldProps, ListSelectField, type ListSelectFieldProps, Locale, LocationCodeField, type LocationCodeFieldProps, LongTextField, type LongTextFieldProps, MAXIMUM_ITEMS_FOR_BULK_FETCHING, 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, type NestFieldProps, type Nullable, NumField, type NumFieldProps, OptGroupField, type OptGroupFieldProps, type OrchestratorConfig, OrchestratorConfigContext, OrchestratorConfigProvider, type OrchestratorConfigProviderProps, PATH_METADATA, PATH_METADATA_PRODUCTS, PATH_METADATA_PRODUCT_BLOCKS, PATH_METADATA_RESOURCE_TYPES, PATH_METADATA_WORKFLOWS, PATH_SETTINGS, PATH_START, PATH_START_NEW_TASK, PATH_START_NEW_WORKFLOW, PATH_SUBSCRIPTIONS, PATH_TASKS, PATH_WORKFLOWS, type Pagination, type Policy, PolicyContext, PolicyContextProvider, type PolicyProviderProps, PolicyResource, type Process, type ProcessDetail, type ProcessDetailResultRaw, ProcessDoneStatuses, type ProcessListItem, type ProcessListResponse, type ProcessListResult, ProcessStatus, type ProcessStatusCounts, type ProcessStepsResult, type ProcessesDetailResult, type ProductBlockDefinition, type ProductBlockDefinitionsResult, type ProductBlockInstance, type ProductDefinition, type ProductDefinitionsResult, ProductField, type ProductFieldProps, ProductLifecycleStatus, RENDER_ALL, RESOURCE_TYPE_FIELD_DESCRIPTION, RESOURCE_TYPE_FIELD_ID, RESOURCE_TYPE_FIELD_PRODUCT_BLOCKS, RESOURCE_TYPE_FIELD_TYPE, RadioField, type RadioFieldProps, type RelatedSubscription, type RelatedSubscriptionsResult, RenderDirection, type ResourceTypeDefinition, type ResourceTypeDefinitionsResult, type RootState, STEP_STATE_HIDDEN_KEYS, SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY, type SelectFieldProps, type ShowConfirmDialog, type ShowConfirmDialogType, SortOrder, type StartProcessStep, type Step, type StepListItem, type StepState, StepStatus, StoreProvider, type StoreProviderProps, type StoredTableConfig, SubmitField, type SubmitFieldProps, type Subscription, type SubscriptionAction, type SubscriptionDetail, type SubscriptionDetailProcess, type SubscriptionDetailResult, SubscriptionDetailTab, type SubscriptionDropdownOption, type SubscriptionDropdownOptionsResult, SubscriptionField, type SubscriptionFieldProps, SubscriptionKeyValueBlock, SubscriptionStatus, SubscriptionSummaryField, type SubscriptionSummaryFieldProps, type SubscriptionsResult, SummaryField, type SummaryFieldProps, type TableColumnKeys, type TableConfig, TableSettingsModal, type TableSettingsModalProps, TextField, type TextFieldProps, type TimelineItem, TimelinePosition, TimestampField, type TimestampFieldProps, type ToastState, ToastTypes, type TranslationMessagesMap, type TreeBlock, TreeContext, type TreeContextType, TreeProvider, type TreeProviderProps, UnconnectedSelectField, type UserInputForm, UserInputFormWizard, VlanField, type VlanFieldProps, WFO_STATUS_COLOR_FIELD, WfoArrowNarrowDown, WfoArrowNarrowUp, WfoArrowsExpand, WfoAuth, WfoBadge, type WfoBadgeProps, WfoBasicTable, type WfoBasicTableColumns, type WfoBasicTableColumnsWithControlColumns, type WfoBasicTableProps, WfoBell, WfoBreadcrumbs, WfoCheckmarkCircleFill, WfoChevronDown, WfoChevronUp, WfoCode, WfoCogFill, WfoContactEnvelopeFill, type WfoControlColumn, WfoCubeSolid, WfoDataGridTable, type WfoDataGridTableColumns, type WfoDataGridTableProps, type WfoDataSearch, type WfoDataSorting, WfoDateTime, type WfoDateTimeProps, WfoDropdownButton, WfoEngineStatusBadge, WfoEngineStatusButton, WfoEnvironmentBadge, WfoError, WfoErrorBoundary, type WfoEuiBasicTableColumn, WfoEyeFill, WfoFailedTasksBadge, type WfoFilterTab, WfoFilterTabs, type WfoFilterTabsProps, WfoFirstPartUUID, type WfoFirstUUIDPartProps, WfoFlushSettings, WfoHeaderBadge, type WfoIconProps, WfoInformationModal, type WfoInformationModalProps, WfoInsyncIcon, WfoIsAllowedToRender, type WfoIsAllowedToRenderProps, WfoJsonCodeBlock, type WfoJsonCodeBlockProps, WfoKeyCell, type WfoKeyCellProps, WfoKeyValueTable, type WfoKeyValueTableDataType, type WfoKeyValueTableProps, WfoLoading, WfoLogoutIcon, WfoMinusCircleFill, WfoMinusCircleOutline, WfoModifySettings, WfoPageHeader, type WfoPageHeaderProps, WfoPageTemplate, type WfoPageTemplateProps, WfoPageUnauthorized, WfoPencil, WfoPencilAlt, WfoPlayCircle, WfoPlayFill, WfoPlusCircleFill, type WfoPolicyRenderFallbackProps, WfoPolicyRenderPageFallback, WfoProcessDetailPage, WfoProcessListSubscriptionsCell, WfoProcessRawData, WfoProcessStatusBadge, type WfoProcessStatusBadgeProps, WfoProcessSubscriptionDelta, WfoProcessesList, type WfoProcessesListProps, type WfoProcessesListSubscriptionsCellProps, WfoProcessesTimeline, WfoProductBlockBadge, type WfoProductBlockBadgeProps, WfoProductBlocksPage, WfoProductStatusBadge, type WfoProductStatusBadgeProps, WfoProductsPage, WfoRefresh, WfoResourceTypesPage, WfoSearchField, type WfoSearchFieldProps, WfoSearchStrikethrough, type WfoSession, WfoSettingsModal, type WfoSettingsModalProps, WfoSettingsPage, WfoShare, WfoSideMenu, WfoSidebar, type WfoSidebarProps, WfoSortAsc, WfoSortButton, type WfoSortButtonProps, WfoSortButtons, type WfoSortButtonsProps, WfoSortDesc, WfoSortDirectionIcon, type WfoSortDirectionIconProps, WfoStartPage, WfoStartProcessPage, WfoStartTaskButtonComboBox, WfoStatistic, WfoStatus, WfoStatusColorField, type WfoStatusColorFieldProps, WfoStatusDotIcon, WfoStep, WfoStepList, WfoStepListHeader, type WfoStepListHeaderProps, type WfoStepListProps, type WfoStepListRef, type WfoStepProps, WfoStepStatusIcon, type WfoStepStatusIconProps, WfoSubmitModal, type WfoSubmitModalProps, WfoSubscription, WfoSubscriptionActions, type WfoSubscriptionActionsProps, WfoSubscriptionDetailPage, WfoSubscriptionDetailTree, WfoSubscriptionGeneral, WfoSubscriptionProductBlock, WfoSubscriptionStatusBadge, type WfoSubscriptionStatusBadgeProps, WfoSubscriptionsListPage, type WfoTableColumns, type WfoTableColumnsWithExtraNonDataFields, type WfoTableControlColumnConfig, type WfoTableDataColumnConfig, WfoTableHeaderCell, type WfoTableHeaderCellProps, WfoTableWithFilter, type WfoTableWithFilterProps, WfoTasksListPage, WfoTasksListTabType, WfoTextAnchor, WfoTimeline, type WfoTimelineProps, WfoToastsList, type WfoTreeNodeMap, type WfoUserProfile, WfoValueCell, type WfoValueCellProps, WfoViewList, WfoWarningTriangle, WfoWorkflowStepList, type WfoWorkflowStepListProps, WfoWorkflowTargetBadge, type WfoWorkflowTargetBadgeProps, WfoWorkflowsListPage, WfoWorkflowsPage, WfoXCircleFill, type WorkflowDefinition, type WorkflowDefinitionsResult, type WorkflowListItem, WorkflowTarget, addToastMessage, calculateTimeDifference, camelToHuman, clearTableConfigFromLocalStorage, defaultOrchestratorTheme, defaultTasksListTabs, determineNewSortOrder, determinePageIndex, flattenArrayProps, formatDate, formatDateCetWithUtc, getApiClient, getCurrentBrowserLocale, getDataSortHandler, getDate, getFieldFromProductBlockInstanceValues, getFirstUuidPart, getInitialColumnOrder, getNumberValueFromEnvironmentVariable, getOrchestratorConfigSlice, getOrchestratorStore, getPageChangeHandler, getProcessListGraphQlQuery, getProcessListSummaryGraphQlQuery, getProductBlockTitle, getProductNamesFromProcess, getProductsQuery, getProductsSummaryQuery, getQueryStringHandler, getQueryVariablesForExport, getSortDirectionFromString, getStatusBadgeColor, getStepContent, getSubscriptionDropdownOptionsGraphQlQuery, getSubscriptionsListGraphQlQuery, getSubscriptionsListSummaryGraphQlQuery, getTableConfigFromLocalStorage, getTasksListTabTypeFromString, getTypedFieldFromObject, getWfoBasicTableStyles, getWorkflowTargetColor, getWorkflowTargetIconContent, isToday, isUuid4, isValidLocalStorageTableConfig, localMomentToUtcTimestamp, mapColumnSortToEuiDataGridSorting, mapSortableAndFilterableValuesToTableColumnConfig, orchestratorApi, parseDate, parseDateOrTimeRelativeToToday, parseDateRelativeToToday, parseDateToLocaleDateString, parseDateToLocaleDateTimeString, parseDateToLocaleTimeString, parseIsoString, processListQuery, removeSuffix, removeToastMessage, renderEmptyElementWhenNotAllowedByPolicy, setTableConfigToLocalStorage, stop, toastMessagesReducer, toastMessagesSlice, upperCaseFirstChar, urlPolicyMap, useCacheNames, useCheckEngineStatus, useClearCacheMutation, useDataDisplayParams, useFilterQueryWithRest, useGetCustomersQuery, useGetEngineStatusQuery, useGetProcessListQuery, useGetTranslationMessages, useMutateProcess, useOrchestratorConfig, useOrchestratorTheme, usePolicy, useProcessStatusCountsQuery, useQueryWithFetch, useQueryWithGraphql, useQueryWithGraphqlLazy, useRawProcessDetails, useSetEngineStatusMutation, useShowToastMessage, useStoredTableConfig, useStreamMessagesQuery, useSubscriptionActions, useWfoSession, useWithOrchestratorTheme, utcTimestampToLocalMoment };
+export { ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY, ACTIVE_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY, AcceptField, type AcceptFieldProps, ApiClient, ApiClientContext, ApiClientContextProvider, type ApiClientContextProviderProps, type ApiContext, type AppDispatch, type AutoFieldsProps, BadgeType, BaseApiClient, type BaseGraphQlResult, BaseQueryTypes, BoolField, type BoolFieldProps, COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY, COMPLETED_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY, type CacheNames, type CacheOption, CacheTags, ColorModes, type ColumnConfig, type ConfirmDialogActions, ConfirmationDialogContext, ConfirmationDialogContextWrapper, ConfirmationDialogProvider, ConnectedSelectField, ContactPersonNameField, type ContactPersonNameFieldProps, CreateForm, type Customer, CustomerField, type CustomerFieldProps, type CustomersResult, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, type DataDisplayParams, type DataDisplayReturnValues, DateField, type DateFieldProps, DividerField, type DividerFieldProps, type EmailAddress, type EmailState, EngineStatus, Environment, ErrorField, type ErrorFieldProps, ErrorsField, type ErrorsFieldProps, type ExternalService, type Field, type FieldProps$1 as FieldProps, type FieldValue, type FilterQuery, type FixedInputDefinition, type Form, type FormNotCompleteResponse, GET_PROCESS_DETAIL_GRAPHQL_QUERY, GET_PROCESS_LIST_GRAPHQL_QUERY, GET_PROCESS_LIST_SUMMARY_GRAPHQL_QUERY, GET_PROCESS_STEPS_GRAPHQL_QUERY, GET_PRODUCTS_BLOCKS_GRAPHQL_QUERY, GET_PRODUCTS_GRAPHQL_QUERY, GET_PRODUCTS_SUMMARY_GRAPHQL_QUERY, GET_RESOURCE_TYPES_GRAPHQL_QUERY, GET_SUBSCRIPTIONS_LIST_GRAPHQL_QUERY, GET_SUBSCRIPTIONS_LIST_SUMMARY_GRAPHQL_QUERY, GET_SUBSCRIPTION_DETAIL_GRAPHQL_QUERY, GET_SUBSCRIPTION_DROPDOWN_OPTIONS_GRAPHQL_QUERY, type GraphQLPageInfo, type GraphQLSort, type GraphqlFilter, type GraphqlQueryVariables, type GroupedStep, HIDDEN_KEYS, type HeaderBadgeProps, type IPvAnyNetworkFieldProps, ImsNodeIdField, type ImsNodeIdFieldProps, type ImsPortFieldProps, ImsPortIdField, type InUseByRelation, type InputForm, IpNetworkField, type KeyValue, LabelField, type LabelFieldProps, ListAddField, type ListAddFieldProps, ListDelField, type ListDelFieldProps, ListField, type ListFieldProps, ListSelectField, type ListSelectFieldProps, Locale, LocationCodeField, type LocationCodeFieldProps, LongTextField, type LongTextFieldProps, MAXIMUM_ITEMS_FOR_BULK_FETCHING, 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, type NestFieldProps, type Nullable, NumField, type NumFieldProps, OptGroupField, type OptGroupFieldProps, type OrchestratorConfig, OrchestratorConfigContext, OrchestratorConfigProvider, type OrchestratorConfigProviderProps, PATH_METADATA, PATH_METADATA_PRODUCTS, PATH_METADATA_PRODUCT_BLOCKS, PATH_METADATA_RESOURCE_TYPES, PATH_METADATA_WORKFLOWS, PATH_SETTINGS, PATH_START, PATH_START_NEW_TASK, PATH_START_NEW_WORKFLOW, PATH_SUBSCRIPTIONS, PATH_TASKS, PATH_WORKFLOWS, type Pagination, type Policy, PolicyContext, PolicyContextProvider, type PolicyProviderProps, PolicyResource, type Process, type ProcessDetail, type ProcessDetailResultRaw, ProcessDoneStatuses, type ProcessListItem, type ProcessListResponse, type ProcessListResult, ProcessStatus, type ProcessStatusCounts, type ProcessStepsResult, type ProcessesDetailResult, type ProductBlockDefinition, type ProductBlockDefinitionsResult, type ProductBlockInstance, type ProductDefinition, type ProductDefinitionsResult, ProductField, type ProductFieldProps, ProductLifecycleStatus, RENDER_ALL, RESOURCE_TYPE_FIELD_DESCRIPTION, RESOURCE_TYPE_FIELD_ID, RESOURCE_TYPE_FIELD_PRODUCT_BLOCKS, RESOURCE_TYPE_FIELD_TYPE, RadioField, type RadioFieldProps, type RelatedSubscription, type RelatedSubscriptionsResult, RenderDirection, type ResourceTypeDefinition, type ResourceTypeDefinitionsResult, type RootState, STEP_STATE_HIDDEN_KEYS, SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY, type SelectFieldProps, type ShowConfirmDialog, type ShowConfirmDialogType, SortOrder, type StartProcessStep, type Step, type StepListItem, type StepState, StepStatus, StoreProvider, type StoreProviderProps, type StoredTableConfig, SubmitField, type SubmitFieldProps, type Subscription, type SubscriptionAction, type SubscriptionDetail, type SubscriptionDetailProcess, type SubscriptionDetailResult, SubscriptionDetailTab, type SubscriptionDropdownOption, type SubscriptionDropdownOptionsResult, SubscriptionField, type SubscriptionFieldProps, SubscriptionKeyValueBlock, SubscriptionStatus, SubscriptionSummaryField, type SubscriptionSummaryFieldProps, type SubscriptionsResult, SummaryField, type SummaryFieldProps, type TableColumnKeys, type TableConfig, TableSettingsModal, type TableSettingsModalProps, TextField, type TextFieldProps, type TimelineItem, TimelinePosition, TimestampField, type TimestampFieldProps, type ToastState, ToastTypes, type TranslationMessagesMap, type TreeBlock, TreeContext, type TreeContextType, TreeProvider, type TreeProviderProps, UnconnectedSelectField, type UserInputForm, UserInputFormWizard, type ValidationError, type ValidationErrorContext, VlanField, type VlanFieldProps, WFO_STATUS_COLOR_FIELD, WfoArrowNarrowDown, WfoArrowNarrowUp, WfoArrowsExpand, WfoAuth, WfoBadge, type WfoBadgeProps, WfoBasicTable, type WfoBasicTableColumns, type WfoBasicTableColumnsWithControlColumns, type WfoBasicTableProps, WfoBell, WfoBreadcrumbs, WfoCheckmarkCircleFill, WfoChevronDown, WfoChevronUp, WfoCode, WfoCogFill, WfoContactEnvelopeFill, type WfoControlColumn, WfoCubeSolid, WfoDataGridTable, type WfoDataGridTableColumns, type WfoDataGridTableProps, type WfoDataSearch, type WfoDataSorting, WfoDateTime, type WfoDateTimeProps, WfoDropdownButton, WfoEngineStatusBadge, WfoEngineStatusButton, WfoEnvironmentBadge, WfoError, WfoErrorBoundary, type WfoEuiBasicTableColumn, WfoEyeFill, WfoFailedTasksBadge, type WfoFilterTab, WfoFilterTabs, type WfoFilterTabsProps, WfoFirstPartUUID, type WfoFirstUUIDPartProps, WfoFlushSettings, WfoHeaderBadge, type WfoIconProps, WfoInformationModal, type WfoInformationModalProps, WfoInsyncIcon, WfoIsAllowedToRender, type WfoIsAllowedToRenderProps, WfoJsonCodeBlock, type WfoJsonCodeBlockProps, WfoKeyCell, type WfoKeyCellProps, WfoKeyValueTable, type WfoKeyValueTableDataType, type WfoKeyValueTableProps, WfoLoading, WfoLogoutIcon, WfoMinusCircleFill, WfoMinusCircleOutline, WfoModifySettings, WfoPageHeader, type WfoPageHeaderProps, WfoPageTemplate, type WfoPageTemplateProps, WfoPageUnauthorized, WfoPencil, WfoPencilAlt, WfoPlayCircle, WfoPlayFill, WfoPlusCircleFill, type WfoPolicyRenderFallbackProps, WfoPolicyRenderPageFallback, WfoProcessDetailPage, WfoProcessListSubscriptionsCell, WfoProcessRawData, WfoProcessStatusBadge, type WfoProcessStatusBadgeProps, WfoProcessSubscriptionDelta, WfoProcessesList, type WfoProcessesListProps, type WfoProcessesListSubscriptionsCellProps, WfoProcessesTimeline, WfoProductBlockBadge, type WfoProductBlockBadgeProps, WfoProductBlocksPage, WfoProductStatusBadge, type WfoProductStatusBadgeProps, WfoProductsPage, WfoRefresh, WfoResourceTypesPage, WfoSearchField, type WfoSearchFieldProps, WfoSearchStrikethrough, type WfoSession, WfoSettingsModal, type WfoSettingsModalProps, WfoSettingsPage, WfoShare, WfoSideMenu, WfoSidebar, type WfoSidebarProps, WfoSortAsc, WfoSortButton, type WfoSortButtonProps, WfoSortButtons, type WfoSortButtonsProps, WfoSortDesc, WfoSortDirectionIcon, type WfoSortDirectionIconProps, WfoStartPage, WfoStartProcessPage, WfoStartTaskButtonComboBox, WfoStatistic, WfoStatus, WfoStatusColorField, type WfoStatusColorFieldProps, WfoStatusDotIcon, WfoStep, WfoStepList, WfoStepListHeader, type WfoStepListHeaderProps, type WfoStepListProps, type WfoStepListRef, type WfoStepProps, WfoStepStatusIcon, type WfoStepStatusIconProps, WfoSubmitModal, type WfoSubmitModalProps, WfoSubscription, WfoSubscriptionActions, type WfoSubscriptionActionsProps, WfoSubscriptionDetailPage, WfoSubscriptionDetailTree, WfoSubscriptionGeneral, WfoSubscriptionProductBlock, WfoSubscriptionStatusBadge, type WfoSubscriptionStatusBadgeProps, WfoSubscriptionsListPage, type WfoTableColumns, type WfoTableColumnsWithExtraNonDataFields, type WfoTableControlColumnConfig, type WfoTableDataColumnConfig, WfoTableHeaderCell, type WfoTableHeaderCellProps, WfoTableWithFilter, type WfoTableWithFilterProps, WfoTasksListPage, WfoTasksListTabType, WfoTextAnchor, WfoTimeline, type WfoTimelineProps, WfoToastsList, type WfoTreeNodeMap, type WfoUserProfile, WfoValueCell, type WfoValueCellProps, WfoViewList, WfoWarningTriangle, WfoWorkflowStepList, type WfoWorkflowStepListProps, WfoWorkflowTargetBadge, type WfoWorkflowTargetBadgeProps, WfoWorkflowsListPage, WfoWorkflowsPage, WfoXCircleFill, type WorkflowDefinition, type WorkflowDefinitionsResult, type WorkflowListItem, WorkflowTarget, addToastMessage, calculateTimeDifference, camelToHuman, clearTableConfigFromLocalStorage, defaultOrchestratorTheme, defaultTasksListTabs, determineNewSortOrder, determinePageIndex, flattenArrayProps, formatDate, formatDateCetWithUtc, getApiClient, getCurrentBrowserLocale, getDataSortHandler, getDate, getFieldFromProductBlockInstanceValues, getFirstUuidPart, getInitialColumnOrder, getNumberValueFromEnvironmentVariable, getOrchestratorConfigSlice, getOrchestratorStore, getPageChangeHandler, getProcessListGraphQlQuery, getProcessListSummaryGraphQlQuery, getProductBlockTitle, getProductNamesFromProcess, getProductsQuery, getProductsSummaryQuery, getQueryStringHandler, getQueryVariablesForExport, getSortDirectionFromString, getStatusBadgeColor, getStepContent, getSubscriptionDropdownOptionsGraphQlQuery, getSubscriptionsListGraphQlQuery, getSubscriptionsListSummaryGraphQlQuery, getTableConfigFromLocalStorage, getTasksListTabTypeFromString, getTypedFieldFromObject, getWfoBasicTableStyles, getWorkflowTargetColor, getWorkflowTargetIconContent, isToday, isUuid4, isValidLocalStorageTableConfig, localMomentToUtcTimestamp, mapColumnSortToEuiDataGridSorting, mapSortableAndFilterableValuesToTableColumnConfig, orchestratorApi, parseDate, parseDateOrTimeRelativeToToday, parseDateRelativeToToday, parseDateToLocaleDateString, parseDateToLocaleDateTimeString, parseDateToLocaleTimeString, parseIsoString, processListQuery, removeSuffix, removeToastMessage, renderEmptyElementWhenNotAllowedByPolicy, setTableConfigToLocalStorage, snakeToHuman, snakeToKebab, stop, toastMessagesReducer, toastMessagesSlice, upperCaseFirstChar, urlPolicyMap, useCacheNames, useCheckEngineStatus, useClearCacheMutation, useDataDisplayParams, useFilterQueryWithRest, useGetCustomersQuery, useGetEngineStatusQuery, useGetProcessListQuery, useGetTranslationMessages, useMutateProcess, useOrchestratorConfig, useOrchestratorTheme, usePolicy, useProcessStatusCountsQuery, useQueryWithFetch, useQueryWithGraphql, useQueryWithGraphqlLazy, useRawProcessDetails, useSetEngineStatusMutation, useShowToastMessage, useStoredTableConfig, useStreamMessagesQuery, useSubscriptionActions, useWfoSession, useWithOrchestratorTheme, utcTimestampToLocalMoment };

package/dist/index.js

@@ -34572,9 +34572,9 @@ var getAxiosInstance = (apiPath, accessToken) => {
 };
 
 // src/api/index.ts
-var CIM_FORMS_ENDPOINT = "surf/cim/forms/";
 var PROCESS_ENDPOINT = "processes/";
 var PRODUCTS_ENDPOINT = "products/";
+var FORMS_ENDPOINT = "surf/forms/";
 var BaseApiClient = class {
   constructor(apiPath, accessToken) {
     this.axiosFetch = (path, options = {}, headers = {}, showErrorDialog = true, result = true) => {
@@ -34614,11 +34614,18 @@ var BaseApiClient = class {
     this._axiosInstance = getAxiosInstance(apiPath, accessToken);
   }
 };
-var ApiClientInterface = class extends BaseApiClient {
-};
-var ApiClient = class extends ApiClientInterface {
+var ApiClient = class extends BaseApiClient {
   constructor() {
     super(...arguments);
+    this.startForm = (formKey, userInputs) => {
+      return this.postPutJson(
+        `${FORMS_ENDPOINT}${formKey}`,
+        userInputs,
+        "post",
+        false,
+        true
+      );
+    };
     this.startProcess = (workflowName, processInput) => {
       return this.postPutJson(
         `${PROCESS_ENDPOINT}${workflowName}`,
@@ -34643,15 +34650,6 @@ var ApiClient = class extends ApiClientInterface {
     this.productById = (productId) => {
       return this.fetchJson(`${PRODUCTS_ENDPOINT}${productId}`);
     };
-    this.cimStartForm = (formKey, userInputs) => {
-      return this.postPutJson(
-        `${CIM_FORMS_ENDPOINT}${formKey}`,
-        userInputs,
-        "post",
-        false,
-        true
-      );
-    };
     this.prefix_filters = () => {
       return this.fetchJson("surf/ipam/prefix_filters");
     };
@@ -41313,7 +41311,7 @@ import { useContext as useContext6 } from "react";
 // src/hooks/useQueryWithFetch.ts
 import { useQuery as useQuery2 } from "react-query";
 import { signOut as signOut2 } from "next-auth/react";
-var useQueryWithFetch = (url, queryVars, queryKey) => {
+var useQueryWithFetch = (url, queryVars, queryKey, options) => {
   const { session } = useWfoSession();
   const requestHeaders = {
     authorization: session ? `Bearer ${session.accessToken}` : ""
@@ -41331,7 +41329,11 @@ var useQueryWithFetch = (url, queryVars, queryKey) => {
     }
     return yield response.json();
   });
-  return useQuery2([queryKey, ...Object.values(queryVars)], fetchData);
+  return useQuery2(
+    [queryKey, ...Object.values(queryVars)],
+    fetchData,
+    options
+  );
 };
 
 // src/hooks/useProcessStatusCountsQuery.ts
@@ -43290,6 +43292,13 @@ var camelToHuman = (value) => {
   const result = value.replace(/([A-Z])/g, " $1").trimStart();
   return result.charAt(0).toUpperCase() + result.slice(1);
 };
+var snakeToHuman = (value) => {
+  const result = value.replace(/_/g, " ");
+  return result.charAt(0) + result.slice(1);
+};
+var snakeToKebab = (value) => {
+  return value.replace(/_/g, "-");
+};
 
 // src/utils/getProductNamesFromProcess.ts
 var getProductNamesFromProcess = (process2) => {
@@ -49858,13 +49867,35 @@ var WfoToastsList = () => {
   );
 };
 
-// src/components/WfoForms/CreateForm.tsx
-import { useCallback as useCallback4, useEffect as useEffect15, useState as useState26 } from "react";
-
-// src/components/WfoForms/UserInputFormWizard.tsx
-import { useEffect as useEffect14, useState as useState25 } from "react";
-import { useRouter as useRouter7 } from "next/router";
-import hash from "object-hash";
+// src/components/WfoForms/AutoFields.tsx
+import { createElement } from "react";
+import { useForm } from "uniforms";
+import { AutoField } from "uniforms-unstyled";
+function AutoFields(_a) {
+  var _b = _a, {
+    autoField = AutoField,
+    element = "section",
+    fields,
+    omitFields = []
+  } = _b, props = __objRest(_b, [
+    "autoField",
+    "element",
+    "fields",
+    "omitFields"
+  ]);
+  const { schema } = useForm();
+  return createElement(
+    element,
+    __spreadValues({}, props),
+    (fields != null ? fields : schema.getSubfields()).filter((field) => !omitFields.includes(field)).map(
+      (field) => createElement(autoField, {
+        key: field,
+        name: field,
+        className: "form-input"
+      })
+    )
+  );
+}
 
 // src/components/WfoForms/UserInputForm.tsx
 var import_cloneDeep2 = __toESM(require_cloneDeep(), 1);
@@ -49883,7 +49914,7 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoForms/AutoFieldLoader.tsx
-import { AutoField as AutoField4 } from "uniforms-unstyled";
+import { AutoField as AutoField5 } from "uniforms-unstyled";
 
 // src/components/WfoForms/formFields/AcceptField.tsx
 import { useReducer } from "react";
@@ -50231,10 +50262,10 @@ var ErrorField = connectField4(Error2, {
 });
 
 // src/components/WfoForms/formFields/ErrorsField.tsx
-import { filterDOMProps as filterDOMProps4, useForm } from "uniforms";
+import { filterDOMProps as filterDOMProps4, useForm as useForm2 } from "uniforms";
 import { jsx as jsx102, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
 var ErrorsField = (props) => {
-  const { error, schema } = useForm();
+  const { error, schema } = useForm2();
   return !error && !props.children ? null : /* @__PURE__ */ jsxs65("div", __spreadProps(__spreadValues({}, filterDOMProps4(props)), { children: [
     props.children,
     /* @__PURE__ */ jsx102("ul", { children: schema.getErrorMessages(error).map((message, index) => /* @__PURE__ */ jsx102("li", { children: message }, index)) })
@@ -50393,10 +50424,10 @@ import { EuiFlexItem as EuiFlexItem14, EuiFormRow as EuiFormRow4, EuiText as Eui
 
 // src/components/WfoForms/formFields/ListItemField.tsx
 import { connectField as connectField8 } from "uniforms";
-import { AutoField } from "uniforms-unstyled";
+import { AutoField as AutoField2 } from "uniforms-unstyled";
 import { jsx as jsx106, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
 function ListItem({
-  children = /* @__PURE__ */ jsx106(AutoField, { label: null, name: "" }),
+  children = /* @__PURE__ */ jsx106(AutoField2, { label: null, name: "" }),
   outerList = false
 }) {
   return /* @__PURE__ */ jsxs68("li", { children: [
@@ -50583,13 +50614,13 @@ var ListField = connectField9(List);
 
 // src/components/WfoForms/formFields/ListSelectField.tsx
 var import_lodash3 = __toESM(require_lodash(), 1);
-import { joinName as joinName5, useField as useField5, useForm as useForm3 } from "uniforms";
+import { joinName as joinName5, useField as useField5, useForm as useForm4 } from "uniforms";
 
 // src/components/WfoForms/formFields/SelectField.tsx
 var import_lodash2 = __toESM(require_lodash(), 1);
 import ReactSelect from "react-select";
 import { useTranslations as useTranslations26 } from "next-intl";
-import { joinName as joinName4, useField as useField4, useForm as useForm2 } from "uniforms";
+import { joinName as joinName4, useField as useField4, useForm as useForm3 } from "uniforms";
 import { EuiFormRow as EuiFormRow5, EuiText as EuiText14 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/reactSelectStyles.ts
@@ -50670,7 +50701,7 @@ function UnconnectedSelectField(_a) {
     parentName = name;
   }
   const parent = useField4(parentName, {}, { absoluteName: true })[0];
-  const { model } = useForm2();
+  const { model } = useForm3();
   if (parentName !== name) {
     if (parent.fieldType === Array && parent.uniqueItems) {
       const allValues = (0, import_lodash2.get)(model, parentName, []);
@@ -50772,7 +50803,7 @@ function ListSelectField(_a) {
     parentName = name;
   }
   const parent = useField5(parentName, {}, { absoluteName: true })[0];
-  const { model } = useForm3();
+  const { model } = useForm4();
   if (parentName !== name) {
     if (parent.fieldType === Array && parent.uniqueItems) {
       const allValues = (0, import_lodash3.get)(model, parentName, []);
@@ -51047,7 +51078,7 @@ function Radio(_a) {
 var RadioField = connectField13(Radio, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/SubmitField.tsx
-import { filterDOMProps as filterDOMProps13, useForm as useForm4 } from "uniforms";
+import { filterDOMProps as filterDOMProps13, useForm as useForm5 } from "uniforms";
 import { jsx as jsx114 } from "@emotion/react/jsx-runtime";
 var SubmitField = (_a) => {
   var _b = _a, {
@@ -51061,7 +51092,7 @@ var SubmitField = (_a) => {
     "readOnly",
     "value"
   ]);
-  const { error, state } = useForm4();
+  const { error, state } = useForm5();
   return /* @__PURE__ */ jsx114(
     "input",
     __spreadValues(__spreadValues({
@@ -51335,7 +51366,7 @@ import {
   filterDOMProps as filterDOMProps18,
   joinName as joinName6,
   useField as useField6,
-  useForm as useForm5
+  useForm as useForm6
 } from "uniforms";
 import { EuiFieldText as EuiFieldText2, EuiFormRow as EuiFormRow12, EuiText as EuiText21 } from "@elastic/eui";
 
@@ -51525,7 +51556,7 @@ function ContactPersonName(_a) {
   ]);
   const axiosApiClient = useAxiosApiClient();
   const t = useTranslations28("pydanticForms");
-  const { model, onChange: formOnChange, schema } = useForm5();
+  const { model, onChange: formOnChange, schema } = useForm6();
   const contactsPersonFieldNameArray = joinName6(null, name).slice(0, -1);
   const emailFieldName = joinName6(contactsPersonFieldNameArray, "email");
   const contactsFieldName = joinName6(
@@ -51950,7 +51981,7 @@ var LocationCodeField = connectField21(LocationCode, { kind: "leaf" });
 var import_get3 = __toESM(require_get(), 1);
 import { useEffect as useEffect13, useState as useState22 } from "react";
 import { useTranslations as useTranslations32 } from "next-intl";
-import { connectField as connectField22, filterDOMProps as filterDOMProps22, joinName as joinName7, useForm as useForm6 } from "uniforms";
+import { connectField as connectField22, filterDOMProps as filterDOMProps22, joinName as joinName7, useForm as useForm7 } from "uniforms";
 import { EuiFieldText as EuiFieldText3, EuiFormRow as EuiFormRow14, EuiText as EuiText23 } from "@elastic/eui";
 
 // src/hooks/surf/useIsTaggedPort.ts
@@ -52053,7 +52084,7 @@ function Vlan(_a) {
   ]);
   const t = useTranslations32("pydanticForms");
   const axiosApiClient = useAxiosApiClient();
-  const { model, schema } = useForm6();
+  const { model, schema } = useForm7();
   const initialValue = schema.getInitialValue(name, {});
   const nameArray = joinName7(null, name);
   const selfName = nameArray.slice(-1);
@@ -52165,7 +52196,7 @@ var VlanField = connectField22(Vlan, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/NestField.tsx
 import { connectField as connectField23, filterDOMProps as filterDOMProps23, joinName as joinName8 } from "uniforms";
-import { AutoField as AutoField2 } from "uniforms-unstyled";
+import { AutoField as AutoField3 } from "uniforms-unstyled";
 import {
   EuiDescribedFormGroup,
   EuiFlexGroup as EuiFlexGroup13,
@@ -52207,7 +52238,7 @@ function Nest(_a) {
             /* @__PURE__ */ jsx125(EuiText24, { size: "m", children: description })
           ] }),
           children || (fields == null ? void 0 : fields.map((field) => /* @__PURE__ */ jsx125(EuiFlexItem17, { children: /* @__PURE__ */ jsx125(
-            AutoField2,
+            AutoField3,
             __spreadProps(__spreadValues({
               name: field
             }, itemProps), {
@@ -52225,7 +52256,7 @@ function Nest(_a) {
         description,
         className: `${className} nest-field`,
         children: children || (fields == null ? void 0 : fields.map((field) => /* @__PURE__ */ jsx125(
-          AutoField2,
+          AutoField3,
           __spreadProps(__spreadValues({
             name: field
           }, itemProps), {
@@ -52242,7 +52273,7 @@ var NestField = connectField23(Nest);
 // src/components/WfoForms/formFields/OptGroupField.tsx
 import { useTranslations as useTranslations33 } from "next-intl";
 import { connectField as connectField24, filterDOMProps as filterDOMProps24, useField as useField7 } from "uniforms";
-import { AutoField as AutoField3 } from "uniforms-unstyled";
+import { AutoField as AutoField4 } from "uniforms-unstyled";
 import { EuiDescribedFormGroup as EuiDescribedFormGroup2, EuiFlexItem as EuiFlexItem18, EuiFormRow as EuiFormRow15 } from "@elastic/eui";
 import { Fragment as Fragment23, jsx as jsx126, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
 filterDOMProps24.register("properties");
@@ -52278,7 +52309,7 @@ function OptGroup(_a) {
             children: /* @__PURE__ */ jsx126(BoolField, { name: "enabled", readOnly })
           }
         ) }),
-        enabled && (fields == null ? void 0 : fields.filter((field) => field !== "enabled").map((field) => /* @__PURE__ */ jsx126(EuiFlexItem18, { children: /* @__PURE__ */ jsx126(AutoField3, __spreadValues({ name: field }, itemProps)) }, field)))
+        enabled && (fields == null ? void 0 : fields.filter((field) => field !== "enabled").map((field) => /* @__PURE__ */ jsx126(EuiFlexItem18, { children: /* @__PURE__ */ jsx126(AutoField4, __spreadValues({ name: field }, itemProps)) }, field)))
       ] })
     })
   );
@@ -52294,7 +52325,7 @@ import {
   filterDOMProps as filterDOMProps25,
   joinName as joinName9,
   useField as useField8,
-  useForm as useForm7
+  useForm as useForm8
 } from "uniforms";
 import {
   EuiButtonIcon as EuiButtonIcon2,
@@ -52442,7 +52473,7 @@ function SubscriptionFieldDefinition(_a) {
     parentName = name;
   }
   const parent = useField8(parentName, {}, { absoluteName: true })[0];
-  const { model, schema } = useForm7();
+  const { model, schema } = useForm8();
   const bandWithFromField = bandwidthKey ? (0, import_get4.default)(model, bandwidthKey) || schema.getInitialValue(bandwidthKey, {}) : void 0;
   const usedBandwidth = bandwidth || bandWithFromField;
   const usedCustomerId = customerKey ? (0, import_get4.default)(model, customerKey, "nonExistingOrgToFilterEverything") : customerId;
@@ -53537,37 +53568,7 @@ function autoFieldFunction(props, uniforms) {
         return DateField;
     }
   }
-  return AutoField4.defaultComponentDetector(props, uniforms);
-}
-
-// src/components/WfoForms/AutoFields.tsx
-import { createElement } from "react";
-import { useForm as useForm8 } from "uniforms";
-import { AutoField as AutoField5 } from "uniforms-unstyled";
-function AutoFields(_a) {
-  var _b = _a, {
-    autoField = AutoField5,
-    element = "section",
-    fields,
-    omitFields = []
-  } = _b, props = __objRest(_b, [
-    "autoField",
-    "element",
-    "fields",
-    "omitFields"
-  ]);
-  const { schema } = useForm8();
-  return createElement(
-    element,
-    __spreadValues({}, props),
-    (fields != null ? fields : schema.getSubfields()).filter((field) => !omitFields.includes(field)).map(
-      (field) => createElement(autoField, {
-        key: field,
-        name: field,
-        className: "form-input"
-      })
-    )
-  );
+  return AutoField5.defaultComponentDetector(props, uniforms);
 }
 
 // src/components/WfoForms/UserInputFormStyling.ts
@@ -54073,6 +54074,9 @@ function UserInputForm({
 var UserInputForm_default = UserInputForm;
 
 // src/components/WfoForms/UserInputFormWizard.tsx
+import { useEffect as useEffect14, useState as useState25 } from "react";
+import { useRouter as useRouter7 } from "next/router";
+import hash from "object-hash";
 import { jsx as jsx135 } from "@emotion/react/jsx-runtime";
 function stop2(e) {
   if (e !== void 0 && e !== null) {
@@ -54147,6 +54151,7 @@ function UserInputFormWizard({
 var UserInputFormWizard_default = UserInputFormWizard;
 
 // src/components/WfoForms/CreateForm.tsx
+import { useCallback as useCallback4, useEffect as useEffect15, useState as useState26 } from "react";
 import { jsx as jsx136 } from "@emotion/react/jsx-runtime";
 function CreateForm(props) {
   const { preselectedInput, formKey, handleSubmit, handleCancel } = props;
@@ -54155,7 +54160,7 @@ function CreateForm(props) {
   const apiClient = useAxiosApiClient();
   const submit = useCallback4(
     (userInputs) => {
-      return apiClient.cimStartForm(formKey, userInputs).then((form2) => {
+      return apiClient.startForm(formKey, userInputs).then((form2) => {
         handleSubmit(form2);
       });
     },
@@ -57068,7 +57073,7 @@ var WfoStartPage = () => {
     )) != null ? _d : [],
     button: {
       name: t("outOfSyncSubscriptions.buttonText"),
-      url: `${PATH_SUBSCRIPTIONS}?activeTab=ALL&sortBy=field-startDate_order-ASC&queryString=status%3A%28initial%7Cactive%29+insync%3Afalse`
+      url: `${PATH_SUBSCRIPTIONS}?activeTab=ALL&sortBy=field-startDate_order-ASC&queryString=status%3A%28provisioning%7Cactive%29+insync%3Afalse`
     },
     isLoading: outOfSyncsubscriptionsSummaryIsFetching
   };
@@ -59530,6 +59535,8 @@ export {
   removeToastMessage,
   renderEmptyElementWhenNotAllowedByPolicy,
   setTableConfigToLocalStorage,
+  snakeToHuman,
+  snakeToKebab,
   stop,
   toastMessagesReducer,
   toastMessagesSlice,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@orchestrator-ui/orchestrator-ui-components",
-    "version": "0.11.1",
+    "version": "0.12.0",
     "license": "MIT",
     "scripts": {
         "test": "jest",

package/src/api/index.ts

@@ -24,9 +24,9 @@ import { ProductDefinition } from '@/types';
 
 import { getAxiosInstance } from './axios';
 
-const CIM_FORMS_ENDPOINT = 'surf/cim/forms/';
 const PROCESS_ENDPOINT = 'processes/';
 const PRODUCTS_ENDPOINT = 'products/';
+const FORMS_ENDPOINT = 'surf/forms/';
 
 export class BaseApiClient {
     private _axiosInstance: AxiosInstance;
@@ -105,14 +105,20 @@ export class BaseApiClient {
     };
 }
 
-abstract class ApiClientInterface extends BaseApiClient {
-    abstract cimStartForm: (
+export class ApiClient extends BaseApiClient {
+    startForm = (
         formKey: string,
         userInputs: object[],
-    ) => Promise<object>;
-}
+    ): Promise<{ id: string }> => {
+        return this.postPutJson(
+            `${FORMS_ENDPOINT}${formKey}`,
+            userInputs,
+            'post',
+            false,
+            true,
+        );
+    };
 
-export class ApiClient extends ApiClientInterface {
     startProcess = (
         workflowName: string,
         processInput: object,
@@ -142,18 +148,6 @@ export class ApiClient extends ApiClientInterface {
     productById = (productId: string): Promise<ProductDefinition> => {
         return this.fetchJson(`${PRODUCTS_ENDPOINT}${productId}`);
     };
-    cimStartForm = (
-        formKey: string,
-        userInputs: object[],
-    ): Promise<{ id: string }> => {
-        return this.postPutJson(
-            `${CIM_FORMS_ENDPOINT}${formKey}`,
-            userInputs,
-            'post',
-            false,
-            true,
-        );
-    };
     prefix_filters = (): Promise<IpPrefix[]> => {
         return this.fetchJson('surf/ipam/prefix_filters');
     };

package/src/components/WfoForms/CreateForm.tsx

@@ -35,7 +35,7 @@ export function CreateForm(props: IProps) {
 
     const submit = useCallback(
         (userInputs: object[]) => {
-            return apiClient.cimStartForm(formKey, userInputs).then((form) => {
+            return apiClient.startForm(formKey, userInputs).then((form) => {
                 handleSubmit(form);
             });
         },

package/src/components/WfoForms/index.ts

@@ -1,5 +1,5 @@
-export * from './CreateForm';
 export * from './AutoFields';
 export * from './UserInputForm';
 export * from './UserInputFormWizard';
 export * from './formFields';
+export * from './CreateForm';

package/src/hooks/useQueryWithFetch.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { UseQueryOptions, useQuery } from 'react-query';
 
 import { Variables } from 'graphql-request/build/cjs/types';
 import { signOut } from 'next-auth/react';
@@ -9,6 +9,7 @@ export const useQueryWithFetch = <T, V extends Variables>(
     url: string,
     queryVars: V,
     queryKey: string,
+    options?: UseQueryOptions<T, unknown, T, [string, ...unknown[]]>,
 ) => {
     const { session } = useWfoSession();
     const requestHeaders = {
@@ -29,5 +30,9 @@ export const useQueryWithFetch = <T, V extends Variables>(
         }
         return (await response.json()) as T;
     };
-    return useQuery([queryKey, ...Object.values(queryVars)], fetchData);
+    return useQuery(
+        [queryKey, ...Object.values(queryVars)],
+        fetchData,
+        options,
+    );
 };

package/src/pages/startPage/WfoStartPage.tsx

@@ -107,7 +107,7 @@ export const WfoStartPage = () => {
             ) ?? [],
         button: {
             name: t('outOfSyncSubscriptions.buttonText'),
-            url: `${PATH_SUBSCRIPTIONS}?activeTab=ALL&sortBy=field-startDate_order-ASC&queryString=status%3A%28initial%7Cactive%29+insync%3Afalse`,
+            url: `${PATH_SUBSCRIPTIONS}?activeTab=ALL&sortBy=field-startDate_order-ASC&queryString=status%3A%28provisioning%7Cactive%29+insync%3Afalse`,
         },
         isLoading: outOfSyncsubscriptionsSummaryIsFetching,
     };

package/src/types/index.ts

@@ -1 +1,2 @@
 export * from './types';
+export * from './forms';

package/src/utils/string.spec.ts

@@ -1,4 +1,10 @@
-import { camelToHuman, removeSuffix, upperCaseFirstChar } from './strings';
+import {
+    camelToHuman,
+    removeSuffix,
+    snakeToHuman,
+    snakeToKebab,
+    upperCaseFirstChar,
+} from './strings';
 
 describe('upperCaseFirstChar()', () => {
     it("Doesn't crash on an empty string but returns empty string", () => {
@@ -68,3 +74,33 @@ describe('camelToHuman()', () => {
         expect(result).toEqual('A Quick Brown Fox');
     });
 });
+
+describe('snakeToHuman()', () => {
+    it('Returns an empty string when input is an empty string', () => {
+        const result = snakeToHuman('');
+        expect(result).toEqual('');
+    });
+    it('Returns two words from a single underscore snake case word', () => {
+        const result = snakeToHuman('hello_world');
+        expect(result).toEqual('hello world');
+    });
+    it('Returns multiple words from a multiple underscore snake case word', () => {
+        const result = snakeToHuman('quick_brown_fox');
+        expect(result).toEqual('quick brown fox');
+    });
+});
+
+describe('snakeToKebab()', () => {
+    it('Returns an empty string when input is an empty string', () => {
+        const result = snakeToKebab('');
+        expect(result).toEqual('');
+    });
+    it('Returns kebab case word from a single underscore snake case word', () => {
+        const result = snakeToKebab('hello_world');
+        expect(result).toEqual('hello-world');
+    });
+    it('Returns kebab case word from a multiple underscore snake case word', () => {
+        const result = snakeToKebab('quick_brown_fox');
+        expect(result).toEqual('quick-brown-fox');
+    });
+});

package/src/utils/strings.ts

@@ -13,3 +13,12 @@ export const camelToHuman = (value: string): string => {
     const result = value.replace(/([A-Z])/g, ' $1').trimStart();
     return result.charAt(0).toUpperCase() + result.slice(1);
 };
+
+export const snakeToHuman = (value: string): string => {
+    const result = value.replace(/_/g, ' ');
+    return result.charAt(0) + result.slice(1);
+};
+
+export const snakeToKebab = (value: string): string => {
+    return value.replace(/_/g, '-');
+};