@wise/dynamic-flow-client 4.0.0-experimental-8a78888 → 4.0.0-experimental-0afa26a

package/build/types/revamp/renderers/mappers/utils/inputComponentToProps.d.ts

@@ -1,22 +1,23 @@
-import { ValidationResult } from '@wise/dynamic-flow-renderers';
+import { ValidationResult } from '@wise/dynamic-flow-types/build/renderers';
 import type { InputComponent, LocalValue } from '../../../domain/types';
 export declare const inputComponentToProps: <T extends string, V extends LocalValue>(component: InputComponent<V>, type: T) => {
+    uid: string;
     type: T;
     control: string | undefined;
     description: string | undefined;
     disabled: boolean;
     error: string | undefined;
     help: string | undefined;
-    icon: import("@wise/dynamic-flow-renderers").Icon | undefined;
+    icon: import("@wise/dynamic-flow-types/build/renderers").Icon | undefined;
     id: string;
     image: {
         accessibilityDescription: string | undefined;
         uri: string | undefined;
         url: string;
     } | undefined;
-    title: string | undefined;
     placeholder: string | undefined;
     required: boolean;
+    title: string | undefined;
     validationState: ValidationResult | undefined;
     value: V;
     onBlur: () => void;

package/build/types/revamp/renderers/mappers/utils/mapErrorsToValidationState.d.ts

@@ -1,2 +1,2 @@
-import { ValidationResult } from "@wise/dynamic-flow-renderers";
+import { ValidationResult } from '@wise/dynamic-flow-types/build/renderers';
 export declare const mapErrorsToValidationState: (errors: string[] | undefined) => ValidationResult | undefined;

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

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

package/build/types/revamp/test-utils/DynamicFlowWise.d.ts

@@ -0,0 +1,10 @@
+import { DynamicFlowCorePropsWithInitialAction, DynamicFlowCorePropsWithInitialStep } from '../types';
+type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+export type DynamicFlowWisePropsWithInitialAction = MakeOptional<DynamicFlowCorePropsWithInitialAction, 'renderers' | 'onLink'>;
+export type DynamicFlowWisePropsWithInitialStep = MakeOptional<DynamicFlowCorePropsWithInitialStep, 'renderers' | 'onLink'>;
+export type DynamicFlowWiseProps = DynamicFlowWisePropsWithInitialAction | DynamicFlowWisePropsWithInitialStep;
+/**
+ * This component is only used in tests.
+ */
+declare function DynamicFlowWise(props: DynamicFlowWiseProps): import("react/jsx-runtime").JSX.Element;
+export default DynamicFlowWise;

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

@@ -1,6 +1,17 @@
-import type { Step, Model, JsonElement } from '@wise/dynamic-flow-types/build/next';
+import type { Renderers } from '@wise/dynamic-flow-types/build/renderers';
+import type { JsonElement, Model, Step } from '@wise/dynamic-flow-types/build/next';
 import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/features/events';
-import type { Renderers } from '@wise/dynamic-flow-renderers';
+type DynamicFlowCorePropsBasic = {
+    flowId: string;
+    displayStepTitle?: boolean;
+    httpClient: HttpClient;
+    renderers: Renderers;
+    onCompletion: (result: Model) => void;
+    onError: (error: unknown, status?: number) => void;
+    onEvent?: AnalyticsEventHandler;
+    onLog?: LoggingEventHandler;
+    onLink: (url: string) => boolean;
+};
 export type DynamicFlowCoreProps = DynamicFlowCorePropsWithInitialAction | DynamicFlowCorePropsWithInitialStep;
 export type DynamicFlowCorePropsWithInitialAction = DynamicFlowCorePropsBasic & {
     initialAction: InitialAction;
@@ -10,11 +21,7 @@ export type DynamicFlowCorePropsWithInitialStep = DynamicFlowCorePropsBasic & {
     initialAction?: never;
     initialStep: Step;
 };
-type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-export type DynamicFlowWisePropsWithInitialAction = MakeOptional<DynamicFlowCorePropsWithInitialAction, 'renderers' | 'onLink'>;
-export type DynamicFlowWisePropsWithInitialStep = MakeOptional<DynamicFlowCorePropsWithInitialStep, 'renderers' | 'onLink'>;
-export type DynamicFlowWiseProps = DynamicFlowWisePropsWithInitialAction | DynamicFlowWisePropsWithInitialStep;
-export type DynamicFragmentController = {
+export type DynamicFormController = {
     /**
      * Returns the current value of the form, even if it doesn't pass validation.
      */
@@ -35,21 +42,5 @@ export type InitialAction = {
     method: 'POST';
     data: Model;
 };
-type DynamicFlowCorePropsBasic = {
-    flowId: string;
-    displayStepTitle?: boolean;
-    features?: Feature[];
-    httpClient: HttpClient;
-    renderers: Renderers;
-    onCompletion: (result: Model) => void;
-    onError: (error: unknown, status?: number) => void;
-    onEvent?: AnalyticsEventHandler;
-    onLog?: LoggingEventHandler;
-    onLink: (url: string) => boolean;
-};
 export type HttpClient = typeof fetch;
-type Feature = {
-    featureName: string;
-    variant: number | null;
-};
 export {};

package/build/types/revamp/utils/type-utils.d.ts

@@ -1,7 +1,5 @@
 import type { AllOfSchema, ArraySchema, ArraySchemaList, ArraySchemaTuple, BlobSchema, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
 import type { PersistAsync } from '@wise/dynamic-flow-types/build/next/feature/PersistAsync';
-import type { ColumnsComponent } from '../domain/components/ColumnsComponent';
-import type { RepeatableComponent } from '../domain/components/RepeatableComponent';
 import type { DomainComponent, LocalValue, LocalValueArray, LocalValueObject } from '../domain/types';
 type SchemaWithPersistAsync = (ArraySchemaList | ArraySchemaTuple | BooleanSchema | IntegerSchema | NumberSchema | StringSchema) & {
     persistAsync: PersistAsync;
@@ -17,11 +15,9 @@ export type PersistAsyncWithUploadSchema = Schema & {
 export declare const hasChildren: (component: DomainComponent) => component is DomainComponent & {
     getChildren: () => DomainComponent[];
 };
-export declare const isColumnsComponent: (component: DomainComponent) => component is ColumnsComponent;
 export declare const isHiddenComponent: (component: DomainComponent) => component is DomainComponent & {
     hidden: true;
 };
-export declare const isRepeatableComponent: (component: DomainComponent) => component is RepeatableComponent;
 export declare const isObjectLocalValue: (value: LocalValue) => value is LocalValueObject;
 export declare const isArrayLocalValue: (value: LocalValue) => value is LocalValueArray;
 export declare const isObjectModel: (model: Model) => model is Record<string, Model>;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.0.0-experimental-8a78888",
+  "version": "4.0.0-experimental-0afa26a",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
-  "main": "./build/main.min.js",
+  "main": "./build/main.js",
   "module": "./build/main.mjs",
   "types": "./build/types/index.d.ts",
   "style": "./build/main.css",
@@ -14,7 +14,7 @@
     ".": {
       "types": "./build/types/index.d.ts",
       "import": "./build/main.mjs",
-      "require": "./build/main.min.js"
+      "require": "./build/main.js"
     },
     "./build/main.css": "./build/main.css"
   },
@@ -38,25 +38,25 @@
     "@babel/preset-typescript": "7.26.0",
     "@chromatic-com/storybook": "3.2.4",
     "@formatjs/cli": "^6.5.1",
-    "@storybook/addon-a11y": "^8.5.1",
-    "@storybook/addon-actions": "^8.5.1",
-    "@storybook/addon-essentials": "^8.5.1",
-    "@storybook/addon-interactions": "^8.5.1",
-    "@storybook/addon-links": "^8.5.1",
+    "@storybook/addon-a11y": "^8.5.4",
+    "@storybook/addon-actions": "^8.5.4",
+    "@storybook/addon-essentials": "^8.5.4",
+    "@storybook/addon-interactions": "^8.5.4",
+    "@storybook/addon-links": "^8.5.4",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/manager-api": "^8.5.1",
-    "@storybook/react": "^8.5.1",
-    "@storybook/react-webpack5": "^8.5.1",
-    "@storybook/test": "^8.5.1",
-    "@storybook/types": "^8.5.1",
+    "@storybook/manager-api": "^8.5.4",
+    "@storybook/react": "^8.5.4",
+    "@storybook/react-webpack5": "^8.5.4",
+    "@storybook/test": "^8.5.4",
+    "@storybook/types": "^8.5.4",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.87.0",
+    "@transferwise/components": "46.92.0",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.18.0",
-    "@transferwise/neptune-css": "14.20.1",
+    "@transferwise/neptune-css": "14.22.0",
     "@types/node": "22.10.10",
     "@types/jest": "29.5.14",
     "@types/react": "18.3.18",
@@ -65,7 +65,7 @@
     "@wise/art": "2.19.0",
     "@wise/components-theming": "^1.6.1",
     "babel-jest": "29.7.0",
-    "esbuild": "0.24.2",
+    "esbuild": "0.25.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
@@ -77,7 +77,7 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^8.5.1",
+    "storybook": "^8.5.4",
     "stylelint": "16.14.0",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.2",
@@ -89,11 +89,11 @@
     "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
-    "@transferwise/components": "^46.31",
+    "@transferwise/components": "^46.92.0",
     "@transferwise/formatting": "^2",
-    "@transferwise/icons": "^3",
-    "@transferwise/neptune-css": "^14",
-    "@wise/art": "^2.7.0",
+    "@transferwise/icons": "^3.18.0",
+    "@transferwise/neptune-css": "^14.22.0",
+    "@wise/art": "^2.19.0",
     "react": "^18",
     "react-dom": "^18",
     "react-intl": "^6"
@@ -102,7 +102,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.0.0-experimental-8a78888"
+    "@wise/dynamic-flow-types": "3.0.0-experimental-0afa26a"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",