@wise/dynamic-flow-client 2.9.0-beta-8dbf7a.29 → 2.9.1

package/build/types/{legacy/common/contexts → common}/httpClientContext/HttpClientContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { HttpClient } from '../../../dynamic-flow-types';
+import { type HttpClient } from '../makeHttpClient';
 type ProviderProps = {
     httpClient: HttpClient;
     children: React.ReactNode;

package/build/types/common/httpClientContext/index.d.ts

@@ -0,0 +1 @@
+export * from './HttpClientContext';

package/build/types/common/messages/persist-async.messages.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    genericError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/build/types/common/utils/api-utils.d.ts

@@ -0,0 +1 @@
+export declare function isRelativePath(url?: string): boolean;

package/build/types/legacy/common/contexts/index.d.ts

@@ -1,4 +1,3 @@
 export * from './dynamicFlowContexts/DynamicFlowContexts';
 export * from './eventsContext/EventsContext';
-export * from './httpClientContext/HttpClientContext';
 export * from './logContext/LogContext';

package/build/types/legacy/common/contexts/logContext/LogContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { LogLevel, LogEventHandler } from '../../../dynamic-flow-types';
 export type LogTitle = 'Invalid schema or model' | 'Invalid model on change' | 'Invalid response' | 'Action supressed' | 'Deprecation warning' | 'Deprecated schema' | 'Error fetching';
-export type LogFunction = (title: LogTitle, description: string, extra?: Record<string, unknown>) => void;
+type LogFunction = (title: LogTitle, description: string, extra?: Record<string, unknown>) => void;
 export declare const getLogger: (level: LogLevel, onLog: LogEventHandler, flowId?: string | undefined, stepId?: string | undefined) => LogFunction;
 type LogProviderProps = {
     flowId?: string;

package/build/types/legacy/common/utils/api-utils.d.ts

@@ -1,3 +1,2 @@
 export declare function isStatus2xx(status: Response['status']): boolean;
 export declare function isStatus422(status: Response['status']): boolean;
-export declare function isRelativePath(url?: string): boolean;

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

@@ -4,6 +4,7 @@ import { AutocompleteToken } from '@wise/dynamic-flow-types';
 import { ReactNode } from 'react';
 import { PureComponent } from 'react';
 import { FormControlType } from '../common/constants';
+import { OnChangeProps } from '../jsonSchemaForm/JsonSchemaForm';
 export default class FormControl extends PureComponent<FormControlProps, FormControlState> {
     static Type: {
         RADIO: string;
@@ -45,7 +46,7 @@ export default class FormControl extends PureComponent<FormControlProps, FormCon
         value: string | number | boolean | Date | null;
     } | null;
     getAutocompleteValue: () => string;
-    handleOnChange: (value: string | number | boolean | null) => void;
+    handleOnChange: (value: string | number | boolean | null, metadata?: OnChangeProps['metadata']) => void;
     handleInputOnChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     handleOnFocus: () => void;
     handleOnBlur: () => void;
@@ -101,7 +102,7 @@ type FormControlSelectedOption = {
 };
 type FormControlProps = {
     name: string;
-    onChange: (value: string | number | boolean | null, type?: 'init' | 'user') => void;
+    onChange: (value: string | number | boolean | null, type?: 'init' | 'user', metadata?: OnChangeProps['metadata']) => void;
     /** @deprecated - Use autocompleteHint instead */
     autoComplete?: boolean;
     autocompleteHint?: AutocompleteToken[];

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

@@ -9,6 +9,7 @@ export type OnChangeProps = {
     triggerModel: Model;
     lastTriggerModel?: Model;
     type?: 'init' | 'user';
+    metadata?: Record<string, unknown> | undefined;
 };
 export type JsonSchemaFormProps = {
     /**

package/build/types/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchemaStep.d.ts

@@ -8,7 +8,7 @@ type RepeatableSchemaStepProps = {
     errors?: FormErrors;
     submitted: boolean;
     onModelChange: OnModelChange;
-    onAction: (actionType: RepeatableActionType) => void;
+    onAction: (actionType: RepeatableActionType, summaryText?: string) => void;
 };
 declare function RepeatableSchemaStep({ type, schema, model, errors, submitted, onModelChange, onAction, }: RepeatableSchemaStepProps): JSX.Element;
 export default RepeatableSchemaStep;

package/build/types/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.d.ts

@@ -1,5 +1,6 @@
 import type { BasicModel, Schema, StringSchema } from '@wise/dynamic-flow-types';
 import { FormControlType } from '../../common/constants';
+import { OnChangeProps } from '../JsonSchemaForm';
 export declare const getControlType: (schema: Schema) => (typeof FormControlType)[keyof typeof FormControlType] | undefined;
 export declare const getStringSchemaControlType: ({ format, control, }: StringSchema) => (typeof FormControlType)[keyof typeof FormControlType] | undefined;
 declare function SchemaFormControl(props: SchemaFormControlProps): JSX.Element;
@@ -16,7 +17,7 @@ export type SchemaFormControlProps = {
     id: string;
     value: BasicModel | null;
     schema: Schema;
-    onChange: (model: BasicModel | null, type?: 'init' | 'user') => void;
+    onChange: (model: BasicModel | null, type?: 'init' | 'user', metadata?: OnChangeProps['metadata']) => void;
     onFocus?: () => void;
     onBlur?: () => void;
     onSearchChange?: (searchValue: string) => void;

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

@@ -9,7 +9,7 @@ export type AllOfComponent = BaseComponent<Model> & {
     title?: string;
     getChildren: () => StepComponent[];
 };
-export declare const createAllOfComponent: (allOfProps: Pick<AllOfComponent, "help" | "control" | "title" | "description" | "components"> & {
+export declare const createAllOfComponent: (allOfProps: Pick<AllOfComponent, "control" | "title" | "description" | "help" | "components"> & {
     uid: string;
     analyticsId?: string | undefined;
     summariser: (value: Model | null) => RepeatableSummary;

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

@@ -1,9 +1,11 @@
 import type { InputComponent, RepeatableSummary, UpdateComponent } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
+import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 export type BooleanInputComponent = InputComponent<boolean> & {
     type: 'boolean';
 };
-export declare const createBooleanInputComponent: (booleanInputProps: Pick<BooleanInputComponent, "value" | "help" | "control" | "title" | "disabled" | "description" | "analyticsId" | "id" | "required" | "errors" | "uid"> & {
+export declare const createBooleanInputComponent: (booleanInputProps: Pick<BooleanInputComponent, "value" | "control" | "title" | "description" | "id" | "disabled" | "help" | "analyticsId" | "required" | "errors" | "uid"> & {
     checks: IsInvalidCheck<boolean | null>[];
+    performPersistAsync: PerformPersistAsync | undefined;
     summariser: (value: boolean | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => BooleanInputComponent;

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

@@ -1,3 +1,4 @@
+import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { InputComponent, RepeatableSummary, UpdateComponent } from '../types';
 export type DateInputComponent = InputComponent<string> & {
@@ -5,7 +6,8 @@ export type DateInputComponent = InputComponent<string> & {
     minimumDate?: string;
     maximumDate?: string;
 };
-export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "value" | "control" | "title" | "disabled" | "description" | "analyticsId" | "id" | "placeholder" | "required" | "errors" | "autoComplete" | "minimumDate" | "maximumDate" | "uid"> & {
+export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "value" | "control" | "title" | "description" | "id" | "disabled" | "analyticsId" | "placeholder" | "required" | "errors" | "autoComplete" | "minimumDate" | "maximumDate" | "uid"> & {
     checks: IsInvalidCheck<string | null>[];
+    performPersistAsync: PerformPersistAsync | undefined;
     summariser: (value: string | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => DateInputComponent;

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

@@ -1,5 +1,5 @@
 import type { Size } from '@wise/dynamic-flow-types/build/next';
-import type { Align, LayoutComponent } from '../types';
+import type { LayoutComponent, Align } from '../types';
 export type HeadingComponent = LayoutComponent & {
     type: 'heading';
     text: string;

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

@@ -0,0 +1,9 @@
+import type { Size } from '@wise/dynamic-flow-types/build/next';
+import type { LayoutComponent } from '../types';
+export type ImageComponent = LayoutComponent & {
+    type: 'image';
+    accessibilityDescription?: string;
+    size: Size;
+    url: string;
+};
+export declare const createImageComponent: (imageProps: Pick<ImageComponent, 'uid' | 'accessibilityDescription' | 'control' | 'margin' | 'size' | 'url'>) => ImageComponent;

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

@@ -0,0 +1,11 @@
+import type { Context, LayoutComponent } from '../types';
+export type InstructionsComponent = LayoutComponent & {
+    type: 'instructions';
+    items: InstructionItem[];
+    title?: string;
+};
+export type InstructionItem = {
+    context: Context;
+    text: string;
+};
+export declare const createInstructionsComponent: (instructionsProps: Pick<InstructionsComponent, 'uid' | 'control' | 'items' | 'margin' | 'title'>) => InstructionsComponent;

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

@@ -1,9 +1,11 @@
 import type { InputComponent, RepeatableSummary, UpdateComponent } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
+import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 export type IntegerInputComponent = InputComponent<number> & {
     type: 'integer';
 };
-export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "value" | "help" | "control" | "title" | "disabled" | "description" | "analyticsId" | "id" | "placeholder" | "required" | "errors" | "autoComplete" | "uid"> & {
+export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "value" | "control" | "title" | "description" | "id" | "disabled" | "help" | "analyticsId" | "placeholder" | "required" | "errors" | "autoComplete" | "uid"> & {
     checks: IsInvalidCheck<number | null>[];
+    performPersistAsync: PerformPersistAsync | undefined;
     summariser: (value: number | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => IntegerInputComponent;

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

@@ -0,0 +1,8 @@
+import type { Size } from '@wise/dynamic-flow-types/build/next';
+import type { LayoutComponent } from '../types';
+export type LoadingIndicatorComponent = LayoutComponent & {
+    type: 'loading-indicator';
+    control?: string;
+    size: Size;
+};
+export declare const createLoadingIndicatorComponent: (loadingIndicatorProps: Pick<LoadingIndicatorComponent, 'uid' | 'control' | 'margin' | 'size'>) => LoadingIndicatorComponent;

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

@@ -0,0 +1,7 @@
+import type { LayoutComponent, Align } from '../types';
+export type MarkdownComponent = LayoutComponent & {
+    type: 'markdown';
+    align: Align;
+    content: string;
+};
+export declare const createMarkdownComponent: (markdownProps: Pick<MarkdownComponent, 'uid' | 'align' | 'control' | 'content' | 'margin'>) => MarkdownComponent;

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

@@ -0,0 +1,12 @@
+import type { ModalLayoutTrigger } from '@wise/dynamic-flow-types/build/next/layout/ModalLayoutTrigger';
+import type { LayoutComponent, StepComponent } from '../types';
+export type ModalComponent = LayoutComponent & {
+    type: 'modal';
+    content: ModalContent;
+    trigger: ModalLayoutTrigger;
+    getChildren: () => StepComponent[];
+};
+export type ModalContent = {
+    components: StepComponent[];
+};
+export declare const createModalComponent: (modalProps: Pick<ModalComponent, 'uid' | 'content' | 'control' | 'margin' | 'trigger'>) => ModalComponent;

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

@@ -1,9 +1,11 @@
 import type { InputComponent, RepeatableSummary, UpdateComponent } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
+import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 export type NumberInputComponent = InputComponent<number> & {
     type: 'number';
 };
-export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "value" | "help" | "control" | "title" | "disabled" | "description" | "analyticsId" | "id" | "placeholder" | "required" | "errors" | "autoComplete" | "uid"> & {
+export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "value" | "control" | "title" | "description" | "id" | "disabled" | "help" | "analyticsId" | "placeholder" | "required" | "errors" | "autoComplete" | "uid"> & {
     checks: IsInvalidCheck<number | null>[];
+    performPersistAsync: PerformPersistAsync | undefined;
     summariser: (value: number | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => NumberInputComponent;

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

@@ -9,7 +9,7 @@ export type ObjectComponent = BaseComponent<Record<string, Model>> & {
     title?: string;
     getChildren: () => StepComponent[];
 };
-export declare const createObjectComponent: (objectProps: Pick<ObjectComponent, "help" | "control" | "title" | "description" | "componentMap"> & {
+export declare const createObjectComponent: (objectProps: Pick<ObjectComponent, "control" | "title" | "description" | "help" | "componentMap"> & {
     uid: string;
     analyticsId?: string | undefined;
     displayOrder: string[];

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

@@ -0,0 +1,17 @@
+import type { LayoutComponent } from '../types';
+export type ReviewComponent = LayoutComponent & {
+    type: 'review';
+    fields: ReviewField[];
+    title?: string;
+    callToAction?: ReviewCallToAction;
+};
+export type ReviewField = {
+    help?: string;
+    label: string;
+    value: string;
+};
+export type ReviewCallToAction = {
+    title: string;
+    onClick: () => void;
+};
+export declare const createReviewComponent: (reviewProps: Pick<ReviewComponent, 'uid' | 'callToAction' | 'control' | 'fields' | 'margin' | 'title'>) => ReviewComponent;

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

@@ -2,6 +2,7 @@ import type { Icon, Image, Model } from '@wise/dynamic-flow-types/build/next';
 import type { InputComponent, RepeatableSummary, StepComponent, UpdateComponent } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { AnalyticsEventDispatcher } from '../features/events';
+import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 export type SelectInputComponent = Omit<InputComponent<Model>, 'onChange'> & {
     type: 'select';
     selectedIndex: number | null;
@@ -19,12 +20,13 @@ export type SelectInputOption = {
     keywords?: string[];
     disabled: boolean;
 };
-export declare const createSelectInputComponent: (selectProps: Pick<SelectInputComponent, "help" | "control" | "title" | "disabled" | "description" | "analyticsId" | "id" | "placeholder" | "required" | "errors" | "autoComplete" | "uid"> & {
+export declare const createSelectInputComponent: (selectProps: Pick<SelectInputComponent, "control" | "title" | "description" | "id" | "disabled" | "help" | "analyticsId" | "placeholder" | "required" | "errors" | "autoComplete" | "uid"> & {
     initialValue: Model;
     options: (SelectInputOption & {
         component: StepComponent;
     })[];
     checks: IsInvalidCheck<Model>[];
+    performPersistAsync: PerformPersistAsync | undefined;
     summariser: (value: Model | null) => RepeatableSummary;
     trackEvent: AnalyticsEventDispatcher;
 }, updateComponent: UpdateComponent) => SelectInputComponent;

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

@@ -0,0 +1,8 @@
+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[];
+    title?: string;
+};
+export declare const createStatusListComponent: (statusListProps: Pick<StatusListComponent, 'uid' | 'control' | 'items' | 'margin' | 'title'>) => StatusListComponent;

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

@@ -1,10 +1,12 @@
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { InputComponent, RepeatableSummary, UpdateComponent } from '../types';
+import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 export type TextInputComponent = InputComponent<string> & {
     type: 'text';
     displayFormat?: string;
 };
-export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "value" | "help" | "control" | "title" | "disabled" | "description" | "analyticsId" | "id" | "placeholder" | "required" | "displayFormat" | "errors" | "autoComplete" | "uid"> & {
+export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "value" | "control" | "title" | "description" | "id" | "disabled" | "help" | "analyticsId" | "placeholder" | "required" | "displayFormat" | "errors" | "autoComplete" | "uid"> & {
     checks: IsInvalidCheck<string | null>[];
+    performPersistAsync: PerformPersistAsync | undefined;
     summariser: (value: string | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => TextInputComponent;

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

@@ -1,10 +1,12 @@
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { InputComponent, RepeatableSummary, UpdateComponent } from '../types';
+import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 export type UploadInputComponent = InputComponent<string> & {
     type: 'upload';
     accepts?: string[];
 };
-export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadInputComponent, "value" | "control" | "title" | "disabled" | "description" | "analyticsId" | "accepts" | "id" | "placeholder" | "required" | "errors" | "autoComplete" | "uid"> & {
+export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadInputComponent, "value" | "control" | "title" | "description" | "id" | "disabled" | "accepts" | "analyticsId" | "placeholder" | "required" | "errors" | "autoComplete" | "uid"> & {
     checks: IsInvalidCheck<string | null>[];
+    performPersistAsync: PerformPersistAsync | undefined;
     summariser: (value: string | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => UploadInputComponent;

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

@@ -16,13 +16,13 @@ export type RepeatableComponent = BaseComponent<Model[]> & {
     summaryDefaults: RepeatableSummary;
     title?: string;
     getChildren: () => StepComponent[];
-    getValue: () => Model[] | null;
+    getLocalValue: () => Model[] | null;
     onAdd: () => void;
     onEdit: (itemIndex: number) => void;
     onRemove: () => void;
     onSave: () => boolean;
 };
-export declare const createRepeatableComponent: (repeatableProps: Pick<RepeatableComponent, "control" | "title" | "description" | "id" | "addItemTitle" | "editItemTitle" | "components" | "errors" | "uid"> & {
+export declare const createRepeatableComponent: (repeatableProps: Pick<RepeatableComponent, "control" | "title" | "description" | "id" | "components" | "addItemTitle" | "editItemTitle" | "errors" | "uid"> & {
     analyticsId?: string | undefined;
     checks: IsInvalidCheck<Model[] | null>[];
     summary?: SummarySummariser | undefined;

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

@@ -0,0 +1,15 @@
+import type { getInputUpdateFunction } from '../../components/utils/component-utils';
+import type { PerformPersistAsync } from './getPerformPersistAsync';
+import type { BooleanInputComponent } from '../../components/BooleanInputComponent';
+import type { DateInputComponent } from '../../components/DateInputComponent';
+import type { IntegerInputComponent } from '../../components/IntegerInputComponent';
+import type { NumberInputComponent } from '../../components/NumberInputComponent';
+import type { SelectInputComponent } from '../../components/SelectInputComponent';
+import type { TextInputComponent } from '../../components/TextInputComponent';
+import type { UploadInputComponent } from '../../components/UploadInputComponent';
+type Persistable = BooleanInputComponent | DateInputComponent | IntegerInputComponent | NumberInputComponent | SelectInputComponent | TextInputComponent | UploadInputComponent;
+/**
+ * Creates an onPersistAsync handler for a component.
+ */
+export declare const getComponentPersistAsync: <C extends Persistable>(update: (updateFn: (component: C) => void) => void, performPersistAsync: PerformPersistAsync) => (component: C) => void;
+export {};

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

@@ -0,0 +1,22 @@
+import type { JsonElement, Model } from '@wise/dynamic-flow-types/build/next';
+import type { PersistAsyncConfig } from '../../mappers/types';
+import type { HttpClient } from '../../../dynamic-flow-types';
+import type { AnalyticsEventDispatcher } from '../events';
+export type PerformPersistAsync = (props: PersistAsyncProps) => Promise<JsonElement>;
+type PersistAsyncModel = Model | Blob;
+type PersistAsyncProps = {
+    value: PersistAsyncModel;
+    signal: AbortSignal;
+};
+/**
+ * Takes an httpClient and schema persist async config and returns a function that can
+ * execute a persist async request.
+ */
+export declare const getPerformPersistAsync: ({ schemaId, httpClient, trackEvent, persistAsyncConfig, genericErrorMessage, }: {
+    schemaId?: string | undefined;
+    httpClient: HttpClient;
+    trackEvent: AnalyticsEventDispatcher;
+    persistAsyncConfig: PersistAsyncConfig;
+    genericErrorMessage: string;
+}) => PerformPersistAsync;
+export {};

package/build/types/revamp/domain/features/persistAsync/persist-async-utils.d.ts

@@ -0,0 +1,2 @@
+import type { PersistedState } from '../../types';
+export declare const getInitialPersistedState: <M extends import("@wise/dynamic-flow-types/build/next").JsonElement>() => PersistedState<M>;

package/build/types/revamp/domain/features/validation/spec-utils.d.ts

@@ -10,4 +10,5 @@ export declare const mockErrorMessageFunctions: {
     maxItems: jest.Mock<any, any, any>;
     pattern: jest.Mock<any, any, any>;
     required: jest.Mock<any, any, any>;
+    persistAsyncError: jest.Mock<any, any, any>;
 };

package/build/types/revamp/domain/features/validation/validation-functions.d.ts

@@ -0,0 +1,7 @@
+import type { StepComponent } from '../../types';
+import type { IsInvalidCheck } from './value-checks';
+export declare const validateComponents: (components: StepComponent[]) => boolean;
+/**
+ * Returns a function that takes a model and returns an array of validation errors
+ */
+export declare const getModelValidator: <M extends import("@wise/dynamic-flow-types/build/next").JsonElement>(checks: IsInvalidCheck<M>[]) => (currentValue: M) => string[];

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

@@ -0,0 +1,2 @@
+import type { ImageLayout } from '@wise/dynamic-flow-types/build/next';
+export declare const imageLayoutToComponent: ({ accessibilityDescription, control, margin, size, text, url, }: ImageLayout) => import("../../components/ImageComponent").ImageComponent;

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

@@ -0,0 +1,2 @@
+import type { InfoLayout } from '@wise/dynamic-flow-types/build/next';
+export declare const infoLayoutToComponent: ({ align, control, margin, markdown: content, }: InfoLayout) => import("../../components/MarkdownComponent").MarkdownComponent;

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

@@ -0,0 +1,2 @@
+import type { InstructionsLayout } from '@wise/dynamic-flow-types/build/next';
+export declare const instructionsLayoutToComponent: ({ control, items, margin, title, }: InstructionsLayout) => import("../../components/InstructionsComponent").InstructionsComponent;

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

@@ -0,0 +1,2 @@
+import type { ListLayout } from '@wise/dynamic-flow-types/build/next';
+export declare const listLayoutToComponent: ({ control, items, margin, title }: ListLayout) => import("../../components/StatusListComponent").StatusListComponent;

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

@@ -0,0 +1,2 @@
+import type { LoadingIndicatorLayout } from '@wise/dynamic-flow-types/build/next';
+export declare const loadingIndicatorLayoutToComponent: ({ size, margin, control, }: LoadingIndicatorLayout) => import("../../components/LoadingIndicatorComponent").LoadingIndicatorComponent;

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

@@ -0,0 +1,2 @@
+import type { MarkdownLayout } from '@wise/dynamic-flow-types/build/next';
+export declare const markdownLayoutToComponent: ({ align, margin, control, content, }: MarkdownLayout) => import("../../components/MarkdownComponent").MarkdownComponent;

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

@@ -0,0 +1,3 @@
+import type { ModalLayout } from '@wise/dynamic-flow-types/build/next';
+import type { MapperProps } from '../schema/types';
+export declare const modalLayoutToComponent: ({ content, control, margin, trigger }: ModalLayout, mapperProps: MapperProps) => import("../../components/ModalComponent").ModalComponent;

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

@@ -0,0 +1,3 @@
+import type { ReviewLayout } from '@wise/dynamic-flow-types/build/next';
+import type { MapperProps } from '../schema/types';
+export declare const reviewLayoutToComponent: ({ fields, title, callToAction, control, margin, orientation, action }: ReviewLayout, { onAction }: MapperProps) => import("../../components/ReviewComponent").ReviewComponent;

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

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

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

@@ -0,0 +1,7 @@
+import { Schema } from '@wise/dynamic-flow-types/build/next';
+import { SchemaMapperProps } from './types';
+export declare const hiddenSchemaToComponent: (schemaMapperProps: SchemaMapperProps & {
+    schema: Schema & {
+        hidden: true;
+    };
+}) => import("../../components/HiddenComponent").HiddenComponent;

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

@@ -18,6 +18,7 @@ export declare const getMockSchemaMapperProps: <S extends Schema>(schemaMapperPr
     model: import("@wise/dynamic-flow-types/build/next").JsonElement;
     required: boolean;
     validationErrors: import("@wise/dynamic-flow-types/build/next").JsonElement;
+    persistAsyncConfig?: import("../../types").PersistAsyncConfig | undefined;
 };
 export declare const mockUpdateFunction: <C extends StepComponent>(draftComponent: C) => jest.Mock<any, any, any>;
 export declare const getUpdateFunctionMock: <C extends StepComponent>(getComponent: () => C) => jest.Mock<void, [uid: string, update: (component: StepComponent) => void], any>;

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

@@ -1,6 +1,6 @@
 import type { Step as DFStep, Model, Schema, ValidationError } from '@wise/dynamic-flow-types/build/next';
 import type { OnAction, UpdateComponent } from '../../types';
-import type { GetErrorMessageFunctions } from '../types';
+import type { GetErrorMessageFunctions, PersistAsyncConfig } from '../types';
 import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../../features/events';
 import type { HttpClient } from '../../../dynamic-flow-types';
 export type MapperProps = {
@@ -17,4 +17,5 @@ export type SchemaMapperProps = {
     model: Model;
     required?: boolean;
     validationErrors?: ValidationError;
+    persistAsyncConfig?: PersistAsyncConfig;
 };

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

@@ -1,6 +1,18 @@
-import type { SchemaMapperProps } from '../types';
-export declare const mapCommonSchemaProps: ({ schema, required, validationErrors }: SchemaMapperProps) => {
+import type { MapperProps, SchemaMapperProps } from '../types';
+export declare const mapCommonSchemaProps: (schemaMapperProps: SchemaMapperProps, mapperProps: MapperProps) => {
+    placeholder?: string | undefined;
+    help?: string | undefined;
+    uid: string;
+    id: string;
+    analyticsId: string;
+    control: string | undefined;
+    description: string | undefined;
+    disabled: boolean;
+    errors: string[];
+    keywords: string[] | undefined;
     required: boolean;
+    title: string | undefined;
+    performPersistAsync: import("../../../features/persistAsync/getPerformPersistAsync").PerformPersistAsync | undefined;
     summariser: (model: import("@wise/dynamic-flow-types/build/next").JsonElement) => {
         title?: undefined;
         description?: undefined;
@@ -12,15 +24,4 @@ export declare const mapCommonSchemaProps: ({ schema, required, validationErrors
         icon: import("@wise/dynamic-flow-types/build/next").Icon | undefined;
         image: import("@wise/dynamic-flow-types/build/next").Image | undefined;
     };
-    title: string | undefined;
-    placeholder?: string | undefined;
-    keywords: string[] | undefined;
-    help?: string | undefined;
-    uid: string;
-    id: string;
-    analyticsId: string;
-    control: string | undefined;
-    description: string | undefined;
-    disabled: boolean;
-    errors: string[];
 };

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

@@ -1,3 +1,4 @@
+import type { PersistAsync } from '@wise/dynamic-flow-types/build/next/feature/PersistAsync';
 export type GetErrorMessageFunctions = (validationMessages?: ValidationMessages) => ErrorMessageFunctions;
 export type ValidationMessages = Record<string, string | undefined>;
 export type ErrorMessageFunctions = {
@@ -11,4 +12,6 @@ export type ErrorMessageFunctions = {
     minItems: (minItems: number) => string;
     pattern: () => string;
     required: () => string;
+    persistAsyncError: () => string;
 };
+export type PersistAsyncConfig = Pick<PersistAsync, 'idProperty' | 'method' | 'param' | 'url'>;

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

@@ -14,19 +14,27 @@ import type { DividerComponent } from './components/DividerComponent';
 import type { HeadingComponent } from './components/HeadingComponent';
 import type { IntegerInputComponent } from './components/IntegerInputComponent';
 import type { NumberInputComponent } from './components/NumberInputComponent';
+import type { ImageComponent } from './components/ImageComponent';
+import type { LoadingIndicatorComponent } from './components/LoadingIndicatorComponent';
+import type { MarkdownComponent } from './components/MarkdownComponent';
+import type { InstructionsComponent } from './components/InstructionsComponent';
+import type { ModalComponent } from './components/ModalComponent';
 import type { ObjectComponent } from './components/ObjectComponent';
 import type { ParagraphComponent } from './components/ParagraphComponent';
 import type { RepeatableComponent } from './components/repeatableComponent/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 { TextInputComponent } from './components/TextInputComponent';
 import type { UploadInputComponent } from './components/UploadInputComponent';
-export type StepComponent = AlertComponent | AllOfComponent | BooleanInputComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DateInputComponent | DecisionComponent | DividerComponent | FormComponent | HeadingComponent | HiddenComponent | IntegerInputComponent | NumberInputComponent | ObjectComponent | ParagraphComponent | RepeatableComponent | SearchComponent | SelectInputComponent | TextInputComponent | UploadInputComponent;
+export type StepComponent = AlertComponent | AllOfComponent | BooleanInputComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DateInputComponent | DecisionComponent | DividerComponent | FormComponent | HeadingComponent | HiddenComponent | ImageComponent | InstructionsComponent | IntegerInputComponent | LoadingIndicatorComponent | MarkdownComponent | ModalComponent | NumberInputComponent | ObjectComponent | ParagraphComponent | RepeatableComponent | ReviewComponent | SearchComponent | SelectInputComponent | StatusListComponent | TextInputComponent | UploadInputComponent;
 export type BaseComponent<M extends Model> = {
     type: string;
     uid: string;
     analyticsId?: string;
-    getValue: () => M | null;
+    getSubmittableValue: () => M | null;
+    getLocalValue: () => M | null;
     getSummary: () => RepeatableSummary;
     validate: () => boolean;
 };
@@ -46,10 +54,11 @@ export type InputComponent<M extends Model> = BaseComponent<M> & {
     required: boolean;
     title?: string;
     value: M | null;
+    persistedState: PersistedState<M>;
     onChange: (value: M | null) => void;
     onBlur: () => void;
     onFocus: () => void;
-    getValue: () => M | null;
+    getLocalValue: () => M | null;
 };
 export type UpdateComponent = (id: string, update: (component: StepComponent) => void) => void;
 export type OnAction = (action: Action) => void;
@@ -62,3 +71,9 @@ export type RepeatableSummary = {
     icon?: Icon;
     image?: Image;
 };
+export type PersistedState<M extends Model> = {
+    abortController: AbortController;
+    lastSubmitted: M | null;
+    submission: Promise<void>;
+    value: M | null;
+};

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

@@ -1,3 +1,3 @@
-import { DividerComponent } from '../../domain/components/DividerComponent';
+import type { DividerComponent } from '../../domain/components/DividerComponent';
 import type { DividerRendererProps } from '../types';
 export declare const dividerComponentToProps: ({ control, margin, }: DividerComponent) => DividerRendererProps;