@wise/dynamic-flow-client 2.6.0 → 2.7.1

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

@@ -0,0 +1,8 @@
+import type { PromotedOneOfControlProps } from './PromotedOneOfControl';
+declare function PromotedOneOfRadioControl(props: PromotedOneOfControlProps): JSX.Element;
+declare namespace PromotedOneOfRadioControl {
+    var defaultProps: {
+        title: undefined;
+    };
+}
+export default PromotedOneOfRadioControl;

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

@@ -0,0 +1,7 @@
+import type { Model, Schema } from '@wise/dynamic-flow-types';
+type ReadOnlySchemaProps = {
+    schema: Schema;
+    model: Model;
+};
+declare function ReadOnlySchema({ schema, model }: ReadOnlySchemaProps): JSX.Element;
+export default ReadOnlySchema;

package/build/types/{jsonSchemaForm → legacy/jsonSchemaForm}/schemaFormControl/SchemaFormControl.d.ts

@@ -1,17 +1,17 @@
-import { BasicModel, Schema, StringSchema } from '@wise/dynamic-flow-types';
+import type { BasicModel, Schema, StringSchema } from '@wise/dynamic-flow-types';
 import { FormControlType } from '../../common/constants';
 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 const SchemaFormControl: {
-    (props: SchemaFormControlProps): JSX.Element;
-    defaultProps: {
+declare function SchemaFormControl(props: SchemaFormControlProps): JSX.Element;
+declare namespace SchemaFormControl {
+    var defaultProps: {
         value: null;
         onFocus: null;
         onBlur: null;
         onSearchChange: null;
         disabled: boolean;
     };
-};
+}
 export type SchemaFormControlProps = {
     id: string;
     value: BasicModel | null;

package/build/types/legacy/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.d.ts

@@ -0,0 +1,15 @@
+import type { BasicModel, ValidationAsyncSchema as ValidationAsyncSchemaType } from '@wise/dynamic-flow-types';
+import type { GenericSchemaProps } from '../genericSchema/GenericSchema';
+declare function ValidationAsyncSchema(props: ValidationAsyncSchemaProps): JSX.Element;
+declare namespace ValidationAsyncSchema {
+    var defaultProps: {
+        required: boolean;
+    };
+}
+export type ValidationAsyncSchemaProps = Omit<GenericSchemaProps, 'schema' | 'model' | 'errors'> & {
+    schema: ValidationAsyncSchemaType;
+    model: BasicModel | null;
+    errors: string | null;
+    required?: boolean;
+};
+export default ValidationAsyncSchema;

package/build/types/{layout → legacy/layout}/DynamicLayout.d.ts

@@ -1,5 +1,5 @@
-import { FormErrors, LayoutComponent, Model } from '@wise/dynamic-flow-types';
-import { OnAction, OnModelChange, OnPersistAsync } from '../dynamicFlow/DynamicFlowTypes';
+import type { FormErrors, LayoutComponent, Model } from '@wise/dynamic-flow-types';
+import type { OnAction, OnModelChange, OnPersistAsync } from '../dynamicFlow/DynamicFlowTypes';
 export type CommonLayoutProps = {
     model?: Model;
     submitted: boolean;
@@ -12,5 +12,5 @@ export type CommonLayoutProps = {
 type DynamicLayoutProps = {
     components: LayoutComponent[];
 } & CommonLayoutProps;
-declare const DynamicLayout: (props: DynamicLayoutProps) => JSX.Element;
+declare function DynamicLayout(props: DynamicLayoutProps): JSX.Element;
 export default DynamicLayout;

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

@@ -0,0 +1,8 @@
+import type { DecisionLayout } from '@wise/dynamic-flow-types';
+import type { OnAction } from '../../dynamicFlow/DynamicFlowTypes';
+type Props = {
+    component: DecisionLayout;
+    onAction: OnAction;
+};
+declare function DynamicDecision({ component, onAction }: Props): JSX.Element;
+export default DynamicDecision;

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

@@ -0,0 +1,7 @@
+import type { FormLayout } from '@wise/dynamic-flow-types';
+import type { CommonLayoutProps } from '../DynamicLayout';
+type Props = Omit<CommonLayoutProps, 'onAction'> & {
+    component: FormLayout;
+};
+declare function DynamicForm({ component, model, errors, submitted, onModelChange, onPersistAsync, }: Props): JSX.Element;
+export default DynamicForm;

package/build/types/legacy/layout/image/DynamicImage.d.ts

@@ -0,0 +1,6 @@
+import type { ImageLayout } from '@wise/dynamic-flow-types';
+type DynamicImageProps = {
+    component: ImageLayout;
+};
+declare function DynamicImage({ component: image }: DynamicImageProps): JSX.Element | null;
+export default DynamicImage;

package/build/types/{layout → legacy/layout}/index.d.ts

@@ -17,3 +17,4 @@ export { default as DynamicLoadingIndicator } from './loadingIndicator/DynamicLo
 export { default as DynamicParagraph } from './paragraph/DynamicParagraph';
 export { default as DynamicReview } from './review/DynamicReview';
 export { default as DynamicSearch } from './search/DynamicSearch';
+export { default as DynamicModal } from './modal/DynamicModal';

package/build/types/legacy/layout/modal/DynamicModal.d.ts

@@ -0,0 +1,7 @@
+import { ModalLayout } from '@wise/dynamic-flow-types';
+import { CommonLayoutProps } from '../DynamicLayout';
+type DynamicMarkdownProps = CommonLayoutProps & {
+    component: ModalLayout;
+};
+declare const DynamicModal: (props: DynamicMarkdownProps) => JSX.Element;
+export default DynamicModal;

package/build/types/legacy/layout/review/DynamicReview.d.ts

@@ -0,0 +1,8 @@
+import type { ReviewLayout } from '@wise/dynamic-flow-types';
+import type { OnAction } from '../../dynamicFlow/DynamicFlowTypes';
+type Props = {
+    component: ReviewLayout;
+    onAction: OnAction;
+};
+declare function DynamicReview(props: Props): JSX.Element;
+export default DynamicReview;

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

@@ -0,0 +1,8 @@
+import type { SearchLayout } from '@wise/dynamic-flow-types';
+import type { OnAction } from '../../dynamicFlow/DynamicFlowTypes';
+type DynamicSearchProps = {
+    component: SearchLayout;
+    onAction: OnAction;
+};
+declare function DynamicSearch({ component, onAction }: DynamicSearchProps): JSX.Element;
+export default DynamicSearch;

package/build/types/{layout → legacy/layout}/search/useSearch.d.ts

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

package/build/types/legacy/step/cameraStep/CameraStep.d.ts

@@ -0,0 +1,7 @@
+import type { Step } from '@wise/dynamic-flow-types';
+import type { CommonLayoutProps } from '../../layout/DynamicLayout';
+export type CameraStepProps = Omit<CommonLayoutProps, 'onPersistAsync' | 'baseUrl'> & {
+    step: Step;
+};
+declare function CameraStep(props: CameraStepProps): JSX.Element;
+export default CameraStep;

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

@@ -0,0 +1,15 @@
+import type { CameraDirection } from '@wise/dynamic-flow-types';
+import type { EventHandler } from '../../../../dynamic-flow-types';
+type Props = {
+    direction?: CameraDirection;
+    overlay?: string;
+    outline?: string;
+    imageUrl?: string;
+    title?: string;
+    instructions?: string;
+    showReview?: boolean;
+    onCapture: BlobCallback;
+    onEvent?: EventHandler;
+};
+declare function CameraCapture({ direction, overlay, outline, imageUrl, title, instructions, showReview, onCapture, onEvent, }: Props): JSX.Element;
+export default CameraCapture;

package/build/types/{step → legacy/step}/cameraStep/cameraCapture/overlay/Overlay.d.ts

@@ -6,5 +6,5 @@ type Props = {
     instructions?: string;
     reviewInstructions?: string;
 };
-declare const 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/{step → legacy/step}/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.d.ts

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

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

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

package/build/types/{step → legacy/step}/layoutStep/utils/inline-reference-utils.d.ts

@@ -1,4 +1,4 @@
-import { Action, LayoutComponent, Model, Schema } from '@wise/dynamic-flow-types';
+import type { Action, LayoutComponent, Model, Schema } from '@wise/dynamic-flow-types';
 export declare function inlineReferences({ layout, schemas, actions, model, }: {
     layout: LayoutComponent[];
     schemas: Schema[];

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

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { EventHandler, LogEventHandler } from '../../dynamic-flow-types';
+type DynamicFlowProvidersProps = {
+    children: React.ReactNode;
+    onLog?: LogEventHandler;
+    onEvent?: EventHandler;
+};
+declare function DynamicFlowProviders({ children, onLog, onEvent, }: DynamicFlowProvidersProps): JSX.Element;
+export default DynamicFlowProviders;

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

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

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

@@ -0,0 +1,22 @@
+import { type ReactWrapper } from 'enzyme';
+import type { ReactNode } from 'react';
+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;
+declare function mountWithOptions({ component, locale, messages, baseUrl, onEvent, onLog, }: {
+    component: ReactNode;
+    locale?: string;
+    messages?: Record<string, unknown>;
+    baseUrl?: string;
+    onEvent?: EventHandler;
+    onLog?: LogEventHandler;
+}): ReactWrapper;
+declare function getI18n(locale?: string, messages?: Record<string, string>): {
+    locale: string;
+    messages: Record<string, string>;
+};
+declare function TestContextProviders({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;
+export { mountWithProviders as mount, mountWithOptions, getMockFetchPromise, wait, getI18n, TestContextProviders, };

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

@@ -0,0 +1,9 @@
+/// <reference types="jest" />
+declare const mockUseLogger: () => {
+    debug: jest.Mock<any, any, any>;
+    info: jest.Mock<any, any, any>;
+    warning: jest.Mock<any, any, any>;
+    error: jest.Mock<any, any, any>;
+    critical: jest.Mock<any, any, any>;
+};
+export default mockUseLogger;

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

@@ -1,3 +1,3 @@
-import { DynamicFlowProps } from '../dynamicFlow/DynamicFlowTypes';
-declare const DynamicFlowRevamp: ({ flowId, httpClient, initialStep, onError, onLog, }: DynamicFlowProps) => JSX.Element;
+import type { DynamicFlowProps } from '../dynamic-flow-types';
+declare function DynamicFlowRevamp({ initialStep, onError }: DynamicFlowProps): JSX.Element;
 export default DynamicFlowRevamp;

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

@@ -1,5 +1,5 @@
-import { Context, Margin } from '@wise/dynamic-flow-types';
-import { LayoutComponent } from '../types';
+import type { Context, Margin } from '@wise/dynamic-flow-types';
+import type { LayoutComponent } from '../types';
 export type AlertComponent = LayoutComponent & {
     type: 'alert';
     markdown: string;

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

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

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

@@ -1,5 +1,5 @@
-import { Context, Margin } from '@wise/dynamic-flow-types';
-import { LayoutComponent } from '../types';
+import type { Context, Margin } from '@wise/dynamic-flow-types';
+import type { LayoutComponent } from '../types';
 export type ButtonComponent = LayoutComponent & {
     type: 'button';
     title: string;

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

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

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

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

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

@@ -1,9 +1,9 @@
-import { Align, Margin } from '@wise/dynamic-flow-types';
-import { LayoutComponent } from '../types';
+import type { Align, Margin } from '@wise/dynamic-flow-types';
+import type { LayoutComponent } from '../types';
 export type ParagraphComponent = LayoutComponent & {
     type: 'paragraph';
     text: string;
-    control?: 'copyable' | string;
+    control?: string;
     align: Align;
     getValue: () => null;
 };

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

@@ -1,16 +1,15 @@
-import { StringSchema } from '@wise/dynamic-flow-types';
-import { InputComponent, UpdateComponent } from '../types';
+import type { StringSchema } from '@wise/dynamic-flow-types';
+import type { InputComponent, UpdateComponent } from '../types';
 type TextInputFormat = 'text' | 'date';
-type TextInputControl = 'password' | 'textarea' | 'email' | 'numeric' | 'phone-number' | 'date-lookup' | string;
 export type TextInputComponent = InputComponent & {
     type: 'text';
     title?: string;
     description?: string;
     placeholder?: string;
-    control?: TextInputControl;
+    control?: string;
     format: TextInputFormat;
-    value: string | undefined;
-    onChange: (value: string | undefined) => void;
+    value: string | null;
+    onChange: (value: string | null) => void;
     getValue: () => string | null;
 };
 export declare const createTextInputComponent: (textInputProps: {
@@ -21,6 +20,6 @@ export declare const createTextInputComponent: (textInputProps: {
     placeholder?: string | undefined;
     control?: StringSchema['control'];
     format: StringSchema['format'];
-    value?: string | undefined;
+    value: string | null;
 }, updateComponent: UpdateComponent) => TextInputComponent;
 export {};

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

@@ -1,3 +1,3 @@
-import { AlertLayout } from '@wise/dynamic-flow-types';
-import { MapperProps } from '../schema/types';
-export declare const alertLayoutToComponent: ({ markdown, margin, context }: AlertLayout, { uid }: MapperProps) => import("../../components/AlertComponent").AlertComponent;
+import type { AlertLayout } from '@wise/dynamic-flow-types';
+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

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

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

@@ -1,3 +1,3 @@
-import { ButtonLayout } from '@wise/dynamic-flow-types';
-import { MapperProps } from '../schema/types';
-export declare const buttonLayoutToComponent: ({ title, action, context, disabled, control, margin }: ButtonLayout, { uid, onAction }: MapperProps) => import("../../components/ButtonComponent").ButtonComponent;
+import type { ButtonLayout } from '@wise/dynamic-flow-types';
+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/formLayoutToComponent.d.ts

@@ -1,4 +1,4 @@
-import { FormLayout } from '@wise/dynamic-flow-types';
-import { StepComponent } from '../../types';
-import { MapperProps } from '../schema/types';
-export declare const formLayoutToComponent: ({ schemaId }: FormLayout, mapperProps: MapperProps) => StepComponent;
+import type { FormLayout } from '@wise/dynamic-flow-types';
+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 { HeadingLayout } from '@wise/dynamic-flow-types';
-import { MapperProps } from '../schema/types';
-export declare const headingLayoutToComponent: ({ text, size, margin, align }: HeadingLayout, { uid }: MapperProps) => import("../../components/HeadingComponent").HeadingComponent;
+import type { HeadingLayout } from '@wise/dynamic-flow-types';
+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 { ParagraphLayout } from '@wise/dynamic-flow-types';
-import { MapperProps } from '../schema/types';
-export declare const paragraphLayoutToComponent: ({ text, control, align, margin }: ParagraphLayout, { uid }: MapperProps) => import("../../components/ParagraphComponent").ParagraphComponent;
+import type { ParagraphLayout } from '@wise/dynamic-flow-types';
+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

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

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

@@ -0,0 +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;

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

@@ -1,9 +1,9 @@
-import { Step as DFStep } from '@wise/dynamic-flow-types';
-import { OnAction, StepComponent, UpdateComponent } from '../types';
+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: (mapStepToComponentsProps: MapStepToComponentsProps) => StepComponent[];
+export declare const mapStepToComponents: (mapperProps: MapStepToComponentsProps) => import("../types").StepComponent[];
 export {};

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

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

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

@@ -1,3 +1,5 @@
-import { StringSchema } from '@wise/dynamic-flow-types';
-import { MapperProps } from './types';
-export declare const stringSchemaToComponent: (schema: StringSchema, mapperProps: MapperProps) => import("../../components/TextInputComponent").TextInputComponent;
+import type { StringSchema } from '@wise/dynamic-flow-types';
+import type { MapperProps, SchemaMapperProps } from './types';
+export declare const stringSchemaToComponent: (uid: string, { schema, model }: SchemaMapperProps & {
+    schema: StringSchema;
+}, mapperProps: MapperProps) => import("../../components/TextInputComponent").TextInputComponent;

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

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

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

@@ -1,2 +1,2 @@
-import { Context, LegacyContext } from '@wise/dynamic-flow-types';
-export declare const mapLegacyContext: (context: Context | LegacyContext) => "positive" | "negative" | "warning" | "neutral";
+import type { Context, LegacyContext } from '@wise/dynamic-flow-types';
+export declare const mapLegacyContext: (context: Context | LegacyContext) => "warning" | "positive" | "negative" | "neutral";

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

@@ -1,12 +1,13 @@
-import { Action, Margin, Model } from '@wise/dynamic-flow-types';
-import { AlertComponent } from './components/AlertComponent';
-import { ButtonComponent } from './components/ButtonComponent';
-import { HeadingComponent } from './components/HeadingComponent';
-import { ObjectComponent } from './components/ObjectComponent';
-import { ParagraphComponent } from './components/ParagraphComponent';
-import { TextInputComponent } from './components/TextInputComponent';
-export type StepComponent = AlertComponent | HeadingComponent | ParagraphComponent | ObjectComponent | TextInputComponent | ButtonComponent;
-export type ContainerComponent = ObjectComponent;
+import type { Action, Margin, Model } from '@wise/dynamic-flow-types';
+import type { AlertComponent } from './components/AlertComponent';
+import type { BoxComponent } from './components/BoxComponent';
+import type { ButtonComponent } from './components/ButtonComponent';
+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;
 export type BaseComponent = {
     type: string;
     uid: string;

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

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

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

@@ -0,0 +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;

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

@@ -1,3 +1,3 @@
-import { ButtonComponent } from '../../domain/components/ButtonComponent';
-import { ButtonRendererProps } from '../types';
+import type { ButtonComponent } from '../../domain/components/ButtonComponent';
+import type { ButtonRendererProps } from '../types';
 export declare const buttonComponentToProps: (component: ButtonComponent) => ButtonRendererProps;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
-import { StepComponent } from '../../domain/types';
-import { RendererProps } from '../types';
+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;

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

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

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
-import { ObjectComponent } from '../../domain/components/ObjectComponent';
-import { ObjectRendererProps } from '../types';
+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;

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

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

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

@@ -1,3 +1,3 @@
-import { TextInputComponent } from '../../domain/components/TextInputComponent';
-import { TextInputRendererProps } from '../types';
+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;

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

@@ -1,5 +1,5 @@
-import { Context as DFContext, Margin as DFMargin, Size as DFSize } from '@wise/dynamic-flow-types';
-import { ReactNode } from 'react';
+import type { Context as DFContext, Margin as DFMargin, Size as DFSize } from '@wise/dynamic-flow-types';
+import type { ReactNode } from 'react';
 export type Renderer<P extends RendererProps> = {
     canRender: (props: RendererProps) => boolean;
     render: (props: P) => ReactNode;
@@ -18,6 +18,13 @@ export interface AlertRendererProps extends RendererProps {
     context: Context;
     margin: Margin;
 }
+export interface BoxRendererProps extends RendererProps {
+    type: 'box';
+    border: boolean;
+    width: Size;
+    margin: Margin;
+    children: ReactNode;
+}
 export interface HeadingRendererProps extends RendererProps {
     type: 'heading';
     text: string;
@@ -48,8 +55,8 @@ export interface TextInputRendererProps extends RendererProps {
     label?: string;
     description?: string;
     placeholder?: string;
-    value?: string;
-    onChange: (value: string | undefined) => void;
+    value: string | null;
+    onChange: (value: string | null) => void;
 }
 export interface ButtonRendererProps extends RendererProps {
     type: 'button';