@wise/dynamic-flow-client 4.5.1 → 4.5.3-experimental-sca-error-handling-8133bb0

package/build/types/index.d.ts

@@ -13,4 +13,4 @@ export { DynamicLayout as Layout } from './legacy/layout';
 export { isValidSchema } from './legacy/common/validators';
 export * from './legacy/dynamicFlow/DynamicFlow';
 export { findRendererPropsByType } from './revamp/renderers/utils';
-export type { Renderers, Renderer, AlertRendererProps, CheckboxInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, SectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';
+export type { Renderers, Renderer, AlertRendererProps, CheckboxInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, FormSectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';

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

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

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

@@ -8,7 +8,7 @@ export type BooleanInputComponent = InputComponent<boolean> & {
     validationAsyncState: ValidationAsyncState;
     onChange: (value: boolean) => void;
 };
-export declare const createBooleanInputComponent: (booleanInputProps: Pick<BooleanInputComponent, "uid" | "id" | "analyticsId" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "icon" | "image" | "persistedState" | "required" | "title" | "value" | "validationAsyncState"> & {
+export declare const createBooleanInputComponent: (booleanInputProps: Pick<BooleanInputComponent, "uid" | "id" | "analyticsId" | "alert" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "icon" | "image" | "persistedState" | "required" | "title" | "value" | "validationAsyncState"> & {
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;
     performValidationAsync: PerformValidationAsync | undefined;

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

@@ -12,7 +12,7 @@ export type DateInputComponent = InputComponent<string | null> & {
     validationAsyncState: ValidationAsyncState;
     onChange: (value: string | null) => void;
 };
-export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "icon" | "image" | "minimumDate" | "maximumDate" | "persistedState" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
+export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "icon" | "image" | "minimumDate" | "maximumDate" | "persistedState" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<string | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;

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

@@ -11,7 +11,7 @@ export type IntegerInputComponent = InputComponent<number | null> & {
     validationAsyncState: ValidationAsyncState;
     onChange: (value: number | null) => void;
 };
-export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "icon" | "image" | "maximum" | "minimum" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
+export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "alert" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "icon" | "image" | "maximum" | "minimum" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<number | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;

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

@@ -15,7 +15,7 @@ export type MultiSelectComponent = InputComponent<LocalValueArray | null> & {
     getSelectedChildren: () => DomainComponent[] | null;
     onSelect: (indices: number[]) => void;
 };
-export declare const createMultiSelectComponent: (multiSelectProps: Pick<MultiSelectComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "hidden" | "icon" | "image" | "maxItems" | "minItems" | "required" | "title" | "validationAsyncState"> & {
+export declare const createMultiSelectComponent: (multiSelectProps: Pick<MultiSelectComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "alert" | "control" | "description" | "disabled" | "errors" | "hidden" | "icon" | "image" | "maxItems" | "minItems" | "required" | "title" | "validationAsyncState"> & {
     checks: IsInvalidCheck<LocalValueArray | null>[];
     initialValue: LocalValue;
     options: (SelectInputOption & {

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

@@ -22,7 +22,7 @@ export type MultiUploadInputComponent = InputComponent<File[]> & {
     onRemoveFile: (index: number) => Promise<void>;
     onInsertFile: (index: number, file: File) => Promise<string>;
 };
-export declare const createMultiUploadInputComponent: (uploadInputProps: Pick<MultiUploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "autoComplete" | "cameraConfig" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "icon" | "image" | "maxSize" | "minItems" | "maxItems" | "persistedState" | "placeholder" | "required" | "source" | "title" | "uploadLabel" | "value"> & {
+export declare const createMultiUploadInputComponent: (uploadInputProps: Pick<MultiUploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "alert" | "autoComplete" | "cameraConfig" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "icon" | "image" | "maxSize" | "minItems" | "maxItems" | "persistedState" | "placeholder" | "required" | "source" | "title" | "uploadLabel" | "value"> & {
     checks: IsInvalidCheck<File[]>[];
     fileChecks: IsInvalidCheck<File>[];
     performPersistAsync: PerformPersistAsync | undefined;

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

@@ -11,7 +11,7 @@ export type NumberInputComponent = InputComponent<number | null> & {
     validationAsyncState: ValidationAsyncState;
     onChange: (value: number | null) => void;
 };
-export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "icon" | "image" | "maximum" | "minimum" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
+export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "icon" | "image" | "maximum" | "minimum" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<number | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;

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

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

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

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

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

@@ -21,7 +21,7 @@ export type SelectInputOption = {
     keywords: string[];
     disabled: boolean;
 };
-export declare const createSelectInputComponent: (selectProps: Pick<SelectInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "icon" | "image" | "placeholder" | "required" | "title"> & {
+export declare const createSelectInputComponent: (selectProps: Pick<SelectInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "icon" | "image" | "placeholder" | "required" | "title"> & {
     initialModel: Model;
     options: (SelectInputOption & {
         component: DomainComponent;

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

@@ -14,7 +14,7 @@ export type TextInputComponent = InputComponent<string | null> & {
     validationAsyncState: ValidationAsyncState;
     onChange: (value: string | null) => void;
 };
-export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "autocapitalization" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "icon" | "image" | "maxLength" | "minLength" | "persistedState" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
+export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autocapitalization" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "icon" | "image" | "maxLength" | "minLength" | "persistedState" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<string | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performValidationAsync: PerformValidationAsync | undefined;

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

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

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

@@ -14,7 +14,7 @@ export type UploadInputComponent = InputComponent<File | null> & {
     validationAsyncState?: undefined;
     onUpload: (value: File | null) => Promise<void>;
 };
-export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "autoComplete" | "cameraConfig" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "icon" | "image" | "maxSize" | "persistedState" | "placeholder" | "required" | "source" | "title" | "value"> & {
+export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "alert" | "autoComplete" | "cameraConfig" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "icon" | "image" | "maxSize" | "persistedState" | "placeholder" | "required" | "source" | "title" | "value"> & {
     checks: IsInvalidCheck<File | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh?: PerformRefresh | undefined;

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

@@ -1,5 +1,5 @@
-import type { SchemaMapperProps } from './types';
 import type { ConstSchema } from '@wise/dynamic-flow-types/build/next';
+import type { SchemaMapperProps } from './types';
 export declare const constSchemaToComponent: (uid: string, schemaMapperProps: SchemaMapperProps & {
     schema: ConstSchema;
 }) => import("../../components/ConstComponent").ConstComponent;

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

@@ -1,5 +1,6 @@
 import type { SchemaMapperProps } from '../types';
 export declare const mapCommonSchemaProps: (schemaMapperProps: SchemaMapperProps) => {
+    alert?: import("../../../types").InlineAlert | undefined;
     placeholder?: string | undefined;
     help?: string | undefined;
     uid: string;

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

@@ -1,4 +1,5 @@
-import type { AdditionalInfo as SpecAdditionalInfo, InlineAlert as SpecInlineAlert } from '@wise/dynamic-flow-types/build/next';
+import type { AlertLayout, AdditionalInfo as SpecAdditionalInfo, InlineAlert as SpecInlineAlert } from '@wise/dynamic-flow-types/build/next';
 import { AdditionalInfo, InlineAlert, OnBehavior } from '../../types';
 export declare const mapInlineAlert: (alert: SpecInlineAlert | undefined) => InlineAlert | undefined;
 export declare const mapAdditionalInfo: (info: SpecAdditionalInfo | undefined, onBehavior: OnBehavior) => AdditionalInfo | undefined;
+export declare const mapSchemaAlert: (alert: AlertLayout | undefined) => InlineAlert | undefined;

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

@@ -96,6 +96,7 @@ export type InputComponent<V extends LocalValue> = ComponentWithTitle & {
     required: boolean;
     validationAsyncState?: ValidationAsyncState;
     value: V;
+    alert?: InlineAlert;
     onBlur: () => void;
     onFocus: () => void;
     getLocalValue: () => V;
@@ -151,7 +152,7 @@ export type AdditionalInfo = {
 };
 export type InlineAlert = {
     content: string;
-    context?: Context;
+    context: Context;
 };
 export type SupportingValues = {
     value?: string;

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

@@ -1,4 +1,4 @@
+import type { FormSectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import type { AllOfComponent } from '../../domain/components/AllOfComponent';
-import type { SectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import { type RendererMapperProps } from './componentToRendererProps';
-export declare const allOfComponentToProps: (component: AllOfComponent, rendererMapperProps: RendererMapperProps) => SectionRendererProps;
+export declare const allOfComponentToProps: (component: AllOfComponent, rendererMapperProps: RendererMapperProps) => FormSectionRendererProps;

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

@@ -1,5 +1,5 @@
-import type { DomainComponent, LoadingState } from '../../domain/types';
 import type { RendererProps, RenderFunction } from '@wise/dynamic-flow-types/build/renderers';
+import type { DomainComponent, LoadingState } from '../../domain/types';
 import { AnalyticsEventDispatcher } from '../../domain/features/events';
 import { HttpClient } from '../../types';
 export type RendererMapperProps = {

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

@@ -1,4 +1,4 @@
-import type { SectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
+import type { FormSectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import type { ObjectComponent } from '../../domain/components/ObjectComponent';
 import { RendererMapperProps } from './componentToRendererProps';
-export declare const objectComponentToProps: (component: ObjectComponent, rendererMapperProps: RendererMapperProps) => SectionRendererProps;
+export declare const objectComponentToProps: (component: ObjectComponent, rendererMapperProps: RendererMapperProps) => FormSectionRendererProps;

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

@@ -1,4 +1,4 @@
-import { SectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
+import { FormSectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import type { TupleComponent } from '../../domain/components/TupleComponent';
 import { RendererMapperProps } from './componentToRendererProps';
-export declare const tupleComponentToProps: (component: TupleComponent, rendererMapperProps: RendererMapperProps) => SectionRendererProps;
+export declare const tupleComponentToProps: (component: TupleComponent, rendererMapperProps: RendererMapperProps) => FormSectionRendererProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.5.1",
+  "version": "4.5.3-experimental-sca-error-handling-8133bb0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -53,7 +53,7 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.96.1",
+    "@transferwise/components": "46.97.0",
     "@transferwise/formatting": "^2.13.1",
     "@transferwise/icons": "3.21.0",
     "@transferwise/neptune-css": "14.24.3",
@@ -62,7 +62,7 @@
     "@types/react": "18.3.20",
     "@types/react-dom": "18.3.6",
     "@types/react-intl": "3.0.0",
-    "@wise/art": "2.20.0",
+    "@wise/art": "2.20.1",
     "@wise/components-theming": "^1.6.2",
     "babel-jest": "29.7.0",
     "esbuild": "0.25.3",
@@ -85,8 +85,8 @@
     "tsx": "4.19.3",
     "typescript": "5.8.3",
     "webpack": "5.99.7",
-    "@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",
@@ -102,7 +102,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.3.0"
+    "@wise/dynamic-flow-types": "3.3.1"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",