@wise/dynamic-flow-client 2.7.1 → 2.8.0

package/build/types/dynamic-flow-types.d.ts

@@ -10,7 +10,7 @@ export type DynamicFlowPropsWithInitialStep = DynamicFlowPropsBasic & {
 };
 export type HttpClient = typeof fetch;
 export type EventHandler = (eventName: EventName, properties: Record<string, unknown>) => void;
-export type EventName = 'Dynamic Flow - Flow Started' | 'Dynamic Flow - Flow Finished' | 'Dynamic Flow - Step Started' | 'Dynamic Flow - Step Submitted' | 'Dynamic Flow - Step Refreshed' | 'Dynamic Flow - OneOf Selected' | 'Dynamic Flow - PersistAsync' | 'Dynamic Flow - ValidationAsync' | 'Dynamic Flow - Camera Permission Denied' | 'Dynamic Flow - Camera Feed Started' | 'Dynamic Flow - Camera Not Supported' | 'Dynamic Flow - Search Started' | 'Dynamic Flow - Search Result Selected' | 'Dynamic Flow - invalid submission response' | 'Dynamic Flow - onAction supressed' | 'Dynamic Flow - OneOf Searched';
+export type EventName = 'Dynamic Flow - Flow Started' | 'Dynamic Flow - Flow Finished' | 'Dynamic Flow - Step Started' | 'Dynamic Flow - Step Submitted' | 'Dynamic Flow - Step Refreshed' | 'Dynamic Flow - OneOf Selected' | 'Dynamic Flow - PersistAsync' | 'Dynamic Flow - ValidationAsync' | 'Dynamic Flow - Camera Permission Denied' | 'Dynamic Flow - Camera Feed Started' | 'Dynamic Flow - Camera Not Supported' | 'Dynamic Flow - Camera Not Accessible' | 'Dynamic Flow - Camera Orientation Locked' | 'Dynamic Flow - Camera Orientation Lock Overlay Shown' | 'Dynamic Flow - Search Started' | 'Dynamic Flow - Search Result Selected' | 'Dynamic Flow - invalid submission response' | 'Dynamic Flow - onAction supressed' | 'Dynamic Flow - OneOf Searched';
 export type LogLevel = 'debug' | 'info' | 'warning' | 'error' | 'critical';
 export type LogEventHandler = (level: LogLevel, message: string, extra: Record<string, unknown>) => void;
 export type Feature = {

package/build/types/legacy/common/constants/FeatureName.d.ts

@@ -1,3 +1,3 @@
 export declare enum FeatureName {
-    CAMERA_ORIENTATION_LOCK = "camera-orientation-lock"
+    SAMPLE_FEATURE = "sample-feature"
 }

package/build/types/legacy/common/hooks/useDebouncedFunction/useDebouncedFunction.d.ts

@@ -1,2 +1,2 @@
 import { type DebouncedFunc } from '../../utils';
-export declare function useDebouncedFunction<T extends (...args: any[]) => any>(callback: T, waitMs: number): DebouncedFunc<T>;
+export declare function useDebouncedFunction<T extends (...args: Parameters<T>) => ReturnType<T>>(callback: T, waitMs: number): DebouncedFunc<T>;

package/build/types/legacy/common/utils/debounce.d.ts

@@ -1,6 +1,6 @@
-export interface DebouncedFunc<T extends (...args: any[]) => any> {
+export interface DebouncedFunc<T extends (...args: Parameters<T>) => ReturnType<T>> {
     (...args: Parameters<T>): void;
     cancel: () => void;
     flush: () => void;
 }
-export declare const debounce: <T extends (...args: any[]) => any>(callback: T, waitMs: number) => DebouncedFunc<T>;
+export declare const debounce: <T extends (...args: Parameters<T>) => ReturnType<T>>(callback: T, waitMs: number) => DebouncedFunc<T>;

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

@@ -1,13 +1,13 @@
-import { Schema } from '@wise/dynamic-flow-types';
-declare const ControlFeedback: {
-    (props: ControlFeedbackProps): JSX.Element;
-    defaultProps: {
+import type { Schema } from '@wise/dynamic-flow-types';
+declare function ControlFeedback(props: ControlFeedbackProps): JSX.Element;
+declare namespace ControlFeedback {
+    var defaultProps: {
         errors: string;
         validations: never[];
         validationMessages: {};
         validationAsyncSuccessMessage: null;
     };
-};
+}
 type ValidationMessages = {
     minimum?: string;
     maximum?: string;

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

@@ -14,5 +14,45 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
+    cameraNotSupportedTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cameraNotSupportedParagraph: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noCameraAccessTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noCameraAccessParagraph: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noCameraAccessAction: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cameraConnectionIssueTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cameraConnectionIssueParagraph: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cameraConnectionIssueAction: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default _default;

package/build/types/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.d.ts

@@ -1,2 +1,2 @@
-declare const OrientationLockOverlay: () => JSX.Element;
+declare function OrientationLockOverlay(): JSX.Element;
 export default OrientationLockOverlay;

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

@@ -1,4 +1,5 @@
-export declare const useFullScreenOrientationLock: (shouldLockOrientation: boolean) => {
+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/overlay/Overlay.d.ts

@@ -6,5 +6,5 @@ type Props = {
     instructions?: string;
     reviewInstructions?: string;
 };
-declare function Overlay({ overlay, outline, imageUrl, title, instructions, reviewInstructions, }: Props): JSX.Element;
+declare function Overlay({ overlay, outline, imageUrl, title, instructions, reviewInstructions }: Props): JSX.Element;
 export default Overlay;

package/build/types/legacy/step/cameraStep/cameraCapture/screens/cameraErrorScreen/CameraErrorScreen.d.ts

@@ -0,0 +1,3 @@
+import type { CameraError } from '../../types';
+declare function CameraErrorScreen({ title, description, actionButton, onAction }: CameraError): JSX.Element;
+export default CameraErrorScreen;

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

@@ -1,2 +1 @@
-export { default as NoCameraAccess } from './NoCameraAccess/NoCameraAccess';
-export { default as CameraNotSupported } from './CameraNotSupported/CameraNotSupported';
+export { default as CameraErrorScreen } from "./cameraErrorScreen/CameraErrorScreen";

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

@@ -1,7 +1,8 @@
 import type { CameraDirection } from '@wise/dynamic-flow-types';
-import type { EventHandler } from '../../../../../dynamic-flow-types';
-export declare const trackCameraPermissionDenied: (onEvent: EventHandler | undefined) => void | undefined;
+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;
 }, stream: MediaStream) => Promise<void | undefined>;
-export declare const trackCameraNotSupported: (onEvent: EventHandler | undefined, error: string | DOMException) => void | undefined;
+export declare const trackCameraOrientationLandscape: (onEvent: EventHandler | undefined) => void;
+export declare const trackCameraOrientationLocked: (onEvent: EventHandler | undefined) => void;

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

@@ -0,0 +1,11 @@
+export declare enum CameraMode {
+    CAPTURE = "CAPTURE",
+    REVIEW = "REVIEW",
+    ERROR = "ERROR"
+}
+export type CameraError = {
+    title: string;
+    description: string;
+    actionButton?: string;
+    onAction?: () => void;
+};

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

@@ -1,6 +1,6 @@
 import type { Margin, Model, Size } from '@wise/dynamic-flow-types';
-import type { RenderableComponent, StepComponent } from '../types';
-export type BoxComponent = RenderableComponent & {
+import type { BaseComponent, StepComponent } from '../types';
+export type BoxComponent = BaseComponent & {
     type: 'box';
     border: boolean;
     width: Size;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import type { ObjectModel } from '@wise/dynamic-flow-types';
-import type { RenderableComponent, StepComponent } from '../types';
-export type ObjectComponent = RenderableComponent & {
+import type { BaseComponent, StepComponent } from '../types';
+export type ObjectComponent = BaseComponent & {
     type: 'object';
     title?: string;
     description?: string;

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

@@ -1,5 +1,5 @@
-import type { Align, Margin } from '@wise/dynamic-flow-types';
-import type { LayoutComponent } from '../types';
+import type { Margin } from '@wise/dynamic-flow-types';
+import type { Align, LayoutComponent } from '../types';
 export type ParagraphComponent = LayoutComponent & {
     type: 'paragraph';
     text: string;

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

@@ -1,14 +1,14 @@
 import type { StringSchema } from '@wise/dynamic-flow-types';
 import type { InputComponent, UpdateComponent } from '../types';
-type TextInputFormat = 'text' | 'date';
 export type TextInputComponent = InputComponent & {
     type: 'text';
     title?: string;
     description?: string;
     placeholder?: string;
     control?: string;
-    format: TextInputFormat;
+    format?: 'date';
     value: string | null;
+    errors: string[];
     onChange: (value: string | null) => void;
     getValue: () => string | null;
 };
@@ -21,5 +21,5 @@ export declare const createTextInputComponent: (textInputProps: {
     control?: StringSchema['control'];
     format: StringSchema['format'];
     value: string | null;
+    validate: (value: string | null) => string[];
 }, updateComponent: UpdateComponent) => TextInputComponent;
-export {};

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

@@ -1,4 +1,4 @@
 import type { BoxLayout } from '@wise/dynamic-flow-types';
-import type { StepComponent } from '../../types';
+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) => StepComponent;
+export declare const boxLayoutToComponent: (uid: string, { components, width, margin, border }: BoxLayout, mapperProps: MapperProps) => BoxComponent;

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

@@ -0,0 +1,4 @@
+import type { ColumnsLayout } from '@wise/dynamic-flow-types';
+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/mapStepToComponents.d.ts

@@ -1,9 +1,2 @@
-import type { Step as DFStep } from '@wise/dynamic-flow-types';
-import type { OnAction, UpdateComponent } from '../types';
-type MapStepToComponentsProps = {
-    step: DFStep;
-    updateComponent: UpdateComponent;
-    onAction: OnAction;
-};
-export declare const mapStepToComponents: (mapperProps: MapStepToComponentsProps) => import("../types").StepComponent[];
-export {};
+import type { MapperProps } from './schema/types';
+export declare const mapStepToComponents: (mapperProps: MapperProps) => import("../types").StepComponent[];

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

@@ -1,5 +1,12 @@
 import type { StringSchema } from '@wise/dynamic-flow-types';
 import type { MapperProps, SchemaMapperProps } from './types';
-export declare const stringSchemaToComponent: (uid: string, { schema, model }: SchemaMapperProps & {
+import type { GetErrorMessageFunctions } from '../types';
+export declare const stringSchemaToComponent: (uid: string, { schema, model, required }: 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/types.d.ts

@@ -1,11 +1,14 @@
 import type { Step as DFStep, Model, Schema } from '@wise/dynamic-flow-types';
 import type { OnAction, UpdateComponent } from '../../types';
+import type { GetErrorMessageFunctions } from '../types';
 export type MapperProps = {
     step: DFStep;
+    getErrorMessageFunctions: GetErrorMessageFunctions;
     onAction: OnAction;
     updateComponent: UpdateComponent;
 };
 export type SchemaMapperProps = {
     schema: Schema;
     model: Model;
+    required?: boolean;
 };

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

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

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

@@ -1,2 +1,5 @@
-import type { Context, LegacyContext } from '@wise/dynamic-flow-types';
+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";
+export declare const mapLegacyBias: (bias: 'left' | 'right' | 'none') => Bias;
+export declare const mapLegacyAlign: (align: DFAlign) => Align;

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

@@ -0,0 +1,9 @@
+export declare const isString: (value: unknown) => value is string;
+export declare const isNumber: (value: unknown) => value is number;
+export declare const isInteger: (value: unknown) => value is number;
+export declare const isBoolean: (value: unknown) => value is boolean;
+export declare const isObject: (value: unknown) => value is Record<string, unknown>;
+export declare const isArray: (value: unknown) => value is unknown[];
+export declare const isNull: (value: unknown) => value is null;
+export declare const isUndefined: (value: unknown) => value is undefined;
+export declare const isNullish: (v: unknown) => v is null | undefined;

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

@@ -0,0 +1,10 @@
+import type { StringSchema } from '@wise/dynamic-flow-types';
+type IsInvalidCheck = (schema: StringSchema, model: string | null) => boolean;
+export declare const isAboveMaximum: IsInvalidCheck;
+export declare const isAboveMaxLength: IsInvalidCheck;
+export declare const isBelowMinimum: IsInvalidCheck;
+export declare const isBelowMinLength: IsInvalidCheck;
+export declare const isNotAdheringToPattern: IsInvalidCheck;
+export declare const isNotCorrectType: IsInvalidCheck;
+export declare const isNotProvided: IsInvalidCheck;
+export {};

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

@@ -1,4 +1,4 @@
-import type { Action, Margin, Model } from '@wise/dynamic-flow-types';
+import type { Action, Margin } from '@wise/dynamic-flow-types';
 import type { AlertComponent } from './components/AlertComponent';
 import type { BoxComponent } from './components/BoxComponent';
 import type { ButtonComponent } from './components/ButtonComponent';
@@ -6,21 +6,21 @@ import type { HeadingComponent } from './components/HeadingComponent';
 import type { ObjectComponent } from './components/ObjectComponent';
 import type { ParagraphComponent } from './components/ParagraphComponent';
 import type { TextInputComponent } from './components/TextInputComponent';
-export type StepComponent = AlertComponent | BoxComponent | ButtonComponent | HeadingComponent | ObjectComponent | ParagraphComponent | TextInputComponent;
-export type ContainerComponent = ObjectComponent | BoxComponent;
+import type { ColumnsComponent } from './components/ColumnsComponent';
+export type StepComponent = AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | HeadingComponent | ObjectComponent | ParagraphComponent | TextInputComponent;
+export type ContainerComponent = ObjectComponent | BoxComponent | ColumnsComponent;
 export type BaseComponent = {
     type: string;
     uid: string;
-    getValue: () => Model;
+    validate: () => boolean;
 };
-export type RenderableComponent = BaseComponent & {
-    keyProp: string;
-};
-export type LayoutComponent = RenderableComponent & {
+export type LayoutComponent = BaseComponent & {
     margin: Margin;
 };
-export type InputComponent = RenderableComponent & {
+export type InputComponent = BaseComponent & {
     id: string;
 };
 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';

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

@@ -1,3 +1,3 @@
 import type { AlertComponent } from '../../domain/components/AlertComponent';
 import type { AlertRendererProps } from '../types';
-export declare const alertComponentToProps: ({ keyProp, markdown, margin, context, }: AlertComponent) => AlertRendererProps;
+export declare const alertComponentToProps: ({ markdown, margin, context, }: AlertComponent) => AlertRendererProps;

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

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 import type { BoxComponent } from '../../domain/components/BoxComponent';
 import type { BoxRendererProps } from '../types';
-export declare const boxComponentToProps: ({ keyProp, border, width, margin }: BoxComponent, children: ReactNode) => BoxRendererProps;
+export declare const boxComponentToProps: ({ border, width, margin }: BoxComponent, children: ReactNode) => BoxRendererProps;

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

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+import type { ColumnsRendererProps } from '../types';
+import type { ColumnsComponent } from '../../domain/components/ColumnsComponent';
+export declare const columnsComponentToProps: ({ bias, control, margin }: ColumnsComponent, startChildren: ReactNode, endChildren: ReactNode) => ColumnsRendererProps;

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

@@ -1,4 +1,8 @@
 import type { ReactNode } from 'react';
 import type { StepComponent } from '../../domain/types';
 import type { RendererProps } from '../types';
-export declare const componentToRendererProps: (component: StepComponent, children?: ReactNode) => RendererProps;
+export declare const componentToRendererProps: (component: StepComponent, nestedContent: {
+    children?: ReactNode;
+    startChildren?: ReactNode;
+    endChildren?: ReactNode;
+}) => RendererProps;

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

@@ -1,3 +1,3 @@
 import type { HeadingComponent } from '../../domain/components/HeadingComponent';
 import type { HeadingRendererProps } from '../types';
-export declare const headingComponentToProps: ({ keyProp, text, align, margin, size, }: HeadingComponent) => HeadingRendererProps;
+export declare const headingComponentToProps: ({ text, align, margin, size, }: HeadingComponent) => HeadingRendererProps;

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

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 import type { ObjectComponent } from '../../domain/components/ObjectComponent';
 import type { ObjectRendererProps } from '../types';
-export declare const objectComponentToProps: ({ keyProp, title, description }: ObjectComponent, children: ReactNode) => ObjectRendererProps;
+export declare const objectComponentToProps: ({ title, description }: ObjectComponent, children: ReactNode) => ObjectRendererProps;

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

@@ -1,3 +1,3 @@
 import type { ParagraphComponent } from '../../domain/components/ParagraphComponent';
 import type { ParagraphRendererProps } from '../types';
-export declare const paragraphComponentToProps: ({ keyProp, text, control, align, margin, }: ParagraphComponent) => ParagraphRendererProps;
+export declare const paragraphComponentToProps: ({ text, control, align, margin, }: ParagraphComponent) => ParagraphRendererProps;

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

@@ -1,3 +1,3 @@
 import type { TextInputComponent } from '../../domain/components/TextInputComponent';
 import type { TextInputRendererProps } from '../types';
-export declare const textComponentToProps: ({ keyProp, format, id, title, description, placeholder, value, onChange, }: TextInputComponent) => TextInputRendererProps;
+export declare const textComponentToProps: ({ format, errors, id, title, description, placeholder, value, onChange, }: TextInputComponent) => TextInputRendererProps;

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

@@ -2,15 +2,15 @@ import type { Context as DFContext, Margin as DFMargin, Size as DFSize } from '@
 import type { ReactNode } from 'react';
 export type Renderer<P extends RendererProps> = {
     canRender: (props: RendererProps) => boolean;
-    render: (props: P) => ReactNode;
+    render: (props: P) => JSX.Element;
 };
 export type Align = 'start' | 'center' | 'end';
-export type Margin = DFMargin;
+export type Bias = 'none' | 'start' | 'end';
 export type Context = DFContext;
+export type Margin = DFMargin;
 export type Size = DFSize;
 export interface RendererProps {
     type: string;
-    keyProp: string;
 }
 export interface AlertRendererProps extends RendererProps {
     type: 'alert';
@@ -25,6 +25,14 @@ export interface BoxRendererProps extends RendererProps {
     margin: Margin;
     children: ReactNode;
 }
+export interface ColumnsRendererProps extends RendererProps {
+    type: 'columns';
+    control?: string;
+    bias: Bias;
+    margin: Margin;
+    startChildren: ReactNode;
+    endChildren: ReactNode;
+}
 export interface HeadingRendererProps extends RendererProps {
     type: 'heading';
     text: string;
@@ -36,7 +44,7 @@ export interface HeadingRendererProps extends RendererProps {
 export interface ParagraphRendererProps extends RendererProps {
     type: 'paragraph';
     text: string;
-    control?: 'copyable' | string;
+    control?: string;
     margin: Margin;
     align: Align;
 }
@@ -48,12 +56,13 @@ export interface ObjectRendererProps extends RendererProps {
 }
 export interface TextInputRendererProps extends RendererProps {
     type: 'input-text';
-    control?: 'password' | 'textarea' | 'email' | 'numeric' | 'phone-number' | 'date-lookup' | string;
-    format: 'text' | 'date';
     id: string;
-    name: string;
-    label?: string;
+    control?: string;
     description?: string;
+    error?: string;
+    format?: 'date';
+    label?: string;
+    name: string;
     placeholder?: string;
     value: string | null;
     onChange: (value: string | null) => void;
@@ -61,7 +70,7 @@ export interface TextInputRendererProps extends RendererProps {
 export interface ButtonRendererProps extends RendererProps {
     type: 'button';
     title: string;
-    control?: 'primary' | 'secondary' | 'tertiary' | string;
+    control?: string;
     context: Context;
     disabled: boolean;
     margin: Margin;

package/build/types/revamp/step/utils/getRenderFunction.d.ts

@@ -0,0 +1,3 @@
+import type { StepComponent } from '../../domain/types';
+import type { Renderer, RendererProps } from '../../renderers/types';
+export declare const getRenderFunction: (renderers: Renderer<RendererProps>[]) => (component: StepComponent) => JSX.Element;

package/build/types/revamp/step/utils/getSchemaErrorMessageFunction.d.ts

@@ -0,0 +1,4 @@
+import type { Schema } from '@wise/dynamic-flow-types';
+import type { IntlFormatters } from 'react-intl';
+import type { ErrorMessageFunctions } from '../../domain/mappers/types';
+export declare function getSchemaErrorMessageFunction(formatMessage: IntlFormatters['formatMessage'], locale: string): (validationMessages: Schema['validationMessages']) => ErrorMessageFunctions;

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

@@ -1,4 +1,6 @@
 import type { Model } from '@wise/dynamic-flow-types';
 import type { ContainerComponent, StepComponent } from '../domain/types';
+import type { ColumnsComponent } from '../domain/components/ColumnsComponent';
 export declare const isContainerComponent: (component: StepComponent) => component is ContainerComponent;
+export declare const isColumnsComponent: (component: StepComponent) => component is ColumnsComponent;
 export declare const isObjectModel: (model: Model) => model is Record<string, Model>;

package/build/types/revamp/utils/validateComponents.d.ts

@@ -0,0 +1,2 @@
+import type { StepComponent } from '../domain/types';
+export declare const validateComponents: (components: StepComponent[]) => boolean;

package/build/types/revamp/wise/renderers/ColumnsRenderer.d.ts

@@ -0,0 +1,3 @@
+import type { ColumnsRendererProps, Renderer } from '../../renderers/types';
+declare const ColumnsRenderer: Renderer<ColumnsRendererProps>;
+export default ColumnsRenderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "2.7.1",
+  "version": "2.8.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -48,6 +48,7 @@
     "@types/jest": "29.5.10",
     "@types/react": "18",
     "@types/react-dom": "18",
+    "@types/react-intl": "3.0.0",
     "@types/testing-library__jest-dom": "5.14.9",
     "@wise/art": "2.8.4",
     "@wise/components-theming": "^0.8.4",
@@ -90,7 +91,7 @@
     "classnames": "2.3.2",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.3.1"
+    "@wise/dynamic-flow-types": "2.4.0"
   },
   "scripts": {
     "dev": "storybook dev -p 3003",
@@ -98,7 +99,7 @@
     "build:types": "tsc --project ./tsconfig.types.json",
     "build:js": "node ./scripts/build.mjs",
     "build:css": "postcss src/main.css -o build/main.css",
-    "build:messages-source": "formatjs extract 'src/**/*.messages.{js,ts}' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
+    "build:messages-source": "formatjs extract 'src/**/{*.messages,messages}.{js,ts}' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
     "build:compiled-messages": "mkdir -p build/i18n && cp src/i18n/*.json build/i18n",
     "test": "npm-run-all test:once test:tz",
     "test:once": "jest --config jest.config.js --env=jsdom -w 2",

package/build/types/legacy/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.d.ts

@@ -1,2 +0,0 @@
-declare const CameraNotSupported: () => JSX.Element;
-export default CameraNotSupported;

package/build/types/legacy/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.messages.d.ts

@@ -1,13 +0,0 @@
-declare const _default: {
-    title: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    paragraph: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
-export default _default;

package/build/types/legacy/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.d.ts

@@ -1,5 +0,0 @@
-type Props = {
-    onAction: () => void;
-};
-declare function NoCameraAccess({ onAction }: Props): JSX.Element;
-export default NoCameraAccess;

package/build/types/legacy/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.messages.d.ts

@@ -1,18 +0,0 @@
-declare const _default: {
-    title: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    paragraph: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    action: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
-export default _default;

package/build/types/revamp/renderers/utils/mapping-utils.d.ts

@@ -1,3 +0,0 @@
-import type { Align as DFAlign } from '@wise/dynamic-flow-types';
-import type { Align } from '../types';
-export declare const mapAlign: (align: DFAlign) => Align;