@wise/dynamic-flow-client 4.3.6 → 4.3.8

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

@@ -12,14 +12,12 @@ export type StatusListItem = {
     } | {
         text: string;
     };
-    href?: string;
     status?: 'not-done' | 'pending' | 'done';
     callToAction?: StatusListItemCallToAction;
     tag?: string;
 };
 export type StatusListItemCallToAction = {
     accessibilityDescription?: string;
-    href?: string;
     title: string;
     onClick: () => void;
 };

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

@@ -1,4 +1,4 @@
-import type { BaseComponent, DomainComponent, LoadingState, LocalValue, OnAction, UpdateComponent } from '../types';
+import type { BaseComponent, DomainComponent, LoadingState, LocalValue, OnBehavior, UpdateComponent } from '../types';
 import type { Step } from '@wise/dynamic-flow-types/build/next';
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { StepPolling } from '../features/polling/getStepPolling';
@@ -17,7 +17,7 @@ export type StepDomainComponent = BaseComponent & {
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValue;
     setLoadingState: (loadingState: LoadingState) => void;
-    onAction: OnAction;
+    onBehavior: OnBehavior;
     stop: () => void;
     trackEvent: AnalyticsEventDispatcher<string>;
 };
@@ -25,7 +25,7 @@ type BackNavigation = {
     title?: string;
     onClick: () => void;
 };
-export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "uid" | "back" | "components" | "control" | "description" | "error" | "external" | "loadingState" | "step" | "title" | "trackEvent" | "onAction"> & {
+export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "uid" | "back" | "components" | "control" | "description" | "error" | "external" | "loadingState" | "step" | "title" | "trackEvent" | "onBehavior"> & {
     stepPolling?: StepPolling;
     stepRefreshAfter?: StepRefreshAfter;
     updateComponent: UpdateComponent;

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

@@ -1,5 +1,5 @@
 import type { SearchResult } from '@wise/dynamic-flow-types/build/next';
-import type { LayoutComponent, OnAction, UpdateComponent } from '../../types';
+import type { LayoutComponent, OnBehavior, UpdateComponent } from '../../types';
 export type SearchConfig = {
     method: string;
     param: string;
@@ -22,4 +22,4 @@ export type SearchComponent = LayoutComponent & {
     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;
+export declare const createSearchComponent: (searchProps: Pick<SearchComponent, "uid" | "control" | "emptyMessage" | "margin" | "title">, performSearch: PerformSearch, onBehavior: OnBehavior, updateComponent: UpdateComponent) => SearchComponent;

package/build/types/revamp/domain/features/polling/getStepPolling.d.ts

@@ -1,11 +1,11 @@
 import type { Polling } from '@wise/dynamic-flow-types/build/next';
-import type { OnAction, OnPoll } from '../../types';
+import type { OnBehavior, OnPoll } from '../../types';
 export type StepPollingProps = {
     pollingConfig: Polling;
-    onAction: OnAction;
+    onBehavior: OnBehavior;
     onPoll: OnPoll;
 };
 export type StepPolling = {
     stop: () => void;
 };
-export declare const getStepPolling: ({ pollingConfig, onAction, onPoll, }: StepPollingProps) => StepPolling;
+export declare const getStepPolling: ({ pollingConfig, onBehavior, onPoll, }: StepPollingProps) => StepPolling;

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

@@ -1,4 +1,3 @@
 import type { AlertLayout } from '@wise/dynamic-flow-types/build/next';
-import { AlertComponent } from '../../components/AlertComponent';
 import { MapperProps } from '../schema/types';
-export declare const alertLayoutToComponent: (uid: string, { control, markdown, margin, context, callToAction }: AlertLayout, { onAction }: MapperProps) => AlertComponent;
+export declare const alertLayoutToComponent: (uid: string, { control, markdown, margin, context, callToAction }: AlertLayout, { onBehavior, step }: MapperProps) => import("../../components/AlertComponent").AlertComponent;

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

@@ -2,4 +2,4 @@ import type { DecisionLayout, DecisionLayoutOption } from '@wise/dynamic-flow-ty
 import type { MapperProps } from '../schema/types';
 export declare const decisionLayoutToComponent: (uid: string, { control, margin, options, title, }: Omit<DecisionLayout, "options"> & {
     options: DecisionLayoutOption[];
-}, mapperProps: MapperProps) => import("../../components/DecisionComponent").DecisionComponent;
+}, { onBehavior, step }: MapperProps) => import("../../components/DecisionComponent").DecisionComponent;

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

@@ -1,4 +1,3 @@
 import { ListLayout } from '@wise/dynamic-flow-types/build/next';
-import { ListComponent } from '../../components/ListComponent';
 import { MapperProps } from '../schema/types';
-export declare const listLayoutToComponent: (uid: string, { callToAction, control, items, margin, title }: ListLayout, mapperProps: MapperProps) => ListComponent;
+export declare const listLayoutToComponent: (uid: string, { callToAction, control, items, margin, title }: ListLayout, mapperProps: MapperProps) => import("../../components/ListComponent").ListComponent;

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

@@ -1,3 +1,3 @@
 import type { ReviewLayout } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps } from '../schema/types';
-export declare const reviewLayoutToComponent: (uid: string, { fields, title, callToAction, control, margin, orientation, action }: ReviewLayout, { onAction, onLink }: MapperProps) => import("../../components/ReviewComponent").ReviewComponent;
+export declare const reviewLayoutToComponent: (uid: string, { fields, title, callToAction, control, margin, orientation, action }: ReviewLayout, { onBehavior, step }: MapperProps) => import("../../components/ReviewComponent").ReviewComponent;

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

@@ -1,3 +1,3 @@
 import type { StatusListLayout } from '@wise/dynamic-flow-types/build/next';
 import { MapperProps } from '../schema/types';
-export declare const statusListLayoutToComponent: (uid: string, { control, items, margin, title }: StatusListLayout, { onAction, onLink }: MapperProps) => import("../../components/StatusListComponent").StatusListComponent;
+export declare const statusListLayoutToComponent: (uid: string, { control, items, margin, title }: StatusListLayout, { onBehavior, step }: MapperProps) => import("../../components/StatusListComponent").StatusListComponent;

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

@@ -8,4 +8,4 @@ export type StepMapperProps = Omit<MapperProps, 'trackEvent'> & {
     trackEvent: AnalyticsEventDispatcher<string>;
     onPoll: OnPoll;
 };
-export declare const mapStepToComponent: ({ uid: rootUid, loadingState, displayStepTitle, trackEvent, onPoll, ...restProps }: StepMapperProps) => import("../components/StepDomainComponent").StepDomainComponent;
+export declare const mapStepToComponent: ({ uid: rootUid, loadingState, displayStepTitle, trackEvent, onPoll, onBehavior, ...restProps }: StepMapperProps) => import("../components/StepDomainComponent").StepDomainComponent;

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

@@ -9,13 +9,14 @@ export declare const getMockMapperProps: (mapperProps?: Partial<MapperProps>) =>
     step: Step;
     getErrorMessageFunctions: import("../../types").GetErrorMessageFunctions | jest.Mock<any, any, any>;
     httpClient: typeof fetch | jest.Mock<any, any, any>;
-    onLink: import("../../../types").OnLink | jest.Mock<any, any, any>;
-    onAction: import("../../../types").OnAction | jest.Mock<any, any, any>;
+    onBehavior: import("../../../types").OnBehavior | jest.Mock<any, any, any>;
     onRefresh: import("../../../types").OnRefresh | jest.Mock<any, any, any>;
     onValueChange: import("../../../types").OnValueChange | jest.Mock<any, any, any>;
     updateComponent: import("../../../types").UpdateComponent | jest.Mock<any, any, any>;
     trackEvent: import("../../../features/events").AnalyticsEventDispatcher | jest.Mock<any, any, any>;
     logEvent: import("../../../features/events").LoggingEventDispatcher | jest.Mock<any, any, any>;
+    onAction: jest.Mock<any, any, any>;
+    onLink: jest.Mock<any, any, any>;
 };
 export declare const getMockSchemaMapperProps: <S extends Schema>(schemaMapperProps: Partial<SchemaMapperProps> & {
     schema: S;

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

@@ -1,15 +1,14 @@
 import type { Step as DFStep, Model, Schema, ValidationError } from '@wise/dynamic-flow-types/build/next';
 import type { HttpClient } from '../../../types';
 import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../../features/events';
-import type { LocalValue, OnAction, OnLink, OnRefresh, OnValueChange, UpdateComponent } from '../../types';
+import type { LocalValue, OnBehavior, OnRefresh, OnValueChange, UpdateComponent } from '../../types';
 import type { GetErrorMessageFunctions, PersistAsyncConfig } from '../types';
 export type MapperProps = {
     stepLocalValue: LocalValue;
     step: DFStep;
     getErrorMessageFunctions: GetErrorMessageFunctions;
     httpClient: HttpClient;
-    onLink: OnLink;
-    onAction: OnAction;
+    onBehavior: OnBehavior;
     onRefresh: OnRefresh;
     onValueChange: OnValueChange;
     updateComponent: UpdateComponent;

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

@@ -0,0 +1,8 @@
+import { Action, Behavior as SpecBehavior } from '@wise/dynamic-flow-types/build/next';
+import { Behavior } from '../../types';
+export declare const getDomainLayerBehavior: ({ action, behavior, }: {
+    action?: Action;
+    behavior?: SpecBehavior;
+}, stepActions: Action[]) => Behavior;
+export declare const skipValidation: (behavior: Behavior) => Behavior;
+export declare const inlineAction: (action: Action, stepActions?: Action[]) => Action;

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

@@ -0,0 +1,22 @@
+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;
+};
+type SpecCallToAction = {
+    title?: string;
+    accessibilityDescription?: string;
+    action?: Action;
+    behavior?: SpecBehavior;
+};
+export declare const getDomainLayerCallToAction: (callToAction: SpecCallToAction | undefined, onBehavior: OnBehavior, stepActions: Action[]) => CallToAction | undefined;
+export {};

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

@@ -1,4 +1,6 @@
 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 { AlertComponent } from './components/AlertComponent';
 import type { AllOfComponent } from './components/AllOfComponent';
 import type { BooleanInputComponent } from './components/BooleanInputComponent';
@@ -15,6 +17,7 @@ import type { HeadingComponent } from './components/HeadingComponent';
 import type { ImageComponent } from './components/ImageComponent';
 import type { InstructionsComponent } from './components/InstructionsComponent';
 import type { IntegerInputComponent } from './components/IntegerInputComponent';
+import type { ListComponent } from './components/ListComponent';
 import type { LoadingIndicatorComponent } from './components/LoadingIndicatorComponent';
 import type { MarkdownComponent } from './components/MarkdownComponent';
 import type { ModalComponent } from './components/ModalComponent';
@@ -25,15 +28,14 @@ import type { ObjectComponent } from './components/ObjectComponent';
 import type { ParagraphComponent } from './components/ParagraphComponent';
 import type { RepeatableComponent } from './components/RepeatableComponent';
 import type { ReviewComponent } from './components/ReviewComponent';
+import type { RootDomainComponent } from './components/RootDomainComponent';
 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 { TupleComponent } from './components/TupleComponent';
+import type { TupleComponent } from './components/TupleComponent';
 import type { UploadInputComponent } from './components/UploadInputComponent';
-import { ListComponent } from './components/ListComponent';
-import { RootDomainComponent } from './components/RootDomainComponent';
 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;
 export type LocalValue = LocalValuePrimitive | LocalValueObject | LocalValueArray;
 export type LocalValuePrimitive = string | number | boolean | File | null;
@@ -41,6 +43,9 @@ export interface LocalValueObject extends Record<string, LocalValuePrimitive | L
 }
 export interface LocalValueArray extends Array<LocalValuePrimitive | LocalValueObject | LocalValueArray> {
 }
+export type Behavior = ActionBehavior | LinkBehavior | {
+    type: 'none';
+};
 export type BaseComponent = {
     type: string;
     uid: string;
@@ -84,9 +89,10 @@ export type InputComponent<V extends LocalValue> = ComponentWithTitle & {
     getLocalValue: () => V;
 };
 export type UpdateComponent = (id: string, update: (component: DomainComponent) => void) => 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;
-export type OnPoll = (url: string, errorAction: Action, signal: AbortSignal) => Promise<boolean>;
+export type OnPoll = (url: string, errorBehavior: Behavior, signal: AbortSignal) => Promise<boolean>;
 export type OnLink = (url: string) => boolean;
 export type OnValueChange = () => void;
 export type Align = 'start' | 'center' | 'end';

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

@@ -1,5 +1,6 @@
-import { Action, Model, Step } from '@wise/dynamic-flow-types/build/next';
+import { Model, Step } from '@wise/dynamic-flow-types/build/next';
 import { AnalyticsEventDispatcher } from '../domain/features/events';
+import { Behavior } from '../domain/types';
 type Command = {
     type: 'complete';
     result: Model;
@@ -10,13 +11,13 @@ type Command = {
 } | {
     type: 'continue';
 } | {
-    type: 'action';
-    action: Action;
+    type: 'behavior';
+    behavior: Behavior;
 };
 export declare const executePoll: (props: {
     httpClient: typeof fetch;
     url: string;
-    errorAction: Action;
+    errorBehavior: Behavior;
     signal: AbortSignal;
     trackEvent: AnalyticsEventDispatcher;
 }) => Promise<Command>;

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, onAction, }: StepDomainComponent, rendererMapperProps: RendererMapperProps) => StepRendererProps;
+export declare const stepComponentToProps: ({ uid, back, control, description, error, external, loadingState, step, title, components, onBehavior, }: StepDomainComponent, rendererMapperProps: RendererMapperProps) => StepRendererProps;

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

@@ -1,6 +1,6 @@
+import { RootDomainComponent } from './domain/components/RootDomainComponent';
 import type { OnValueChange } from './domain/types';
 import type { DynamicFlowCoreProps } from './types';
-import { RootDomainComponent } from './domain/components/RootDomainComponent';
 type UseDynamicFlowCoreProps = Omit<DynamicFlowCoreProps, 'renderers'> & {
     onValueChange?: OnValueChange;
     onLink: (url: string) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.3.6",
+  "version": "4.3.8",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -38,29 +38,29 @@
     "@babel/preset-typescript": "7.27.0",
     "@chromatic-com/storybook": "3.2.6",
     "@formatjs/cli": "^6.6.3",
-    "@storybook/addon-a11y": "^8.6.11",
-    "@storybook/addon-actions": "^8.6.11",
-    "@storybook/addon-essentials": "^8.6.11",
-    "@storybook/addon-interactions": "^8.6.11",
-    "@storybook/addon-links": "^8.6.11",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/manager-api": "^8.6.11",
-    "@storybook/react": "^8.6.11",
-    "@storybook/react-webpack5": "^8.6.11",
-    "@storybook/test": "^8.6.11",
-    "@storybook/types": "^8.6.11",
+    "@storybook/addon-a11y": "^8.6.12",
+    "@storybook/addon-actions": "^8.6.12",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-links": "^8.6.12",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
+    "@storybook/manager-api": "^8.6.12",
+    "@storybook/react": "^8.6.12",
+    "@storybook/react-webpack5": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@storybook/types": "^8.6.12",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.2.0",
+    "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@transferwise/components": "46.94.2",
     "@transferwise/formatting": "^2.13.1",
     "@transferwise/icons": "3.19.1",
     "@transferwise/neptune-css": "14.23.0",
-    "@types/node": "22.13.14",
+    "@types/node": "22.14.0",
     "@types/jest": "29.5.14",
     "@types/react": "18.3.20",
-    "@types/react-dom": "18.3.5",
+    "@types/react-dom": "18.3.6",
     "@types/react-intl": "3.0.0",
     "@wise/art": "2.20.0",
     "@wise/components-theming": "^1.6.1",
@@ -77,13 +77,13 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^8.6.11",
-    "stylelint": "16.17.0",
+    "storybook": "^8.6.12",
+    "stylelint": "16.18.0",
     "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.2",
+    "typescript": "5.8.3",
     "webpack": "5.98.0",
     "@wise/dynamic-flow-fixtures": "0.0.1",
     "@wise/dynamic-flow-renderers": "0.0.0"

package/build/types/revamp/domain/mappers/utils/inlineAction.d.ts

@@ -1,2 +0,0 @@
-import type { Action } from '@wise/dynamic-flow-types/build/next';
-export declare const inlineAction: (action: Action, stepActions?: Action[]) => Action;