@wise/dynamic-flow-client 4.6.0 → 4.7.0

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

@@ -1,17 +1,15 @@
-import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
-import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { BaseInputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
+import type { BaseInputComponent, OnPersistAsync, OnValueChange, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
 export type BooleanInputComponent = BaseInputComponent<boolean> & {
     type: 'boolean';
-    persistedState: PersistedState;
     validationAsyncState: ValidationAsyncState;
     onChange: (value: boolean) => void;
 };
-export declare const createBooleanInputComponent: (booleanInputProps: Pick<BooleanInputComponent, "uid" | "id" | "analyticsId" | "alert" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "icon" | "image" | "persistedState" | "required" | "title" | "value" | "validationAsyncState"> & {
-    performPersistAsync: PerformPersistAsync | undefined;
-    performRefresh: PerformRefresh | undefined;
+export declare const createBooleanInputComponent: (booleanInputProps: Pick<BooleanInputComponent, "uid" | "id" | "analyticsId" | "alert" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "icon" | "image" | "required" | "title" | "value" | "validationAsyncState"> & {
+    schemaOnChange: SchemaOnChange | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
     summariser: (value: boolean) => RepeatableSummary;
     onValueChange: OnValueChange;
+    onPersistAsync: OnPersistAsync | undefined;
 }, updateComponent: UpdateComponent) => BooleanInputComponent;

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

@@ -1,22 +1,20 @@
-import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
-import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { BaseInputComponent, OnValueChange, PersistedState, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
+import type { BaseInputComponent, OnPersistAsync, OnValueChange, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
 export type DateInputComponent = BaseInputComponent<string | null> & {
     type: 'date';
     minimumDate?: string;
     maximumDate?: string;
-    persistedState: PersistedState;
     suggestions?: Suggestions;
     validationAsyncState: ValidationAsyncState;
     onChange: (value: string | null) => void;
 };
-export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "icon" | "image" | "minimumDate" | "maximumDate" | "persistedState" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
+export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "icon" | "image" | "minimumDate" | "maximumDate" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<string | null>[];
-    performPersistAsync: PerformPersistAsync | undefined;
-    performRefresh: PerformRefresh | undefined;
+    schemaOnChange: SchemaOnChange | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
     onValueChange: OnValueChange;
+    onPersistAsync: OnPersistAsync | undefined;
     summariser: (value: string | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => DateInputComponent;

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

@@ -1,21 +1,19 @@
-import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
-import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { BaseInputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
+import type { BaseInputComponent, OnPersistAsync, OnValueChange, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
 export type IntegerInputComponent = BaseInputComponent<number | null> & {
     type: 'integer';
     maximum?: number;
     minimum?: number;
-    persistedState: PersistedState;
     validationAsyncState: ValidationAsyncState;
     onChange: (value: number | null) => void;
 };
-export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "alert" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "icon" | "image" | "maximum" | "minimum" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
+export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "alert" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "icon" | "image" | "maximum" | "minimum" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<number | null>[];
-    performPersistAsync: PerformPersistAsync | undefined;
-    performRefresh: PerformRefresh | undefined;
+    schemaOnChange: SchemaOnChange | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
     onValueChange: OnValueChange;
+    onPersistAsync: OnPersistAsync | undefined;
     summariser: (value: number | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => IntegerInputComponent;

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

@@ -1,4 +1,4 @@
-import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
 import type { BaseInputComponent, LocalValue, LocalValueArray, OnValueChange, SchemaComponent, UpdateComponent, ValidationAsyncState } from '../types';
@@ -22,6 +22,6 @@ export declare const createMultiSelectComponent: (multiSelectProps: Pick<MultiSe
         component: SchemaComponent;
     })[];
     performValidationAsync: PerformValidationAsync | undefined;
-    performRefresh: PerformRefresh | undefined;
+    schemaOnChange: SchemaOnChange | undefined;
     onValueChange: OnValueChange;
 }, updateComponent: UpdateComponent) => MultiSelectComponent;

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

@@ -1,21 +1,19 @@
-import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
-import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { BaseInputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
+import type { BaseInputComponent, OnPersistAsync, OnValueChange, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
 export type NumberInputComponent = BaseInputComponent<number | null> & {
     type: 'number';
     maximum?: number;
     minimum?: number;
-    persistedState: PersistedState;
     validationAsyncState: ValidationAsyncState;
     onChange: (value: number | null) => void;
 };
-export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "icon" | "image" | "maximum" | "minimum" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
+export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "icon" | "image" | "maximum" | "minimum" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<number | null>[];
-    performPersistAsync: PerformPersistAsync | undefined;
-    performRefresh: PerformRefresh | undefined;
+    schemaOnChange: SchemaOnChange | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
     onValueChange: OnValueChange;
+    onPersistAsync: OnPersistAsync | undefined;
     summariser: (value: number | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => NumberInputComponent;

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

@@ -0,0 +1,18 @@
+import { JsonElement } from '@wise/dynamic-flow-types/build/next';
+import { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
+import type { BaseSchemaComponent, LocalValue, SchemaComponent, UpdateComponent } from '../types';
+import { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
+export type PersistAsyncComponent = BaseSchemaComponent<LocalValue> & {
+    type: 'persist-async';
+    component: SchemaComponent;
+    abortController: AbortController;
+    submission: Promise<JsonElement>;
+    lastSubmitted: LocalValue;
+    lastResponse: JsonElement;
+    errors: string[];
+    persist: () => Promise<JsonElement>;
+};
+export declare const createPersistAsyncComponent: (props: Pick<PersistAsyncComponent, "uid" | "schemaId" | "component" | "hidden"> & {
+    model?: JsonElement | null;
+    localValue?: LocalValue | null;
+}, performPersistAsync: PerformPersistAsync, schemaOnChange: SchemaOnChange | undefined, updateComponent: UpdateComponent) => PersistAsyncComponent;

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

@@ -1,8 +1,8 @@
 import type { Icon, Model } from '@wise/dynamic-flow-types/build/next';
 import type { AnalyticsEventDispatcher } from '../features/events';
-import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { BaseInputComponent, Image, SchemaComponent, LocalValue, OnValueChange, RepeatableSummary, UpdateComponent } from '../types';
+import type { BaseInputComponent, Image, LocalValue, OnValueChange, RepeatableSummary, SchemaComponent, UpdateComponent } from '../types';
 export type SelectInputComponent = BaseInputComponent<LocalValue | null> & {
     type: 'select';
     selectedIndex: number | null;
@@ -27,7 +27,7 @@ export declare const createSelectInputComponent: (selectProps: Pick<SelectInputC
         component: SchemaComponent;
     })[];
     checks: IsInvalidCheck<LocalValue>[];
-    performRefresh?: PerformRefresh | undefined;
+    schemaOnChange: SchemaOnChange | undefined;
     summariser: (value: LocalValue | null) => RepeatableSummary;
     onValueChange: OnValueChange;
     trackEvent: AnalyticsEventDispatcher;

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

@@ -1,24 +1,22 @@
-import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
-import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
+import { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { Autocapitalization, BaseInputComponent, OnValueChange, PersistedState, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
+import type { Autocapitalization, BaseInputComponent, OnPersistAsync, OnValueChange, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
 export type TextInputComponent = BaseInputComponent<string | null> & {
     type: 'text';
     autocapitalization?: Autocapitalization;
     displayFormat?: string;
     maxLength?: number;
     minLength?: number;
-    persistedState: PersistedState;
     suggestions?: Suggestions;
     validationAsyncState: ValidationAsyncState;
     onChange: (value: string | null) => void;
 };
-export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autocapitalization" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "icon" | "image" | "maxLength" | "minLength" | "persistedState" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
+export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autocapitalization" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "icon" | "image" | "maxLength" | "minLength" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<string | null>[];
-    performPersistAsync: PerformPersistAsync | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
-    performRefresh: PerformRefresh | undefined;
+    schemaOnChange: SchemaOnChange | undefined;
     onValueChange: OnValueChange;
+    onPersistAsync: OnPersistAsync | undefined;
     summariser: (value: string | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => TextInputComponent;

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

@@ -1,23 +1,21 @@
-import { JsonElement } from '@wise/dynamic-flow-types/build/next';
-import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
-import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { JsonElement } from '@wise/dynamic-flow-types/build/next';
+import type { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { BaseInputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, UploadSource } from '../types';
+import type { BaseInputComponent, OnPersistAsync, OnValueChange, RepeatableSummary, UpdateComponent, UploadSource } from '../types';
 export type UploadInputComponent = BaseInputComponent<File | null> & {
     type: 'upload';
     format: 'blob' | 'base64';
     cameraConfig?: JsonElement;
     maxSize?: number;
     accepts?: string[];
-    persistedState: PersistedState;
     source?: UploadSource;
     validationAsyncState?: undefined;
     onUpload: (value: File | null) => Promise<void>;
 };
-export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "alert" | "autoComplete" | "cameraConfig" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "icon" | "image" | "maxSize" | "persistedState" | "placeholder" | "required" | "source" | "title" | "value"> & {
+export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "alert" | "autoComplete" | "cameraConfig" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "icon" | "image" | "maxSize" | "placeholder" | "required" | "source" | "title" | "value"> & {
     checks: IsInvalidCheck<File | null>[];
-    performPersistAsync: PerformPersistAsync | undefined;
-    performRefresh?: PerformRefresh | undefined;
+    schemaOnChange: SchemaOnChange | undefined;
     onValueChange: OnValueChange;
+    onPersistAsync: OnPersistAsync | undefined;
     summariser: (value: string | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => UploadInputComponent;

package/build/types/revamp/domain/features/persistAsync/getComponentMultiPersistAsync.d.ts

@@ -0,0 +1,9 @@
+import type { MultiUploadInputComponent } from '../../components/MultiUploadInputComponent';
+import type { LocalValue } from '../../types';
+import type { PerformPersistAsync } from './getPerformPersistAsync';
+type UpdateMultiUploadInputComponent = (component: MultiUploadInputComponent, updateFn: (component: MultiUploadInputComponent) => void) => void;
+/**
+ * Creates an onPersistAsync handler for a component.
+ */
+export declare const getComponentMultiPersistAsync: (update: UpdateMultiUploadInputComponent, performPersistAsync: PerformPersistAsync) => (component: MultiUploadInputComponent, index: number, value: LocalValue) => Promise<string | number | boolean | import("@wise/dynamic-flow-types/build/next").JsonObject | import("@wise/dynamic-flow-types/build/next").JsonArray | null>;
+export {};

package/build/types/revamp/domain/features/schema-on-change/getDebouncedSchemaOnChange.d.ts

@@ -0,0 +1,10 @@
+import { LocalValue } from '../../types';
+import { SchemaOnChange } from './getSchemaOnChange';
+type DebouncedSchemaOnChange<V extends LocalValue> = {
+    (prevValue: V, updatedValue: V): void;
+    cancel: () => void;
+    flush: () => void;
+    isPending: () => boolean;
+};
+export declare const getDebouncedSchemaOnChange: <V extends LocalValue>(onChange: SchemaOnChange | undefined, getValidationErrors: (value: V) => string[]) => DebouncedSchemaOnChange<V> | undefined;
+export {};

package/build/types/revamp/domain/features/schema-on-change/getSchemaOnChange.d.ts

@@ -0,0 +1,7 @@
+import { Schema } from '@wise/dynamic-flow-types/build/next';
+import { Behavior, OnBehavior } from '../../types';
+export type SchemaOnChange = {
+    (): void;
+    behaviorType: Behavior['type'];
+};
+export declare const getSchemaOnChange: (schema: Schema, onBehavior: OnBehavior) => SchemaOnChange | undefined;

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

@@ -1,6 +1,6 @@
 import type { ArraySchemaList, Model } from '@wise/dynamic-flow-types/build/next';
-import type { MapperProps, SchemaMapperProps } from '../types';
 import { type PersistAsyncWithUploadSchema, type StringSchemaWithUpload } from '../../../../utils/type-utils';
+import type { MapperProps, SchemaMapperProps } from '../types';
 export declare const arraySchemaToMultiUploadComponent: (schemaMapperProps: SchemaMapperProps & {
     schema: ArraySchemaList & {
         items: PersistAsyncWithUploadSchema | StringSchemaWithUpload;

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

@@ -0,0 +1,6 @@
+import { SchemaWithPersistAsync } from '../../../utils/type-utils';
+import { SchemaComponent } from '../../types';
+import { MapperProps, SchemaMapperProps } from './types';
+export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMapperProps & {
+    schema: SchemaWithPersistAsync;
+}, mapperProps: MapperProps) => SchemaComponent;

package/build/types/revamp/domain/mappers/schema/tests/test-utils.d.ts

@@ -27,6 +27,7 @@ export declare const getMockSchemaMapperProps: <S extends Schema>(schemaMapperPr
     required: boolean;
     validationErrors: import("@wise/dynamic-flow-types/build/next").ValidationError;
     persistAsyncConfig?: import("../../types").PersistAsyncConfig | undefined;
+    onPersistAsync?: (() => void) | undefined;
 };
 export declare const getMockRendererMapperProps: () => RendererMapperProps;
 export declare const mockUpdateFunction: <C extends DomainComponent>(draftComponent: C) => jest.Mock<any, any, any>;

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

@@ -23,4 +23,5 @@ export type SchemaMapperProps = {
     required?: boolean;
     validationErrors?: ValidationError;
     persistAsyncConfig?: PersistAsyncConfig;
+    onPersistAsync?: () => void;
 };

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

@@ -0,0 +1,4 @@
+import type { Schema } from '@wise/dynamic-flow-types/build/next';
+import type { MapperProps } from '../types';
+import { PersistAsyncConfig } from '../../types';
+export declare const getPerformPersistAsyncFn: (schema: Schema, persistAsyncConfig: PersistAsyncConfig, mapperProps: MapperProps) => import("../../../features/persistAsync/getPerformPersistAsync").PerformPersistAsync;

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

@@ -17,5 +17,6 @@ export declare const mapCommonSchemaProps: (schemaMapperProps: SchemaMapperProps
     keywords: string[] | undefined;
     required: boolean;
     title: string | undefined;
+    onPersistAsync: (() => void) | undefined;
     summariser: (value: import("../../../types").LocalValue | null) => import("../../../types").RepeatableSummary;
 };

package/build/types/revamp/domain/mappers/utils/behavior-utils.d.ts

@@ -5,4 +5,5 @@ export declare const getDomainLayerBehavior: ({ action, behavior, }: {
     behavior?: SpecBehavior;
 }, stepActions: Action[]) => Behavior;
 export declare const skipValidation: (behavior: Behavior) => Behavior;
+export declare const normaliseBehavior: (behavior: SpecBehavior, stepActions: Action[]) => Behavior;
 export declare const inlineAction: (action: Action, stepActions?: Action[]) => Action;

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

@@ -25,6 +25,7 @@ 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 { PersistAsyncComponent } from './components/PersistAsyncComponent';
 import type { RepeatableComponent } from './components/RepeatableComponent';
 import type { ReviewComponent } from './components/ReviewComponent';
 import type { RootDomainComponent } from './components/RootDomainComponent';
@@ -38,7 +39,7 @@ import type { TextInputComponent } from './components/TextInputComponent';
 import type { TupleComponent } from './components/TupleComponent';
 import type { UploadInputComponent } from './components/UploadInputComponent';
 export type DomainComponent = SchemaComponent | LayoutComponent | RootDomainComponent | StepDomainComponent;
-export type SchemaComponent = AllOfComponent | BooleanInputComponent | ConstComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | RepeatableComponent | SelectInputComponent | TextInputComponent | TupleComponent | UploadInputComponent;
+export type SchemaComponent = PersistAsyncComponent | AllOfComponent | BooleanInputComponent | ConstComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | RepeatableComponent | SelectInputComponent | TextInputComponent | TupleComponent | UploadInputComponent;
 export type LayoutComponent = AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DecisionComponent | DividerComponent | ExternalConfirmationComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | ModalComponent | ModalContentComponent | ParagraphComponent | ReviewComponent | SearchComponent | SectionComponent | StatusListComponent;
 export type LocalValue = LocalValuePrimitive | LocalValueObject | LocalValueArray;
 export type LocalValuePrimitive = string | number | boolean | File | null;
@@ -58,12 +59,13 @@ export type CallToAction = {
     href: string;
     onClick: () => void;
 };
-export type Behavior = ActionBehavior | RefreshBehavior | LinkBehavior | ModalBehavior | DismissBehavior | {
+export type Behavior = (ActionBehavior | RefreshBehavior | LinkBehavior | ModalBehavior | DismissBehavior | {
     type: 'none';
+}) & {
+    analytics?: Record<string, unknown>;
 };
 type RefreshBehavior = {
     type: 'refresh';
-    schemaId?: string;
     url?: string;
 };
 export type BaseComponent = {
@@ -79,6 +81,9 @@ export type Image = {
     uri: string;
     accessibilityDescription?: string;
 };
+export type PersistableComponent = {
+    onPersistAsync: () => void;
+};
 export type BaseSchemaComponent<LV extends LocalValue> = BaseComponent & {
     schemaId?: string;
     isSchemaReferencedInStep?: boolean;
@@ -116,6 +121,7 @@ export type OnAction = (action: Action) => Promise<void>;
 export type OnPoll = (url: string, errorBehavior: Behavior, signal: AbortSignal) => Promise<boolean>;
 export type OnLink = (url: string) => boolean;
 export type OnValueChange = () => void;
+export type OnPersistAsync = () => void;
 export type Align = 'start' | 'center' | 'end';
 export type Autocapitalization = 'none' | 'sentences' | 'words' | 'characters';
 export type Bias = 'none' | 'start' | 'end';

package/build/types/revamp/flow/executeRefresh.d.ts

@@ -1,4 +1,4 @@
-import type { Model, Step, ErrorResponseBody } from '@wise/dynamic-flow-types/build/next';
+import type { ErrorResponseBody, Model, Step } from '@wise/dynamic-flow-types/build/next';
 import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/features/events';
 type Command = {
     type: 'refresh-step';
@@ -15,8 +15,8 @@ export declare const executeRefresh: (props: {
     abortSignal: AbortSignal;
     url: string;
     model: Model;
-    schemaId?: string;
     etag: string | null;
+    analytics?: Record<string, unknown>;
     httpClient: typeof fetch;
     trackEvent: AnalyticsEventDispatcher;
     logEvent: LoggingEventDispatcher;

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

@@ -0,0 +1,3 @@
+import type { PersistAsyncComponent } from '../../domain/components/PersistAsyncComponent';
+import { type RendererMapperProps } from './componentToRendererProps';
+export declare const persistAsyncComponentToProps: (component: PersistAsyncComponent, rendererMapperProps: RendererMapperProps) => import("@wise/dynamic-flow-types/build/renderers").RendererProps;

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 { DomainComponent, LocalValue, LocalValueArray, LocalValueObject } from '../domain/types';
-type SchemaWithPersistAsync = (ArraySchemaList | ArraySchemaTuple | BooleanSchema | IntegerSchema | NumberSchema | StringSchema) & {
+export type SchemaWithPersistAsync = (ArraySchemaList | ArraySchemaTuple | BooleanSchema | IntegerSchema | NumberSchema | StringSchema) & {
     persistAsync: PersistAsync;
 };
 export type StringSchemaWithUpload = Omit<StringSchema & {
@@ -36,4 +36,3 @@ export declare const isArrayTupleSchema: (schema: Schema) => schema is ArraySche
 export declare const isStringSchema: (schema: Schema) => schema is StringSchema;
 export declare const isStringSchemaWithUpload: (schema: Schema) => schema is StringSchemaWithUpload;
 export declare const isSchemaWithPersistAsync: (schema: Schema) => schema is SchemaWithPersistAsync;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -30,18 +30,18 @@
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
   "devDependencies": {
-    "@babel/core": "7.27.3",
+    "@babel/core": "7.27.4",
     "@babel/plugin-syntax-flow": "7.27.1",
     "@babel/plugin-transform-react-jsx": "7.27.1",
     "@babel/preset-env": "7.27.2",
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
     "@chromatic-com/storybook": "4.0.0",
-    "@formatjs/cli": "^6.7.1",
-    "@storybook/addon-a11y": "^9.0.4",
-    "@storybook/addon-docs": "^9.0.4",
-    "@storybook/addon-links": "^9.0.4",
-    "@storybook/react-vite": "9.0.4",
+    "@formatjs/cli": "^6.7.2",
+    "@storybook/addon-a11y": "^9.0.10",
+    "@storybook/addon-docs": "^9.0.10",
+    "@storybook/addon-links": "^9.0.10",
+    "@storybook/react-vite": "9.0.10",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
@@ -51,7 +51,7 @@
     "@transferwise/icons": "3.22.0",
     "@transferwise/neptune-css": "14.24.4",
     "@types/jest": "29.5.14",
-    "@types/node": "22.15.23",
+    "@types/node": "22.15.31",
     "@types/react": "18.3.23",
     "@types/react-dom": "18.3.7",
     "@types/react-intl": "3.0.0",
@@ -59,27 +59,27 @@
     "@wise/components-theming": "^1.6.3",
     "babel-jest": "29.7.0",
     "esbuild": "0.25.5",
-    "eslint-plugin-storybook": "9.0.4",
+    "eslint-plugin-storybook": "9.0.10",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^2.2.2",
     "npm-run-all2": "7.0.2",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.5",
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^9.0.4",
-    "stylelint": "16.19.1",
+    "storybook": "^9.0.10",
+    "stylelint": "16.20.0",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.4",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
-    "tsx": "4.19.4",
+    "tsx": "4.20.3",
     "typescript": "5.8.3",
-    "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",
@@ -95,7 +95,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.4.0"
+    "@wise/dynamic-flow-types": "3.5.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",

package/build/types/revamp/domain/features/persistAsync/getComponentPersistAsync.d.ts

@@ -1,21 +0,0 @@
-import type { BooleanInputComponent } from '../../components/BooleanInputComponent';
-import type { DateInputComponent } from '../../components/DateInputComponent';
-import type { IntegerInputComponent } from '../../components/IntegerInputComponent';
-import type { MultiUploadInputComponent } from '../../components/MultiUploadInputComponent';
-import type { NumberInputComponent } from '../../components/NumberInputComponent';
-import type { TextInputComponent } from '../../components/TextInputComponent';
-import type { UploadInputComponent } from '../../components/UploadInputComponent';
-import type { LocalValue } from '../../types';
-import type { PerformPersistAsync } from './getPerformPersistAsync';
-type Persistable = BooleanInputComponent | DateInputComponent | IntegerInputComponent | NumberInputComponent | TextInputComponent | UploadInputComponent;
-type Update<C extends Persistable> = (component: C, updateFn: (component: C) => void) => void;
-/**
- * Creates an onPersistAsync handler for a component.
- */
-export declare const getComponentPersistAsync: <C extends Persistable>(update: Update<C>, performPersistAsync: PerformPersistAsync) => (component: C, currentValue: LocalValue) => Promise<import("@wise/dynamic-flow-types/build/next").JsonElement>;
-type UpdateMultiUploadInputComponent = (component: MultiUploadInputComponent, updateFn: (component: MultiUploadInputComponent) => void) => void;
-/**
- * Creates an onPersistAsync handler for a component.
- */
-export declare const getComponentMultiPersistAsync: (update: UpdateMultiUploadInputComponent, performPersistAsync: PerformPersistAsync) => (component: MultiUploadInputComponent, index: number, value: LocalValue) => Promise<string | number | boolean | import("@wise/dynamic-flow-types/build/next").JsonObject | import("@wise/dynamic-flow-types/build/next").JsonArray | null>;
-export {};

package/build/types/revamp/domain/features/refresh/getPerformRefresh.d.ts

@@ -1,12 +0,0 @@
-import type { Schema } from '@wise/dynamic-flow-types/build/next';
-import type { LocalValue, OnBehavior } from '../../types';
-export type PerformRefresh = () => void;
-export declare const getPerformRefresh: (schema: Schema, onBehavior: OnBehavior) => PerformRefresh | undefined;
-type DebouncedPerformRefresh<V extends LocalValue> = {
-    (prevValue: V, updatedValue: V): void;
-    cancel: () => void;
-    flush: () => void;
-    isPending: () => boolean;
-};
-export declare const getDebouncedPerformRefresh: <V extends LocalValue>(performRefresh: PerformRefresh | undefined, getValidationErrors: (value: V) => string[]) => DebouncedPerformRefresh<V> | undefined;
-export {};

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

@@ -1,5 +0,0 @@
-import type { MapperProps, SchemaMapperProps } from '../types';
-export declare const getPersistAsyncInitialState: (schemaMapperProps: SchemaMapperProps, mapperProps: MapperProps) => {
-    performPersistAsync: import("../../../features/persistAsync/getPerformPersistAsync").PerformPersistAsync | undefined;
-    persistedState: import("../../../types").PersistedState;
-};