@wise/dynamic-flow-client 4.3.13 → 4.3.14

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

@@ -1,8 +1,8 @@
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
-import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
 export type DateInputComponent = InputComponent<string | null> & {
     type: 'date';
     minimumDate?: string;

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

@@ -1,8 +1,8 @@
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
-import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
 export type IntegerInputComponent = InputComponent<number | null> & {
     type: 'integer';
     maximum?: number;

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

@@ -1,7 +1,7 @@
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { InputComponent, LocalValue, DomainComponent, UpdateComponent, LocalValueArray, OnValueChange, ValidationAsyncState } from '../types';
+import type { DomainComponent, InputComponent, LocalValue, LocalValueArray, OnValueChange, UpdateComponent, ValidationAsyncState } from '../types';
 import type { SelectInputOption } from './SelectInputComponent';
 export type MultiSelectComponent = InputComponent<LocalValueArray | null> & {
     type: 'multi-select';

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

@@ -1,7 +1,7 @@
+import { JsonElement } from '@wise/dynamic-flow-types/build/next';
+import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, UploadSource } from '../types';
-import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
-import { JsonElement } from '@wise/dynamic-flow-types/build/next';
 export type MultiUploadInputComponent = InputComponent<File[]> & {
     type: 'multi-upload';
     accepts?: string[];

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

@@ -1,6 +1,6 @@
-import type { ComponentWithTitle, LocalValue, LocalValueArray, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange, Image } from '../types';
-import type { IsInvalidCheck } from '../features/validation/value-checks';
 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';
 export type RepeatableComponent = ComponentWithTitle & {
     type: 'repeatable';
     id?: string;

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

@@ -1,5 +1,5 @@
 import { AnalyticsEventDispatcher } from '../features/events';
-import { BaseComponent, DomainComponent, LoadingState, LocalValue } from '../types';
+import { BaseComponent, DomainComponent, LoadingState, LocalValue, UpdateComponent } from '../types';
 import { StepDomainComponent } from './StepDomainComponent';
 export type RootDomainComponent = BaseComponent & {
     type: 'root';
@@ -11,5 +11,6 @@ export type RootDomainComponent = BaseComponent & {
     setLoadingState: (loadingState: LoadingState) => void;
     hasStep: () => boolean;
     stop: () => void;
+    setStep: (stepComponent: StepDomainComponent) => void;
 };
-export declare const createRootDomainComponent: () => RootDomainComponent;
+export declare const createRootDomainComponent: (updateComponent: UpdateComponent) => RootDomainComponent;

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

@@ -1,8 +1,8 @@
 import type { Icon, Model } from '@wise/dynamic-flow-types/build/next';
-import type { InputComponent, LocalValue, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange, Image } from '../types';
-import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
+import type { DomainComponent, Image, InputComponent, LocalValue, OnValueChange, RepeatableSummary, UpdateComponent } from '../types';
 export type SelectInputComponent = InputComponent<LocalValue | null> & {
     type: 'select';
     selectedIndex: number | null;

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

@@ -1,8 +1,8 @@
-import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, UploadSource } from '../types';
+import { JsonElement } from '@wise/dynamic-flow-types/build/next';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
-import { JsonElement } from '@wise/dynamic-flow-types/build/next';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, UploadSource } from '../types';
 export type UploadInputComponent = InputComponent<File | null> & {
     type: 'upload';
     format: 'blob' | 'base64';

package/build/types/revamp/domain/components/utils/WithUpdate.d.ts

@@ -0,0 +1,4 @@
+import { DomainComponent } from '../../types';
+export type WithUpdate<C extends DomainComponent> = C & {
+    _update: (updateFn: (draft: C) => void) => void;
+};

package/build/types/revamp/domain/components/utils/component-utils.d.ts

@@ -2,11 +2,7 @@ import type { DomainComponent, UpdateComponent } from '../../types';
 /**
  * Helper function to update a component.
  *
- * `updateComponent` is generic, meaning we have to specify the type of the draft whenever we use it. This function takes
- * the component uid and type, and returns a typed function that will update the component without the need to type assert.
- *
- * @param uid uid of the component
  * @param updateComponent the updateComponent function that will update the component with the given uid
- * @returns a function that accepts a function that will update the component
+ * @returns a function that accepts a component and returns a function that takes a function that will update the component and call `updateComponent` to notify that there has been a change.
  */
-export declare const getInputUpdateFunction: <C extends DomainComponent>(uid: string, updateComponent: UpdateComponent) => (updateFn: (component: C) => void) => void;
+export declare const getInputUpdateFunction: <C extends DomainComponent>(updateComponent: UpdateComponent) => (component: C, updateFn: (component: C) => void) => void;

package/build/types/revamp/domain/features/persistAsync/getComponentPersistAsync.d.ts

@@ -1,20 +1,21 @@
-import type { getInputUpdateFunction } from '../../components/utils/component-utils';
-import type { PerformPersistAsync } from './getPerformPersistAsync';
 import type { BooleanInputComponent } from '../../components/BooleanInputComponent';
 import type { DateInputComponent } from '../../components/DateInputComponent';
 import type { IntegerInputComponent } from '../../components/IntegerInputComponent';
+import type { MultiUploadInputComponent } from '../../components/MultiUploadInputComponent';
 import type { NumberInputComponent } from '../../components/NumberInputComponent';
 import type { TextInputComponent } from '../../components/TextInputComponent';
 import type { UploadInputComponent } from '../../components/UploadInputComponent';
-import type { MultiUploadInputComponent } from '../../components/MultiUploadInputComponent';
-import type { LocalValue, PersistedState } from '../../types';
+import type { LocalValue } from '../../types';
+import type { PerformPersistAsync } from './getPerformPersistAsync';
 type Persistable = BooleanInputComponent | DateInputComponent | IntegerInputComponent | NumberInputComponent | TextInputComponent | UploadInputComponent;
+type Update<C extends Persistable> = (component: C, updateFn: (component: C) => void) => void;
 /**
  * Creates an onPersistAsync handler for a component.
  */
-export declare const getComponentPersistAsync: (update: ReturnType<typeof getInputUpdateFunction<Persistable>>, performPersistAsync: PerformPersistAsync) => (persistedState: PersistedState, currentValue: LocalValue) => Promise<import("@wise/dynamic-flow-types/build/next").JsonElement>;
+export declare const getComponentPersistAsync: <C extends Persistable>(update: Update<C>, performPersistAsync: PerformPersistAsync) => (component: C, currentValue: LocalValue) => Promise<import("@wise/dynamic-flow-types/build/next").JsonElement>;
+type UpdateMultiUploadInputComponent = (component: MultiUploadInputComponent, updateFn: (component: MultiUploadInputComponent) => void) => void;
 /**
  * Creates an onPersistAsync handler for a component.
  */
-export declare const getComponentMultiPersistAsync: (update: ReturnType<typeof getInputUpdateFunction<MultiUploadInputComponent>>, performPersistAsync: PerformPersistAsync) => (index: number, value: LocalValue) => Promise<string | number | boolean | import("@wise/dynamic-flow-types/build/next").JsonObject | import("@wise/dynamic-flow-types/build/next").JsonArray | null>;
+export declare const getComponentMultiPersistAsync: (update: UpdateMultiUploadInputComponent, performPersistAsync: PerformPersistAsync) => (component: MultiUploadInputComponent, index: number, value: LocalValue) => Promise<string | number | boolean | import("@wise/dynamic-flow-types/build/next").JsonObject | import("@wise/dynamic-flow-types/build/next").JsonArray | null>;
 export {};

package/build/types/revamp/domain/features/persistAsync/getPerformPersistAsync.d.ts

@@ -1,8 +1,8 @@
 import type { JsonElement } from '@wise/dynamic-flow-types/build/next';
-import type { PersistAsyncConfig } from '../../mappers/types';
 import type { HttpClient } from '../../../types';
-import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../events';
+import type { PersistAsyncConfig } from '../../mappers/types';
 import type { LocalValue } from '../../types';
+import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../events';
 export type PerformPersistAsync = (props: PersistAsyncProps) => Promise<JsonElement>;
 type PersistAsyncProps = {
     value: LocalValue;

package/build/types/revamp/domain/features/validationAsync/getComponentValidationAsync.d.ts

@@ -1,16 +1,16 @@
-import type { getInputUpdateFunction } from '../../components/utils/component-utils';
-import type { PerformValidationAsync } from './getPerformValidationAsync';
 import type { BooleanInputComponent } from '../../components/BooleanInputComponent';
 import type { DateInputComponent } from '../../components/DateInputComponent';
 import type { IntegerInputComponent } from '../../components/IntegerInputComponent';
 import type { MultiSelectComponent } from '../../components/MultiSelectInputComponent';
 import type { NumberInputComponent } from '../../components/NumberInputComponent';
 import type { TextInputComponent } from '../../components/TextInputComponent';
-import type { LocalValue, ValidationAsyncState } from '../../types';
+import type { LocalValue } from '../../types';
+import type { PerformValidationAsync } from './getPerformValidationAsync';
 type Validatable = BooleanInputComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | NumberInputComponent | TextInputComponent;
+type Update<C extends Validatable> = (component: C, updateFn: (component: C) => void) => void;
 /**
  * Creates an onValidateAsync handler for a component.
  */
-export declare const getComponentValidationAsync: (update: ReturnType<typeof getInputUpdateFunction<Validatable>>, performValidationAsync: PerformValidationAsync) => (validationAsyncState: ValidationAsyncState, currentValue: LocalValue) => Promise<string | null | undefined>;
-export declare const getDebouncedComponentValidationAsync: (update: ReturnType<typeof getInputUpdateFunction<Validatable>>, performValidationAsync: PerformValidationAsync) => import("../../components/utils/debounce").DebouncedFunc<(validationAsyncState: ValidationAsyncState, currentValue: LocalValue) => Promise<string | null | undefined>>;
+export declare const getComponentValidationAsync: <C extends Validatable>(update: Update<C>, performValidationAsync: PerformValidationAsync) => (component: C, currentValue: LocalValue) => Promise<string | null | undefined>;
+export declare const getDebouncedComponentValidationAsync: <C extends Validatable>(update: Update<C>, performValidationAsync: PerformValidationAsync) => import("../../components/utils/debounce").DebouncedFunc<(component: C, currentValue: LocalValue) => Promise<string | null | undefined>>;
 export {};

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

@@ -31,4 +31,4 @@ export declare const getMockSchemaMapperProps: <S extends Schema>(schemaMapperPr
 };
 export declare const getMockRendererMapperProps: () => RendererMapperProps;
 export declare const mockUpdateFunction: <C extends DomainComponent>(draftComponent: C) => jest.Mock<any, any, any>;
-export declare const getUpdateFunctionMock: <C extends DomainComponent>(getComponent: () => C) => jest.Mock<void, [uid: string, update: (component: DomainComponent) => void], any>;
+export declare const getUpdateFunctionMock: <C extends DomainComponent>(getComponent: () => C) => jest.Mock<void, [], any>;

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

@@ -88,7 +88,7 @@ export type InputComponent<V extends LocalValue> = ComponentWithTitle & {
     onFocus: () => void;
     getLocalValue: () => V;
 };
-export type UpdateComponent = (id: string, update: (component: DomainComponent) => void) => void;
+export type UpdateComponent = () => void;
 export type OnBehavior = (behavior: Behavior) => Promise<void>;
 export type OnAction = (action: Action) => Promise<void>;
 export type OnRefresh = (schemaId: string | undefined, url?: string) => Promise<void> | void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.3.13",
+  "version": "4.3.14",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -37,7 +37,7 @@
     "@babel/preset-react": "7.26.3",
     "@babel/preset-typescript": "7.27.0",
     "@chromatic-com/storybook": "3.2.6",
-    "@formatjs/cli": "^6.6.3",
+    "@formatjs/cli": "^6.6.4",
     "@storybook/addon-a11y": "^8.6.12",
     "@storybook/addon-actions": "^8.6.12",
     "@storybook/addon-essentials": "^8.6.12",
@@ -84,9 +84,9 @@
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "tsx": "4.19.3",
     "typescript": "5.8.3",
-    "webpack": "5.99.5",
-    "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "webpack": "5.99.6",
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",

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

@@ -1,3 +0,0 @@
-import { LoggingEventDispatcher } from '../domain/features/events';
-import type { DomainComponent } from '../domain/types';
-export declare const findComponent: (components: DomainComponent[], id: string, logEvent: LoggingEventDispatcher) => DomainComponent;