@wise/dynamic-flow-client 5.0.0 → 5.1.0

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

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

package/build/types/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, { analyticsId, control, margin, options, tags, title, }: Omit<DecisionLayout, "options"> & {
     options: DecisionLayoutOption[];
-}, { onBehavior, step }: MapperProps) => import("../../components/DecisionComponent").DecisionComponent;
+}, mapperProps: MapperProps) => import("../../components/DecisionComponent").DecisionComponent;

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

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

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

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

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

@@ -1,7 +1,7 @@
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { LoadingState, OnPoll } from '../types';
 import type { MapperProps } from './schema/types';
-export type StepMapperProps = Omit<MapperProps, 'trackEvent'> & {
+export type StepMapperProps = Omit<MapperProps, 'trackEvent' | 'registerSubmissionBehavior'> & {
     uid: string;
     etag: string | null;
     loadingState: LoadingState;

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

@@ -1,7 +1,7 @@
 import type { Step as DFStep, Model, Schema, ValidationError } from '@wise/dynamic-flow-types/spec';
 import type { HttpClient } from '../../../types';
 import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../../features/events';
-import type { LocalValue, OnBehavior, OnPersistAsync, OnValueChange, UpdateComponent } from '../../types';
+import type { Behavior, LocalValue, OnBehavior, OnPersistAsync, OnValueChange, UpdateComponent } from '../../types';
 import type { GetErrorMessageFunctions, PersistAsyncConfig } from '../types';
 export type MapperProps = {
     stepLocalValue: LocalValue;
@@ -13,6 +13,7 @@ export type MapperProps = {
     updateComponent: UpdateComponent;
     trackEvent: AnalyticsEventDispatcher;
     logEvent: LoggingEventDispatcher;
+    registerSubmissionBehavior: (behavior: Behavior) => void;
 };
 export type SchemaMapperProps = {
     uid: string;

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

@@ -1,8 +1,11 @@
 import { Action, Behavior as SpecBehavior } from '@wise/dynamic-flow-types/spec';
 import { Behavior } from '../../types';
-export declare const getDomainLayerBehavior: ({ action, behavior, }: {
+import { MapperProps } from '../schema/types';
+type WithActionBehavior = {
     action?: Action;
     behavior?: SpecBehavior;
-}, stepActions: Action[]) => Behavior;
+};
+export declare const getDomainLayerBehavior: ({ action, behavior: specBehavior }: WithActionBehavior, stepActions: Action[], registerSubmissionBehavior: MapperProps["registerSubmissionBehavior"]) => Behavior;
 export declare const normaliseBehavior: (behavior: SpecBehavior, stepActions: Action[]) => Behavior;
 export declare const inlineAction: (action: Action, stepActions?: Action[]) => Action;
+export {};

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

@@ -1,10 +1,11 @@
 import { Action, Behavior as SpecBehavior } from '@wise/dynamic-flow-types/spec';
-import { CallToAction, OnBehavior } from '../../types';
+import { CallToAction } from '../../types';
+import { MapperProps } from '../schema/types';
 type SpecCallToAction = {
     title?: string;
     accessibilityDescription?: string;
     action?: Action;
     behavior?: SpecBehavior;
 };
-export declare const getDomainLayerCallToAction: (callToAction: SpecCallToAction | undefined, onBehavior: OnBehavior, stepActions: Action[]) => CallToAction | undefined;
+export declare const getDomainLayerCallToAction: (callToAction: SpecCallToAction | undefined, mapperProps: MapperProps) => CallToAction | undefined;
 export {};

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

@@ -1,5 +1,6 @@
 import type { AlertLayout, AdditionalInfo as SpecAdditionalInfo, InlineAlert as SpecInlineAlert } from '@wise/dynamic-flow-types/spec';
-import { AdditionalInfo, InlineAlert, OnBehavior } from '../../types';
+import { AdditionalInfo, InlineAlert } from '../../types';
+import { MapperProps } from '../schema/types';
 export declare const mapInlineAlert: (alert: SpecInlineAlert | undefined) => InlineAlert | undefined;
-export declare const mapAdditionalInfo: (info: SpecAdditionalInfo | undefined, onBehavior: OnBehavior) => AdditionalInfo | undefined;
+export declare const mapAdditionalInfo: (info: SpecAdditionalInfo | undefined, mapperProps: MapperProps) => AdditionalInfo | undefined;
 export declare const mapSchemaAlert: (alert: AlertLayout | undefined) => InlineAlert | undefined;

package/build/types/domain/prefetching/request-cache.d.ts

@@ -0,0 +1,9 @@
+import { HttpClient } from '../../types';
+export type SubmissionRequestCache = {
+    has: (...requestParams: Parameters<HttpClient>) => boolean;
+    get: (...requestParams: Parameters<HttpClient>) => Promise<Response | null> | undefined;
+    delete: (...requestParams: Parameters<HttpClient>) => boolean;
+    set: (...[input, init, response]: [...Parameters<HttpClient>, Promise<Response | null>]) => void;
+    clear: () => void;
+};
+export declare const makeRequestCache: () => SubmissionRequestCache;

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

@@ -1,6 +1,8 @@
 import type { Action, ErrorResponseBody, Model, Step } from '@wise/dynamic-flow-types/spec';
 import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/features/events';
+import { SubmissionRequestCache } from '../domain/prefetching/request-cache';
 import type { Behavior } from '../domain/types';
+import { HttpClient } from '../types';
 type Command = {
     type: 'complete';
     result: Model;
@@ -32,7 +34,8 @@ export declare const executeSubmission: (props: {
     action: Action;
     model: Model;
     isInitial: boolean;
-    httpClient: typeof fetch;
+    requestCache: SubmissionRequestCache | undefined;
+    httpClient: HttpClient;
     trackEvent: AnalyticsEventDispatcher;
     logEvent: LoggingEventDispatcher;
 }) => Promise<Command>;

package/build/types/flow/makeSafeHttpClient.d.ts

@@ -0,0 +1,2 @@
+import { HttpClient } from '../types';
+export declare const makeSafeHttpClient: (httpClient: HttpClient) => (...props: Parameters<HttpClient>) => Promise<Response | null>;

package/build/types/flow/makeSubmissionRequest.d.ts

@@ -0,0 +1,3 @@
+import type { Action, JsonElement } from '@wise/dynamic-flow-types/spec';
+import { HttpClient } from '../types';
+export declare const makeSubmissionRequest: (action: Action, model: JsonElement) => Parameters<HttpClient>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -16,7 +16,8 @@
       "import": "./build/main.mjs",
       "require": "./build/main.js"
     },
-    "./build/main.css": "./build/main.css"
+    "./build/main.css": "./build/main.css",
+    "./main.css": "./build/main.css"
   },
   "sideEffects": [
     "*.css"
@@ -30,42 +31,31 @@
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
   "devDependencies": {
-    "@babel/core": "7.28.5",
-    "@babel/plugin-syntax-flow": "7.27.1",
-    "@babel/plugin-transform-react-jsx": "7.27.1",
-    "@babel/preset-env": "7.28.5",
-    "@babel/preset-react": "7.28.5",
-    "@babel/preset-typescript": "7.28.5",
-    "@chromatic-com/storybook": "4.1.2",
+    "@chromatic-com/storybook": "4.1.3",
     "@formatjs/cli": "^6.7.4",
-    "@storybook/addon-a11y": "^9.1.16",
-    "@storybook/addon-docs": "^9.1.16",
-    "@storybook/addon-links": "^9.1.16",
-    "@storybook/react-vite": "9.1.16",
+    "@storybook/addon-a11y": "^10.1.4",
+    "@storybook/addon-docs": "^10.1.4",
+    "@storybook/addon-links": "^10.1.4",
+    "@storybook/react-vite": "10.1.4",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.113.1",
+    "@transferwise/components": "^46.115.1",
     "@transferwise/formatting": "^2.13.4",
     "@transferwise/icons": "4.0.0",
-    "@transferwise/navigation-ui": "4.40.0",
-    "@transferwise/neptune-css": "14.25.1",
-    "@types/jest": "30.0.0",
+    "@transferwise/navigation-ui": "4.41.0",
+    "@transferwise/neptune-css": "14.25.2",
     "@types/node": "22.19.1",
-    "@types/react": "18.3.26",
+    "@types/react": "18.3.27",
     "@types/react-dom": "18.3.7",
     "@types/react-intl": "3.0.0",
+    "@vitejs/plugin-react": "5.1.1",
     "@wise/art": "2.24.7",
-    "@wise/components-theming": "^1.8.0",
-    "babel-jest": "30.2.0",
+    "@wise/components-theming": "^1.9.0",
     "esbuild": "0.27.0",
-    "eslint-plugin-storybook": "9.1.16",
-    "framer-motion": "^12.23.24",
-    "jest": "30.2.0",
-    "jest-environment-jsdom": "30.2.0",
-    "jest-fetch-mock": "^3.0.3",
-    "jest-watch-typeahead": "^3.0.1",
+    "eslint-plugin-storybook": "10.1.4",
+    "framer-motion": "^12.23.25",
     "npm-run-all2": "8.0.4",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
@@ -73,15 +63,17 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^9.1.16",
-    "stylelint": "16.25.0",
+    "storybook": "^10.1.4",
+    "stylelint": "16.26.1",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.5",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
-    "tsx": "4.20.6",
+    "tsx": "4.21.0",
     "typescript": "5.9.3",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "vitest": "4.0.15",
+    "vitest-fetch-mock": "0.4.5",
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -94,7 +86,7 @@
     "react-intl": "^6"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.0.0"
+    "@wise/dynamic-flow-types": "4.1.0"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",
@@ -106,11 +98,10 @@
     "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",
     "build:visual-tests": "tsx ./scripts/build-visual-tests.mjs",
-    "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 --config jest.config.js --env=jsdom -w 2",
-    "test:watch": "pnpm test:once --watch",
+    "test": "npm-run-all test:once",
+    "test:once": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
     "types": "pnpm tsc",
     "types:watch": "pnpm tsc --watch",
     "lint": "npm-run-all lint:ts lint:css",

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

@@ -1,34 +0,0 @@
-import type { Schema, Step } from '@wise/dynamic-flow-types/spec';
-import { RendererMapperProps } from '../../../../renderers/mappers/componentToRendererProps';
-import type { DomainComponent } from '../../../types';
-import type { MapperProps, SchemaMapperProps } from '../types';
-import { StepMapperProps } from '../../mapStepToComponent';
-export declare const getStepMapperProps: () => StepMapperProps;
-export declare const getMockMapperProps: (mapperProps?: Partial<MapperProps>) => {
-    stepLocalValue: import("../../../types").LocalValue;
-    step: Step;
-    getErrorMessageFunctions: import("../../types").GetErrorMessageFunctions | jest.Mock<any, any, any>;
-    httpClient: typeof fetch | jest.Mock<any, any, any>;
-    onBehavior: import("../../../types").OnBehavior | 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>;
-    onLink: jest.Mock<any, any, any>;
-};
-export declare const getMockSchemaMapperProps: <S extends Schema>(schemaMapperProps: Partial<SchemaMapperProps> & {
-    schema: S;
-}) => {
-    uid: string;
-    schemaId?: string | undefined;
-    schema: (Schema | undefined) & S;
-    model: import("@wise/dynamic-flow-types/spec").Model;
-    localValue: import("../../../types").LocalValue;
-    required: boolean;
-    validationErrors: import("@wise/dynamic-flow-types/spec").ValidationError;
-    persistAsyncConfig?: import("../../types").PersistAsyncConfig | undefined;
-    onPersistAsync?: import("../../../types").OnPersistAsync | undefined;
-};
-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, [], any>;

package/build/types/test-utils/NeptuneProviders.d.ts

@@ -1,5 +0,0 @@
-import type React from 'react';
-declare function NeptuneProviders({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export default NeptuneProviders;

package/build/types/test-utils/getRandomId.d.ts

@@ -1 +0,0 @@
-export declare const getRandomId: () => string;

package/build/types/test-utils/index.d.ts

@@ -1,2 +0,0 @@
-export { getMockHttpClient, respondWith, respondWithDelay, respondWithEtag, respondWithEmptyOk, respondWithEmptyAndEtag, } from './fetch-utils';
-export { renderWithProviders } from './rtl-utils';

package/build/types/test-utils/rtl-utils.d.ts

@@ -1,2 +0,0 @@
-import { type RenderResult, type RenderOptions } from '@testing-library/react';
-export declare const renderWithProviders: (children: React.ReactNode, options?: RenderOptions) => RenderResult;

package/build/types/tests/renderers/TextInputRenderer.test.d.ts

@@ -1 +0,0 @@
-export {};