@wise/dynamic-flow-client 3.21.2 → 3.22.0

package/build/types/legacy/jsonSchemaForm/allOfSchema/AllOfSchema.d.ts

@@ -4,5 +4,6 @@ declare function AllOfSchema(props: AllOfSchemaProps): import("react/jsx-runtime
 export type AllOfSchemaProps = Omit<GenericSchemaProps, 'schema' | 'model'> & {
     schema: AllOfSchemaType;
     model: ObjectModel;
+    hideTitle?: boolean;
 };
 export default AllOfSchema;

package/build/types/legacy/layout/list/DynamicStatusList.d.ts

@@ -3,5 +3,5 @@ type Props = {
     component: ListLayout | StatusListLayout;
     onAction: (action: Action) => void;
 };
-declare const DynamicStatusList: ({ component }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const DynamicStatusList: ({ component, onAction }: Props) => import("react/jsx-runtime").JSX.Element;
 export default DynamicStatusList;

package/build/types/legacy/test-utils/index.d.ts

@@ -1,4 +1,4 @@
 export { default as DynamicFlowProviders } from './DynamicFlowProviders';
-export { mount, mountWithOptions, getMockFetchPromise, wait, getI18n, TestContextProviders, } from './legacy-utils';
+export { wait, TestContextProviders } from './legacy-utils';
 export { default as mockUseLogger } from './log-utils';
 export { renderWithProviders } from '../../test-utils/rtl-utils';

package/build/types/legacy/test-utils/legacy-utils.d.ts

@@ -1,18 +1,4 @@
-import { type ReactWrapper } from 'enzyme';
-import type { ReactNode } from 'react';
-import type { EventHandler, LogEventHandler } from '../dynamic-flow-types';
-import type { ProviderProps } from '@transferwise/components';
-declare const getMockFetchPromise: (status: number, jsonFn: () => void, delay: number, signal?: AbortSignal | null) => Promise<Response>;
 declare const wait: (t: number) => Promise<unknown>;
-declare function mountWithProviders(component: ReactNode, locale?: string, messages?: ProviderProps['i18n']['messages'], baseUrl?: string, onEvent?: EventHandler, onLog?: LogEventHandler): ReactWrapper;
-declare function mountWithOptions({ component, locale, messages, baseUrl, onEvent, onLog, }: {
-    component: ReactNode;
-    locale?: string;
-    messages?: ProviderProps['i18n']['messages'];
-    baseUrl?: string;
-    onEvent?: EventHandler;
-    onLog?: LogEventHandler;
-}): ReactWrapper;
 declare function getI18n(locale?: string, messages?: Record<string, string>): {
     locale: string;
     messages: Record<string, string>;
@@ -20,4 +6,4 @@ declare function getI18n(locale?: string, messages?: Record<string, string>): {
 declare function TestContextProviders({ children }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export { mountWithProviders as mount, mountWithOptions, getMockFetchPromise, wait, getI18n, TestContextProviders, };
+export { getI18n, TestContextProviders, wait };

package/build/types/revamp/domain/components/BooleanInputComponent.d.ts

@@ -1,14 +1,14 @@
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
 export type BooleanInputComponent = InputComponent<boolean> & {
     type: 'boolean';
     persistedState: PersistedState;
-    validationState: ValidationState;
+    validationAsyncState: ValidationAsyncState;
     onChange: (value: boolean) => void;
 };
-export declare const createBooleanInputComponent: (booleanInputProps: Pick<BooleanInputComponent, "uid" | "id" | "analyticsId" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "persistedState" | "required" | "title" | "value" | "validationState"> & {
+export declare const createBooleanInputComponent: (booleanInputProps: Pick<BooleanInputComponent, "uid" | "id" | "analyticsId" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "persistedState" | "required" | "title" | "value" | "validationAsyncState"> & {
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;
     performValidationAsync: PerformValidationAsync | undefined;

package/build/types/revamp/domain/components/DateInputComponent.d.ts

@@ -1,6 +1,6 @@
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
 export type DateInputComponent = InputComponent<string | null> & {
@@ -8,10 +8,10 @@ export type DateInputComponent = InputComponent<string | null> & {
     minimumDate?: string;
     maximumDate?: string;
     persistedState: PersistedState;
-    validationState: ValidationState;
+    validationAsyncState: ValidationAsyncState;
     onChange: (value: string | null) => void;
 };
-export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "minimumDate" | "maximumDate" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationState"> & {
+export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "minimumDate" | "maximumDate" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<string | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;

package/build/types/revamp/domain/components/IntegerInputComponent.d.ts

@@ -1,4 +1,4 @@
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
@@ -8,10 +8,10 @@ export type IntegerInputComponent = InputComponent<number | null> & {
     maximum?: number;
     minimum?: number;
     persistedState: PersistedState;
-    validationState: ValidationState;
+    validationAsyncState: ValidationAsyncState;
     onChange: (value: number | null) => void;
 };
-export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "maximum" | "minimum" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationState"> & {
+export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "maximum" | "minimum" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<number | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;

package/build/types/revamp/domain/components/MultiSelectInputComponent.d.ts

@@ -1,7 +1,7 @@
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { InputComponent, LocalValue, DomainComponent, UpdateComponent, LocalValueArray, OnValueChange, ValidationState } from '../types';
+import type { InputComponent, LocalValue, DomainComponent, UpdateComponent, LocalValueArray, OnValueChange, ValidationAsyncState } from '../types';
 import type { SelectInputOption } from './SelectInputComponent';
 export type MultiSelectComponent = InputComponent<LocalValueArray | null> & {
     type: 'multi-select';
@@ -9,13 +9,13 @@ export type MultiSelectComponent = InputComponent<LocalValueArray | null> & {
     maxItems?: number;
     minItems?: number;
     options: SelectInputOption[];
-    validationState: ValidationState;
+    validationAsyncState: ValidationAsyncState;
     selectedIndices: number[];
     getChildren: () => DomainComponent[];
     getSelectedChildren: () => DomainComponent[] | null;
     onSelect: (indices: number[]) => void;
 };
-export declare const createMultiSelectComponent: (multiSelectProps: Pick<MultiSelectComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "hidden" | "maxItems" | "minItems" | "required" | "title" | "validationState"> & {
+export declare const createMultiSelectComponent: (multiSelectProps: Pick<MultiSelectComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "hidden" | "maxItems" | "minItems" | "required" | "title" | "validationAsyncState"> & {
     checks: IsInvalidCheck<LocalValueArray | null>[];
     initialValue: LocalValue;
     options: (SelectInputOption & {

package/build/types/revamp/domain/components/MultiUploadInputComponent.d.ts

@@ -10,6 +10,7 @@ export type MultiUploadInputComponent = InputComponent<File[]> & {
     maxSize?: number;
     minItems?: number;
     persistedState: PersistedState[];
+    validationAsyncState?: undefined;
     uploadLabel?: string;
     onDelete: (fileId: string) => Promise<void>;
     onUpload: (file: File, fileId: string) => Promise<void>;

package/build/types/revamp/domain/components/NumberInputComponent.d.ts

@@ -2,16 +2,16 @@ import type { PerformPersistAsync } from '../features/persistAsync/getPerformPer
 import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
 export type NumberInputComponent = InputComponent<number | null> & {
     type: 'number';
     maximum?: number;
     minimum?: number;
     persistedState: PersistedState;
-    validationState: ValidationState;
+    validationAsyncState: ValidationAsyncState;
     onChange: (value: number | null) => void;
 };
-export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "maximum" | "minimum" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationState"> & {
+export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "maximum" | "minimum" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<number | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;

package/build/types/revamp/domain/components/{repeatableComponent/RepeatableComponent.d.ts → RepeatableComponent.d.ts}

@@ -1,6 +1,6 @@
 import type { SummarySummariser } from '@wise/dynamic-flow-types/build/next/feature/SummarySummariser';
-import type { ComponentWithTitle, LocalValue, LocalValueArray, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange } from '../../types';
-import type { IsInvalidCheck } from '../../features/validation/value-checks';
+import type { ComponentWithTitle, LocalValue, LocalValueArray, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange } from '../types';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
 export type RepeatableComponent = ComponentWithTitle & {
     type: 'repeatable';
     id?: string;
@@ -9,7 +9,7 @@ export type RepeatableComponent = ComponentWithTitle & {
     editableComponent: DomainComponent | null;
     editableIndex: number | null;
     editItemTitle: string;
-    errors: string[];
+    errors: string[] | undefined;
     maxItems?: number;
     minItems?: number;
     summaryDefaults: RepeatableSummary;

package/build/types/revamp/domain/components/SelectInputComponent.d.ts

@@ -8,6 +8,7 @@ export type SelectInputComponent = InputComponent<LocalValue | null> & {
     selectedIndex: number | null;
     options: SelectInputOption[];
     children: DomainComponent[];
+    validationAsyncState?: undefined;
     onSelect: (index: number | null) => void;
     getChildren: () => DomainComponent[];
     getSelectedChild: () => DomainComponent | null;

package/build/types/revamp/domain/components/StatusListComponent.d.ts

@@ -1,8 +1,25 @@
-import type { StatusListLayoutItem } from '@wise/dynamic-flow-types/build/next/layout/StatusListLayoutItem';
 import type { LayoutComponent } from '../types';
 export type StatusListComponent = LayoutComponent & {
     type: 'status-list';
-    items: StatusListLayoutItem[];
+    items: StatusListItem[];
     title?: string;
 };
+export type StatusListItem = {
+    title: string;
+    description?: string;
+    icon: {
+        name: string;
+    } | {
+        text: string;
+    };
+    href?: string;
+    status?: 'not-done' | 'pending' | 'done';
+    callToAction?: StatusListItemCallToAction;
+};
+export type StatusListItemCallToAction = {
+    accessibilityDescription?: string;
+    href?: string;
+    title: string;
+    onClick: () => void;
+};
 export declare const createStatusListComponent: (statusListProps: Pick<StatusListComponent, "uid" | "control" | "items" | "margin" | "title">) => StatusListComponent;

package/build/types/revamp/domain/components/TextInputComponent.d.ts

@@ -2,17 +2,17 @@ import type { PerformPersistAsync } from '../features/persistAsync/getPerformPer
 import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
 export type TextInputComponent = InputComponent<string | null> & {
     type: 'text';
     displayFormat?: string;
     maxLength?: number;
     minLength?: number;
     persistedState: PersistedState;
-    validationState: ValidationState;
+    validationAsyncState: ValidationAsyncState;
     onChange: (value: string | null) => void;
 };
-export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "maxLength" | "minLength" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationState"> & {
+export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "maxLength" | "minLength" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<string | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performValidationAsync: PerformValidationAsync | undefined;

package/build/types/revamp/domain/components/UploadInputComponent.d.ts

@@ -8,6 +8,7 @@ export type UploadInputComponent = InputComponent<File | null> & {
     maxSize?: number;
     accepts?: string[];
     persistedState: PersistedState;
+    validationAsyncState?: undefined;
     onUpload: (value: File | null) => Promise<void>;
 };
 export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "maxSize" | "persistedState" | "placeholder" | "required" | "title" | "value"> & {

package/build/types/revamp/domain/features/validationAsync/getComponentValidationAsync.d.ts

@@ -6,10 +6,10 @@ import type { IntegerInputComponent } from '../../components/IntegerInputCompone
 import type { MultiSelectComponent } from '../../components/MultiSelectInputComponent';
 import type { NumberInputComponent } from '../../components/NumberInputComponent';
 import type { TextInputComponent } from '../../components/TextInputComponent';
-import type { LocalValue, ValidationState } from '../../types';
+import type { LocalValue, ValidationAsyncState } from '../../types';
 type Validatable = BooleanInputComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | NumberInputComponent | TextInputComponent;
 /**
  * Creates an onValidateAsync handler for a component.
  */
-export declare const getComponentValidationAsync: (update: ReturnType<typeof getInputUpdateFunction<Validatable>>, performValidationAsync: PerformValidationAsync) => (validationState: ValidationState, currentValue: LocalValue) => Promise<string | null | undefined>;
+export declare const getComponentValidationAsync: (update: ReturnType<typeof getInputUpdateFunction<Validatable>>, performValidationAsync: PerformValidationAsync) => (validationAsyncState: ValidationAsyncState, currentValue: LocalValue) => Promise<string | null | undefined>;
 export {};

package/build/types/revamp/domain/features/validationAsync/getInitialValidationAsyncState.d.ts

@@ -0,0 +1,2 @@
+import type { ValidationAsyncState } from '../../types';
+export declare const getInitialValidationAsyncState: () => ValidationAsyncState;

package/build/types/revamp/domain/mappers/layout/statusListLayoutToComponent.d.ts

@@ -1,2 +1,3 @@
 import type { StatusListLayout } from '@wise/dynamic-flow-types/build/next';
-export declare const statusListLayoutToComponent: (uid: string, { control, items, margin, title }: StatusListLayout) => import("../../components/StatusListComponent").StatusListComponent;
+import { MapperProps } from '../schema/types';
+export declare const statusListLayoutToComponent: (uid: string, { control, items, margin, title }: StatusListLayout, { onAction, onLink }: MapperProps) => import("../../components/StatusListComponent").StatusListComponent;

package/build/types/revamp/domain/mappers/schema/arraySchemaToComponent/arraySchemaToComponent.d.ts

@@ -2,4 +2,4 @@ import type { MapperProps, SchemaMapperProps } from '../types';
 import type { ArraySchema } from '@wise/dynamic-flow-types/build/next';
 export declare const arraySchemaToComponent: (schemaMapperProps: SchemaMapperProps & {
     schema: ArraySchema;
-}, mapperProps: MapperProps) => import("../../../components/MultiSelectInputComponent").MultiSelectComponent | import("../../../components/MultiUploadInputComponent").MultiUploadInputComponent | import("../../../components/repeatableComponent/RepeatableComponent").RepeatableComponent | import("../../../components/TupleComponent").TupleComponent;
+}, mapperProps: MapperProps) => import("../../../components/MultiSelectInputComponent").MultiSelectComponent | import("../../../components/MultiUploadInputComponent").MultiUploadInputComponent | import("../../../components/RepeatableComponent").RepeatableComponent | import("../../../components/TupleComponent").TupleComponent;

package/build/types/revamp/domain/mappers/schema/arraySchemaToComponent/arraySchemaToRepeatableComponent.d.ts

@@ -3,4 +3,4 @@ import type { MapperProps, SchemaMapperProps } from '../types';
 export declare const arraySchemaToRepeatableComponent: (schemaMapperProps: SchemaMapperProps & {
     schema: ArraySchemaList;
     model: Model[] | null;
-}, mapperProps: MapperProps) => import("../../../components/repeatableComponent/RepeatableComponent").RepeatableComponent;
+}, mapperProps: MapperProps) => import("../../../components/RepeatableComponent").RepeatableComponent;

package/build/types/revamp/domain/mappers/schema/utils/getValidationAsyncInitialState.d.ts

@@ -1,5 +1,5 @@
 import type { MapperProps, SchemaMapperProps } from '../types';
 export declare const getValidationAsyncInitialState: (schemaMapperProps: SchemaMapperProps, mapperProps: MapperProps) => {
     performValidationAsync: import("../../../features/validationAsync/getPerformValidationAsync").PerformValidationAsync | undefined;
-    validationState: import("../../../types").ValidationState;
+    validationAsyncState: import("../../../types").ValidationAsyncState;
 };

package/build/types/revamp/domain/mappers/schema/utils/mapCommonSchemaProps.d.ts

@@ -8,7 +8,7 @@ export declare const mapCommonSchemaProps: (schemaMapperProps: SchemaMapperProps
     control: string | undefined;
     description: string | undefined;
     disabled: boolean;
-    errors: string[];
+    errors: string[] | undefined;
     hidden: boolean;
     keywords: string[] | undefined;
     required: boolean;

package/build/types/revamp/domain/types.d.ts

@@ -23,15 +23,15 @@ import type { MultiUploadInputComponent } from './components/MultiUploadInputCom
 import type { NumberInputComponent } from './components/NumberInputComponent';
 import type { ObjectComponent } from './components/ObjectComponent';
 import type { ParagraphComponent } from './components/ParagraphComponent';
-import type { RepeatableComponent } from './components/repeatableComponent/RepeatableComponent';
+import type { RepeatableComponent } from './components/RepeatableComponent';
 import type { ReviewComponent } from './components/ReviewComponent';
 import type { SearchComponent } from './components/searchComponent/SearchComponent';
 import type { SelectInputComponent } from './components/SelectInputComponent';
 import type { StatusListComponent } from './components/StatusListComponent';
 import type { StepDomainComponent } from './components/StepDomainComponent';
 import type { TextInputComponent } from './components/TextInputComponent';
-import type { UploadInputComponent } from './components/UploadInputComponent';
 import { TupleComponent } from './components/TupleComponent';
+import type { UploadInputComponent } from './components/UploadInputComponent';
 export type DomainComponent = StepDomainComponent | AlertComponent | AllOfComponent | BooleanInputComponent | BoxComponent | ButtonComponent | ColumnsComponent | ConstComponent | ContainerComponent | DateInputComponent | DecisionComponent | DividerComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | IntegerInputComponent | LoadingIndicatorComponent | MarkdownComponent | ModalComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | ParagraphComponent | RepeatableComponent | ReviewComponent | SearchComponent | SelectInputComponent | StatusListComponent | TextInputComponent | TupleComponent | UploadInputComponent;
 export type LocalValue = LocalValuePrimitive | LocalValueObject | LocalValueArray;
 export type LocalValuePrimitive = string | number | boolean | File | null;
@@ -66,9 +66,10 @@ export type InputComponent<V extends LocalValue> = ComponentWithTitle & {
     id: string;
     autoComplete: string;
     disabled: boolean;
-    errors: string[];
+    errors: string[] | undefined;
     placeholder?: string;
     required: boolean;
+    validationAsyncState?: ValidationAsyncState;
     value: V;
     onBlur: () => void;
     onFocus: () => void;
@@ -96,7 +97,7 @@ export type PersistedState = {
     lastResponse: JsonElement | null;
     submission: Promise<JsonElement | null>;
 };
-export type ValidationState = {
+export type ValidationAsyncState = {
     abortController: AbortController;
     lastSubmitted: LocalValue;
     messages: {

package/build/types/revamp/renderers/mappers/repeatableComponentToProps.d.ts

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 import type { RepeatableRendererProps } from '@wise/dynamic-flow-renderers';
-import type { RepeatableComponent } from '../../domain/components/repeatableComponent/RepeatableComponent';
+import type { RepeatableComponent } from '../../domain/components/RepeatableComponent';
 export declare const repeatableComponentToProps: (component: RepeatableComponent, children: ReactNode[], editableItemChildren: ReactNode) => RepeatableRendererProps;

package/build/types/revamp/renderers/mappers/utils/inputComponentToProps.d.ts

@@ -1,3 +1,4 @@
+import { ValidationResult } from '@wise/dynamic-flow-renderers';
 import type { InputComponent, LocalValue } from '../../../domain/types';
 export declare const inputComponentToProps: <T extends string, V extends LocalValue>(component: InputComponent<V>, type: T) => {
     type: T;
@@ -5,12 +6,13 @@ export declare const inputComponentToProps: <T extends string, V extends LocalVa
     control: string | undefined;
     description: string | undefined;
     disabled: boolean;
-    error: string;
+    error: string | undefined;
     help: string | undefined;
     id: string;
     label: string | undefined;
     placeholder: string | undefined;
     required: boolean;
+    validationState: ValidationResult | undefined;
     value: V;
     onBlur: () => void;
     onFocus: () => void;

package/build/types/revamp/utils/type-utils.d.ts

@@ -1,7 +1,7 @@
 import type { AllOfSchema, ArraySchema, ArraySchemaList, ArraySchemaTuple, BlobSchema, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
 import type { PersistAsync } from '@wise/dynamic-flow-types/build/next/feature/PersistAsync';
 import type { ColumnsComponent } from '../domain/components/ColumnsComponent';
-import type { RepeatableComponent } from '../domain/components/repeatableComponent/RepeatableComponent';
+import type { RepeatableComponent } from '../domain/components/RepeatableComponent';
 import type { DomainComponent, LocalValue, LocalValueArray, LocalValueObject } from '../domain/types';
 type SchemaWithPersistAsync = (ArraySchemaList | ArraySchemaTuple | BooleanSchema | IntegerSchema | NumberSchema | StringSchema) & {
     persistAsync: PersistAsync;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.21.2",
+  "version": "3.22.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -33,7 +33,6 @@
     "@babel/preset-env": "7.25.7",
     "@babel/preset-react": "7.25.7",
     "@babel/preset-typescript": "7.25.7",
-    "@cfaester/enzyme-adapter-react-18": "0.8.0",
     "@chromatic-com/storybook": "2.0.2",
     "@formatjs/cli": "^6.2.12",
     "@storybook/addon-a11y": "^8.3.5",
@@ -55,7 +54,7 @@
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.13.1",
     "@transferwise/neptune-css": "14.18.0",
-    "@types/enzyme": "^3.10.18",
+    "@types/node": "22.7.4",
     "@types/jest": "29.5.13",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.0",
@@ -63,7 +62,6 @@
     "@wise/art": "2.15.0",
     "@wise/components-theming": "^1.6.0",
     "babel-jest": "29.7.0",
-    "enzyme": "^3.11.0",
     "esbuild": "0.24.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
@@ -103,7 +101,7 @@
     "nanoid": "5.0.7",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.23.2"
+    "@wise/dynamic-flow-types": "2.24.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",
@@ -117,7 +115,7 @@
     "test": "npm-run-all test:once test:tz",
     "test:once": "jest --config jest.config.js --env=jsdom -w 2",
     "test:coverage": "jest --config jest.config.js --env=jsdom --coverage",
-    "test:tz": "TZ=US/Pacific jest ./src/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.errors.spec.jsx ./src/legacy/formControl/FormControl.spec.jsx",
+    "test:tz": "TZ=US/Pacific jest --config jest.config.js --env=jsdom -w 2",
     "test:watch": "pnpm test:once --watch",
     "types": "pnpm tsc",
     "types:watch": "pnpm tsc --watch",

package/build/types/legacy/dynamicFlow/tests/DynamicFlow.legacy.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/formControl/FormControl.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/jsonSchemaForm/JsonSchemaForm.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/jsonSchemaForm/arrayTypeSchema/ArrayTypeSchema.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.errors.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/jsonSchemaForm/controlFeedback/ControlFeedback.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/jsonSchemaForm/genericSchema/GenericSchema.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/jsonSchemaForm/help/Help.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/jsonSchemaForm/promotedOneOfSchema/PromotedOneOfSchema.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfCheckboxControl.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfControl.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfRadioControl.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/layout/DynamicLayout.end-to-end.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/layout/DynamicLayout.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/layout/box/DynamicBox.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/layout/columns/DynamicColumns.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/layout/decision/DynamicDecision.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/layout/divider/DynamicDivider.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/layout/form/DynamicForm.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/legacy/step/layoutStep/LayoutStep.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/types/revamp/domain/features/validationAsync/getInitialValidationState.d.ts

@@ -1,2 +0,0 @@
-import type { ValidationState } from '../../types';
-export declare const getInitialValidationState: () => ValidationState;