@wise/dynamic-flow-client 2.8.0 → 2.8.2

package/build/types/index.d.ts

@@ -6,5 +6,5 @@ export { DynamicLayout as Layout } from './legacy/layout';
 export { isValidSchema } from './legacy/common/validators';
 export { default as translations } from './i18n';
 export * from './legacy/dynamicFlow/DynamicFlow';
-export type { DynamicFlowProps, InitialAction } from './dynamic-flow-types';
+export type { DynamicFlowProps, InitialAction } from './legacy/dynamic-flow-types';
 export type { Step } from '@wise/dynamic-flow-types';

package/build/types/legacy/common/contexts/eventsContext/EventsContext.d.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { EventHandler } from '../../../../dynamic-flow-types';
+import type { EventHandler } from '../../../dynamic-flow-types';
 type Props = {
     metadata?: Record<string, unknown> & {
         flowId?: string;

package/build/types/legacy/common/contexts/featureContext/FeatureContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Feature } from '../../../../dynamic-flow-types';
+import type { Feature } from '../../../dynamic-flow-types';
 import type { FeatureName } from '../../constants/FeatureName';
 type FeatureContextProviderProps = {
     features: Feature[] | undefined;

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { LogLevel, LogEventHandler } from '../../../../dynamic-flow-types';
+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';
 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;

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

@@ -1,3 +1,3 @@
-import type { DynamicFlowProps } from '../../dynamic-flow-types';
+import type { DynamicFlowProps } from '../dynamic-flow-types';
 declare function DynamicFlow(props: DynamicFlowProps): JSX.Element;
 export default DynamicFlow;

package/build/types/legacy/dynamicFlow/stories/fixtureHttpClient.d.ts

@@ -1,3 +1,3 @@
-import type { HttpClient } from '../../../dynamic-flow-types';
+import type { HttpClient } from '../../dynamic-flow-types';
 export declare const getObjectKeys: <T>(object: T) => (keyof T)[];
 export declare const fixtureHttpClient: HttpClient;

package/build/types/legacy/dynamicFlow/utils/responseParsers/response-parsers.d.ts

@@ -1,5 +1,5 @@
 import type { ActionResponseBody, ErrorResponseBody, Step } from '@wise/dynamic-flow-types';
-import type { DynamicFlowProps } from '../../../../dynamic-flow-types';
+import type { DynamicFlowProps } from '../../../dynamic-flow-types';
 type ParsedBody = {
     type: 'exit';
     result: Parameters<DynamicFlowProps['onCompletion']>[0];

package/build/types/legacy/dynamicFlow/utils/useLoader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { DynamicFlowProps } from '../../../dynamic-flow-types';
+import type { DynamicFlowProps } from '../../dynamic-flow-types';
 type LoadingState = 'idle' | 'initial' | 'refresh' | 'submission';
 export declare function useLoader(loaderConfig: DynamicFlowProps['loaderConfig'], initialState: LoadingState): {
     isLoading: boolean;

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

@@ -1,5 +1,5 @@
 import type { FormErrors, Model, Schema } from '@wise/dynamic-flow-types';
-import type { EventHandler, LogEventHandler } from '../../dynamic-flow-types';
+import type { EventHandler, LogEventHandler } from '../dynamic-flow-types';
 import type { OnPersistAsync } from '../dynamicFlow/DynamicFlowTypes';
 declare function JsonSchemaForm(props: JsonSchemaFormProps): JSX.Element;
 export type OnChange = (parameters: OnChangeProps) => void;

package/build/types/legacy/jsonSchemaForm/oneOfSchema/utils.d.ts

@@ -1,4 +1,4 @@
-import { Model, ObjectModel, OneOfSchema, OneOfObjectSchema } from '@wise/dynamic-flow-types';
+import type { Model, ObjectModel, OneOfSchema, OneOfObjectSchema } from '@wise/dynamic-flow-types';
 export declare const getActiveSchemaIndex: (schema: OneOfSchema, model: Model) => number | null;
 export declare const getValidIndexFromValue: (schema: OneOfSchema, value: Model | undefined) => number;
 export declare function getBestMatchingSchemaIndexForValue(schema: OneOfObjectSchema, value: ObjectModel): number | null;

package/build/types/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.d.ts

@@ -1,6 +1,6 @@
 import type { UploadProps } from '@transferwise/components/build/types/upload/Upload';
 import type { PersistAsync } from '@wise/dynamic-flow-types';
-import type { HttpClient } from '../../../../dynamic-flow-types';
+import type { HttpClient } from '../../../dynamic-flow-types';
 type Props = UploadProps & {
     id: string;
     httpClient: HttpClient;

package/build/types/legacy/layout/search/useSearch.d.ts

@@ -1,6 +1,6 @@
 import type { SearchConfig, SearchResult } from '@wise/dynamic-flow-types';
 export declare const useSearch: (defaultSearchConfig: SearchConfig) => {
-    status: "error" | "success" | "loading" | "idle";
+    status: "success" | "loading" | "error" | "idle";
     results: SearchResult[];
     search: (query: string, { url, method, param }?: SearchConfig) => Promise<void>;
 };

package/build/types/legacy/step/cameraStep/cameraCapture/CameraCapture.d.ts

@@ -1,5 +1,5 @@
 import type { CameraDirection } from '@wise/dynamic-flow-types';
-import type { EventHandler } from '../../../../dynamic-flow-types';
+import type { EventHandler } from '../../../dynamic-flow-types';
 type Props = {
     direction?: CameraDirection;
     overlay?: string;

package/build/types/legacy/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.d.ts

@@ -1,4 +1,4 @@
-import type { EventHandler } from '../../../../../dynamic-flow-types';
+import type { EventHandler } from '../../../../dynamic-flow-types';
 export declare const useFullScreenOrientationLock: (shouldLockOrientation: boolean, onEvent: EventHandler | undefined) => {
     enterFullScreen: () => void;
     exitFullScreen: () => void;

package/build/types/legacy/step/cameraStep/cameraCapture/tracking/index.d.ts

@@ -1,5 +1,5 @@
 import type { CameraDirection } from '@wise/dynamic-flow-types';
-import type { EventHandler, EventName } from '../../../../../dynamic-flow-types';
+import type { EventHandler, EventName } from '../../../../dynamic-flow-types';
 export declare const trackCameraError: (message: EventName, onEvent: EventHandler | undefined, error: string | DOMException) => void | undefined;
 export declare const trackCameraFeedStarted: (onEvent: EventHandler | undefined, props: {
     direction?: CameraDirection;

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

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { EventHandler, LogEventHandler } from '../../dynamic-flow-types';
+import type { EventHandler, LogEventHandler } from '../dynamic-flow-types';
 type DynamicFlowProvidersProps = {
     children: React.ReactNode;
     onLog?: LogEventHandler;

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

@@ -1,6 +1,6 @@
 import { type ReactWrapper } from 'enzyme';
 import type { ReactNode } from 'react';
-import type { EventHandler, LogEventHandler } from '../../dynamic-flow-types';
+import type { EventHandler, LogEventHandler } from '../dynamic-flow-types';
 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?: Record<string, unknown>, baseUrl?: string, onEvent?: EventHandler, onLog?: LogEventHandler): ReactWrapper;

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

@@ -1,3 +1,3 @@
-import type { DynamicFlowProps } from '../dynamic-flow-types';
-declare function DynamicFlowRevamp({ initialStep, onError }: DynamicFlowProps): JSX.Element;
+import type { DynamicFlowProps } from './dynamic-flow-types';
+declare function DynamicFlowRevamp(props: DynamicFlowProps): JSX.Element;
 export default DynamicFlowRevamp;

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

@@ -1,10 +1,9 @@
-import type { Context, Margin } from '@wise/dynamic-flow-types';
-import type { LayoutComponent } from '../types';
+import type { Margin } from '@wise/dynamic-flow-types/build/next';
+import type { Context, LayoutComponent } from '../types';
 export type AlertComponent = LayoutComponent & {
     type: 'alert';
     markdown: string;
     context: Context;
-    getValue: () => null;
 };
 export declare const createAlertComponent: (alertProps: {
     uid: string;

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

@@ -1,13 +1,12 @@
-import type { Margin, Model, Size } from '@wise/dynamic-flow-types';
+import type { Margin, Model, Size } from '@wise/dynamic-flow-types/build/next';
 import type { BaseComponent, StepComponent } from '../types';
-export type BoxComponent = BaseComponent & {
+export type BoxComponent = BaseComponent<Model> & {
     type: 'box';
     border: boolean;
     width: Size;
     margin: Margin;
     components: StepComponent[];
     getChildren: () => StepComponent[];
-    getValue: () => Model;
 };
 export declare const createBoxComponent: (boxProps: {
     uid: string;

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

@@ -1,15 +1,13 @@
-import type { Context, Margin } from '@wise/dynamic-flow-types';
-import type { LayoutComponent } from '../types';
+import type { Margin } from '@wise/dynamic-flow-types/build/next';
+import type { LayoutComponent, Context } from '../types';
 export type ButtonComponent = LayoutComponent & {
     type: 'button';
     title: string;
     context: Context;
     control?: string;
     disabled: boolean;
-    margin: Margin;
     pinOrder?: number;
     onClick: () => void;
-    getValue: () => null;
 };
 export declare const createButtonComponent: (buttonProps: {
     uid: string;

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

@@ -1,6 +1,6 @@
-import type { Margin, Model } from '@wise/dynamic-flow-types';
+import type { Margin, Model } from '@wise/dynamic-flow-types/build/next';
 import type { BaseComponent, Bias, StepComponent } from '../types';
-export type ColumnsComponent = BaseComponent & {
+export type ColumnsComponent = BaseComponent<Model> & {
     type: 'columns';
     bias: Bias;
     control?: string;
@@ -8,7 +8,6 @@ export type ColumnsComponent = BaseComponent & {
     startComponents: StepComponent[];
     endComponents: StepComponent[];
     getChildren: () => StepComponent[];
-    getValue: () => Model;
 };
 export declare const createColumnsComponent: (columnsProps: {
     uid: string;

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

@@ -1,11 +1,10 @@
-import type { Margin, Size } from '@wise/dynamic-flow-types';
+import type { Margin, Size } from '@wise/dynamic-flow-types/build/next';
 import type { Align, LayoutComponent } from '../types';
 export type HeadingComponent = LayoutComponent & {
     type: 'heading';
     text: string;
     align: Align;
     size: Size;
-    getValue: () => null;
 };
 export declare const createHeadingComponent: (headingProps: {
     uid: string;

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

@@ -0,0 +1,8 @@
+import type { InputComponent, UpdateComponent } from '../types';
+import type { IsInvalidCheck } from '../validation/value-checks';
+export type IntegerInputComponent = InputComponent<number> & {
+    type: 'integer';
+};
+export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "description" | "disabled" | "title" | "placeholder" | "control" | "id" | "errors" | "value" | "autoComplete" | "uid"> & {
+    checks: IsInvalidCheck<number | null>[];
+}, updateComponent: UpdateComponent) => IntegerInputComponent;

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

@@ -0,0 +1,8 @@
+import type { InputComponent, UpdateComponent } from '../types';
+import type { IsInvalidCheck } from '../validation/value-checks';
+export type NumberInputComponent = InputComponent<number> & {
+    type: 'number';
+};
+export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "description" | "disabled" | "title" | "placeholder" | "control" | "id" | "errors" | "value" | "autoComplete" | "uid"> & {
+    checks: IsInvalidCheck<number | null>[];
+}, updateComponent: UpdateComponent) => NumberInputComponent;

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

@@ -1,12 +1,12 @@
-import type { ObjectModel } from '@wise/dynamic-flow-types';
+import type { Model } from '@wise/dynamic-flow-types/build/next';
 import type { BaseComponent, StepComponent } from '../types';
-export type ObjectComponent = BaseComponent & {
+export type ObjectComponent = Omit<BaseComponent<Record<string, Model>>, 'getValue'> & {
     type: 'object';
     title?: string;
     description?: string;
     componentMap: Record<string, StepComponent>;
     getChildren: () => StepComponent[];
-    getValue: () => ObjectModel;
+    getValue: () => Record<string, Model>;
 };
 export declare const createObjectComponent: (objectProps: {
     uid: string;

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

@@ -1,11 +1,10 @@
-import type { Margin } from '@wise/dynamic-flow-types';
+import type { Margin } from '@wise/dynamic-flow-types/build/next';
 import type { Align, LayoutComponent } from '../types';
 export type ParagraphComponent = LayoutComponent & {
     type: 'paragraph';
     text: string;
     control?: string;
     align: Align;
-    getValue: () => null;
 };
 export declare const createParagraphComponent: (paragraphProps: {
     uid: string;

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

@@ -1,25 +1,8 @@
-import type { StringSchema } from '@wise/dynamic-flow-types';
 import type { InputComponent, UpdateComponent } from '../types';
-export type TextInputComponent = InputComponent & {
+import type { IsInvalidCheck } from '../validation/value-checks';
+export type TextInputComponent = InputComponent<string> & {
     type: 'text';
-    title?: string;
-    description?: string;
-    placeholder?: string;
-    control?: string;
-    format?: 'date';
-    value: string | null;
-    errors: string[];
-    onChange: (value: string | null) => void;
-    getValue: () => string | null;
 };
-export declare const createTextInputComponent: (textInputProps: {
-    uid: string;
-    id: string;
-    title?: string | undefined;
-    description?: string | undefined;
-    placeholder?: string | undefined;
-    control?: StringSchema['control'];
-    format: StringSchema['format'];
-    value: string | null;
-    validate: (value: string | null) => string[];
+export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "description" | "disabled" | "title" | "placeholder" | "control" | "id" | "errors" | "value" | "autoComplete" | "uid"> & {
+    checks: IsInvalidCheck<string | null>[];
 }, updateComponent: UpdateComponent) => TextInputComponent;

package/build/types/revamp/domain/components/utils/component-utils.d.ts

@@ -0,0 +1,12 @@
+import type { StepComponent, UpdateComponent } from '../../types';
+/**
+ * Helper function to update a component.
+ *
+ * `updateComponent` is generic, meaning we have to specify the type of the draft whenever we use it. This function takes
+ * the component uid and type, and returns a typed function that will update the component without the need to type assert.
+ *
+ * @param uid uid of the component
+ * @param updateComponent the updateComponent function that will update the component with the given uid
+ * @returns a function that accepts a function that will update the component
+ */
+export declare const getInputUpdateFunction: <C extends StepComponent>(uid: string, updateComponent: UpdateComponent) => (updateFn: (component: C) => void) => void;

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

@@ -0,0 +1,9 @@
+import type { Step } from '@wise/dynamic-flow-types/build/next';
+export type AnalyticsEventHandler = (eventName: string, properties?: Record<string, unknown>) => void;
+export type AnalyticsEventDispatcher = (eventName: EventName, properties?: Record<string, unknown>) => void;
+export declare const getAnalyticsEventDispatcher: ({ flowId, step, onEvent, }: {
+    flowId: string;
+    step?: Step | null | undefined;
+    onEvent?: AnalyticsEventHandler | undefined;
+}) => AnalyticsEventDispatcher;
+export type EventName = 'Flow Started' | 'Flow Completed' | 'Step Shown' | 'Action Triggered' | 'Action Succeeded' | 'Action Failed' | 'Refresh Triggered' | 'Refresh Succeeded' | 'Refresh Failed' | 'PersistAsync Triggered' | 'PersistAsync Succeeded' | 'PersistAsync Failed' | 'ValidationAsync Triggered' | 'ValidationAsync Succeeded' | 'ValidationAsync Failed' | 'Search Started' | 'Search Result Selected';

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

@@ -0,0 +1,4 @@
+export type LogLevel = 'info' | 'warning' | 'error';
+export type LoggingEventHandler = (level: LogLevel, message: string, extra: Record<string, unknown>) => void;
+export type LoggingEventDispatcher = (level: LogLevel, message: string, extra?: Record<string, unknown>) => void;
+export declare const getLoggingEventDispatcher: (onLog?: LoggingEventHandler) => LoggingEventDispatcher;

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

@@ -0,0 +1,2 @@
+export * from './getAnalyticsEventDispatcher';
+export * from './getLogggingEventDispatcher';

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

@@ -1,3 +1,3 @@
-import type { AlertLayout } from '@wise/dynamic-flow-types';
+import type { AlertLayout } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps } from '../schema/types';
 export declare const alertLayoutToComponent: (uid: string, { markdown, margin, context }: AlertLayout, mapperProps: MapperProps) => import("../../components/AlertComponent").AlertComponent;

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

@@ -1,4 +1,4 @@
-import type { BoxLayout } from '@wise/dynamic-flow-types';
+import type { BoxLayout } from '@wise/dynamic-flow-types/build/next';
 import { type BoxComponent } from '../../components/BoxComponent';
 import type { MapperProps } from '../schema/types';
 export declare const boxLayoutToComponent: (uid: string, { components, width, margin, border }: BoxLayout, mapperProps: MapperProps) => BoxComponent;

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

@@ -1,3 +1,3 @@
-import type { ButtonLayout } from '@wise/dynamic-flow-types';
+import type { ButtonLayout } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps } from '../schema/types';
 export declare const buttonLayoutToComponent: (uid: string, { title, action, context, disabled, control, margin }: ButtonLayout, { onAction }: MapperProps) => import("../../components/ButtonComponent").ButtonComponent;

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

@@ -1,4 +1,4 @@
-import type { ColumnsLayout } from '@wise/dynamic-flow-types';
+import type { ColumnsLayout } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps } from '../schema/types';
 import { type ColumnsComponent } from '../../components/ColumnsComponent';
 export declare const columnsLayoutToComponent: (uid: string, { left, right, bias, margin }: ColumnsLayout, mapperProps: MapperProps) => ColumnsComponent;

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

@@ -1,4 +1,4 @@
-import type { FormLayout } from '@wise/dynamic-flow-types';
+import type { FormLayout } from '@wise/dynamic-flow-types/build/next';
 import type { StepComponent } from '../../types';
 import type { MapperProps } from '../schema/types';
 export declare const formLayoutToComponent: (uid: string, { schemaId }: FormLayout, mapperProps: MapperProps) => StepComponent;

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

@@ -1,3 +1,3 @@
-import type { HeadingLayout } from '@wise/dynamic-flow-types';
+import type { HeadingLayout } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps } from '../schema/types';
 export declare const headingLayoutToComponent: (uid: string, { text, size, margin, align }: HeadingLayout, mapperProps: MapperProps) => import("../../components/HeadingComponent").HeadingComponent;

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

@@ -1,3 +1,3 @@
-import type { ParagraphLayout } from '@wise/dynamic-flow-types';
+import type { ParagraphLayout } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps } from '../schema/types';
 export declare const paragraphLayoutToComponent: (uid: string, { text, control, align, margin }: ParagraphLayout, mapperProps: MapperProps) => import("../../components/ParagraphComponent").ParagraphComponent;

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

@@ -1,4 +1,4 @@
-import type { LayoutComponent } from '@wise/dynamic-flow-types';
+import type { Layout } from '@wise/dynamic-flow-types/build/next';
 import type { StepComponent } from '../types';
 import type { MapperProps } from './schema/types';
-export declare const mapLayoutToComponent: (uid: string, layout: LayoutComponent, mapperProps: MapperProps) => StepComponent;
+export declare const mapLayoutToComponent: (uid: string, layout: Layout, mapperProps: MapperProps) => StepComponent;

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

@@ -1,3 +1,3 @@
 import type { StepComponent } from '../types';
 import type { MapperProps, SchemaMapperProps } from './schema/types';
-export declare const mapSchemaToComponent: (uid: string, { schema, model }: SchemaMapperProps, mapperProps: MapperProps) => StepComponent;
+export declare const mapSchemaToComponent: (uid: string, schemaMapperProps: SchemaMapperProps, mapperProps: MapperProps) => StepComponent;

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

@@ -0,0 +1,5 @@
+import type { MapperProps, SchemaMapperProps } from './types';
+import type { IntegerSchema } from '@wise/dynamic-flow-types/build/next';
+export declare const integerSchemaToComponent: (uid: string, schemaMapperProps: SchemaMapperProps & {
+    schema: IntegerSchema;
+}, mapperProps: MapperProps) => import("../../components/IntegerInputComponent").IntegerInputComponent;

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

@@ -0,0 +1,5 @@
+import type { MapperProps, SchemaMapperProps } from './types';
+import type { NumberSchema } from '@wise/dynamic-flow-types/build/next';
+export declare const numberSchemaToComponent: (uid: string, schemaMapperProps: SchemaMapperProps & {
+    schema: NumberSchema;
+}, mapperProps: MapperProps) => import("../../components/NumberInputComponent").NumberInputComponent;

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

@@ -1,5 +1,5 @@
-import type { ObjectSchema } from '@wise/dynamic-flow-types';
+import type { ObjectSchema } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps, SchemaMapperProps } from './types';
-export declare const objectSchemaToComponent: (uid: string, { schema, model }: SchemaMapperProps & {
+export declare const objectSchemaToComponent: (uid: string, { schema, model, validationErrors }: SchemaMapperProps & {
     schema: ObjectSchema;
 }, mapperProps: MapperProps) => import("../../components/ObjectComponent").ObjectComponent;

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

@@ -1,12 +1,5 @@
-import type { StringSchema } from '@wise/dynamic-flow-types';
+import type { StringSchema } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps, SchemaMapperProps } from './types';
-import type { GetErrorMessageFunctions } from '../types';
-export declare const stringSchemaToComponent: (uid: string, { schema, model, required }: SchemaMapperProps & {
+export declare const stringSchemaToComponent: (uid: string, schemaMapperProps: SchemaMapperProps & {
     schema: StringSchema;
 }, mapperProps: MapperProps) => import("../../components/TextInputComponent").TextInputComponent;
-export declare const getStringValidationErrors: ({ schema, model, required, getErrorMessageFunctions, }: {
-    schema: StringSchema;
-    model: string | null;
-    required: boolean;
-    getErrorMessageFunctions: GetErrorMessageFunctions;
-}) => string[];

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

@@ -0,0 +1,21 @@
+/// <reference types="jest" />
+import type { Schema, Step } from '@wise/dynamic-flow-types/build/next';
+import type { MapperProps, SchemaMapperProps } from '../types';
+import type { StepComponent } from '../../../types';
+export declare const getMockMapperProps: (mapperProps?: Partial<MapperProps>) => {
+    step: Step;
+    getErrorMessageFunctions: jest.Mock<any, any, any> | import("../../types").GetErrorMessageFunctions;
+    onAction: jest.Mock<any, any, any> | import("../../../types").OnAction;
+    updateComponent: jest.Mock<any, any, any> | import("../../../types").UpdateComponent;
+    trackEvent: jest.Mock<any, any, any> | import("../../../events").AnalyticsEventDispatcher;
+    logEvent: jest.Mock<any, any, any> | import("../../../events").LoggingEventDispatcher;
+};
+export declare const getMockSchemaMapperProps: <S extends Schema>(schemaMapperProps: Partial<SchemaMapperProps> & {
+    schema: S;
+}) => {
+    schema: (Schema | undefined) & S;
+    model: import("@wise/dynamic-flow-types/build/next").Model;
+    required: boolean;
+    validationErrors: import("@wise/dynamic-flow-types/build/next").ValidationError;
+};
+export declare const mockUpdateFunction: <C extends StepComponent>(draftComponent: C) => jest.Mock<any, any, any>;

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

@@ -1,14 +1,18 @@
-import type { Step as DFStep, Model, Schema } from '@wise/dynamic-flow-types';
+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 { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../../events';
 export type MapperProps = {
     step: DFStep;
     getErrorMessageFunctions: GetErrorMessageFunctions;
     onAction: OnAction;
     updateComponent: UpdateComponent;
+    trackEvent: AnalyticsEventDispatcher;
+    logEvent: LoggingEventDispatcher;
 };
 export type SchemaMapperProps = {
     schema: Schema;
     model: Model;
     required?: boolean;
+    validationErrors?: ValidationError;
 };

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

@@ -1,10 +1,12 @@
-export type GetErrorMessageFunctions = (validationMessages?: Record<string, string>) => ErrorMessageFunctions;
+export type GetErrorMessageFunctions = (validationMessages?: ValidationMessages) => ErrorMessageFunctions;
+export type ValidationMessages = Record<string, string | undefined>;
 export type ErrorMessageFunctions = {
-    minimumDate: (minDate: string) => string;
+    maximum: (maximum: number) => string;
+    minimum: (minimum: number) => string;
     maximumDate: (maxDate: string) => string;
-    minLength: (minLength: number) => string;
+    minimumDate: (minDate: string) => string;
     maxLength: (maxLength: number) => string;
+    minLength: (minLength: number) => string;
     pattern: () => string;
     required: () => string;
-    type: () => string;
 };

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

@@ -0,0 +1,2 @@
+import type { AutocompleteToken } from '@wise/dynamic-flow-types';
+export declare const getAutocompleteString: (hints: AutocompleteToken[] | undefined) => string;

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

@@ -1,5 +1,5 @@
-import type { Context, LegacyContext, Align as DFAlign } from '@wise/dynamic-flow-types';
-import type { Align, Bias } from '../../types';
-export declare const mapLegacyContext: (context: Context | LegacyContext) => "warning" | "positive" | "negative" | "neutral";
+import type { Context as DFContext, Align as DFAlign } from '@wise/dynamic-flow-types/build/next';
+import type { Align, Bias, Context } from '../../types';
+export declare const mapLegacyContext: (context: DFContext) => Context;
 export declare const mapLegacyBias: (bias: 'left' | 'right' | 'none') => Bias;
 export declare const mapLegacyAlign: (align: DFAlign) => Align;

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

@@ -1,4 +1,4 @@
-import type { Action, Margin } from '@wise/dynamic-flow-types';
+import type { Action, Margin, Model } from '@wise/dynamic-flow-types/build/next';
 import type { AlertComponent } from './components/AlertComponent';
 import type { BoxComponent } from './components/BoxComponent';
 import type { ButtonComponent } from './components/ButtonComponent';
@@ -7,20 +7,37 @@ import type { ObjectComponent } from './components/ObjectComponent';
 import type { ParagraphComponent } from './components/ParagraphComponent';
 import type { TextInputComponent } from './components/TextInputComponent';
 import type { ColumnsComponent } from './components/ColumnsComponent';
-export type StepComponent = AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | HeadingComponent | ObjectComponent | ParagraphComponent | TextInputComponent;
+import type { NumberInputComponent } from './components/NumberInputComponent';
+import type { IntegerInputComponent } from './components/IntegerInputComponent';
+export type StepComponent = AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | HeadingComponent | ObjectComponent | ParagraphComponent | TextInputComponent | NumberInputComponent | IntegerInputComponent;
 export type ContainerComponent = ObjectComponent | BoxComponent | ColumnsComponent;
-export type BaseComponent = {
+export type BaseComponent<M extends Model> = {
     type: string;
     uid: string;
     validate: () => boolean;
+    getValue: () => M | null;
 };
-export type LayoutComponent = BaseComponent & {
+export type LayoutComponent = BaseComponent<Model> & {
     margin: Margin;
+    getValue: () => null;
 };
-export type InputComponent = BaseComponent & {
+export type InputComponent<M extends Model> = BaseComponent<M> & {
     id: string;
+    autoComplete: string;
+    control?: string;
+    description?: string;
+    disabled: boolean;
+    errors: string[];
+    placeholder?: string;
+    title?: string;
+    value: M | null;
+    onChange: (value: M | null) => void;
+    onBlur: () => void;
+    onFocus: () => void;
+    getValue: () => M | null;
 };
 export type UpdateComponent = (id: string, update: (component: StepComponent) => void) => void;
 export type OnAction = (action: Action) => void;
 export type Align = 'start' | 'center' | 'end';
 export type Bias = 'none' | 'start' | 'end';
+export type Context = 'positive' | 'negative' | 'warning' | 'neutral';

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

@@ -0,0 +1,6 @@
+import type { Model } from '@wise/dynamic-flow-types/build/next';
+import type { IsInvalidCheck } from './value-checks';
+export declare const getModelValidationErrors: <M extends Model>({ checks, model, }: {
+    checks: IsInvalidCheck<M>[];
+    model: M;
+}) => string[];

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

@@ -0,0 +1,11 @@
+/// <reference types="jest" />
+export declare const mockErrorMessageFunctions: {
+    minimum: jest.Mock<any, any, any>;
+    maximum: jest.Mock<any, any, any>;
+    minimumDate: jest.Mock<any, any, any>;
+    maximumDate: jest.Mock<any, any, any>;
+    minLength: jest.Mock<any, any, any>;
+    maxLength: jest.Mock<any, any, any>;
+    pattern: jest.Mock<any, any, any>;
+    required: jest.Mock<any, any, any>;
+};