@wise/dynamic-flow-client 4.5.3 → 4.5.4

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

@@ -1,14 +1,12 @@
 import type { Model } from '@wise/dynamic-flow-types/build/next';
-import type { ComponentWithTitle, DomainComponent, InlineAlert, LocalValue, RepeatableSummary } from '../types';
-export type AllOfComponent = ComponentWithTitle & {
+import type { BaseSchemaComponent, ComponentWithTitle, DomainComponent, InlineAlert, LocalValue, RepeatableSummary } from '../types';
+export type AllOfComponent = ComponentWithTitle & BaseSchemaComponent & {
     type: 'all-of';
     components: DomainComponent[];
     alert?: InlineAlert;
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValue;
 };
-export declare const createAllOfComponent: (allOfProps: Pick<AllOfComponent, "alert" | "control" | "description" | "components" | "help" | "hidden" | "icon" | "image" | "title"> & {
-    uid: string;
-    analyticsId?: string;
+export declare const createAllOfComponent: (allOfProps: Pick<AllOfComponent, "uid" | "schemaId" | "analyticsId" | "alert" | "control" | "description" | "components" | "help" | "hidden" | "icon" | "image" | "title"> & {
     summariser: (value: Model | null) => RepeatableSummary;
 }) => AllOfComponent;

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

@@ -1,10 +1,10 @@
 import type { Model } from '@wise/dynamic-flow-types/build/next';
-import type { BaseComponent, LocalValue, RepeatableSummary } from '../types';
-export type ConstComponent = BaseComponent & {
+import type { BaseComponent, BaseSchemaComponent, LocalValue, RepeatableSummary } from '../types';
+export type ConstComponent = BaseComponent & BaseSchemaComponent & {
     type: 'const';
     getLocalValue: () => LocalValue;
 };
-export declare const createConstComponent: (hiddenProps: Pick<ConstComponent, "analyticsId" | "uid"> & {
+export declare const createConstComponent: (hiddenProps: Pick<ConstComponent, "uid" | "schemaId" | "analyticsId"> & {
     value: Model;
     summary: RepeatableSummary;
 }) => ConstComponent;

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

@@ -1,7 +1,7 @@
-import type { BaseLayoutComponent, DomainComponent } from '../types';
+import type { BaseLayoutComponent, InputComponent } from '../types';
 export type FormComponent = BaseLayoutComponent & {
     type: 'form';
-    components: DomainComponent[];
-    getChildren: () => DomainComponent[];
+    inputComponent: InputComponent;
+    getChildren: () => InputComponent[];
 };
-export declare const createFormComponent: (formProps: Pick<FormComponent, "uid" | "components" | "control" | "margin">) => FormComponent;
+export declare const createFormComponent: (formProps: Pick<FormComponent, "uid" | "inputComponent" | "control" | "margin">) => FormComponent;

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

@@ -1,14 +1,12 @@
-import type { ComponentWithTitle, DomainComponent, InlineAlert, LocalValue, LocalValueObject, RepeatableSummary } from '../types';
-export type ObjectComponent = ComponentWithTitle & {
+import type { BaseSchemaComponent, ComponentWithTitle, DomainComponent, InlineAlert, LocalValue, LocalValueObject, RepeatableSummary } from '../types';
+export type ObjectComponent = ComponentWithTitle & BaseSchemaComponent & {
     type: 'object';
     componentMap: Record<string, DomainComponent>;
     alert?: InlineAlert;
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValueObject;
 };
-export declare const createObjectComponent: (objectProps: Pick<ObjectComponent, "alert" | "control" | "description" | "componentMap" | "help" | "hidden" | "icon" | "image" | "title"> & {
-    uid: string;
-    analyticsId?: string;
+export declare const createObjectComponent: (objectProps: Pick<ObjectComponent, "uid" | "schemaId" | "analyticsId" | "alert" | "control" | "description" | "componentMap" | "help" | "hidden" | "icon" | "image" | "title"> & {
     displayOrder: string[];
     summariser: (value: LocalValue | null) => RepeatableSummary;
 }) => ObjectComponent;

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

@@ -1,7 +1,7 @@
 import { Icon } from '@wise/dynamic-flow-types/build/next';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { ComponentWithTitle, DomainComponent, Image, InlineAlert, LocalValue, LocalValueArray, OnValueChange, RepeatableSummary, UpdateComponent } from '../types';
-export type RepeatableComponent = ComponentWithTitle & {
+import type { BaseSchemaComponent, ComponentWithTitle, DomainComponent, Image, InlineAlert, LocalValue, LocalValueArray, OnValueChange, RepeatableSummary, UpdateComponent } from '../types';
+export type RepeatableComponent = ComponentWithTitle & BaseSchemaComponent & {
     type: 'repeatable';
     id?: string;
     components: DomainComponent[];
@@ -31,8 +31,7 @@ type Summary = {
     providesIcon?: boolean;
     providesImage?: boolean;
 };
-export declare const createRepeatableComponent: (repeatableProps: Pick<RepeatableComponent, "uid" | "id" | "addItemTitle" | "alert" | "components" | "control" | "description" | "editItemTitle" | "errors" | "hidden" | "icon" | "image" | "maxItems" | "minItems" | "title"> & {
-    analyticsId?: string;
+export declare const createRepeatableComponent: (repeatableProps: Pick<RepeatableComponent, "uid" | "schemaId" | "id" | "analyticsId" | "addItemTitle" | "alert" | "components" | "control" | "description" | "editItemTitle" | "errors" | "hidden" | "icon" | "image" | "maxItems" | "minItems" | "title"> & {
     checks: IsInvalidCheck<LocalValueArray | null>[];
     summary?: Summary;
     summariser: (value: LocalValueArray | null) => RepeatableSummary;

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

@@ -1,7 +1,7 @@
 import { AnalyticsEventDispatcher } from '../features/events';
-import { BaseComponent, DomainComponent, LoadingState, LocalValue, UpdateComponent } from '../types';
-import { StepDomainComponent } from './step/StepDomainComponent';
+import { BaseComponent, DomainComponent, InputComponent, LoadingState, LocalValue, UpdateComponent } from '../types';
 import { ModalContentComponent } from './ModalContentComponent';
+import { StepDomainComponent } from './step/StepDomainComponent';
 export type RootDomainComponent = BaseComponent & {
     type: 'root';
     stepComponent: StepDomainComponent | null;
@@ -11,6 +11,7 @@ export type RootDomainComponent = BaseComponent & {
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValue;
     getLoadingState: () => LoadingState;
+    getInputComponents: () => InputComponent[];
     getTrackEvent: () => AnalyticsEventDispatcher<string> | null;
     setLoadingState: (loadingState: LoadingState) => void;
     hasStep: () => boolean;

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

@@ -1,13 +1,11 @@
-import { ComponentWithTitle, DomainComponent, InlineAlert, LocalValue, LocalValueArray, RepeatableSummary } from '../types';
-export type TupleComponent = ComponentWithTitle & {
+import { BaseSchemaComponent, ComponentWithTitle, DomainComponent, InlineAlert, LocalValue, LocalValueArray, RepeatableSummary } from '../types';
+export type TupleComponent = ComponentWithTitle & BaseSchemaComponent & {
     type: 'tuple';
     components: DomainComponent[];
     alert?: InlineAlert;
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValueArray;
 };
-export declare const createTupleComponent: (tupleProps: Pick<TupleComponent, "alert" | "control" | "description" | "components" | "help" | "hidden" | "icon" | "image" | "title"> & {
-    uid: string;
-    analyticsId?: string;
+export declare const createTupleComponent: (tupleProps: Pick<TupleComponent, "uid" | "schemaId" | "analyticsId" | "alert" | "control" | "description" | "components" | "help" | "hidden" | "icon" | "image" | "schemaId" | "title"> & {
     summariser: (value: LocalValue | null) => RepeatableSummary;
 }) => TupleComponent;

package/build/types/revamp/domain/components/step/StepDomainComponent.d.ts

@@ -1,4 +1,4 @@
-import type { BaseComponent, DomainComponent, LoadingState, LocalValue, OnBehavior, UpdateComponent } from '../../types';
+import type { BaseComponent, DomainComponent, InputComponent, LayoutComponent, LoadingState, LocalValue, OnBehavior, UpdateComponent } from '../../types';
 import type { Step } from '@wise/dynamic-flow-types/build/next';
 import type { AnalyticsEventDispatcher } from '../../features/events';
 import type { StepPolling } from '../../features/polling/getStepPolling';
@@ -8,7 +8,8 @@ import { ExternalConfirmationComponent } from './ExternalConfirmationComponent';
 export type StepDomainComponent = BaseComponent & {
     type: 'step';
     back?: BackNavigation;
-    components: DomainComponent[];
+    layoutComponents: LayoutComponent[];
+    inputComponents: InputComponent[];
     control?: string;
     description?: string;
     error?: string;
@@ -32,7 +33,7 @@ type BackNavigation = {
     title?: string;
     onClick: () => void;
 };
-export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "uid" | "back" | "components" | "control" | "description" | "error" | "externalConfirmation" | "loadingState" | "step" | "title" | "trackEvent" | "onBehavior"> & {
+export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "uid" | "back" | "layoutComponents" | "inputComponents" | "control" | "description" | "error" | "externalConfirmation" | "loadingState" | "step" | "title" | "trackEvent" | "onBehavior"> & {
     stepPolling?: StepPolling;
     stepRefreshAfter?: StepRefreshAfter;
     updateComponent: UpdateComponent;

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

@@ -1,4 +1,5 @@
 import type { BoxLayout } from '@wise/dynamic-flow-types/build/next';
 import { type BoxComponent } from '../../components/BoxComponent';
+import type { InputComponent } from '../../types';
 import type { MapperProps } from '../schema/types';
-export declare const boxLayoutToComponent: (uid: string, { border, components, control, margin, width }: BoxLayout, mapperProps: MapperProps) => BoxComponent;
+export declare const boxLayoutToComponent: (uid: string, { border, components, control, margin, width }: BoxLayout, mapperProps: MapperProps, inputComponents: InputComponent[]) => BoxComponent;

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

@@ -1,4 +1,5 @@
 import type { ColumnsLayout } from '@wise/dynamic-flow-types/build/next';
-import type { MapperProps } from '../schema/types';
 import { type ColumnsComponent } from '../../components/ColumnsComponent';
-export declare const columnsLayoutToComponent: (uid: string, { control, left, right, bias, margin }: ColumnsLayout, mapperProps: MapperProps) => ColumnsComponent;
+import type { InputComponent } from '../../types';
+import type { MapperProps } from '../schema/types';
+export declare const columnsLayoutToComponent: (uid: string, { control, left, right, bias, margin }: ColumnsLayout, mapperProps: MapperProps, inputComponents: InputComponent[]) => ColumnsComponent;

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

@@ -1,4 +1,4 @@
 import type { FormLayout } from '@wise/dynamic-flow-types/build/next';
-import type { DomainComponent } from '../../types';
-import type { MapperProps } from '../schema/types';
-export declare const formLayoutToComponent: (uid: string, { schemaId, schema: schemaRef, control, margin }: FormLayout, mapperProps: MapperProps) => DomainComponent;
+import { FormComponent } from '../../components/FormComponent';
+import type { InputComponent } from '../../types';
+export declare const formLayoutToComponent: (uid: string, { schemaId, schema: schemaRef, control, margin }: FormLayout, inputComponents: InputComponent[]) => FormComponent;

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

@@ -1,3 +1,4 @@
 import type { ModalLayout } from '@wise/dynamic-flow-types/build/next';
+import type { InputComponent } from '../../types';
 import type { MapperProps } from '../schema/types';
-export declare const modalLayoutToComponent: (uid: string, { content, control, margin, trigger }: ModalLayout, mapperProps: MapperProps) => import("../../components/ModalComponent").ModalComponent;
+export declare const modalLayoutToComponent: (uid: string, { content, control, margin, trigger }: ModalLayout, mapperProps: MapperProps, inputComponents: InputComponent[]) => import("../../components/ModalComponent").ModalComponent;

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

@@ -1,4 +1,5 @@
 import { ModalBehavior } from '@wise/dynamic-flow-types/build/next';
-import { MapperProps } from '../schema/types';
 import { ModalContentComponent } from '../../components/ModalContentComponent';
-export declare const modalToContent: (uid: string, { content, title }: ModalBehavior, mapperProps: MapperProps) => ModalContentComponent;
+import type { InputComponent } from '../../types';
+import type { MapperProps } from '../schema/types';
+export declare const modalToContent: (uid: string, { content, title }: ModalBehavior, mapperProps: MapperProps, inputComponents: InputComponent[]) => ModalContentComponent;

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

@@ -1,4 +1,4 @@
 import type { Layout } from '@wise/dynamic-flow-types/build/next';
-import type { DomainComponent } from '../types';
+import type { InputComponent, LayoutComponent } from '../types';
 import type { MapperProps } from './schema/types';
-export declare const mapLayoutToComponent: (uid: string, layout: Layout, mapperProps: MapperProps) => DomainComponent;
+export declare const mapLayoutToComponent: (uid: string, layout: Layout, mapperProps: MapperProps, inputComponents: InputComponent[]) => LayoutComponent;

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

@@ -0,0 +1,4 @@
+import { Step } from '@wise/dynamic-flow-types/build/next';
+import { InputComponent, LocalValue } from '../types';
+import { MapperProps } from './schema/types';
+export declare const mapStepSchemas: (uid: string, step: Step, stepLocalValue: LocalValue, mapperProps: MapperProps, referencedSchemaIds: string[]) => InputComponent[];

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

@@ -22,6 +22,7 @@ export declare const getMockSchemaMapperProps: <S extends Schema>(schemaMapperPr
     schema: S;
 }) => {
     uid: string;
+    schemaId?: string | undefined;
     schema: (Schema | undefined) & S;
     model: import("@wise/dynamic-flow-types/build/next").Model;
     localValue: import("../../../types").LocalValue;

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

@@ -17,6 +17,7 @@ export type MapperProps = {
 };
 export type SchemaMapperProps = {
     uid: string;
+    schemaId?: string;
     schema: Schema;
     model: Model;
     localValue: LocalValue;

package/build/types/revamp/domain/mappers/schema/utils/mapCommonSchemaProps.d.ts

@@ -5,6 +5,7 @@ export declare const mapCommonSchemaProps: (schemaMapperProps: SchemaMapperProps
     help?: string | undefined;
     uid: string;
     id: string;
+    schemaId: string | undefined;
     analyticsId: string;
     control: string | undefined;
     description: string | undefined;

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

@@ -89,7 +89,11 @@ export type ComponentWithTitle = BaseComponent & {
     image?: Image;
     title?: string;
 };
-export type BaseInputComponent<V extends LocalValue> = ComponentWithTitle & {
+export type BaseSchemaComponent = {
+    schemaId?: string;
+    isSchemaReferencedInStep?: boolean;
+};
+export type BaseInputComponent<V extends LocalValue> = BaseSchemaComponent & ComponentWithTitle & {
     id: string;
     autoComplete: string;
     disabled: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.5.3",
+  "version": "4.5.4",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -38,17 +38,17 @@
     "@babel/preset-typescript": "7.27.1",
     "@chromatic-com/storybook": "3.2.6",
     "@formatjs/cli": "^6.7.1",
-    "@storybook/addon-a11y": "^8.6.12",
-    "@storybook/addon-actions": "^8.6.12",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-actions": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/manager-api": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-webpack5": "^8.6.12",
-    "@storybook/test": "^8.6.12",
-    "@storybook/types": "^8.6.12",
+    "@storybook/manager-api": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-webpack5": "^8.6.14",
+    "@storybook/test": "^8.6.14",
+    "@storybook/types": "^8.6.14",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
@@ -57,7 +57,7 @@
     "@transferwise/formatting": "^2.13.1",
     "@transferwise/icons": "3.21.0",
     "@transferwise/neptune-css": "14.24.4",
-    "@types/node": "22.15.18",
+    "@types/node": "22.15.19",
     "@types/jest": "29.5.14",
     "@types/react": "18.3.21",
     "@types/react-dom": "18.3.7",
@@ -77,7 +77,7 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^8.6.12",
+    "storybook": "^8.6.14",
     "stylelint": "16.19.1",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.4",
@@ -85,8 +85,8 @@
     "tsx": "4.19.4",
     "typescript": "5.8.3",
     "webpack": "5.99.8",
-    "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",

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

@@ -1,3 +0,0 @@
-import type { DomainComponent } from '../types';
-import type { MapperProps } from './schema/types';
-export declare const mapUnreferencedSchemas: (mapperProps: MapperProps) => DomainComponent[];