@wise/dynamic-flow-client 5.4.1-experimental-controller-59f0d39 → 5.5.0

package/build/types/domain/components/ButtonComponent.d.ts

@@ -1,13 +1,14 @@
 import type { Size } from '@wise/dynamic-flow-types/spec';
-import type { BaseLayoutComponent, Context } from '../types';
+import type { BaseLayoutComponent, Context, Media } from '../types';
 export type ButtonComponent = BaseLayoutComponent & {
     type: 'button';
     kind: 'layout';
     context: Context;
     disabled: boolean;
+    media?: Media;
     pinOrder?: number;
     size?: Size;
     title: string;
     onClick: () => void;
 };
-export declare const createButtonComponent: (buttonProps: Pick<ButtonComponent, "uid" | "context" | "control" | "disabled" | "margin" | "onClick" | "pinOrder" | "size" | "title" | "analyticsId" | "tags">) => ButtonComponent;
+export declare const createButtonComponent: (buttonProps: Pick<ButtonComponent, "uid" | "context" | "control" | "disabled" | "margin" | "media" | "onClick" | "pinOrder" | "size" | "title" | "analyticsId" | "tags">) => ButtonComponent;

package/build/types/renderers/mappers/constComponentToProps.d.ts

@@ -9,5 +9,5 @@ export declare const constComponentToProps: (component: ConstComponent, renderer
     type: "container";
     uid: string;
     childrenProps: import("@wise/dynamic-flow-types/renderers").RendererProps[];
-    children: (JSX.Element | null)[];
+    children: (import("react").JSX.Element | null)[];
 };

package/build/types/useDynamicFlowController.d.ts

@@ -0,0 +1,19 @@
+import { BackConfig, RootDomainComponent } from './domain/components/RootDomainComponent';
+import { GetErrorMessageFunctions } from './domain/mappers/types';
+import { FeatureFlags } from './domain/mappers/utils/FeatureFlags';
+import type { OnValueChange, ScrollToTop } from './domain/types';
+import type { DynamicFlowCoreProps } from './types';
+type UseDynamicFlowCoreProps = Omit<DynamicFlowCoreProps, 'renderers' | 'features'> & {
+    backConfig: BackConfig;
+    features: FeatureFlags;
+    getErrorMessageFunctions: GetErrorMessageFunctions;
+    onChange: () => void;
+    onValueChange: OnValueChange;
+    scrollToTop: ScrollToTop;
+    onLink: (url: string) => boolean;
+};
+export declare function useDynamicFlowController(props: UseDynamicFlowCoreProps): {
+    rootComponent: RootDomainComponent;
+    cancel: () => void;
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.4.1-experimental-controller-59f0d39",
+  "version": "5.5.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -72,8 +72,8 @@
     "typescript": "5.9.3",
     "vitest": "4.0.18",
     "vitest-fetch-mock": "0.4.5",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -81,12 +81,12 @@
     "@transferwise/icons": "^3 || ^4",
     "@transferwise/neptune-css": "^14.22.0",
     "@wise/art": "^2.19.0",
-    "react": "^18",
-    "react-dom": "^18",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
     "react-intl": "^6 || ^7"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.5.0"
+    "@wise/dynamic-flow-types": "4.6.0"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",

package/build/types/controller/FlowController.d.ts

@@ -1,18 +0,0 @@
-import { BackConfig } from '../domain/components/RootDomainComponent';
-import { GetErrorMessageFunctions } from '../domain/mappers/types';
-import { FeatureFlags } from '../domain/mappers/utils/FeatureFlags';
-import { OnValueChange, ScrollToTop } from '../domain/types';
-import { DynamicFlowCoreProps } from '../types';
-export type FlowControllerProps = Omit<DynamicFlowCoreProps, 'renderers' | 'features'> & {
-    backConfig: BackConfig;
-    features: FeatureFlags;
-    getErrorMessageFunctions: GetErrorMessageFunctions;
-    onChange: () => void;
-    onValueChange: OnValueChange;
-    scrollToTop: ScrollToTop;
-    onLink: (url: string) => boolean;
-};
-export declare const createFlowController: (props: FlowControllerProps) => {
-    rootComponent: import("../domain/components/RootDomainComponent").RootDomainComponent;
-    cancel: () => void;
-};

package/build/types/controller/getRequestAbortController.d.ts

@@ -1,4 +0,0 @@
-export declare const getRequestAbortController: () => {
-    abortAndGetNewSignal(): AbortSignal;
-    abort(): void;
-};

package/build/types/controller/getStepCounter.d.ts

@@ -1,9 +0,0 @@
-/**
- * To ensure there are no uid collisions between consecutive steps, we use a
- * counter that is appended to the step id. This means that even steps with the
- * same structure and ids will not have the same component uids.
- */
-export declare const getStepCounter: () => {
-    increment(): void;
-    readonly current: number;
-};