@wise/dynamic-flow-client 2.8.8 → 2.8.10

package/build/types/{legacy/layout → common}/icon/FlagIcon.d.ts

@@ -2,5 +2,5 @@ type Props = {
     name: string;
 };
 export declare const isFlagIcon: (name: string) => boolean;
-export declare const FlagIcon: ({ name }: Props) => JSX.Element | null;
+export declare function FlagIcon({ name }: Props): JSX.Element | null;
 export {};

package/build/types/{legacy/layout → common}/icon/NamedIcon.d.ts

@@ -2,5 +2,5 @@ type Props = {
     name: string;
 };
 export declare const isNamedIcon: (name: string) => boolean;
-export declare const NamedIcon: ({ name }: Props) => JSX.Element | null;
+export declare function NamedIcon({ name }: Props): JSX.Element | null;
 export {};

package/build/types/legacy/layout/button/DynamicButton.d.ts

@@ -1,7 +1,7 @@
-import { ButtonLayout } from '@wise/dynamic-flow-types';
-import { CommonLayoutProps } from '../DynamicLayout';
+import type { ButtonLayout } from '@wise/dynamic-flow-types';
+import type { CommonLayoutProps } from '../DynamicLayout';
 type Props = Omit<CommonLayoutProps, 'submitted' | 'onModelChange' | 'onPersistAsync'> & {
     component: ButtonLayout;
 };
-declare const DynamicButton: (props: Props) => JSX.Element;
+declare function DynamicButton(props: Props): JSX.Element;
 export default DynamicButton;

package/build/types/legacy/layout/icon/DynamicIcon.d.ts

@@ -1,6 +1,6 @@
 export type Props = {
     type: string;
 };
-declare const DynamicIcon: ({ type }: Props) => JSX.Element | null;
+declare function DynamicIcon({ type }: Props): JSX.Element | null;
 export declare function isValidIconName(name: string): boolean;
 export default DynamicIcon;

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

@@ -0,0 +1,8 @@
+import type { InputComponent, UpdateComponent } from '../types';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
+export type BooleanInputComponent = InputComponent<boolean> & {
+    type: 'boolean';
+};
+export declare const createBooleanInputComponent: (booleanInputProps: Pick<BooleanInputComponent, "analyticsId" | "description" | "disabled" | "help" | "title" | "control" | "id" | "errors" | "required" | "value" | "uid"> & {
+    checks: IsInvalidCheck<boolean | null>[];
+}, updateComponent: UpdateComponent) => BooleanInputComponent;

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

@@ -1,10 +1,10 @@
 import type { InputComponent, UpdateComponent } from '../types';
-import type { IsInvalidCheck } from '../validation/value-checks';
+import type { IsInvalidCheck } from '../features/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"> & {
+export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "analyticsId" | "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/HiddenComponent.d.ts

@@ -5,7 +5,8 @@ export type HiddenComponent = BaseComponent<Model> & {
 };
 type HiddenProps = {
     uid: string;
+    analyticsId?: string;
     value: Model;
 };
-export declare const createHiddenComponent: ({ uid, value }: HiddenProps) => HiddenComponent;
+export declare const createHiddenComponent: ({ uid, analyticsId, value, }: HiddenProps) => HiddenComponent;
 export {};

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

@@ -1,8 +1,8 @@
 import type { InputComponent, UpdateComponent } from '../types';
-import type { IsInvalidCheck } from '../validation/value-checks';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
 export type IntegerInputComponent = InputComponent<number> & {
     type: 'integer';
 };
-export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "description" | "disabled" | "help" | "title" | "placeholder" | "control" | "id" | "errors" | "required" | "value" | "autoComplete" | "uid"> & {
+export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "analyticsId" | "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

@@ -1,8 +1,8 @@
 import type { InputComponent, UpdateComponent } from '../types';
-import type { IsInvalidCheck } from '../validation/value-checks';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
 export type NumberInputComponent = InputComponent<number> & {
     type: 'number';
 };
-export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "description" | "disabled" | "help" | "title" | "placeholder" | "control" | "id" | "errors" | "required" | "value" | "autoComplete" | "uid"> & {
+export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "analyticsId" | "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

@@ -11,9 +11,10 @@ export type ObjectComponent = Omit<BaseComponent<Record<string, Model>>, 'getVal
 };
 export declare const createObjectComponent: (objectProps: {
     uid: string;
-    title?: string | undefined;
+    analyticsId?: string | undefined;
+    components: Record<string, StepComponent>;
     description?: string | undefined;
     displayOrder: string[];
-    components: Record<string, StepComponent>;
     help?: string | undefined;
+    title?: string | undefined;
 }) => ObjectComponent;

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

@@ -0,0 +1,29 @@
+import type { Icon, ImageLayout, Model } from '@wise/dynamic-flow-types/build/next';
+import type { InputComponent, StepComponent, UpdateComponent } from '../types';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
+import type { AnalyticsEventDispatcher } from '../features/events';
+export type SelectInputComponent = Omit<InputComponent<Model>, 'onChange' | 'value'> & {
+    type: 'select';
+    selectedIndex: number | null;
+    options: SelectInputOption[];
+    children: StepComponent[];
+    onSelect: (index: number | null) => void;
+    getChildren: () => StepComponent[];
+    getSelectedChild: () => StepComponent | null;
+};
+export type SelectInputOption = {
+    title: string;
+    description?: string;
+    icon?: Icon;
+    image?: ImageLayout;
+    keywords?: string[];
+    disabled: boolean;
+};
+export declare const createSelectInputComponent: (selectProps: Pick<SelectInputComponent, 'uid' | 'id' | 'analyticsId' | 'autoComplete' | 'control' | 'errors' | 'description' | 'disabled' | 'help' | 'placeholder' | 'required' | 'title'> & {
+    initialValue: Model;
+    options: (SelectInputOption & {
+        component: StepComponent;
+    })[];
+    checks: IsInvalidCheck<Model>[];
+    trackEvent: AnalyticsEventDispatcher;
+}, updateComponent: UpdateComponent) => SelectInputComponent;

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

@@ -1,9 +1,9 @@
 import type { InputComponent, UpdateComponent } from '../types';
-import type { IsInvalidCheck } from '../validation/value-checks';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
 export type TextInputComponent = InputComponent<string> & {
     type: 'text';
     displayFormat?: string;
 };
-export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "description" | "disabled" | "help" | "title" | "placeholder" | "control" | "displayFormat" | "id" | "errors" | "required" | "value" | "autoComplete" | "uid"> & {
+export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "analyticsId" | "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

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

package/build/types/revamp/domain/components/search/SearchComponent.d.ts

@@ -0,0 +1,25 @@
+import type { SearchResult } from '@wise/dynamic-flow-types/build/next';
+import type { LayoutComponent, OnAction, UpdateComponent } from '../../types';
+export type SearchConfig = {
+    method: string;
+    param: string;
+    url: string;
+};
+export type SearchProps = {
+    config?: SearchConfig;
+    query: string;
+    signal: AbortSignal;
+};
+export type PerformSearch = (props: SearchProps) => Promise<SearchResult[]>;
+export type SearchComponent = LayoutComponent & {
+    type: 'search';
+    emptyMessage: string;
+    isLoading: boolean;
+    query: string;
+    title: string;
+    results: SearchResult[];
+    error?: string;
+    onChange: (query: string) => void;
+    onSelect: (result: SearchResult) => void;
+};
+export declare const createSearchComponent: (searchProps: Pick<SearchComponent, 'uid' | 'control' | 'emptyMessage' | 'margin' | 'title'>, performSearch: PerformSearch, onAction: OnAction, updateComponent: UpdateComponent) => SearchComponent;

package/build/types/revamp/domain/components/utils/debounce.d.ts

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

package/build/types/revamp/domain/components/utils/isModelPartialOf.d.ts

@@ -0,0 +1,2 @@
+import type { Model } from '@wise/dynamic-flow-types/build/next';
+export declare const isModelPartialOf: (partialModel: Model, model: Model) => boolean;

package/build/types/revamp/domain/{events → features/events}/getAnalyticsEventDispatcher.d.ts

@@ -6,4 +6,4 @@ export declare const getAnalyticsEventDispatcher: ({ flowId, step, onEvent, }: {
     step?: Step | null | undefined;
     onEvent?: AnalyticsEventHandler | undefined;
 }) => AnalyticsEventDispatcher;
-export type EventName = 'Flow Started' | 'Flow Completed' | 'Step Shown' | 'Action Triggered' | 'Action Succeeded' | 'Action Failed' | 'Refresh Triggered' | 'Refresh Succeeded' | 'Refresh Failed' | 'PersistAsync Triggered' | 'PersistAsync Succeeded' | 'PersistAsync Failed' | 'ValidationAsync Triggered' | 'ValidationAsync Succeeded' | 'ValidationAsync Failed' | 'Search Started' | 'Search Result Selected';
+export type EventName = 'Flow Started' | 'Flow Completed' | 'Step Shown' | 'Action Triggered' | 'Action Succeeded' | 'Action Failed' | 'Refresh Triggered' | 'Refresh Succeeded' | 'Refresh Failed' | 'OneOf Selected' | 'PersistAsync Triggered' | 'PersistAsync Succeeded' | 'PersistAsync Failed' | 'ValidationAsync Triggered' | 'ValidationAsync Succeeded' | 'ValidationAsync Failed' | 'Search Started' | 'Search Result Selected';

package/build/types/revamp/domain/features/search/getPerformSearchFunction.d.ts

@@ -0,0 +1,3 @@
+import type { SearchConfig, PerformSearch } from '../../components/search/SearchComponent';
+import type { HttpClient } from '../../../dynamic-flow-types';
+export declare const getPerformSearchFunction: (httpClient: HttpClient, defaultConfig: SearchConfig) => PerformSearch;

package/build/types/revamp/domain/{validation → features/validation}/validateComponents.d.ts

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

package/build/types/revamp/domain/{validation → features/validation}/value-checks.d.ts

@@ -1,5 +1,5 @@
 import type { IntegerSchema, Model, NumberSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
-import type { ErrorMessageFunctions } from '../mappers/types';
+import type { ErrorMessageFunctions } from '../../mappers/types';
 export type IsInvalidCheck<M extends Model> = (model: M | null) => string | null;
 type GetIsInvalidCheck<S extends Schema, M extends Model> = (schema: S, messageFunctions: ErrorMessageFunctions) => IsInvalidCheck<M>;
 export declare const getAboveMaxLengthCheck: GetIsInvalidCheck<StringSchema, string | null>;

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

@@ -0,0 +1,3 @@
+import type { SearchLayout } from '@wise/dynamic-flow-types/build/next/layout/SearchLayout';
+import type { MapperProps } from '../schema/types';
+export declare const searchLayoutToComponent: (uid: string, { control, emptyMessage, method, param, title, url, margin }: SearchLayout, mapperProps: MapperProps) => import("../../components/search/SearchComponent").SearchComponent;

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

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

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

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

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

@@ -5,10 +5,11 @@ import type { StepComponent } from '../../../types';
 export declare const getMockMapperProps: (mapperProps?: Partial<MapperProps>) => {
     step: Step;
     getErrorMessageFunctions: jest.Mock<any, any, any> | import("../../types").GetErrorMessageFunctions;
+    httpClient: typeof fetch | jest.Mock<any, any, any>;
     onAction: jest.Mock<any, any, any> | import("../../../types").OnAction;
     updateComponent: jest.Mock<any, any, any> | import("../../../types").UpdateComponent;
-    trackEvent: jest.Mock<any, any, any> | import("../../../events").AnalyticsEventDispatcher;
-    logEvent: jest.Mock<any, any, any> | import("../../../events").LoggingEventDispatcher;
+    trackEvent: jest.Mock<any, any, any> | import("../../../features/events").AnalyticsEventDispatcher;
+    logEvent: jest.Mock<any, any, any> | import("../../../features/events").LoggingEventDispatcher;
 };
 export declare const getMockSchemaMapperProps: <S extends Schema>(schemaMapperProps: Partial<SchemaMapperProps> & {
     schema: S;
@@ -19,3 +20,4 @@ export declare const getMockSchemaMapperProps: <S extends Schema>(schemaMapperPr
     validationErrors: import("@wise/dynamic-flow-types/build/next").ValidationError;
 };
 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>;

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

@@ -1,10 +1,12 @@
 import type { Step as DFStep, Model, Schema, ValidationError } from '@wise/dynamic-flow-types/build/next';
 import type { OnAction, UpdateComponent } from '../../types';
 import type { GetErrorMessageFunctions } from '../types';
-import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../../events';
+import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../../features/events';
+import type { HttpClient } from '../../../dynamic-flow-types';
 export type MapperProps = {
     step: DFStep;
     getErrorMessageFunctions: GetErrorMessageFunctions;
+    httpClient: HttpClient;
     onAction: OnAction;
     updateComponent: UpdateComponent;
     trackEvent: AnalyticsEventDispatcher;

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

@@ -1,24 +1,28 @@
 import type { Action, Margin, Model } from '@wise/dynamic-flow-types/build/next';
 import type { HiddenComponent } from './components/HiddenComponent';
 import type { AlertComponent } from './components/AlertComponent';
+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 { ContainerComponent } from './components/ContainerComponent';
 import type { HeadingComponent } from './components/HeadingComponent';
+import type { IntegerInputComponent } from './components/IntegerInputComponent';
+import type { NumberInputComponent } from './components/NumberInputComponent';
 import type { ObjectComponent } from './components/ObjectComponent';
 import type { ParagraphComponent } from './components/ParagraphComponent';
+import type { SelectInputComponent } from './components/SelectInputComponent';
 import type { TextInputComponent } from './components/TextInputComponent';
-import type { ColumnsComponent } from './components/ColumnsComponent';
-import type { NumberInputComponent } from './components/NumberInputComponent';
-import type { IntegerInputComponent } from './components/IntegerInputComponent';
 import type { DateInputComponent } from './components/DateInputComponent';
 import type { UploadInputComponent } from './components/UploadInputComponent';
-import type { ContainerComponent } from './components/ContainerComponent';
 import type { FormComponent } from './components/FormComponent';
-export type StepComponent = AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DateInputComponent | FormComponent | HeadingComponent | HiddenComponent | IntegerInputComponent | NumberInputComponent | ObjectComponent | ParagraphComponent | TextInputComponent | UploadInputComponent;
-export type HasChildren = BoxComponent | ColumnsComponent | ContainerComponent | FormComponent | ObjectComponent;
+import type { SearchComponent } from './components/search/SearchComponent';
+export type StepComponent = AlertComponent | BooleanInputComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DateInputComponent | FormComponent | HeadingComponent | HiddenComponent | IntegerInputComponent | NumberInputComponent | ObjectComponent | ParagraphComponent | SearchComponent | SelectInputComponent | TextInputComponent | UploadInputComponent;
+export type HasChildren = BoxComponent | ColumnsComponent | ContainerComponent | FormComponent | SelectInputComponent | ObjectComponent;
 export type BaseComponent<M extends Model> = {
     type: string;
     uid: string;
+    analyticsId?: string;
     validate: () => boolean;
     getValue: () => M | null;
 };

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

@@ -1,5 +1,5 @@
 import type { Step, Model } from '@wise/dynamic-flow-types/build/next';
-import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/events';
+import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/features/events';
 export type DynamicFlowProps = DynamicFlowPropsWithInitialAction | DynamicFlowPropsWithInitialStep;
 export type DynamicFlowPropsWithInitialAction = DynamicFlowPropsBasic & {
     initialAction: InitialAction;

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+import type { SelectInputComponent } from '../../domain/components/SelectInputComponent';
+import type { SelectInputRendererProps } from '../types';
+export declare const selectInputComponentToProps: ({ autoComplete, control, description, errors, id, title, placeholder, options, required, help, selectedIndex, disabled, onBlur, onFocus, onSelect, }: SelectInputComponent, children: ReactNode[]) => SelectInputRendererProps;

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

@@ -1,4 +1,4 @@
-import type { Margin as DFMargin, Size as DFSize } from '@wise/dynamic-flow-types/build/next';
+import type { Margin as DFMargin, Size as DFSize, SearchResult as SearchResultSpec, Icon, ImageLayout } from '@wise/dynamic-flow-types/build/next';
 import type { ReactNode } from 'react';
 export type Renderer<P extends RendererProps> = {
     canRender: (props: RendererProps) => boolean;
@@ -11,11 +11,11 @@ export type Margin = DFMargin;
 export type Size = DFSize;
 export interface RendererProps {
     type: string;
+    control?: string;
 }
 export interface AlertRendererProps extends RendererProps {
     type: 'alert';
     context: Context;
-    control?: string;
     margin: Margin;
     markdown: string;
 }
@@ -23,13 +23,11 @@ export interface BoxRendererProps extends RendererProps {
     type: 'box';
     border: boolean;
     children: ReactNode;
-    control?: string;
     margin: Margin;
     width: Size;
 }
 export interface ColumnsRendererProps extends RendererProps {
     type: 'columns';
-    control?: string;
     bias: Bias;
     margin: Margin;
     startChildren: ReactNode;
@@ -38,24 +36,57 @@ export interface ColumnsRendererProps extends RendererProps {
 export interface FormRendererProps extends RendererProps {
     type: 'form';
     children: ReactNode;
-    control?: string;
     margin: Margin;
 }
+/**
+ * Known values for "control" are: 'display'.
+ */
 export interface HeadingRendererProps extends RendererProps {
     type: 'heading';
     text: string;
-    control?: string;
     align: Align;
     margin: Margin;
     size: Size;
 }
+/**
+ * Known values for "control" are: 'copyable'.
+ */
 export interface ParagraphRendererProps extends RendererProps {
     type: 'paragraph';
     align: Align;
-    control?: string;
     margin: Margin;
     text: string;
 }
+export interface SearchRendererProps extends RendererProps {
+    type: 'search';
+    control?: string;
+    emptyMessage?: string;
+    isLoading: boolean;
+    margin: Margin;
+    query: string;
+    onChange: (query: string) => void;
+    state: SearchState;
+    title: string;
+}
+export type SearchState = PendingSearchState | NoResultsSearchState | ResultsSearchState | ErrorSearchState;
+export type PendingSearchState = {
+    type: 'pending';
+};
+export type NoResultsSearchState = {
+    type: 'noResults';
+    message: string;
+};
+export type ErrorSearchState = {
+    type: 'error';
+    onRetry: () => void;
+};
+export type ResultsSearchState = {
+    type: 'results';
+    results: SearchResult[];
+};
+export type SearchResult = Pick<SearchResultSpec, 'description' | 'icon' | 'image' | 'title'> & {
+    onClick: () => void;
+};
 export interface ObjectRendererProps extends RendererProps {
     type: 'object';
     title?: string;
@@ -63,10 +94,9 @@ export interface ObjectRendererProps extends RendererProps {
     help?: string;
     children: ReactNode;
 }
-interface BaseInputRendererProps<M extends string | number> extends RendererProps {
+interface BaseInputRendererProps<M extends string | number | boolean> extends RendererProps {
     id: string;
     autoComplete: string;
-    control?: string;
     description?: string;
     disabled: boolean;
     error?: string;
@@ -81,39 +111,64 @@ interface BaseInputRendererProps<M extends string | number> extends RendererProp
     onBlur: () => void;
     onFocus: () => void;
 }
-export interface TextInputRendererProps extends BaseInputRendererProps<string> {
-    type: 'input-text';
-    control?: string;
-    displayFormat?: string;
+export interface BooleanInputRendererProps extends BaseInputRendererProps<boolean> {
+    type: 'input-boolean';
+    value: boolean;
+}
+/**
+ * Known values for "control" are: 'primary' | 'secondary' | 'tertiary'.
+ */
+export interface ButtonRendererProps extends RendererProps {
+    type: 'button';
+    context: Context;
+    disabled: boolean;
+    margin: Margin;
+    pinOrder?: number;
+    size?: Size;
+    title: string;
+    onClick: () => void;
 }
+/**
+ * Known values for "control" are: 'date-lookup'.
+ */
 export interface DateInputRendererProps extends BaseInputRendererProps<string> {
     type: 'input-date';
-    control?: string;
     minimumDate?: string;
     maximumDate?: string;
 }
-export interface NumberInputRendererProps extends BaseInputRendererProps<number> {
-    type: 'input-number';
+export interface HiddenRendererProps extends RendererProps {
+    type: 'hidden';
 }
 export interface IntegerInputRendererProps extends BaseInputRendererProps<number> {
     type: 'input-integer';
 }
-export interface UploadInputRendererProps extends BaseInputRendererProps<string> {
-    type: 'input-upload';
-    accepts?: string[];
+export interface NumberInputRendererProps extends BaseInputRendererProps<number> {
+    type: 'input-number';
 }
-export interface ButtonRendererProps extends RendererProps {
-    type: 'button';
-    context: Context;
-    control?: string;
+export interface SelectInputRendererProps extends Omit<BaseInputRendererProps<number>, 'onChange' | 'value'> {
+    type: 'input-select';
+    children: ReactNode;
+    options: SelectInputRendererOption[];
+    selectedIndex: number | null;
+    onSelect: (index: number | null) => void;
+}
+export type SelectInputRendererOption = {
+    description?: string;
     disabled: boolean;
-    margin: Margin;
-    pinOrder?: number;
-    size?: Size;
+    icon?: Icon;
+    image?: ImageLayout;
+    keywords?: string[];
     title: string;
-    onClick: () => void;
+};
+/**
+ * Known values for "control" are: 'password' | 'textarea' | 'email' | 'numeric' | 'phone-number'.
+ */
+export interface TextInputRendererProps extends BaseInputRendererProps<string> {
+    type: 'input-text';
+    displayFormat?: string;
 }
-export interface HiddenRendererProps extends RendererProps {
-    type: 'hidden';
+export interface UploadInputRendererProps extends BaseInputRendererProps<string> {
+    type: 'input-upload';
+    accepts?: string[];
 }
 export {};

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

@@ -1,11 +1,13 @@
 import type { Step as DFStep } from '@wise/dynamic-flow-types/build/next';
 import type { Renderer, RendererProps } from '../renderers/types';
-import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/events';
+import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/features/events';
+import type { HttpClient } from '../dynamic-flow-types';
 type StepProps = {
     step: DFStep;
     renderers: Renderer<RendererProps>[];
+    httpClient: HttpClient;
     trackEvent: AnalyticsEventDispatcher;
     logEvent: LoggingEventDispatcher;
 };
-declare function Step({ step, renderers, trackEvent, logEvent }: StepProps): JSX.Element;
+declare function Step({ step, renderers, httpClient, trackEvent, logEvent }: StepProps): JSX.Element;
 export default Step;

package/build/types/revamp/stories/utils/mockSearchHandler.d.ts

@@ -0,0 +1 @@
+export declare const mockSearchHandler: typeof fetch;

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

@@ -1,13 +1,15 @@
-import type { AllOfSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
+import type { AllOfSchema, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
 import type { HasChildren, StepComponent } from '../domain/types';
 import type { ColumnsComponent } from '../domain/components/ColumnsComponent';
 export declare const hasChildren: (component: StepComponent) => component is HasChildren;
 export declare const isColumnsComponent: (component: StepComponent) => component is ColumnsComponent;
+export declare const isArrayModel: (model: Model) => model is Model[];
 export declare const isObjectModel: (model: Model) => model is Record<string, Model>;
 export declare const isAllOfSchema: (schema: Schema) => schema is AllOfSchema;
-export declare const isOneOfSchema: (schema: Schema) => schema is OneOfSchema;
+export declare const isBooleanSchema: (schema: Schema) => schema is BooleanSchema;
+export declare const isConstSchema: (schema: Schema) => schema is ConstSchema;
+export declare const isIntegerSchema: (schema: Schema) => schema is IntegerSchema;
+export declare const isNumberSchema: (schema: Schema) => schema is NumberSchema;
 export declare const isObjectSchema: (schema: Schema) => schema is ObjectSchema;
+export declare const isOneOfSchema: (schema: Schema) => schema is OneOfSchema;
 export declare const isStringSchema: (schema: Schema) => schema is StringSchema;
-export declare const isNumberSchema: (schema: Schema) => schema is NumberSchema;
-export declare const isIntegerSchema: (schema: Schema) => schema is IntegerSchema;
-export declare const isConstSchema: (schema: Schema) => schema is ConstSchema;

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

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

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

@@ -0,0 +1,14 @@
+import type { ErrorSearchState, Renderer, ResultsSearchState, SearchRendererProps } from '../../renderers/types';
+declare const SearchRenderer: Renderer<SearchRendererProps>;
+export declare function SearchInput({ query, onChange, }: {
+    query: string;
+    onChange: (query: string) => void;
+}): JSX.Element;
+export declare function ErrorResult({ state }: {
+    state: ErrorSearchState;
+}): JSX.Element;
+export declare function SearchResults({ state, }: {
+    state: ResultsSearchState;
+    onChange: (query: string) => void;
+}): JSX.Element;
+export default SearchRenderer;

package/build/types/revamp/wise/renderers/SelectInputRenderer/RadioInputRendererComponent.d.ts

@@ -0,0 +1,2 @@
+import type { SelectInputRendererProps } from '../../../renderers/types';
+export declare function RadioInputRendererComponent(props: SelectInputRendererProps): JSX.Element;