@wise/dynamic-flow-client 3.1.0-beta-e9c47a.36 → 3.1.0

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

@@ -1,14 +1,14 @@
 import type { Model } from '@wise/dynamic-flow-types/build/next';
-import type { BaseComponent, LocalValue, RepeatableSummary, StepComponent } from '../types';
+import type { BaseComponent, LocalValue, RepeatableSummary, DomainComponent } from '../types';
 export type AllOfComponent = BaseComponent & {
     type: 'all-of';
-    components: StepComponent[];
+    components: DomainComponent[];
     control?: string;
     description?: string;
     help?: string;
     hidden: boolean;
     title?: string;
-    getChildren: () => StepComponent[];
+    getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValue;
 };
 export declare const createAllOfComponent: (allOfProps: Pick<AllOfComponent, "description" | "help" | "hidden" | "title" | "control" | "components"> & {

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

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

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

@@ -1,9 +1,9 @@
-import type { Bias, LayoutComponent, StepComponent } from '../types';
+import type { Bias, LayoutComponent, DomainComponent } from '../types';
 export type ColumnsComponent = LayoutComponent & {
     type: 'columns';
     bias: Bias;
-    startComponents: StepComponent[];
-    endComponents: StepComponent[];
-    getChildren: () => StepComponent[];
+    startComponents: DomainComponent[];
+    endComponents: DomainComponent[];
+    getChildren: () => DomainComponent[];
 };
 export declare const createColumnsComponent: (columnsProps: Pick<ColumnsComponent, 'uid' | 'bias' | 'control' | 'margin' | 'startComponents' | 'endComponents'>) => ColumnsComponent;

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

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

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

@@ -1,7 +1,7 @@
-import type { LayoutComponent, StepComponent } from '../types';
+import type { LayoutComponent, DomainComponent } from '../types';
 export type FormComponent = LayoutComponent & {
     type: 'form';
-    components: StepComponent[];
-    getChildren: () => StepComponent[];
+    components: DomainComponent[];
+    getChildren: () => DomainComponent[];
 };
 export declare const createFormComponent: (formProps: Pick<FormComponent, 'uid' | 'components' | 'control' | 'margin'>) => FormComponent;

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

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

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

@@ -1,8 +1,8 @@
-import type { ComponentWithTitle, LocalValue, LocalValueObject, RepeatableSummary, StepComponent } from '../types';
+import type { ComponentWithTitle, LocalValue, LocalValueObject, RepeatableSummary, DomainComponent } from '../types';
 export type ObjectComponent = ComponentWithTitle & {
     type: 'object';
-    componentMap: Record<string, StepComponent>;
-    getChildren: () => StepComponent[];
+    componentMap: Record<string, DomainComponent>;
+    getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValueObject;
 };
 export declare const createObjectComponent: (objectProps: Pick<ObjectComponent, "description" | "help" | "hidden" | "title" | "control" | "componentMap"> & {

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

@@ -1,5 +1,5 @@
 import type { Icon, Image } from '@wise/dynamic-flow-types/build/next';
-import type { InputComponent, LocalValue, PersistedState, RepeatableSummary, StepComponent, UpdateComponent } from '../types';
+import type { InputComponent, LocalValue, PersistedState, RepeatableSummary, DomainComponent, UpdateComponent } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
@@ -8,11 +8,11 @@ export type SelectInputComponent = InputComponent<LocalValue | null> & {
     type: 'select';
     selectedIndex: number | null;
     options: SelectInputOption[];
-    children: StepComponent[];
+    children: DomainComponent[];
     persistedState: PersistedState;
     onSelect: (index: number | null) => void;
-    getChildren: () => StepComponent[];
-    getSelectedChild: () => StepComponent | null;
+    getChildren: () => DomainComponent[];
+    getSelectedChild: () => DomainComponent | null;
 };
 export type SelectInputOption = {
     title: string;
@@ -25,7 +25,7 @@ export type SelectInputOption = {
 export declare const createSelectInputComponent: (selectProps: Pick<SelectInputComponent, "analyticsId" | "description" | "disabled" | "help" | "hidden" | "title" | "placeholder" | "control" | "id" | "errors" | "required" | "autoComplete" | "uid" | "persistedState"> & {
     initialValue: LocalValue;
     options: (SelectInputOption & {
-        component: StepComponent;
+        component: DomainComponent;
     })[];
     checks: IsInvalidCheck<LocalValue>[];
     performPersistAsync: PerformPersistAsync | undefined;

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

@@ -0,0 +1,14 @@
+import type { BaseComponent, DomainComponent, LoadingState, LocalValue } from '../types';
+export type StepDomainComponent = BaseComponent & {
+    type: 'step';
+    loadingState: LoadingState;
+    components: DomainComponent[];
+    getChildren: () => DomainComponent[];
+    getLocalValue: () => LocalValue;
+};
+export declare const createStepComponent: (containerProps: {
+    uid: string;
+    loadingState: LoadingState;
+    components: DomainComponent[];
+}) => StepDomainComponent;
+export declare const createEmptyStepComponent: () => StepDomainComponent;

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

@@ -1,17 +1,17 @@
 import type { SummarySummariser } from '@wise/dynamic-flow-types/build/next/feature/SummarySummariser';
-import type { ComponentWithTitle, LocalValue, LocalValueArray, RepeatableSummary, StepComponent, UpdateComponent } from '../../types';
+import type { ComponentWithTitle, LocalValue, LocalValueArray, RepeatableSummary, DomainComponent, UpdateComponent } from '../../types';
 import type { IsInvalidCheck } from '../../features/validation/value-checks';
 export type RepeatableComponent = ComponentWithTitle & {
     type: 'repeatable';
     id?: string;
-    components: StepComponent[];
+    components: DomainComponent[];
     addItemTitle: string;
-    editableComponent: StepComponent | null;
+    editableComponent: DomainComponent | null;
     editableIndex: number | null;
     editItemTitle: string;
     errors: string[];
     summaryDefaults: RepeatableSummary;
-    getChildren: () => StepComponent[];
+    getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValueArray;
     onAdd: () => void;
     onEdit: (itemIndex: number) => void;
@@ -23,5 +23,5 @@ export declare const createRepeatableComponent: (repeatableProps: Pick<Repeatabl
     checks: IsInvalidCheck<LocalValueArray | null>[];
     summary?: SummarySummariser | undefined;
     summariser: (value: LocalValueArray | null) => RepeatableSummary;
-    createEditableComponent: (value: LocalValue) => StepComponent;
+    createEditableComponent: (value: LocalValue) => DomainComponent;
 }, updateComponent: UpdateComponent) => RepeatableComponent;

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

@@ -1,4 +1,4 @@
-import type { StepComponent, UpdateComponent } from '../../types';
+import type { DomainComponent, UpdateComponent } from '../../types';
 /**
  * Helper function to update a component.
  *
@@ -9,4 +9,4 @@ import type { StepComponent, UpdateComponent } from '../../types';
  * @param updateComponent the updateComponent function that will update the component with the given uid
  * @returns a function that accepts a function that will update the component
  */
-export declare const getInputUpdateFunction: <C extends StepComponent>(uid: string, updateComponent: UpdateComponent) => (updateFn: (component: C) => void) => void;
+export declare const getInputUpdateFunction: <C extends DomainComponent>(uid: string, updateComponent: UpdateComponent) => (updateFn: (component: C) => void) => void;

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

@@ -1,5 +1,5 @@
 import type { Icon, Image, Model, Schema } from '@wise/dynamic-flow-types/build/next';
-import type { LocalValue, RepeatableSummary, StepComponent } from '../../types';
+import type { LocalValue, RepeatableSummary, DomainComponent } from '../../types';
 /** A summariser that accepts a schema and returns a function that can form a summary based on a value. */
 export declare const getSummariser: <S extends Schema>(schema: S) => (value: LocalValue | null) => {
     title?: undefined;
@@ -23,7 +23,7 @@ export declare const getConstSummary: (schema: Schema, model: Model | null) => {
     icon: Icon | undefined;
     image: Image | undefined;
 };
-export declare const summariseFromChildren: (components: StepComponent[]) => RepeatableSummary;
+export declare const summariseFromChildren: (components: DomainComponent[]) => RepeatableSummary;
 export declare const mergeSummaries: (summaryA: RepeatableSummary, summaryB: RepeatableSummary) => {
     title: string | undefined;
     description: string | undefined;

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

@@ -1,6 +1,6 @@
-import type { LocalValue, StepComponent } from '../../types';
+import type { LocalValue, DomainComponent } from '../../types';
 import type { IsInvalidCheck } from './value-checks';
-export declare const validateComponents: (components: StepComponent[]) => boolean;
+export declare const validateComponents: (components: DomainComponent[]) => boolean;
 /**
  * Returns a function that takes a local value and returns an array of validation errors
  */

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, { action, context, control, disabled, margin, pinOrder, size, title }: ButtonLayout, { onAction, step }: 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/formLayoutToComponent.d.ts

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import type { LoadingState } from '../types';
+import type { MapperProps } from './schema/types';
+type MapStepToComponentProps = MapperProps & {
+    displayStepTitle: boolean;
+    loadingState: LoadingState;
+};
+export declare const mapStepToComponent: ({ loadingState, displayStepTitle, ...mapperProps }: MapStepToComponentProps) => import("../components/StepDomainComponent").StepDomainComponent;
+export {};

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

@@ -1,7 +1,7 @@
 /// <reference types="jest" />
 import type { Schema, Step } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps, SchemaMapperProps } from '../types';
-import type { StepComponent } from '../../../types';
+import type { DomainComponent } from '../../../types';
 export declare const getMockMapperProps: (mapperProps?: Partial<MapperProps>) => {
     stepLocalValue: import("../../../types").LocalValue;
     step: Step;
@@ -24,5 +24,5 @@ export declare const getMockSchemaMapperProps: <S extends Schema>(schemaMapperPr
     validationErrors: import("@wise/dynamic-flow-types/build/next").JsonElement;
     persistAsyncConfig?: import("../../types").PersistAsyncConfig | undefined;
 };
-export declare const mockUpdateFunction: <C extends StepComponent>(draftComponent: C) => jest.Mock<any, any, any>;
-export declare const getUpdateFunctionMock: <C extends StepComponent>(getComponent: () => C) => jest.Mock<void, [uid: string, update: (component: StepComponent) => void], any>;
+export declare const mockUpdateFunction: <C extends DomainComponent>(draftComponent: C) => jest.Mock<any, any, any>;
+export declare const getUpdateFunctionMock: <C extends DomainComponent>(getComponent: () => C) => jest.Mock<void, [uid: string, update: (component: DomainComponent) => void], any>;

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

@@ -1,35 +1,36 @@
 import type { Action, Icon, Image, JsonElement, Margin, Model } from '@wise/dynamic-flow-types/build/next';
-import type { ConstComponent } from './components/ConstComponent';
 import type { AlertComponent } from './components/AlertComponent';
 import type { AllOfComponent } from './components/AllOfComponent';
 import type { BooleanInputComponent } from './components/BooleanInputComponent';
 import type { BoxComponent } from './components/BoxComponent';
 import type { ButtonComponent } from './components/ButtonComponent';
 import type { ColumnsComponent } from './components/ColumnsComponent';
+import type { ConstComponent } from './components/ConstComponent';
 import type { ContainerComponent } from './components/ContainerComponent';
 import type { DateInputComponent } from './components/DateInputComponent';
 import type { DecisionComponent } from './components/DecisionComponent';
-import type { FormComponent } from './components/FormComponent';
 import type { DividerComponent } from './components/DividerComponent';
+import type { FormComponent } from './components/FormComponent';
 import type { HeadingComponent } from './components/HeadingComponent';
-import type { IntegerInputComponent } from './components/IntegerInputComponent';
-import type { NumberInputComponent } from './components/NumberInputComponent';
 import type { ImageComponent } from './components/ImageComponent';
+import type { InstructionsComponent } from './components/InstructionsComponent';
+import type { IntegerInputComponent } from './components/IntegerInputComponent';
 import type { LoadingIndicatorComponent } from './components/LoadingIndicatorComponent';
 import type { MarkdownComponent } from './components/MarkdownComponent';
-import type { InstructionsComponent } from './components/InstructionsComponent';
 import type { ModalComponent } from './components/ModalComponent';
+import type { MultiUploadInputComponent } from './components/MultiUploadInputComponent';
+import type { NumberInputComponent } from './components/NumberInputComponent';
 import type { ObjectComponent } from './components/ObjectComponent';
 import type { ParagraphComponent } from './components/ParagraphComponent';
-import type { RepeatableComponent } from './components/repeatableComponent/RepeatableComponent';
 import type { ReviewComponent } from './components/ReviewComponent';
-import type { SearchComponent } from './components/searchComponent/SearchComponent';
 import type { SelectInputComponent } from './components/SelectInputComponent';
 import type { StatusListComponent } from './components/StatusListComponent';
+import type { StepDomainComponent } from './components/StepDomainComponent';
 import type { TextInputComponent } from './components/TextInputComponent';
 import type { UploadInputComponent } from './components/UploadInputComponent';
-import type { MultiUploadInputComponent } from './components/MultiUploadInputComponent';
-export type StepComponent = AlertComponent | AllOfComponent | BooleanInputComponent | BoxComponent | ButtonComponent | ColumnsComponent | ConstComponent | ContainerComponent | DateInputComponent | DecisionComponent | DividerComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | IntegerInputComponent | LoadingIndicatorComponent | MarkdownComponent | ModalComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | ParagraphComponent | RepeatableComponent | ReviewComponent | SearchComponent | SelectInputComponent | StatusListComponent | TextInputComponent | UploadInputComponent;
+import type { RepeatableComponent } from './components/repeatableComponent/RepeatableComponent';
+import type { SearchComponent } from './components/searchComponent/SearchComponent';
+export type DomainComponent = StepDomainComponent | AlertComponent | AllOfComponent | BooleanInputComponent | BoxComponent | ButtonComponent | ColumnsComponent | ConstComponent | ContainerComponent | DateInputComponent | DecisionComponent | DividerComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | IntegerInputComponent | LoadingIndicatorComponent | MarkdownComponent | ModalComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | ParagraphComponent | RepeatableComponent | ReviewComponent | SearchComponent | SelectInputComponent | StatusListComponent | TextInputComponent | UploadInputComponent;
 export type LocalValue = LocalValuePrimitive | LocalValueObject | LocalValueArray;
 export type LocalValuePrimitive = string | number | boolean | File | null;
 export interface LocalValueObject extends Record<string, LocalValuePrimitive | LocalValueObject | LocalValueArray> {
@@ -68,7 +69,7 @@ export type InputComponent<V extends LocalValue> = ComponentWithTitle & {
     onFocus: () => void;
     getLocalValue: () => V;
 };
-export type UpdateComponent = (id: string, update: (component: StepComponent) => void) => void;
+export type UpdateComponent = (id: string, update: (component: DomainComponent) => void) => void;
 export type OnAction = (action: Action) => Promise<void>;
 export type OnRefresh = (schemaId: string | undefined, url?: string) => Promise<void> | void;
 export type Align = 'start' | 'center' | 'end';
@@ -94,3 +95,4 @@ export type ValidationState = {
         error?: string;
     };
 };
+export type LoadingState = 'idle' | 'loading';

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { LoadingState } from './types';
+export declare const LoadingContextProvider: import("react").Provider<{
+    loadingState: LoadingState;
+}>;
+export declare const useLoadingContext: () => {
+    loadingState: LoadingState;
+    isLoading: boolean;
+};

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

@@ -0,0 +1,2 @@
+import type { Renderer, StepRendererProps } from './types';
+export declare const StepRenderer: Renderer<StepRendererProps>;

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import type { StepComponent } from '../../domain/types';
+import type { DomainComponent } from '../../domain/types';
 import type { RendererProps } from '../types';
-export declare const componentToRendererProps: (component: StepComponent, nestedContent: {
+export declare const componentToRendererProps: (component: DomainComponent, nestedContent: {
     children?: ReactNode[] | undefined;
     startChildren?: ReactNode[] | undefined;
     endChildren?: ReactNode[] | undefined;

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

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+import type { StepDomainComponent } from '../domain/components/StepDomainComponent';
+import type { StepRendererProps } from './types';
+export declare const stepComponentToProps: ({ loadingState }: StepDomainComponent, children: ReactNode) => StepRendererProps;

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

@@ -9,6 +9,7 @@ export type Bias = 'none' | 'start' | 'end';
 export type Context = 'positive' | 'negative' | 'warning' | 'neutral';
 export type Margin = DFMargin;
 export type Size = DFSize;
+export type LoadingState = 'idle' | 'loading';
 export type Image = {
     url: string;
     accessibilityDescription?: string;
@@ -19,7 +20,13 @@ export type Renderer<P extends RendererProps> = {
     canRender?: (props: P) => boolean;
     render: (props: P) => JSX.Element;
 };
-export type RendererProps = CoreContainerRendererProps | AlertRendererProps | BoxRendererProps | ColumnsRendererProps | DecisionRendererProps | DividerRendererProps | FormRendererProps | HeadingRendererProps | InstructionsRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ImageRendererProps | ModalRendererProps | ParagraphRendererProps | ReviewRendererProps | SearchRendererProps | StatusListRendererProps | FormSectionRendererProps | BooleanInputRendererProps | ButtonRendererProps | DateInputRendererProps | HiddenRendererProps | IntegerInputRendererProps | NumberInputRendererProps | RepeatableRendererProps | SelectInputRendererProps | TextInputRendererProps | UploadInputRendererProps | MultiUploadInputRendererProps;
+export type RendererProps = StepRendererProps | CoreContainerRendererProps | AlertRendererProps | BoxRendererProps | ColumnsRendererProps | DecisionRendererProps | DividerRendererProps | FormRendererProps | HeadingRendererProps | InstructionsRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ImageRendererProps | ModalRendererProps | ParagraphRendererProps | ReviewRendererProps | SearchRendererProps | StatusListRendererProps | FormSectionRendererProps | BooleanInputRendererProps | ButtonRendererProps | DateInputRendererProps | HiddenRendererProps | IntegerInputRendererProps | NumberInputRendererProps | RepeatableRendererProps | SelectInputRendererProps | TextInputRendererProps | UploadInputRendererProps | MultiUploadInputRendererProps;
+export type StepRendererProps = {
+    type: 'step';
+    control?: string;
+    loadingState: LoadingState;
+    children: ReactNode;
+};
 export type AlertRendererProps = {
     type: 'alert';
     control?: string;

package/build/types/revamp/step/Step.d.ts

@@ -1,5 +1,5 @@
 import type { Action, Step as DFStep, Model } from '@wise/dynamic-flow-types/build/next';
-import type { LocalValue, StepComponent } from '../domain/types';
+import type { DomainComponent, LoadingState, LocalValue } from '../domain/types';
 import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/features/events';
 import type { GetErrorMessageFunctions } from '../domain/mappers/types';
 import type { HttpClient } from '../types';
@@ -7,8 +7,9 @@ type StepProps = {
     localValue: LocalValue;
     step: DFStep;
     displayStepTitle?: boolean;
+    loadingState: LoadingState;
     getErrorMessageFunctions: GetErrorMessageFunctions;
-    render: (component: StepComponent) => JSX.Element;
+    render: (component: DomainComponent) => JSX.Element;
     httpClient: HttpClient;
     trackEvent: AnalyticsEventDispatcher;
     logEvent: LoggingEventDispatcher;
@@ -20,5 +21,5 @@ type StepProps = {
         schemaId: string | undefined;
     }) => Promise<void>;
 };
-declare function Step({ localValue: initialLocalValue, step, displayStepTitle, getErrorMessageFunctions, render, httpClient, trackEvent, logEvent, triggerSubmission, triggerRefresh, }: StepProps): JSX.Element;
+declare function Step({ localValue: initialLocalValue, step, displayStepTitle, loadingState, getErrorMessageFunctions, render, httpClient, trackEvent, logEvent, triggerSubmission, triggerRefresh, }: StepProps): JSX.Element;
 export default Step;

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

@@ -1,3 +1,3 @@
-import type { StepComponent } from '../../domain/types';
+import type { DomainComponent } from '../../domain/types';
 import type { Renderers } from '../../types';
-export declare const getRenderFunction: (renderers: Renderers) => (component: StepComponent) => JSX.Element;
+export declare const getRenderFunction: (renderers: Renderers) => (component: DomainComponent) => JSX.Element;

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

@@ -1,7 +1,7 @@
 import type { Step, Model } from '@wise/dynamic-flow-types/build/next';
 import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/features/events';
 import type { CoreContainerRendererProps } from './renderers/CoreContainerRenderer';
-import type { Renderer, AlertRendererProps, BoxRendererProps, ColumnsRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, HeadingRendererProps, InstructionsRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ImageRendererProps, ModalRendererProps, ParagraphRendererProps, ReviewRendererProps, SearchRendererProps, StatusListRendererProps, FormSectionRendererProps, BooleanInputRendererProps, ButtonRendererProps, DateInputRendererProps, HiddenRendererProps, IntegerInputRendererProps, NumberInputRendererProps, RepeatableRendererProps, SelectInputRendererProps, TextInputRendererProps, UploadInputRendererProps, MultiUploadInputRendererProps } from './renderers/types';
+import type { Renderer, AlertRendererProps, BoxRendererProps, ColumnsRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, HeadingRendererProps, InstructionsRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ImageRendererProps, ModalRendererProps, ParagraphRendererProps, ReviewRendererProps, SearchRendererProps, StatusListRendererProps, FormSectionRendererProps, BooleanInputRendererProps, ButtonRendererProps, DateInputRendererProps, HiddenRendererProps, IntegerInputRendererProps, NumberInputRendererProps, RepeatableRendererProps, SelectInputRendererProps, TextInputRendererProps, UploadInputRendererProps, MultiUploadInputRendererProps, StepRendererProps } from './renderers/types';
 export type DynamicFlowProps = DynamicFlowPropsWithInitialAction | DynamicFlowPropsWithInitialStep;
 export type DynamicFlowPropsWithInitialAction = DynamicFlowPropsBasic & {
     initialAction: InitialAction;
@@ -37,5 +37,5 @@ type Feature = {
     featureName: string;
     variant: number | null;
 };
-export type Renderers = (Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<FormSectionRendererProps> | Renderer<BooleanInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<SelectInputRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
+export type Renderers = (Renderer<StepRendererProps> | Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<FormSectionRendererProps> | Renderer<BooleanInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<SelectInputRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
 export {};

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

@@ -1,6 +1,6 @@
 import type { Model } from '@wise/dynamic-flow-types/build/next';
-import type { LocalValue, StepComponent } from '../domain/types';
-export declare const getSubmittableData: (components: StepComponent[]) => Promise<Model>;
-export declare const getLocalValues: (components: StepComponent[]) => LocalValue;
+import type { LocalValue, DomainComponent } from '../domain/types';
+export declare const getSubmittableData: (components: DomainComponent[]) => Promise<Model>;
+export declare const getLocalValues: (components: DomainComponent[]) => LocalValue;
 export declare const mergeLocalValues: (valueA: LocalValue, valueB: LocalValue) => LocalValue;
 export declare const mergeModels: (valueA: Model, valueB: Model) => Model;

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

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

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

@@ -1,5 +1,5 @@
 import type { AllOfSchema, ArraySchema, ArraySchemaList, ArraySchemaTuple, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema, BlobSchema } from '@wise/dynamic-flow-types/build/next';
-import type { LocalValue, LocalValueObject, StepComponent } from '../domain/types';
+import type { LocalValue, LocalValueObject, DomainComponent } from '../domain/types';
 import type { ColumnsComponent } from '../domain/components/ColumnsComponent';
 import type { RepeatableComponent } from '../domain/components/repeatableComponent/RepeatableComponent';
 import type { PersistAsync } from '@wise/dynamic-flow-types/build/next/feature/PersistAsync';
@@ -14,14 +14,14 @@ export type PersistAsyncWithUploadSchema = Schema & {
         schema: BlobSchema | StringSchemaWithUpload;
     };
 };
-export declare const hasChildren: (component: StepComponent) => component is StepComponent & {
-    getChildren: () => StepComponent[];
+export declare const hasChildren: (component: DomainComponent) => component is DomainComponent & {
+    getChildren: () => DomainComponent[];
 };
-export declare const isColumnsComponent: (component: StepComponent) => component is ColumnsComponent;
-export declare const isHiddenComponent: (component: StepComponent) => component is StepComponent & {
+export declare const isColumnsComponent: (component: DomainComponent) => component is ColumnsComponent;
+export declare const isHiddenComponent: (component: DomainComponent) => component is DomainComponent & {
     hidden: true;
 };
-export declare const isRepeatableComponent: (component: StepComponent) => component is RepeatableComponent;
+export declare const isRepeatableComponent: (component: DomainComponent) => component is RepeatableComponent;
 export declare const isObjectLocalValue: (value: LocalValue) => value is LocalValueObject;
 export declare const isObjectModel: (model: Model) => model is Record<string, import("@wise/dynamic-flow-types/build/next").JsonElement>;
 export declare const isArrayModel: (model: Model) => model is import("@wise/dynamic-flow-types/build/next").JsonElement[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.1.0-beta-e9c47a.36",
+  "version": "3.1.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -17,25 +17,6 @@
     "fullname": "transferwise/dynamic-flow",
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
-  "scripts": {
-    "dev": "storybook dev -p 3003",
-    "build": "rm -rf build && npm-run-all build:*",
-    "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,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",
-    "test:coverage": "jest --config jest.config.js --env=jsdom --coverage",
-    "test:tz": "TZ=US/Pacific jest ./src/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.errors.spec.jsx ./src/legacy/formControl/FormControl.spec.jsx",
-    "test:watch": "pnpm test:once --watch",
-    "types": "pnpm tsc",
-    "lint": "npm-run-all lint:ts lint:css",
-    "lint:ts": "eslint 'src/**/*.{js,jsx,ts,tsx}' --quiet",
-    "lint:css": "stylelint './src/**/*.css'",
-    "build-storybook": "storybook build -c .storybook --disable-telemetry"
-  },
   "devDependencies": {
     "@babel/core": "7.23.9",
     "@babel/plugin-syntax-flow": "7.23.3",
@@ -71,7 +52,6 @@
     "@types/testing-library__jest-dom": "5.14.9",
     "@wise/art": "2.9.2",
     "@wise/components-theming": "^0.8.4",
-    "@wise/dynamic-flow-fixtures": "workspace:*",
     "@wise/forms": "0.3.1",
     "babel-jest": "29.7.0",
     "currency-flags": "4.0.7",
@@ -95,7 +75,8 @@
     "stylelint-no-unsupported-browser-features": "5.0.4",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "typescript": "4.9.5",
-    "webpack": "5.90.3"
+    "webpack": "5.90.3",
+    "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.10",
@@ -107,9 +88,28 @@
     "react-intl": "^6"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "workspace:*",
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
-    "screenfull": "^5.2.0"
+    "screenfull": "^5.2.0",
+    "@wise/dynamic-flow-types": "2.7.0"
+  },
+  "scripts": {
+    "dev": "storybook dev -p 3003",
+    "build": "rm -rf build && npm-run-all build:*",
+    "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,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",
+    "test:coverage": "jest --config jest.config.js --env=jsdom --coverage",
+    "test:tz": "TZ=US/Pacific jest ./src/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.errors.spec.jsx ./src/legacy/formControl/FormControl.spec.jsx",
+    "test:watch": "pnpm test:once --watch",
+    "types": "pnpm tsc",
+    "lint": "npm-run-all lint:ts lint:css",
+    "lint:ts": "eslint 'src/**/*.{js,jsx,ts,tsx}' --quiet",
+    "lint:css": "stylelint './src/**/*.css'",
+    "build-storybook": "storybook build -c .storybook --disable-telemetry"
   }
-}
+}

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

@@ -1,6 +0,0 @@
-import type { MapperProps } from './schema/types';
-type MapStepToComponentProps = MapperProps & {
-    displayStepTitle: boolean;
-};
-export declare const mapStepToComponents: ({ displayStepTitle, ...mapperProps }: MapStepToComponentProps) => import("../types").StepComponent[];
-export {};