@wise/dynamic-flow-client 4.19.4 → 4.20.0

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

@@ -1,8 +1,10 @@
+import type { Size } from '@wise/dynamic-flow-types/build/next';
 import type { Align, BaseLayoutComponent } from '../types';
 export type MarkdownComponent = BaseLayoutComponent & {
     type: 'markdown';
     kind: 'layout';
     align: Align;
     content: string;
+    size: Size;
 };
-export declare const createMarkdownComponent: (markdownProps: Pick<MarkdownComponent, "uid" | "analyticsId" | "align" | "control" | "content" | "margin" | "tags">) => MarkdownComponent;
+export declare const createMarkdownComponent: (markdownProps: Pick<MarkdownComponent, "uid" | "analyticsId" | "align" | "control" | "content" | "margin" | "size" | "tags">) => MarkdownComponent;

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

@@ -0,0 +1,22 @@
+import { JsonObject } from '@wise/dynamic-flow-types/build/next';
+import { IsInvalidCheck } from '../features/validation/value-checks';
+import { BaseInputComponent, LocalValue, LocalValueObject, RepeatableSummary, UpdateComponent } from '../types';
+import { SelectInputComponent } from './SelectInputComponent';
+import { TextInputComponent } from './TextInputComponent';
+export type MoneyInputComponent = BaseInputComponent<LocalValueObject> & {
+    type: 'money-input';
+    kind: 'input';
+    components: {
+        amount: TextInputComponent;
+        currency: SelectInputComponent;
+    };
+};
+export declare const createMoneyInputComponent: (moneyInputProps: Pick<MoneyInputComponent, "id" | "uid" | "schemaId" | "analyticsId" | "control" | "description" | "disabled" | "errors" | "required" | "help" | "hidden" | "media" | "title" | "tags"> & {
+    amountKey: string;
+    amountComponent: TextInputComponent;
+    currencyKey: string;
+    currencyComponent: SelectInputComponent;
+    extraValues: JsonObject;
+    checks: IsInvalidCheck<string | null>[];
+    summariser: (value: LocalValue | null) => RepeatableSummary;
+}, updateComponent: UpdateComponent) => MoneyInputComponent;

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

@@ -1,8 +1,10 @@
+import type { Size } from '@wise/dynamic-flow-types/build/next';
 import type { Align, BaseLayoutComponent } from '../types';
 export type ParagraphComponent = BaseLayoutComponent & {
     type: 'paragraph';
     kind: 'layout';
     align: Align;
+    size: Size;
     text: string;
 };
-export declare const createParagraphComponent: (paragraphProps: Pick<ParagraphComponent, "uid" | "analyticsId" | "align" | "control" | "margin" | "text" | "tags">) => ParagraphComponent;
+export declare const createParagraphComponent: (paragraphProps: Pick<ParagraphComponent, "uid" | "analyticsId" | "align" | "control" | "margin" | "size" | "text" | "tags">) => ParagraphComponent;

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

@@ -15,6 +15,7 @@ export type SelectInputComponent = BaseInputComponent<LocalValue | null> & {
     getSelectedChild: () => SchemaComponent | null;
 };
 export type SelectInputOption = {
+    analyticsId?: string;
     title: string;
     description?: string;
     media?: Media;

package/build/types/revamp/domain/features/validation/value-checks.d.ts

@@ -17,6 +17,8 @@ export declare const getAboveMaxLengthCheck: GetIsInvalidCheck<StringSchema, str
 export declare const getBelowMinLengthCheck: GetIsInvalidCheck<StringSchema, string | null>;
 export declare const getAboveMaximumCheck: GetIsInvalidCheck<NumberSchema | IntegerSchema, number | null>;
 export declare const getBelowMinimumCheck: GetIsInvalidCheck<NumberSchema | IntegerSchema, number | null>;
+export declare const getAboveMaximumMoneyAmountCheck: GetIsInvalidCheck<StringSchema, string | null>;
+export declare const getBelowMinimumMoneyAmountCheck: GetIsInvalidCheck<StringSchema, string | null>;
 export declare const getAboveMaximumDateCheck: GetIsInvalidCheck<StringSchema, string | null>;
 export declare const getBelowMinimumDateCheck: GetIsInvalidCheck<StringSchema, string | null>;
 export declare const getNotAdheringToPatternCheck: GetIsInvalidCheck<StringSchema, string | null>;

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

@@ -1,2 +1,2 @@
 import type { MarkdownLayout } from '@wise/dynamic-flow-types/build/next';
-export declare const markdownLayoutToComponent: (uid: string, { analyticsId, align, margin, control, content, tags }: MarkdownLayout) => import("../../components/MarkdownComponent").MarkdownComponent;
+export declare const markdownLayoutToComponent: (uid: string, { analyticsId, align, margin, control, content, size, tags, }: MarkdownLayout) => import("../../components/MarkdownComponent").MarkdownComponent;

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

@@ -1,2 +1,2 @@
 import type { ParagraphLayout } from '@wise/dynamic-flow-types/build/next';
-export declare const paragraphLayoutToComponent: (uid: string, { analyticsId, align, control, margin, tags, text }: ParagraphLayout) => import("../../components/ParagraphComponent").ParagraphComponent;
+export declare const paragraphLayoutToComponent: (uid: string, { analyticsId, align, control, margin, size, tags, text }: ParagraphLayout) => import("../../components/ParagraphComponent").ParagraphComponent;

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

@@ -0,0 +1,3 @@
+import type { ObjectSchema } from '@wise/dynamic-flow-types/build/next';
+import { LoggingEventDispatcher } from '../../../features/events';
+export declare const assertDisplayOrder: (schema: ObjectSchema, logEvent: LoggingEventDispatcher) => void;

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

@@ -0,0 +1,5 @@
+import type { ObjectSchema } from '@wise/dynamic-flow-types/build/next';
+import type { MapperProps, SchemaMapperProps } from '../types';
+export declare const objectSchemaToMoneyInputComponent: (schemaMapperProps: SchemaMapperProps & {
+    schema: ObjectSchema;
+}, mapperProps: MapperProps) => import("../../../components/MoneyInputComponent").MoneyInputComponent;

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

@@ -0,0 +1,9 @@
+import type { ObjectSchema } from '@wise/dynamic-flow-types/build/next';
+import type { SchemaComponent } from '../../../types';
+import type { MapperProps, SchemaMapperProps } from '../types';
+export declare const objectSchemaToObjectComponent: (schemaMapperProps: SchemaMapperProps & {
+    schema: ObjectSchema;
+}, mapperProps: MapperProps) => import("../../../components/ObjectComponent").ObjectComponent;
+export declare const createComponentMap: (schemaMapperProps: SchemaMapperProps & {
+    schema: ObjectSchema;
+}, mapperProps: MapperProps, uidPrefix: string) => Record<string, SchemaComponent>;

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

@@ -468,4 +468,40 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     onUpload: (value: File | null) => Promise<void>;
 } & {
     kind: "input";
+}) | (import("../../../types").BaseComponent & {
+    schemaId?: string;
+    isSchemaReferencedInStep?: boolean;
+    control?: string;
+    description?: string;
+    help?: string;
+    hidden: boolean;
+    media?: import("../../../types").Media;
+    title?: string;
+    tags?: string[];
+    getLocalValue: () => import("../../../types").LocalValueObject;
+    getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
+    getSummary: () => import("../../../types").RepeatableSummary;
+    getSubmittableValue: () => Promise<import("@wise/dynamic-flow-types/build/next").Model>;
+    validate: () => boolean;
+} & {
+    id: string;
+    autoComplete: string;
+    disabled: boolean;
+    errors: string[] | undefined;
+    placeholder?: string;
+    required: boolean;
+    validationAsyncState?: import("../../../types").ValidationAsyncState;
+    value: import("../../../types").LocalValueObject;
+    alert?: import("../../../types").InlineAlert;
+    onBlur: () => void;
+    onFocus: () => void;
+} & {
+    type: "money-input";
+    kind: "input";
+    components: {
+        amount: import("../../../components/TextInputComponent").TextInputComponent;
+        currency: import("../../../components/SelectInputComponent").SelectInputComponent;
+    };
+} & {
+    kind: "input";
 });

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

@@ -481,4 +481,40 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     onUpload: (value: File | null) => Promise<void>;
 } & {
     kind: "input";
+}) | (import("../../types").BaseComponent & {
+    schemaId?: string;
+    isSchemaReferencedInStep?: boolean;
+    control?: string;
+    description?: string;
+    help?: string;
+    hidden: boolean;
+    media?: import("../../types").Media;
+    title?: string;
+    tags?: string[];
+    getLocalValue: () => import("../../types").LocalValueObject;
+    getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
+    getSummary: () => import("../../types").RepeatableSummary;
+    getSubmittableValue: () => Promise<import("@wise/dynamic-flow-types/build/next").Model>;
+    validate: () => boolean;
+} & {
+    id: string;
+    autoComplete: string;
+    disabled: boolean;
+    errors: string[] | undefined;
+    placeholder?: string;
+    required: boolean;
+    validationAsyncState?: import("../../types").ValidationAsyncState;
+    value: import("../../types").LocalValueObject;
+    alert?: import("../../types").InlineAlert;
+    onBlur: () => void;
+    onFocus: () => void;
+} & {
+    type: "money-input";
+    kind: "input";
+    components: {
+        amount: import("../../components/TextInputComponent").TextInputComponent;
+        currency: import("../../components/SelectInputComponent").SelectInputComponent;
+    };
+} & {
+    kind: "input";
 });

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

@@ -2,8 +2,8 @@ import type { PersistAsync } from '@wise/dynamic-flow-types/build/next/feature/P
 export type GetErrorMessageFunctions = (validationMessages?: ValidationMessages) => ErrorMessageFunctions;
 export type ValidationMessages = Record<string, string | undefined>;
 export type ErrorMessageFunctions = {
-    maximum: (maximum: number) => string;
-    minimum: (minimum: number) => string;
+    maximum: (maximum: string | number) => string;
+    minimum: (minimum: string | number) => string;
     maximumDate: (maxDate: string) => string;
     minimumDate: (minDate: string) => string;
     maxLength: (maxLength: number) => string;

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

@@ -20,6 +20,7 @@ import type { LoadingIndicatorComponent } from './components/LoadingIndicatorCom
 import type { MarkdownComponent } from './components/MarkdownComponent';
 import type { ModalComponent } from './components/ModalComponent';
 import type { ModalLayoutComponent } from './components/ModalLayoutComponent';
+import type { MoneyInputComponent } from './components/MoneyInputComponent';
 import type { MultiSelectComponent } from './components/MultiSelectInputComponent';
 import type { MultiUploadInputComponent } from './components/MultiUploadInputComponent';
 import type { NumberInputComponent } from './components/NumberInputComponent';
@@ -40,7 +41,7 @@ import type { TabsComponent } from './components/TabsComponent';
 import type { TextInputComponent } from './components/TextInputComponent';
 import type { TupleComponent } from './components/TupleComponent';
 import type { UploadInputComponent } from './components/UploadInputComponent';
-export type DomainComponent = RootDomainComponent | StepDomainComponent | PersistAsyncComponent | AllOfComponent | BooleanInputComponent | ConstComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | RepeatableComponent | SelectInputComponent | TextInputComponent | TupleComponent | UploadInputComponent | AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DecisionComponent | DividerComponent | ExternalConfirmationComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | ModalLayoutComponent | ModalComponent | ParagraphComponent | ProgressComponent | ReviewComponent | SearchComponent | SectionComponent | StatusListComponent | TabsComponent;
+export type DomainComponent = RootDomainComponent | StepDomainComponent | PersistAsyncComponent | AllOfComponent | BooleanInputComponent | ConstComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | RepeatableComponent | SelectInputComponent | TextInputComponent | TupleComponent | UploadInputComponent | AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DecisionComponent | DividerComponent | ExternalConfirmationComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | ModalLayoutComponent | ModalComponent | MoneyInputComponent | ParagraphComponent | ProgressComponent | ReviewComponent | SearchComponent | SectionComponent | StatusListComponent | TabsComponent;
 export type SchemaComponent = DomainComponent & {
     kind: 'input';
 };

package/build/types/revamp/renderers/mappers/moneyInputComponentToProps.d.ts

@@ -0,0 +1,4 @@
+import { MoneyInputRendererProps } from '@wise/dynamic-flow-types/build/renderers';
+import { MoneyInputComponent } from '../../domain/components/MoneyInputComponent';
+import { RendererMapperProps } from './componentToRendererProps';
+export declare const moneyInputComponentToProps: (component: MoneyInputComponent, rendererMapperProps: RendererMapperProps) => MoneyInputRendererProps;

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

@@ -0,0 +1,3 @@
+import { ValidationResult } from '@wise/dynamic-flow-types/build/renderers';
+import type { ValidationAsyncState } from '../../../domain/types';
+export declare const getValidationState: (errors: string[] | undefined, validationAsyncState: ValidationAsyncState | undefined) => ValidationResult | undefined;

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

@@ -1,8 +1,7 @@
-import { ValidationResult } from '@wise/dynamic-flow-types/build/renderers';
 import type { BaseInputComponent, LocalValue } from '../../../domain/types';
 export declare const inputComponentToProps: <T extends string, V extends LocalValue>(component: BaseInputComponent<V>, type: T) => {
     media?: import("@wise/dynamic-flow-types/build/renderers").Media;
-    icon?: import("@wise/dynamic-flow-types/build/renderers").Icon;
+    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
     image?: import("@wise/dynamic-flow-types/build/renderers").Image;
     uid: string;
     analyticsId: string | undefined;
@@ -17,7 +16,7 @@ export declare const inputComponentToProps: <T extends string, V extends LocalVa
     required: boolean;
     title: string | undefined;
     tags: string[] | undefined;
-    validationState: ValidationResult | undefined;
+    validationState: import("@wise/dynamic-flow-types/build/renderers").ValidationResult | undefined;
     value: V;
     onBlur: () => void;
     onFocus: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.19.4",
+  "version": "4.20.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -30,18 +30,18 @@
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
   "devDependencies": {
-    "@babel/core": "7.28.4",
+    "@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.3",
-    "@babel/preset-react": "7.27.1",
-    "@babel/preset-typescript": "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.1",
     "@formatjs/cli": "^6.7.4",
-    "@storybook/addon-a11y": "^9.1.13",
-    "@storybook/addon-docs": "^9.1.13",
-    "@storybook/addon-links": "^9.1.13",
-    "@storybook/react-vite": "9.1.13",
+    "@storybook/addon-a11y": "^9.1.15",
+    "@storybook/addon-docs": "^9.1.15",
+    "@storybook/addon-links": "^9.1.15",
+    "@storybook/react-vite": "9.1.15",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.0",
@@ -52,7 +52,7 @@
     "@transferwise/navigation-ui": "4.40.0",
     "@transferwise/neptune-css": "14.25.1",
     "@types/jest": "30.0.0",
-    "@types/node": "22.18.11",
+    "@types/node": "22.18.12",
     "@types/react": "18.3.26",
     "@types/react-dom": "18.3.7",
     "@types/react-intl": "3.0.0",
@@ -60,7 +60,7 @@
     "@wise/components-theming": "^1.7.0",
     "babel-jest": "30.2.0",
     "esbuild": "0.25.9",
-    "eslint-plugin-storybook": "9.1.13",
+    "eslint-plugin-storybook": "9.1.15",
     "jest": "30.2.0",
     "jest-environment-jsdom": "30.2.0",
     "jest-fetch-mock": "^3.0.3",
@@ -72,15 +72,15 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^9.1.13",
+    "storybook": "^9.1.15",
     "stylelint": "16.25.0",
     "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",
     "typescript": "5.9.3",
-    "@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",
@@ -96,7 +96,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.17.0"
+    "@wise/dynamic-flow-types": "3.18.0"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",

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

@@ -1,5 +0,0 @@
-import type { ObjectSchema } from '@wise/dynamic-flow-types/build/next';
-import type { MapperProps, SchemaMapperProps } from '../types';
-export declare const objectSchemaToComponent: (schemaMapperProps: SchemaMapperProps & {
-    schema: ObjectSchema;
-}, mapperProps: MapperProps) => import("../../../components/ObjectComponent").ObjectComponent;