@wise/dynamic-flow-client 4.3.13 → 4.4.0

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

@@ -1,20 +1,8 @@
-import type { Context, LayoutComponent } from '../types';
+import type { CallToAction, Context, LayoutComponent } from '../types';
 export type AlertComponent = LayoutComponent & {
     type: 'alert';
     markdown: string;
     context: Context;
-    callToAction?: AlertCallToActionLink | AlertCallToAction;
-};
-export type AlertCallToActionLink = {
-    type: 'link';
-    accessibilityDescription?: string;
-    href: string;
-    title: string;
-};
-export type AlertCallToAction = {
-    type: 'action';
-    accessibilityDescription?: string;
-    title: string;
-    onClick: () => void;
+    callToAction?: CallToAction;
 };
 export declare const createAlertComponent: (alertProps: Pick<AlertComponent, "uid" | "callToAction" | "context" | "control" | "margin" | "markdown">) => AlertComponent;

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

@@ -1,8 +1,8 @@
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
-import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
 export type DateInputComponent = InputComponent<string | null> & {
     type: 'date';
     minimumDate?: string;

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

@@ -1,8 +1,8 @@
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
-import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
 export type IntegerInputComponent = InputComponent<number | null> & {
     type: 'integer';
     maximum?: number;

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

@@ -1,23 +1,10 @@
-import { Icon } from "@wise/dynamic-flow-types/build/next";
-import { Image, LayoutComponent } from "../types";
+import { Icon } from '@wise/dynamic-flow-types/build/next';
+import { CallToAction, Image, LayoutComponent } from '../types';
 export type ListComponent = LayoutComponent & {
     type: 'list';
     items: ListItem[];
     title?: string;
-    callToAction?: ListCallToActionAction | ListCallToActionLink;
-};
-export type ListCallToActionLink = {
-    type: 'link';
-    accessibilityDescription?: string;
-    href: string;
-    title: string;
-    onClick: () => void;
-};
-export type ListCallToActionAction = {
-    type: 'action';
-    accessibilityDescription?: string;
-    title: string;
-    onClick: () => void;
+    callToAction?: CallToAction;
 };
 export type ListItem = {
     icon?: Icon;

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

@@ -0,0 +1,11 @@
+import type { DomainComponent, BaseComponent, LocalValue, UpdateComponent } from '../types';
+export type ModalContentComponent = BaseComponent & {
+    type: 'modal-content';
+    components: DomainComponent[];
+    open: boolean;
+    title?: string;
+    getChildren: () => DomainComponent[];
+    getLocalValue: () => LocalValue;
+    close: () => void;
+};
+export declare const createModalContentComponent: (modalProps: Pick<ModalContentComponent, "uid" | "components" | "title">, updateComponent: UpdateComponent) => ModalContentComponent;

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

@@ -1,7 +1,7 @@
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { InputComponent, LocalValue, DomainComponent, UpdateComponent, LocalValueArray, OnValueChange, ValidationAsyncState } from '../types';
+import type { DomainComponent, InputComponent, LocalValue, LocalValueArray, OnValueChange, UpdateComponent, ValidationAsyncState } from '../types';
 import type { SelectInputOption } from './SelectInputComponent';
 export type MultiSelectComponent = InputComponent<LocalValueArray | null> & {
     type: 'multi-select';

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

@@ -1,7 +1,7 @@
+import { JsonElement } from '@wise/dynamic-flow-types/build/next';
+import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, UploadSource } from '../types';
-import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
-import { JsonElement } from '@wise/dynamic-flow-types/build/next';
 export type MultiUploadInputComponent = InputComponent<File[]> & {
     type: 'multi-upload';
     accepts?: string[];

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

@@ -1,6 +1,6 @@
-import type { ComponentWithTitle, LocalValue, LocalValueArray, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange, Image } from '../types';
-import type { IsInvalidCheck } from '../features/validation/value-checks';
 import { Icon } from '@wise/dynamic-flow-types/build/next';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
+import type { ComponentWithTitle, DomainComponent, Image, LocalValue, LocalValueArray, OnValueChange, RepeatableSummary, UpdateComponent } from '../types';
 export type RepeatableComponent = ComponentWithTitle & {
     type: 'repeatable';
     id?: string;

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

@@ -1,9 +1,13 @@
 import { AnalyticsEventDispatcher } from '../features/events';
-import { BaseComponent, DomainComponent, LoadingState, LocalValue } from '../types';
+import { BaseComponent, DomainComponent, LoadingState, LocalValue, UpdateComponent } from '../types';
 import { StepDomainComponent } from './StepDomainComponent';
+import { ModalContentComponent } from './ModalContentComponent';
 export type RootDomainComponent = BaseComponent & {
     type: 'root';
     stepComponent: StepDomainComponent | null;
+    dismissAllModals: () => void;
+    dismissModal: () => void;
+    showModal: (modal: ModalContentComponent) => void;
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValue;
     getLoadingState: () => LoadingState;
@@ -11,5 +15,6 @@ export type RootDomainComponent = BaseComponent & {
     setLoadingState: (loadingState: LoadingState) => void;
     hasStep: () => boolean;
     stop: () => void;
+    setStep: (stepComponent: StepDomainComponent) => void;
 };
-export declare const createRootDomainComponent: () => RootDomainComponent;
+export declare const createRootDomainComponent: (updateComponent: UpdateComponent) => RootDomainComponent;

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

@@ -1,8 +1,8 @@
 import type { Icon, Model } from '@wise/dynamic-flow-types/build/next';
-import type { InputComponent, LocalValue, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange, Image } from '../types';
-import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
+import type { DomainComponent, Image, InputComponent, LocalValue, OnValueChange, RepeatableSummary, UpdateComponent } from '../types';
 export type SelectInputComponent = InputComponent<LocalValue | null> & {
     type: 'select';
     selectedIndex: number | null;

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

@@ -3,6 +3,7 @@ import type { Step } from '@wise/dynamic-flow-types/build/next';
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { StepPolling } from '../features/polling/getStepPolling';
 import { StepRefreshAfter } from '../features/refreshAfter/getStepRefreshAfter';
+import { ModalContentComponent } from './ModalContentComponent';
 export type StepDomainComponent = BaseComponent & {
     type: 'step';
     back?: BackNavigation;
@@ -14,7 +15,12 @@ export type StepDomainComponent = BaseComponent & {
     loadingState: LoadingState;
     step: Step;
     title?: string;
+    modals: ModalContentComponent[];
+    dismissModal: () => void;
+    dismissAllModals: () => void;
+    showModal: (modal: ModalContentComponent) => void;
     getChildren: () => DomainComponent[];
+    getModals: () => ModalContentComponent[];
     getLocalValue: () => LocalValue;
     setLoadingState: (loadingState: LoadingState) => void;
     onBehavior: OnBehavior;

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

@@ -1,8 +1,8 @@
-import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, UploadSource } from '../types';
+import { JsonElement } from '@wise/dynamic-flow-types/build/next';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
-import { JsonElement } from '@wise/dynamic-flow-types/build/next';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, UploadSource } from '../types';
 export type UploadInputComponent = InputComponent<File | null> & {
     type: 'upload';
     format: 'blob' | 'base64';

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

@@ -0,0 +1,4 @@
+import { DomainComponent } from '../../types';
+export type WithUpdate<C extends DomainComponent> = C & {
+    _update: (updateFn: (draft: C) => void) => void;
+};

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

@@ -2,11 +2,7 @@ import type { DomainComponent, UpdateComponent } from '../../types';
 /**
  * Helper function to update a component.
  *
- * `updateComponent` is generic, meaning we have to specify the type of the draft whenever we use it. This function takes
- * the component uid and type, and returns a typed function that will update the component without the need to type assert.
- *
- * @param uid uid of the component
  * @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
+ * @returns a function that accepts a component and returns a function that takes a function that will update the component and call `updateComponent` to notify that there has been a change.
  */
-export declare const getInputUpdateFunction: <C extends DomainComponent>(uid: string, updateComponent: UpdateComponent) => (updateFn: (component: C) => void) => void;
+export declare const getInputUpdateFunction: <C extends DomainComponent>(updateComponent: UpdateComponent) => (component: C, updateFn: (component: C) => void) => void;

package/build/types/revamp/domain/features/persistAsync/getComponentPersistAsync.d.ts

@@ -1,20 +1,21 @@
-import type { getInputUpdateFunction } from '../../components/utils/component-utils';
-import type { PerformPersistAsync } from './getPerformPersistAsync';
 import type { BooleanInputComponent } from '../../components/BooleanInputComponent';
 import type { DateInputComponent } from '../../components/DateInputComponent';
 import type { IntegerInputComponent } from '../../components/IntegerInputComponent';
+import type { MultiUploadInputComponent } from '../../components/MultiUploadInputComponent';
 import type { NumberInputComponent } from '../../components/NumberInputComponent';
 import type { TextInputComponent } from '../../components/TextInputComponent';
 import type { UploadInputComponent } from '../../components/UploadInputComponent';
-import type { MultiUploadInputComponent } from '../../components/MultiUploadInputComponent';
-import type { LocalValue, PersistedState } from '../../types';
+import type { LocalValue } from '../../types';
+import type { PerformPersistAsync } from './getPerformPersistAsync';
 type Persistable = BooleanInputComponent | DateInputComponent | IntegerInputComponent | NumberInputComponent | TextInputComponent | UploadInputComponent;
+type Update<C extends Persistable> = (component: C, updateFn: (component: C) => void) => void;
 /**
  * Creates an onPersistAsync handler for a component.
  */
-export declare const getComponentPersistAsync: (update: ReturnType<typeof getInputUpdateFunction<Persistable>>, performPersistAsync: PerformPersistAsync) => (persistedState: PersistedState, currentValue: LocalValue) => Promise<import("@wise/dynamic-flow-types/build/next").JsonElement>;
+export declare const getComponentPersistAsync: <C extends Persistable>(update: Update<C>, performPersistAsync: PerformPersistAsync) => (component: C, currentValue: LocalValue) => Promise<import("@wise/dynamic-flow-types/build/next").JsonElement>;
+type UpdateMultiUploadInputComponent = (component: MultiUploadInputComponent, updateFn: (component: MultiUploadInputComponent) => void) => void;
 /**
  * Creates an onPersistAsync handler for a component.
  */
-export declare const getComponentMultiPersistAsync: (update: ReturnType<typeof getInputUpdateFunction<MultiUploadInputComponent>>, performPersistAsync: PerformPersistAsync) => (index: number, value: LocalValue) => Promise<string | number | boolean | import("@wise/dynamic-flow-types/build/next").JsonObject | import("@wise/dynamic-flow-types/build/next").JsonArray | null>;
+export declare const getComponentMultiPersistAsync: (update: UpdateMultiUploadInputComponent, performPersistAsync: PerformPersistAsync) => (component: MultiUploadInputComponent, index: number, value: LocalValue) => Promise<string | number | boolean | import("@wise/dynamic-flow-types/build/next").JsonObject | import("@wise/dynamic-flow-types/build/next").JsonArray | null>;
 export {};

package/build/types/revamp/domain/features/persistAsync/getPerformPersistAsync.d.ts

@@ -1,8 +1,8 @@
 import type { JsonElement } from '@wise/dynamic-flow-types/build/next';
-import type { PersistAsyncConfig } from '../../mappers/types';
 import type { HttpClient } from '../../../types';
-import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../events';
+import type { PersistAsyncConfig } from '../../mappers/types';
 import type { LocalValue } from '../../types';
+import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../events';
 export type PerformPersistAsync = (props: PersistAsyncProps) => Promise<JsonElement>;
 type PersistAsyncProps = {
     value: LocalValue;

package/build/types/revamp/domain/features/validationAsync/getComponentValidationAsync.d.ts

@@ -1,16 +1,16 @@
-import type { getInputUpdateFunction } from '../../components/utils/component-utils';
-import type { PerformValidationAsync } from './getPerformValidationAsync';
 import type { BooleanInputComponent } from '../../components/BooleanInputComponent';
 import type { DateInputComponent } from '../../components/DateInputComponent';
 import type { IntegerInputComponent } from '../../components/IntegerInputComponent';
 import type { MultiSelectComponent } from '../../components/MultiSelectInputComponent';
 import type { NumberInputComponent } from '../../components/NumberInputComponent';
 import type { TextInputComponent } from '../../components/TextInputComponent';
-import type { LocalValue, ValidationAsyncState } from '../../types';
+import type { LocalValue } from '../../types';
+import type { PerformValidationAsync } from './getPerformValidationAsync';
 type Validatable = BooleanInputComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | NumberInputComponent | TextInputComponent;
+type Update<C extends Validatable> = (component: C, updateFn: (component: C) => void) => void;
 /**
  * Creates an onValidateAsync handler for a component.
  */
-export declare const getComponentValidationAsync: (update: ReturnType<typeof getInputUpdateFunction<Validatable>>, performValidationAsync: PerformValidationAsync) => (validationAsyncState: ValidationAsyncState, currentValue: LocalValue) => Promise<string | null | undefined>;
-export declare const getDebouncedComponentValidationAsync: (update: ReturnType<typeof getInputUpdateFunction<Validatable>>, performValidationAsync: PerformValidationAsync) => import("../../components/utils/debounce").DebouncedFunc<(validationAsyncState: ValidationAsyncState, currentValue: LocalValue) => Promise<string | null | undefined>>;
+export declare const getComponentValidationAsync: <C extends Validatable>(update: Update<C>, performValidationAsync: PerformValidationAsync) => (component: C, currentValue: LocalValue) => Promise<string | null | undefined>;
+export declare const getDebouncedComponentValidationAsync: <C extends Validatable>(update: Update<C>, performValidationAsync: PerformValidationAsync) => import("../../components/utils/debounce").DebouncedFunc<(component: C, currentValue: LocalValue) => Promise<string | null | undefined>>;
 export {};

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

@@ -0,0 +1,4 @@
+import { ModalBehavior } from '@wise/dynamic-flow-types/build/next';
+import { MapperProps } from '../schema/types';
+import { ModalContentComponent } from '../../components/ModalContentComponent';
+export declare const modalToContent: (uid: string, { content, title }: ModalBehavior, mapperProps: MapperProps) => ModalContentComponent;

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

@@ -31,4 +31,4 @@ export declare const getMockSchemaMapperProps: <S extends Schema>(schemaMapperPr
 };
 export declare const getMockRendererMapperProps: () => RendererMapperProps;
 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>;
+export declare const getUpdateFunctionMock: <C extends DomainComponent>(getComponent: () => C) => jest.Mock<void, [], any>;

package/build/types/revamp/domain/mappers/utils/call-to-action-utils.d.ts

@@ -1,17 +1,5 @@
 import { Action, Behavior as SpecBehavior } from '@wise/dynamic-flow-types/build/next';
-import { OnBehavior } from '../../types';
-type CallToAction = {
-    type: 'action';
-    title: string;
-    accessibilityDescription?: string;
-    onClick: () => void;
-} | {
-    type: 'link';
-    title: string;
-    accessibilityDescription?: string;
-    href: string;
-    onClick: () => void;
-};
+import { CallToAction, OnBehavior } from '../../types';
 type SpecCallToAction = {
     title?: string;
     accessibilityDescription?: string;

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

@@ -1,6 +1,4 @@
-import type { Action, Icon, JsonElement, Margin, Model } from '@wise/dynamic-flow-types/build/next';
-import type { ActionBehavior } from '@wise/dynamic-flow-types/build/next/feature/ActionBehavior';
-import type { LinkBehavior } from '@wise/dynamic-flow-types/build/next/feature/LinkBehavior';
+import type { Action, Icon, JsonElement, Margin, Model, ActionBehavior, LinkBehavior, DismissBehavior, ModalBehavior } from '@wise/dynamic-flow-types/build/next';
 import type { AlertComponent } from './components/AlertComponent';
 import type { AllOfComponent } from './components/AllOfComponent';
 import type { BooleanInputComponent } from './components/BooleanInputComponent';
@@ -36,14 +34,27 @@ import type { StepDomainComponent } from './components/StepDomainComponent';
 import type { TextInputComponent } from './components/TextInputComponent';
 import type { TupleComponent } from './components/TupleComponent';
 import type { UploadInputComponent } from './components/UploadInputComponent';
-export type DomainComponent = RootDomainComponent | StepDomainComponent | AlertComponent | AllOfComponent | BooleanInputComponent | BoxComponent | ButtonComponent | ColumnsComponent | ConstComponent | ContainerComponent | DateInputComponent | DecisionComponent | DividerComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | IntegerInputComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | ModalComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | ParagraphComponent | RepeatableComponent | ReviewComponent | SearchComponent | SelectInputComponent | StatusListComponent | TextInputComponent | TupleComponent | UploadInputComponent;
+import { ModalContentComponent } from './components/ModalContentComponent';
+export type DomainComponent = RootDomainComponent | StepDomainComponent | AlertComponent | AllOfComponent | BooleanInputComponent | BoxComponent | ButtonComponent | ColumnsComponent | ConstComponent | ContainerComponent | DateInputComponent | DecisionComponent | DividerComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | IntegerInputComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | ModalComponent | ModalContentComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | ParagraphComponent | RepeatableComponent | ReviewComponent | SearchComponent | SelectInputComponent | StatusListComponent | TextInputComponent | TupleComponent | UploadInputComponent;
 export type LocalValue = LocalValuePrimitive | LocalValueObject | LocalValueArray;
 export type LocalValuePrimitive = string | number | boolean | File | null;
 export interface LocalValueObject extends Record<string, LocalValuePrimitive | LocalValueObject | LocalValueArray> {
 }
 export interface LocalValueArray extends Array<LocalValuePrimitive | LocalValueObject | LocalValueArray> {
 }
-export type Behavior = ActionBehavior | LinkBehavior | {
+export type CallToAction = {
+    type: 'action' | 'modal' | 'dismiss';
+    title: string;
+    accessibilityDescription?: string;
+    onClick: () => void;
+} | {
+    type: 'link';
+    title: string;
+    accessibilityDescription?: string;
+    href: string;
+    onClick: () => void;
+};
+export type Behavior = ActionBehavior | LinkBehavior | ModalBehavior | DismissBehavior | {
     type: 'none';
 };
 export type BaseComponent = {
@@ -88,7 +99,7 @@ export type InputComponent<V extends LocalValue> = ComponentWithTitle & {
     onFocus: () => void;
     getLocalValue: () => V;
 };
-export type UpdateComponent = (id: string, update: (component: DomainComponent) => void) => void;
+export type UpdateComponent = () => void;
 export type OnBehavior = (behavior: Behavior) => Promise<void>;
 export type OnAction = (action: Action) => Promise<void>;
 export type OnRefresh = (schemaId: string | undefined, url?: string) => Promise<void> | void;

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

@@ -1,5 +1,6 @@
 import type { Action, ErrorResponseBody, Model, Step } from '@wise/dynamic-flow-types/build/next';
 import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/features/events';
+import type { Behavior } from '../domain/types';
 type Command = {
     type: 'complete';
     result: Model;
@@ -20,6 +21,9 @@ type Command = {
         refreshUrl: string;
         errors?: Step['errors'];
     };
+} | {
+    type: 'behavior';
+    behavior: Behavior;
 };
 export declare const executeSubmission: (props: {
     action: Action;

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

@@ -1,4 +1,4 @@
-declare const responseTypes: readonly ["step", "action", "exit"];
+declare const responseTypes: readonly ["step", "action", "exit", "modal"];
 export type ResponseType = (typeof responseTypes)[number];
 /**
  * Returns either 'step', 'action', or 'exit' based on the response headers and body.

package/build/types/revamp/flow/response-utils.d.ts

@@ -1,8 +1,9 @@
-import type { ActionResponseBody, ErrorResponseBody, JsonElement, Step } from '@wise/dynamic-flow-types/build/next';
+import type { ActionResponseBody, ErrorResponseBody, JsonElement, ModalBehavior, Step } from '@wise/dynamic-flow-types/build/next';
 export declare const assertResponseIsValid: (response: unknown) => void;
 export declare const parseResponseBodyAsJsonElement: (response: Response) => Promise<JsonElement>;
 export declare function isActionResponseBody(body: unknown): body is ActionResponseBody;
 export declare function assertActionResponseBody(body: unknown): asserts body is ActionResponseBody;
+export declare function assertModalResponseBody(body: unknown): asserts body is Omit<ModalBehavior, 'type'>;
 export declare function isErrorResponseBody(body: unknown): body is ErrorResponseBody;
 export declare function assertErrorResponseBody(body: unknown): asserts body is ErrorResponseBody;
 export declare function assertStepResponseBody(body: unknown): asserts body is Step;

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

@@ -0,0 +1,4 @@
+import type { ModalContentRendererProps } from '@wise/dynamic-flow-types/build/renderers';
+import { ModalContentComponent } from '../../domain/components/ModalContentComponent';
+import { RendererMapperProps } from './componentToRendererProps';
+export declare const modalContentComponentToProps: (component: ModalContentComponent, rendererMapperProps: RendererMapperProps) => ModalContentRendererProps;

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

@@ -1,4 +1,4 @@
 import type { StepRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import type { StepDomainComponent } from '../domain/components/StepDomainComponent';
 import { type RendererMapperProps } from './mappers/componentToRendererProps';
-export declare const stepComponentToProps: ({ uid, back, control, description, error, external, loadingState, step, title, components, onBehavior, }: StepDomainComponent, rendererMapperProps: RendererMapperProps) => StepRendererProps;
+export declare const stepComponentToProps: (component: StepDomainComponent, rendererMapperProps: RendererMapperProps) => StepRendererProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.3.13",
+  "version": "4.4.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -37,7 +37,7 @@
     "@babel/preset-react": "7.26.3",
     "@babel/preset-typescript": "7.27.0",
     "@chromatic-com/storybook": "3.2.6",
-    "@formatjs/cli": "^6.6.3",
+    "@formatjs/cli": "^6.6.4",
     "@storybook/addon-a11y": "^8.6.12",
     "@storybook/addon-actions": "^8.6.12",
     "@storybook/addon-essentials": "^8.6.12",
@@ -53,11 +53,11 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.95.1",
+    "@transferwise/components": "46.96.0",
     "@transferwise/formatting": "^2.13.1",
-    "@transferwise/icons": "3.19.1",
-    "@transferwise/neptune-css": "14.24.0",
-    "@types/node": "22.14.1",
+    "@transferwise/icons": "3.20.0",
+    "@transferwise/neptune-css": "14.24.2",
+    "@types/node": "22.15.3",
     "@types/jest": "29.5.14",
     "@types/react": "18.3.20",
     "@types/react-dom": "18.3.6",
@@ -65,7 +65,7 @@
     "@wise/art": "2.20.0",
     "@wise/components-theming": "^1.6.2",
     "babel-jest": "29.7.0",
-    "esbuild": "0.25.2",
+    "esbuild": "0.25.3",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
@@ -78,13 +78,13 @@
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
     "storybook": "^8.6.12",
-    "stylelint": "16.18.0",
+    "stylelint": "16.19.1",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.4",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "tsx": "4.19.3",
     "typescript": "5.8.3",
-    "webpack": "5.99.5",
+    "webpack": "5.99.7",
     "@wise/dynamic-flow-fixtures": "0.0.1",
     "@wise/dynamic-flow-renderers": "0.0.0"
   },
@@ -102,7 +102,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.1.4"
+    "@wise/dynamic-flow-types": "3.2.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",

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

@@ -1,3 +0,0 @@
-import { LoggingEventDispatcher } from '../domain/features/events';
-import type { DomainComponent } from '../domain/types';
-export declare const findComponent: (components: DomainComponent[], id: string, logEvent: LoggingEventDispatcher) => DomainComponent;