@wise/dynamic-flow-client 5.2.0 → 5.3.0

package/build/types/types.d.ts

@@ -1,5 +1,5 @@
 import type { Renderers } from '@wise/dynamic-flow-types/renderers';
-import type { JsonElement, Model, Step } from '@wise/dynamic-flow-types/spec';
+import type { Model, Step } from '@wise/dynamic-flow-types/spec';
 import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/features/events';
 export type DynamicFlowCoreProps = {
     flowId: string;
@@ -16,16 +16,6 @@ export type DynamicFlowCoreProps = {
     onLog?: LoggingEventHandler;
     onLink: (url: string) => boolean;
 };
-export type DynamicFormController = {
-    /**
-     * Returns the current value of the form, even if it doesn't pass validation.
-     */
-    getValue: () => Promise<JsonElement>;
-    /**
-     * triggers validation in every UI component and returns whether or not the current value is valid.
-     */
-    validate: () => boolean;
-};
 export type InitialAction = {
     id?: string;
     url: string;

package/build/types/useDynamicFlow.d.ts

@@ -0,0 +1,12 @@
+import type { DynamicFlowCoreProps } from './types';
+/**
+ * @experimental This hook may be changed or removed in the future without notice.
+ */
+export declare function useDynamicFlow(props: DynamicFlowCoreProps): {
+    controller: {
+        getSubmittableValue: () => Promise<import("@wise/dynamic-flow-types/spec").JsonElement>;
+        validate: () => boolean;
+        cancel: () => void;
+    };
+    view: import("react/jsx-runtime").JSX.Element;
+};

package/build/types/{useDynamicFlowCore.d.ts → useDynamicFlowController.d.ts}

@@ -8,7 +8,8 @@ type UseDynamicFlowCoreProps = Omit<DynamicFlowCoreProps, 'renderers' | 'feature
     scrollToTop?: ScrollToTop;
     onLink: (url: string) => boolean;
 };
-export declare function useDynamicFlowCore(props: UseDynamicFlowCoreProps): {
+export declare function useDynamicFlowController(props: UseDynamicFlowCoreProps): {
     rootComponent: RootDomainComponent;
+    cancel: () => void;
 };
 export {};

package/build/types/utils/{scrollToTop.d.ts → getScrollToTop.d.ts}

@@ -1,2 +1,2 @@
-import { ScrollToTop } from '../domain/types';
+import type { ScrollToTop } from '../domain/types';
 export declare const getScrollToTop: (normalisedFlowId: string, className: string) => ScrollToTop;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -32,7 +32,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "4.1.3",
-    "@formatjs/cli": "^6.9.0",
+    "@formatjs/cli": "^6.11.0",
     "@storybook/addon-a11y": "^10.1.11",
     "@storybook/addon-docs": "^10.1.11",
     "@storybook/addon-links": "^10.1.11",
@@ -41,21 +41,21 @@
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.1",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "^46.118.0",
+    "@transferwise/components": "^46.121.1",
     "@transferwise/formatting": "^2.13.4",
-    "@transferwise/icons": "4.0.1",
+    "@transferwise/icons": "4.0.2",
     "@transferwise/navigation-ui": "4.41.0",
-    "@transferwise/neptune-css": "14.26.0",
-    "@types/node": "22.19.3",
+    "@transferwise/neptune-css": "14.26.1",
+    "@types/node": "22.19.7",
     "@types/react": "18.3.27",
     "@types/react-dom": "18.3.7",
     "@types/react-intl": "3.0.0",
     "@vitejs/plugin-react": "5.1.2",
-    "@wise/art": "2.25.0",
-    "@wise/components-theming": "^1.9.1",
+    "@wise/art": "2.26.0",
+    "@wise/components-theming": "^1.10.0",
     "esbuild": "0.27.0",
     "eslint-plugin-storybook": "10.1.11",
-    "framer-motion": "^12.23.26",
+    "framer-motion": "^12.26.2",
     "npm-run-all2": "8.0.4",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
@@ -70,7 +70,7 @@
     "stylelint-value-no-unknown-custom-properties": "6.1.0",
     "tsx": "4.21.0",
     "typescript": "5.9.3",
-    "vitest": "4.0.16",
+    "vitest": "4.0.17",
     "vitest-fetch-mock": "0.4.5",
     "@wise/dynamic-flow-fixtures": "0.0.1",
     "@wise/dynamic-flow-renderers": "0.0.0"
@@ -86,7 +86,7 @@
     "react-intl": "^6"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.3.0"
+    "@wise/dynamic-flow-types": "4.4.0"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",

package/build/types/DynamicFormCore.d.ts

@@ -1,11 +0,0 @@
-import type { DynamicFlowCoreProps, DynamicFormController } from './types';
-import type { OnValueChange } from './domain/types';
-/**
- * DynamicFormCore is like DynamicFlowCore, but it also accepts a ForwardedRef.
- * This ref conforms to the DynamicFormController type, containing two functions: `getValue` and `validate`.
- * @experimental This component may be changed in the future without notice.
- */
-export declare const DynamicFormCore: import("react").ForwardRefExoticComponent<Omit<DynamicFlowCoreProps, "onCompletion"> & {
-    onValueChange?: OnValueChange;
-    onCompletion?: DynamicFlowCoreProps["onCompletion"];
-} & import("react").RefAttributes<DynamicFormController>>;