@wise/dynamic-flow-client 2.8.4 → 2.8.6

package/build/types/common/messages/help.messages.d.ts

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

package/build/types/legacy/jsonSchemaForm/help/Help.d.ts

@@ -3,5 +3,5 @@ type Props = {
         markdown: string;
     };
 };
-declare const Help: (props: Props) => JSX.Element;
+declare function Help(props: Props): JSX.Element;
 export default Help;

package/build/types/legacy/layout/paragraph/DynamicParagraph.d.ts

@@ -1,6 +1,6 @@
-import { ParagraphLayout } from '@wise/dynamic-flow-types';
+import type { ParagraphLayout } from '@wise/dynamic-flow-types';
 type Props = {
     component: ParagraphLayout;
 };
-declare const DynamicParagraph: ({ component }: Props) => JSX.Element;
+declare function DynamicParagraph({ component }: Props): JSX.Element;
 export default DynamicParagraph;

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

@@ -1,13 +1,7 @@
-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;
 };
-export declare const createAlertComponent: (alertProps: {
-    uid: string;
-    markdown: string;
-    context: Context;
-    margin: Margin;
-}) => AlertComponent;
+export declare const createAlertComponent: (alertProps: Pick<AlertComponent, 'uid' | 'context' | 'control' | 'margin' | 'markdown'>) => AlertComponent;

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

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

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

@@ -1,21 +1,12 @@
-import type { Margin } from '@wise/dynamic-flow-types/build/next';
+import type { Size } 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;
     pinOrder?: number;
-    onClick: () => void;
-};
-export declare const createButtonComponent: (buttonProps: {
-    uid: string;
+    size?: Size;
     title: string;
-    context: Context;
-    control?: string;
-    disabled: boolean;
-    pinOrder?: number;
-    margin: Margin;
     onClick: () => void;
-}) => ButtonComponent;
+};
+export declare const createButtonComponent: (buttonProps: Pick<ButtonComponent, 'uid' | 'context' | 'control' | 'disabled' | 'margin' | 'onClick' | 'pinOrder' | 'size' | 'title'>) => ButtonComponent;

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

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

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

@@ -0,0 +1,11 @@
+import type { Model } from '@wise/dynamic-flow-types';
+import type { BaseComponent, StepComponent } from '../types';
+export type ContainerComponent = BaseComponent<Model> & {
+    type: 'container';
+    components: StepComponent[];
+    getChildren: () => StepComponent[];
+};
+export declare const createContainerComponent: (containerProps: {
+    uid: string;
+    components: StepComponent[];
+}) => ContainerComponent;

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

@@ -0,0 +1,10 @@
+import type { InputComponent, UpdateComponent } from '../types';
+import type { IsInvalidCheck } from '../validation/value-checks';
+export type DateInputComponent = InputComponent<string> & {
+    type: 'date';
+    minimumDate?: string;
+    maximumDate?: string;
+};
+export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "description" | "disabled" | "title" | "placeholder" | "control" | "id" | "errors" | "required" | "value" | "autoComplete" | "minimumDate" | "maximumDate" | "uid"> & {
+    checks: IsInvalidCheck<string | null>[];
+}, updateComponent: UpdateComponent) => DateInputComponent;

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

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

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

@@ -3,6 +3,6 @@ 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"> & {
+export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "description" | "disabled" | "help" | "title" | "placeholder" | "control" | "id" | "errors" | "required" | "value" | "autoComplete" | "uid"> & {
     checks: IsInvalidCheck<number | null>[];
 }, updateComponent: UpdateComponent) => IntegerInputComponent;

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

@@ -3,6 +3,6 @@ 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"> & {
+export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "description" | "disabled" | "help" | "title" | "placeholder" | "control" | "id" | "errors" | "required" | "value" | "autoComplete" | "uid"> & {
     checks: IsInvalidCheck<number | null>[];
 }, updateComponent: UpdateComponent) => NumberInputComponent;

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

@@ -5,6 +5,7 @@ export type ObjectComponent = Omit<BaseComponent<Record<string, Model>>, 'getVal
     title?: string;
     description?: string;
     componentMap: Record<string, StepComponent>;
+    help?: string;
     getChildren: () => StepComponent[];
     getValue: () => Record<string, Model>;
 };
@@ -14,4 +15,5 @@ export declare const createObjectComponent: (objectProps: {
     description?: string | undefined;
     displayOrder: string[];
     components: Record<string, StepComponent>;
+    help?: string | undefined;
 }) => ObjectComponent;

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

@@ -1,15 +1,7 @@
-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;
-};
-export declare const createParagraphComponent: (paragraphProps: {
-    uid: string;
     text: string;
-    control?: string | undefined;
-    margin: Margin;
-    align: Align;
-}) => ParagraphComponent;
+};
+export declare const createParagraphComponent: (paragraphProps: Pick<ParagraphComponent, 'uid' | 'align' | 'control' | 'margin' | 'text'>) => ParagraphComponent;

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

@@ -2,7 +2,8 @@ import type { InputComponent, UpdateComponent } from '../types';
 import type { IsInvalidCheck } from '../validation/value-checks';
 export type TextInputComponent = InputComponent<string> & {
     type: 'text';
+    displayFormat?: string;
 };
-export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "description" | "disabled" | "title" | "placeholder" | "control" | "id" | "errors" | "value" | "autoComplete" | "uid"> & {
+export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "description" | "disabled" | "help" | "title" | "placeholder" | "control" | "displayFormat" | "id" | "errors" | "required" | "value" | "autoComplete" | "uid"> & {
     checks: IsInvalidCheck<string | null>[];
 }, updateComponent: UpdateComponent) => TextInputComponent;

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

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

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

@@ -1,3 +1,2 @@
 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;
+export declare const alertLayoutToComponent: (uid: string, { control, markdown, margin, context }: AlertLayout) => 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/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;
+export declare const boxLayoutToComponent: (uid: string, { border, components, control, margin, width }: 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/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;
+export declare const buttonLayoutToComponent: (uid: string, { action, context, control, disabled, margin, pinOrder, size, title, }: 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/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;
+export declare const columnsLayoutToComponent: (uid: string, { control, left, right, bias, margin }: ColumnsLayout, mapperProps: MapperProps) => ColumnsComponent;

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

@@ -1,3 +1,2 @@
 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;
+export declare const headingLayoutToComponent: (uid: string, { align, margin, size, control, text }: HeadingLayout) => import("../../components/HeadingComponent").HeadingComponent;

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

@@ -1,3 +1,2 @@
 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;
+export declare const paragraphLayoutToComponent: (uid: string, { align, control, margin, text }: ParagraphLayout) => import("../../components/ParagraphComponent").ParagraphComponent;

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

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

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

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

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

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

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

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

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

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

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

@@ -9,8 +9,11 @@ import type { TextInputComponent } from './components/TextInputComponent';
 import type { ColumnsComponent } from './components/ColumnsComponent';
 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;
+import type { DateInputComponent } from './components/DateInputComponent';
+import type { UploadInputComponent } from './components/UploadInputComponent';
+import type { ContainerComponent } from './components/ContainerComponent';
+export type StepComponent = AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | DateInputComponent | ContainerComponent | HeadingComponent | IntegerInputComponent | NumberInputComponent | ObjectComponent | ParagraphComponent | TextInputComponent | UploadInputComponent;
+export type HasChildren = ObjectComponent | BoxComponent | ColumnsComponent | ContainerComponent;
 export type BaseComponent<M extends Model> = {
     type: string;
     uid: string;
@@ -18,8 +21,8 @@ export type BaseComponent<M extends Model> = {
     getValue: () => M | null;
 };
 export type LayoutComponent = BaseComponent<Model> & {
+    control?: string;
     margin: Margin;
-    getValue: () => null;
 };
 export type InputComponent<M extends Model> = BaseComponent<M> & {
     id: string;
@@ -28,7 +31,9 @@ export type InputComponent<M extends Model> = BaseComponent<M> & {
     description?: string;
     disabled: boolean;
     errors: string[];
+    help?: string;
     placeholder?: string;
+    required: boolean;
     title?: string;
     value: M | null;
     onChange: (value: M | null) => void;

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import type { Renderer, RendererProps } from './types';
+export interface CoreContainerRendererProps extends RendererProps {
+    type: 'container';
+    children: ReactNode;
+}
+export declare const CoreContainerRenderer: Renderer<CoreContainerRendererProps>;

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: ({ markdown, margin, context, }: AlertComponent) => AlertRendererProps;
+export declare const alertComponentToProps: ({ context, control, margin, markdown, }: 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: ({ border, width, margin }: BoxComponent, children: ReactNode) => BoxRendererProps;
+export declare const boxComponentToProps: ({ border, control, width, margin }: BoxComponent, children: ReactNode) => BoxRendererProps;

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

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { CoreContainerRendererProps } from '../CoreContainerRenderer';
+export declare const containerComponentToProps: (children: ReactNode) => CoreContainerRendererProps;

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

@@ -0,0 +1,3 @@
+import type { DateInputComponent } from '../../domain/components/DateInputComponent';
+import type { DateInputRendererProps } from '../types';
+export declare const dateInputComponentToProps: (component: DateInputComponent) => DateInputRendererProps;

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: ({ text, align, margin, size, }: HeadingComponent) => HeadingRendererProps;
+export declare const headingComponentToProps: ({ align, control, margin, size, text, }: 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: ({ title, description }: ObjectComponent, children: ReactNode) => ObjectRendererProps;
+export declare const objectComponentToProps: ({ title, description, help }: 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: ({ text, control, align, margin, }: ParagraphComponent) => ParagraphRendererProps;
+export declare const paragraphComponentToProps: ({ align, control, margin, text, }: ParagraphComponent) => ParagraphRendererProps;

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

@@ -0,0 +1,3 @@
+import type { UploadInputComponent } from '../../domain/components/UploadInputComponent';
+import type { UploadInputRendererProps } from '../types';
+export declare const uploadInputComponentToProps: (component: UploadInputComponent) => UploadInputRendererProps;

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

@@ -14,16 +14,18 @@ export interface RendererProps {
 }
 export interface AlertRendererProps extends RendererProps {
     type: 'alert';
-    markdown: string;
     context: Context;
+    control?: string;
     margin: Margin;
+    markdown: string;
 }
 export interface BoxRendererProps extends RendererProps {
     type: 'box';
     border: boolean;
-    width: Size;
-    margin: Margin;
     children: ReactNode;
+    control?: string;
+    margin: Margin;
+    width: Size;
 }
 export interface ColumnsRendererProps extends RendererProps {
     type: 'columns';
@@ -43,15 +45,16 @@ export interface HeadingRendererProps extends RendererProps {
 }
 export interface ParagraphRendererProps extends RendererProps {
     type: 'paragraph';
-    text: string;
+    align: Align;
     control?: string;
     margin: Margin;
-    align: Align;
+    text: string;
 }
 export interface ObjectRendererProps extends RendererProps {
     type: 'object';
     title?: string;
     description?: string;
+    help?: string;
     children: ReactNode;
 }
 interface BaseInputRendererProps<M extends string | number> extends RendererProps {
@@ -59,11 +62,14 @@ interface BaseInputRendererProps<M extends string | number> extends RendererProp
     autoComplete: string;
     control?: string;
     description?: string;
+    disabled: boolean;
     error?: string;
     format?: 'date';
+    help?: string;
     label?: string;
     name: string;
     placeholder?: string;
+    required: boolean;
     value: M | null;
     onChange: (value: M | null) => void;
     onBlur: () => void;
@@ -72,7 +78,13 @@ interface BaseInputRendererProps<M extends string | number> extends RendererProp
 export interface TextInputRendererProps extends BaseInputRendererProps<string> {
     type: 'input-text';
     control?: string;
-    format?: 'date';
+    displayFormat?: string;
+}
+export interface DateInputRendererProps extends BaseInputRendererProps<string> {
+    type: 'input-date';
+    control?: string;
+    minimumDate?: string;
+    maximumDate?: string;
 }
 export interface NumberInputRendererProps extends BaseInputRendererProps<number> {
     type: 'input-number';
@@ -80,13 +92,19 @@ export interface NumberInputRendererProps extends BaseInputRendererProps<number>
 export interface IntegerInputRendererProps extends BaseInputRendererProps<number> {
     type: 'input-integer';
 }
+export interface UploadInputRendererProps extends BaseInputRendererProps<string> {
+    type: 'input-upload';
+    accepts?: string[];
+}
 export interface ButtonRendererProps extends RendererProps {
     type: 'button';
-    title: string;
-    control?: string;
     context: Context;
+    control?: string;
     disabled: boolean;
     margin: Margin;
+    pinOrder?: number;
+    size?: Size;
+    title: string;
     onClick: () => void;
 }
 export {};

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

@@ -1,7 +1,7 @@
 import type { AllOfSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
-import type { ContainerComponent, StepComponent } from '../domain/types';
+import type { HasChildren, StepComponent } from '../domain/types';
 import type { ColumnsComponent } from '../domain/components/ColumnsComponent';
-export declare const isContainerComponent: (component: StepComponent) => component is ContainerComponent;
+export declare const hasChildren: (component: StepComponent) => component is HasChildren;
 export declare const isColumnsComponent: (component: StepComponent) => component is ColumnsComponent;
 export declare const isObjectModel: (model: Model) => model is Record<string, Model>;
 export declare const isAllOfSchema: (schema: Schema) => schema is AllOfSchema;

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

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

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

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

package/build/types/revamp/wise/renderers/components/FieldInput.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+type FieldInputProps = {
+    children: ReactNode;
+    description: string | undefined;
+    error: string | undefined;
+    help: string | undefined;
+    label: string | undefined;
+};
+declare function FieldInput({ children, label, error, description, help }: FieldInputProps): JSX.Element;
+export default FieldInput;

package/build/types/revamp/wise/renderers/components/VariableDateInput.d.ts

@@ -0,0 +1,9 @@
+import type { DateInputRendererProps } from '../../../renderers/types';
+type VariableDateInputProps = Omit<DateInputRendererProps, 'control' | 'type' | 'label' | 'description' | 'error'> & {
+    value: string;
+};
+declare function VariableDateInput({ control, inputProps, }: {
+    control: string | undefined;
+    inputProps: VariableDateInputProps;
+}): JSX.Element;
+export default VariableDateInput;

package/build/types/revamp/wise/renderers/components/VariableTextInput.d.ts

@@ -0,0 +1,10 @@
+import type { TextInputRendererProps } from '../../../renderers/types';
+type VariableTextInputProps = Omit<TextInputRendererProps, 'control' | 'type' | 'label' | 'description' | 'error'> & {
+    type?: HTMLInputElement['type'];
+    value: string;
+};
+declare function VariableTextInput({ control, inputProps, }: {
+    control: string | undefined;
+    inputProps: VariableTextInputProps;
+}): JSX.Element;
+export default VariableTextInput;

package/build/types/revamp/wise/renderers/hooks/useSnackBarIfAvailable.d.ts

@@ -0,0 +1,10 @@
+type CreateSnackbar = (options: {
+    text: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    theme?: 'light' | 'dark';
+}) => void;
+export declare function useSnackBarIfAvailable(): CreateSnackbar;
+export {};

package/build/types/revamp/wise/renderers/utils/input-utils.d.ts

@@ -0,0 +1 @@
+export declare const onWheel: (event: React.WheelEvent<HTMLInputElement>) => void;

package/build/types/revamp/wise/renderers/utils/value-utils.d.ts

@@ -0,0 +1,3 @@
+export declare const numericValueOrNull: (newValue: string) => string | null;
+export declare const dateStringToDateOrNull: (dateString?: string | null) => Date | null;
+export declare const dateToDateString: (date: Date) => string;

package/build/types/revamp/wise/renderers/validators/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "2.8.4",
+  "version": "2.8.6",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -91,7 +91,7 @@
     "classnames": "2.3.2",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.4.0"
+    "@wise/dynamic-flow-types": "2.4.1"
   },
   "scripts": {
     "dev": "storybook dev -p 3003",

package/build/types/legacy/jsonSchemaForm/help/Help.messages.d.ts

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