@wise/dynamic-flow-client 3.8.0-experimental-6700be9 → 3.9.0-experimental-bd037e3

package/build/revamp/domain/components/IntegerInputComponent.js

@@ -62,7 +62,7 @@ import { getComponentPersistAsync } from '../features/persistAsync/getComponentP
 import { getDebouncedPerformRefresh, } from '../features/refresh/getPerformRefresh';
 import { getComponentValidationAsync } from '../features/validationAsync/getComponentValidationAsync';
 export var createIntegerInputComponent = function (integerInputProps, updateComponent) {
-    var uid = integerInputProps.uid, id = integerInputProps.id, checks = integerInputProps.checks, value = integerInputProps.value, performPersistAsync = integerInputProps.performPersistAsync, performRefresh = integerInputProps.performRefresh, performValidationAsync = integerInputProps.performValidationAsync, summariser = integerInputProps.summariser, rest = __rest(integerInputProps, ["uid", "id", "checks", "value", "performPersistAsync", "performRefresh", "performValidationAsync", "summariser"]);
+    var uid = integerInputProps.uid, id = integerInputProps.id, checks = integerInputProps.checks, value = integerInputProps.value, performPersistAsync = integerInputProps.performPersistAsync, performRefresh = integerInputProps.performRefresh, performValidationAsync = integerInputProps.performValidationAsync, onValueChange = integerInputProps.onValueChange, summariser = integerInputProps.summariser, rest = __rest(integerInputProps, ["uid", "id", "checks", "value", "performPersistAsync", "performRefresh", "performValidationAsync", "onValueChange", "summariser"]);
     var performDebouncedRefresh = getDebouncedPerformRefresh(performRefresh);
     var update = getInputUpdateFunction(uid, updateComponent);
     var getValidationErrors = getLocalValueValidator(checks);
@@ -84,6 +84,7 @@ export var createIntegerInputComponent = function (integerInputProps, updateComp
                 draft.value = updatedValue;
             });
             performDebouncedRefresh === null || performDebouncedRefresh === void 0 ? void 0 : performDebouncedRefresh();
+            onValueChange();
         }, getSubmittableValue: function () {
             var _a;
             return __awaiter(this, void 0, void 0, function () {

package/build/revamp/domain/components/MultiUploadInputComponent.js

@@ -70,7 +70,7 @@ import { getInputUpdateFunction } from './utils/component-utils';
 import { getComponentMultiPersistAsync } from '../features/persistAsync/getComponentPersistAsync';
 import { toBase64 } from './utils/file-utils';
 export var createMultiUploadInputComponent = function (uploadInputProps, updateComponent) {
-    var uid = uploadInputProps.uid, id = uploadInputProps.id, checks = uploadInputProps.checks, format = uploadInputProps.format, performPersistAsync = uploadInputProps.performPersistAsync, summariser = uploadInputProps.summariser, rest = __rest(uploadInputProps, ["uid", "id", "checks", "format", "performPersistAsync", "summariser"]);
+    var uid = uploadInputProps.uid, id = uploadInputProps.id, checks = uploadInputProps.checks, format = uploadInputProps.format, performPersistAsync = uploadInputProps.performPersistAsync, onValueChange = uploadInputProps.onValueChange, summariser = uploadInputProps.summariser, rest = __rest(uploadInputProps, ["uid", "id", "checks", "format", "performPersistAsync", "onValueChange", "summariser"]);
     var update = getInputUpdateFunction(uid, updateComponent);
     var getValidationErrors = getLocalValueValidator(checks);
     var getAndSetValidationErrors = function (currentValue) {
@@ -108,6 +108,7 @@ export var createMultiUploadInputComponent = function (uploadInputProps, updateC
                         draft.value = __spreadArray(__spreadArray([], _this.value, true), [file], false);
                         draft.errors = [];
                     });
+                    onValueChange();
                     return [2 /*return*/];
                 });
             });
@@ -154,6 +155,7 @@ export var createMultiUploadInputComponent = function (uploadInputProps, updateC
                             return [4 /*yield*/, persist(submission, fileId)];
                         case 5:
                             _b.sent();
+                            onValueChange();
                             return [2 /*return*/];
                     }
                 });

package/build/revamp/domain/components/NumberInputComponent.js

@@ -62,7 +62,7 @@ import { getLocalValueValidator } from '../features/validation/validation-functi
 import { getComponentValidationAsync } from '../features/validationAsync/getComponentValidationAsync';
 import { getInputUpdateFunction } from './utils/component-utils';
 export var createNumberInputComponent = function (numberInputProps, updateComponent) {
-    var uid = numberInputProps.uid, id = numberInputProps.id, checks = numberInputProps.checks, performPersistAsync = numberInputProps.performPersistAsync, performRefresh = numberInputProps.performRefresh, performValidationAsync = numberInputProps.performValidationAsync, summariser = numberInputProps.summariser, rest = __rest(numberInputProps, ["uid", "id", "checks", "performPersistAsync", "performRefresh", "performValidationAsync", "summariser"]);
+    var uid = numberInputProps.uid, id = numberInputProps.id, checks = numberInputProps.checks, performPersistAsync = numberInputProps.performPersistAsync, performRefresh = numberInputProps.performRefresh, performValidationAsync = numberInputProps.performValidationAsync, onValueChange = numberInputProps.onValueChange, summariser = numberInputProps.summariser, rest = __rest(numberInputProps, ["uid", "id", "checks", "performPersistAsync", "performRefresh", "performValidationAsync", "onValueChange", "summariser"]);
     var performDebouncedRefresh = getDebouncedPerformRefresh(performRefresh);
     var update = getInputUpdateFunction(uid, updateComponent);
     var getValidationErrors = getLocalValueValidator(checks);
@@ -84,6 +84,7 @@ export var createNumberInputComponent = function (numberInputProps, updateCompon
                 draft.value = updatedValue;
             });
             performDebouncedRefresh === null || performDebouncedRefresh === void 0 ? void 0 : performDebouncedRefresh();
+            onValueChange();
         }, getSubmittableValue: function () {
             var _a;
             return __awaiter(this, void 0, void 0, function () {

package/build/revamp/domain/components/SelectInputComponent.js

@@ -61,7 +61,7 @@ import { isPartialLocalValueMatch } from './utils/isPartialLocalValueMatch';
 import { getComponentPersistAsync } from '../features/persistAsync/getComponentPersistAsync';
 import { getLocalValueValidator } from '../features/validation/validation-functions';
 export var createSelectInputComponent = function (selectProps, updateComponent) {
-    var uid = selectProps.uid, checks = selectProps.checks, initialValue = selectProps.initialValue, options = selectProps.options, performPersistAsync = selectProps.performPersistAsync, performRefresh = selectProps.performRefresh, summariser = selectProps.summariser, rest = __rest(selectProps, ["uid", "checks", "initialValue", "options", "performPersistAsync", "performRefresh", "summariser"]);
+    var uid = selectProps.uid, checks = selectProps.checks, initialValue = selectProps.initialValue, options = selectProps.options, performPersistAsync = selectProps.performPersistAsync, performRefresh = selectProps.performRefresh, onValueChange = selectProps.onValueChange, summariser = selectProps.summariser, rest = __rest(selectProps, ["uid", "checks", "initialValue", "options", "performPersistAsync", "performRefresh", "onValueChange", "summariser"]);
     var children = options.map(function (option) { return option.component; });
     var matchingOptions = options.map(function (option) {
         return isPartialLocalValueMatch(selectProps.initialValue, option.component);
@@ -111,6 +111,7 @@ export var createSelectInputComponent = function (selectProps, updateComponent)
                 draft.selectedIndex = updatedIndex;
             });
             performRefresh === null || performRefresh === void 0 ? void 0 : performRefresh();
+            onValueChange();
         }, validate: function () {
             var _a, _b;
             var validChild = (_b = (_a = this.getSelectedChild()) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : true;
@@ -126,6 +127,7 @@ export var createSelectInputComponent = function (selectProps, updateComponent)
             var isValid = getValidationErrors(this.getLocalValue()).length === 0;
             if (isValid && updatedIndex !== null) {
                 persist(this.persistedState, this.getLocalValue()).catch(function () { }); // Noop
+                onValueChange();
             }
         }, getSubmittableValue: function () {
             return __awaiter(this, void 0, void 0, function () {

package/build/revamp/domain/components/TextInputComponent.js

@@ -62,7 +62,7 @@ import { getLocalValueValidator } from '../features/validation/validation-functi
 import { getComponentValidationAsync } from '../features/validationAsync/getComponentValidationAsync';
 import { getInputUpdateFunction } from './utils/component-utils';
 export var createTextInputComponent = function (textInputProps, updateComponent) {
-    var uid = textInputProps.uid, id = textInputProps.id, checks = textInputProps.checks, performPersistAsync = textInputProps.performPersistAsync, performRefresh = textInputProps.performRefresh, performValidationAsync = textInputProps.performValidationAsync, summariser = textInputProps.summariser, value = textInputProps.value, rest = __rest(textInputProps, ["uid", "id", "checks", "performPersistAsync", "performRefresh", "performValidationAsync", "summariser", "value"]);
+    var uid = textInputProps.uid, id = textInputProps.id, checks = textInputProps.checks, performPersistAsync = textInputProps.performPersistAsync, performRefresh = textInputProps.performRefresh, performValidationAsync = textInputProps.performValidationAsync, onValueChange = textInputProps.onValueChange, summariser = textInputProps.summariser, value = textInputProps.value, rest = __rest(textInputProps, ["uid", "id", "checks", "performPersistAsync", "performRefresh", "performValidationAsync", "onValueChange", "summariser", "value"]);
     var performDebouncedRefresh = getDebouncedPerformRefresh(performRefresh);
     var update = getInputUpdateFunction(uid, updateComponent);
     var getValidationErrors = getLocalValueValidator(checks);
@@ -84,6 +84,7 @@ export var createTextInputComponent = function (textInputProps, updateComponent)
                 draft.value = updatedValue;
             });
             performDebouncedRefresh === null || performDebouncedRefresh === void 0 ? void 0 : performDebouncedRefresh();
+            onValueChange();
         }, getSubmittableValue: function () {
             var _a;
             return __awaiter(this, void 0, void 0, function () {

package/build/revamp/domain/components/UploadInputComponent.js

@@ -61,7 +61,7 @@ import { getInputUpdateFunction } from './utils/component-utils';
 import { getComponentPersistAsync } from '../features/persistAsync/getComponentPersistAsync';
 import { toBase64 } from './utils/file-utils';
 export var createUploadInputComponent = function (uploadInputProps, updateComponent) {
-    var uid = uploadInputProps.uid, id = uploadInputProps.id, checks = uploadInputProps.checks, format = uploadInputProps.format, value = uploadInputProps.value, performPersistAsync = uploadInputProps.performPersistAsync, performRefresh = uploadInputProps.performRefresh, summariser = uploadInputProps.summariser, rest = __rest(uploadInputProps, ["uid", "id", "checks", "format", "value", "performPersistAsync", "performRefresh", "summariser"]);
+    var uid = uploadInputProps.uid, id = uploadInputProps.id, checks = uploadInputProps.checks, format = uploadInputProps.format, value = uploadInputProps.value, performPersistAsync = uploadInputProps.performPersistAsync, performRefresh = uploadInputProps.performRefresh, onValueChange = uploadInputProps.onValueChange, summariser = uploadInputProps.summariser, rest = __rest(uploadInputProps, ["uid", "id", "checks", "format", "value", "performPersistAsync", "performRefresh", "onValueChange", "summariser"]);
     var update = getInputUpdateFunction(uid, updateComponent);
     var getValidationErrors = getLocalValueValidator(checks);
     var getAndSetValidationErrors = function (currentValue) {
@@ -82,6 +82,7 @@ export var createUploadInputComponent = function (uploadInputProps, updateCompon
                         draft.value = updatedValue;
                     });
                     performRefresh === null || performRefresh === void 0 ? void 0 : performRefresh();
+                    onValueChange();
                     return [2 /*return*/];
                 });
             });
@@ -116,6 +117,7 @@ export var createUploadInputComponent = function (uploadInputProps, updateCompon
                                 draft.errors = [];
                                 draft.value = file;
                             });
+                            onValueChange();
                             if (!(format === 'base64' && file)) return [3 /*break*/, 2];
                             return [4 /*yield*/, toBase64(file)];
                         case 1:
@@ -137,6 +139,7 @@ export var createUploadInputComponent = function (uploadInputProps, updateCompon
                                 })];
                         case 4:
                             _b.sent();
+                            onValueChange();
                             return [2 /*return*/];
                     }
                 });

package/build/revamp/domain/components/repeatableComponent/RepeatableComponent.js

@@ -68,7 +68,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import { validateComponents, getLocalValueValidator, } from '../../features/validation/validation-functions';
 import { getInputUpdateFunction } from '../utils/component-utils';
 export var createRepeatableComponent = function (repeatableProps, updateComponent) {
-    var uid = repeatableProps.uid, id = repeatableProps.id, checks = repeatableProps.checks, components = repeatableProps.components, summary = repeatableProps.summary, createEditableComponent = repeatableProps.createEditableComponent, summariser = repeatableProps.summariser, componentProps = __rest(repeatableProps, ["uid", "id", "checks", "components", "summary", "createEditableComponent", "summariser"]);
+    var uid = repeatableProps.uid, id = repeatableProps.id, checks = repeatableProps.checks, components = repeatableProps.components, summary = repeatableProps.summary, onValueChange = repeatableProps.onValueChange, createEditableComponent = repeatableProps.createEditableComponent, summariser = repeatableProps.summariser, componentProps = __rest(repeatableProps, ["uid", "id", "checks", "components", "summary", "onValueChange", "createEditableComponent", "summariser"]);
     var update = getInputUpdateFunction(uid, updateComponent);
     var getValidationErrors = getLocalValueValidator(checks);
     return __assign(__assign({ uid: uid, id: id, type: 'repeatable', components: components, editableComponent: null, editableIndex: null, summaryDefaults: {
@@ -110,6 +110,7 @@ export var createRepeatableComponent = function (repeatableProps, updateComponen
                 draft.editableComponent = null;
                 draft.editableIndex = null;
             });
+            onValueChange();
             return true;
         }, onRemove: function () {
             update(function (draft) {
@@ -120,6 +121,7 @@ export var createRepeatableComponent = function (repeatableProps, updateComponen
                 draft.editableComponent = null;
                 draft.editableIndex = null;
             });
+            onValueChange();
         }, getChildren: function () {
             return this.editableComponent !== null
                 ? __spreadArray(__spreadArray([], this.components, true), [this.editableComponent], false) : this.components;

package/build/revamp/domain/components/repeatableComponent/RepeatableComponent.spec.js

@@ -59,6 +59,7 @@ describe('RepeatableComponent', function () {
         hidden: false,
         keywords: [],
         summariser: function () { return ({}); },
+        onValueChange: function () { },
         createEditableComponent: function (value) {
             return createMockTextInputComponent({ value: value });
         },

package/build/revamp/domain/features/persistAsync/getComponentPersistAsync.spec.js

@@ -67,6 +67,7 @@ var defaultProps = {
     value: '',
     performValidationAsync: undefined,
     performRefresh: undefined,
+    onValueChange: function () { },
     summariser: function () { return ({}); },
 };
 describe('getComponentPersistAsync', function () {

package/build/revamp/domain/features/validationAsync/getComponentValidationAsync.spec.js

@@ -68,6 +68,7 @@ var defaultProps = {
     value: '',
     performPersistAsync: undefined,
     performRefresh: undefined,
+    onValueChange: function () { },
     summariser: function () { return ({}); },
 };
 describe('getComponentValidationAsync', function () {

package/build/revamp/domain/mappers/schema/arraySchemaToComponent/arraySchemaToMultiUploadComponent.js

@@ -31,12 +31,13 @@ export var arraySchemaToMultiUploadComponent = function (schemaMapperProps, mapp
     var persistAsyncConfig = getPersistAsyncConfig(schema.items);
     var format = getFormat(schema.items);
     var combinedSchemaProps = __assign(__assign({}, schemaMapperProps), { persistAsyncConfig: persistAsyncConfig, schema: uploadSchema });
+    var onValueChange = mapperProps.onValueChange;
     var performPersistAsync = getPersistAsyncInitialState(combinedSchemaProps, mapperProps).performPersistAsync;
     var value = performPersistAsync ? getValueForPersistAsync(localValue) : [];
     var persistedState = performPersistAsync && isArray(model)
         ? model.map(function (itemModel) { return getInitialPersistedState(null, itemModel); })
         : [];
-    return createMultiUploadInputComponent(__assign(__assign({}, mapCommonSchemaProps(combinedSchemaProps)), { title: title, uploadLabel: uploadSchema.title, accepts: accepts, autoComplete: 'off', checks: schema.hidden ? [] : checks, format: format, maxSize: maxSize, minItems: minItems, maxItems: maxItems, required: required, value: value, persistedState: persistedState, performPersistAsync: performPersistAsync }), mapperProps.updateComponent);
+    return createMultiUploadInputComponent(__assign(__assign({}, mapCommonSchemaProps(combinedSchemaProps)), { title: title, uploadLabel: uploadSchema.title, accepts: accepts, autoComplete: 'off', checks: schema.hidden ? [] : checks, format: format, maxSize: maxSize, minItems: minItems, maxItems: maxItems, required: required, value: value, persistedState: persistedState, performPersistAsync: performPersistAsync, onValueChange: onValueChange }), mapperProps.updateComponent);
 };
 var getFormat = function (schema) {
     if (isStringSchemaWithUpload(schema)) {

package/build/revamp/domain/mappers/schema/arraySchemaToComponent/arraySchemaToRepeatableComponent.js

@@ -38,6 +38,7 @@ export var arraySchemaToRepeatableComponent = function (schemaMapperProps, mappe
             validationErrors: undefined,
         }, mapperProps);
     };
+    var onValueChange = mapperProps.onValueChange;
     var errorMessageFunctions = getErrorMessageFunctions(schema.validationMessages);
     return createRepeatableComponent(__assign(__assign({}, mapCommonSchemaProps(schemaMapperProps)), { addItemTitle: addItemTitle, checks: schema.hidden
             ? []
@@ -45,7 +46,7 @@ export var arraySchemaToRepeatableComponent = function (schemaMapperProps, mappe
                 getRequiredCheck(required, errorMessageFunctions),
                 getAboveMaxItemsCheck(schema, errorMessageFunctions),
                 getBelowMinItemsCheck(schema, errorMessageFunctions),
-            ], components: components !== null && components !== void 0 ? components : [], editItemTitle: editItemTitle, summary: summary, createEditableComponent: createEditableComponent }), mapperProps.updateComponent);
+            ], components: components !== null && components !== void 0 ? components : [], editItemTitle: editItemTitle, summary: summary, createEditableComponent: createEditableComponent, onValueChange: onValueChange }), mapperProps.updateComponent);
 };
 var localValueToJsonElement = function (localValue) {
     if (localValue instanceof Array) {

package/build/revamp/domain/mappers/schema/blobSchemaToComponent.js

@@ -18,7 +18,7 @@ import { mapCommonSchemaProps } from './utils/mapCommonSchemaProps';
 export var blobSchemaToComponent = function (schemaMapperProps, mapperProps) {
     var schema = schemaMapperProps.schema, localValue = schemaMapperProps.localValue, model = schemaMapperProps.model, _a = schemaMapperProps.required, required = _a === void 0 ? false : _a;
     var accepts = schema.accepts, maxSize = schema.maxSize, validationMessages = schema.validationMessages;
-    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent;
+    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, onValueChange = mapperProps.onValueChange;
     var errorMessageFunctions = getErrorMessageFunctions(validationMessages);
     var performPersistAsync = getPersistAsyncInitialState(schemaMapperProps, mapperProps).performPersistAsync;
     var persistedState = performPersistAsync
@@ -26,5 +26,5 @@ export var blobSchemaToComponent = function (schemaMapperProps, mapperProps) {
         : getInitialPersistedState();
     var validLocalValue = isFile(localValue) ? localValue : null;
     var value = performPersistAsync ? validLocalValue : null;
-    return createUploadInputComponent(__assign(__assign({}, mapCommonSchemaProps(schemaMapperProps)), { accepts: accepts, autoComplete: 'off', format: 'blob', maxSize: maxSize, value: value, persistedState: persistedState, performPersistAsync: performPersistAsync, checks: schema.hidden ? [] : [getRequiredCheck(required, errorMessageFunctions)] }), updateComponent);
+    return createUploadInputComponent(__assign(__assign({}, mapCommonSchemaProps(schemaMapperProps)), { accepts: accepts, autoComplete: 'off', format: 'blob', maxSize: maxSize, value: value, persistedState: persistedState, performPersistAsync: performPersistAsync, checks: schema.hidden ? [] : [getRequiredCheck(required, errorMessageFunctions)], onValueChange: onValueChange }), updateComponent);
 };

package/build/revamp/domain/mappers/schema/booleanSchemaToComponent.js

@@ -18,14 +18,14 @@ import { getValidationAsyncInitialState } from './utils/getValidationAsyncInitia
 export var booleanSchemaToComponent = function (schemaMapperProps, mapperProps) {
     var schema = schemaMapperProps.schema, localValue = schemaMapperProps.localValue, model = schemaMapperProps.model;
     var defaultValue = schema.default;
-    var updateComponent = mapperProps.updateComponent, onRefresh = mapperProps.onRefresh;
+    var updateComponent = mapperProps.updateComponent, onRefresh = mapperProps.onRefresh, onValueChange = mapperProps.onValueChange;
     var performRefresh = getPerformRefresh(schema, onRefresh);
     var _a = getPersistAsyncInitialState(schemaMapperProps, mapperProps), performPersistAsync = _a.performPersistAsync, persistedState = _a.persistedState;
     var _b = getValidationAsyncInitialState(schemaMapperProps, mapperProps), performValidationAsync = _b.performValidationAsync, validationState = _b.validationState;
     var validLocalValue = isBoolean(localValue) ? localValue : false;
     var validModel = getValidModel(model, defaultValue);
     var value = performPersistAsync ? validLocalValue : validModel;
-    return createBooleanInputComponent(__assign(__assign({}, mapCommonSchemaProps(schemaMapperProps)), { value: value !== null && value !== void 0 ? value : false, persistedState: persistedState, validationState: validationState, performPersistAsync: performPersistAsync, performRefresh: performRefresh, performValidationAsync: performValidationAsync }), updateComponent);
+    return createBooleanInputComponent(__assign(__assign({}, mapCommonSchemaProps(schemaMapperProps)), { value: value !== null && value !== void 0 ? value : false, persistedState: persistedState, validationState: validationState, performPersistAsync: performPersistAsync, performRefresh: performRefresh, performValidationAsync: performValidationAsync, onValueChange: onValueChange }), updateComponent);
 };
 var getValidModel = function (model, defaultValue) {
     if (isBoolean(model)) {

package/build/revamp/domain/mappers/schema/integerSchemaToComponent.js

@@ -20,7 +20,7 @@ import { getValidationAsyncInitialState } from './utils/getValidationAsyncInitia
 export var integerSchemaToComponent = function (schemaMapperProps, mapperProps) {
     var schema = schemaMapperProps.schema, localValue = schemaMapperProps.localValue, model = schemaMapperProps.model, _a = schemaMapperProps.required, required = _a === void 0 ? false : _a;
     var autocompleteHint = schema.autocompleteHint, validationMessages = schema.validationMessages, defaultValue = schema.default;
-    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, onRefresh = mapperProps.onRefresh;
+    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, onRefresh = mapperProps.onRefresh, onValueChange = mapperProps.onValueChange;
     var errorMessageFunctions = getErrorMessageFunctions(validationMessages);
     var _b = getPersistAsyncInitialState(schemaMapperProps, mapperProps), performPersistAsync = _b.performPersistAsync, persistedState = _b.persistedState;
     var _c = getValidationAsyncInitialState(schemaMapperProps, mapperProps), performValidationAsync = _c.performValidationAsync, validationState = _c.validationState;
@@ -32,5 +32,5 @@ export var integerSchemaToComponent = function (schemaMapperProps, mapperProps)
         getBelowMinimumCheck(schema, errorMessageFunctions),
         getAboveMaximumCheck(schema, errorMessageFunctions),
     ];
-    return createIntegerInputComponent(__assign(__assign({}, mapCommonSchemaProps(schemaMapperProps)), { autoComplete: getAutocompleteString(autocompleteHint), checks: checks, persistedState: persistedState, value: value, validationState: validationState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh), performValidationAsync: performValidationAsync }), updateComponent);
+    return createIntegerInputComponent(__assign(__assign({}, mapCommonSchemaProps(schemaMapperProps)), { autoComplete: getAutocompleteString(autocompleteHint), checks: checks, persistedState: persistedState, value: value, validationState: validationState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh), performValidationAsync: performValidationAsync, onValueChange: onValueChange }), updateComponent);
 };

package/build/revamp/domain/mappers/schema/numberSchemaToComponent.js

@@ -20,7 +20,7 @@ import { getValidationAsyncInitialState } from './utils/getValidationAsyncInitia
 export var numberSchemaToComponent = function (schemaMapperProps, mapperProps) {
     var schema = schemaMapperProps.schema, model = schemaMapperProps.model, localValue = schemaMapperProps.localValue, _a = schemaMapperProps.required, required = _a === void 0 ? false : _a;
     var autocompleteHint = schema.autocompleteHint, validationMessages = schema.validationMessages, defaultValue = schema.default;
-    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, onRefresh = mapperProps.onRefresh;
+    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, onRefresh = mapperProps.onRefresh, onValueChange = mapperProps.onValueChange;
     var errorMessageFunctions = getErrorMessageFunctions(validationMessages);
     var _b = getPersistAsyncInitialState(schemaMapperProps, mapperProps), performPersistAsync = _b.performPersistAsync, persistedState = _b.persistedState;
     var _c = getValidationAsyncInitialState(schemaMapperProps, mapperProps), performValidationAsync = _c.performValidationAsync, validationState = _c.validationState;
@@ -31,5 +31,5 @@ export var numberSchemaToComponent = function (schemaMapperProps, mapperProps) {
             getRequiredCheck(required, errorMessageFunctions),
             getBelowMinimumCheck(schema, errorMessageFunctions),
             getAboveMaximumCheck(schema, errorMessageFunctions),
-        ], value: value, persistedState: persistedState, validationState: validationState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh), performValidationAsync: performValidationAsync }), updateComponent);
+        ], value: value, persistedState: persistedState, validationState: validationState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh), performValidationAsync: performValidationAsync, onValueChange: onValueChange }), updateComponent);
 };

package/build/revamp/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.js

@@ -50,12 +50,12 @@ export var oneOfSchemaToComponent = function (schemaMapperProps, mapperProps) {
             }, mapperProps),
         };
     });
-    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, trackEvent = mapperProps.trackEvent, onRefresh = mapperProps.onRefresh;
+    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, trackEvent = mapperProps.trackEvent, onRefresh = mapperProps.onRefresh, onValueChange = mapperProps.onValueChange;
     var defaultValue = schema.default, validationMessages = schema.validationMessages;
     var errorMessageFunctions = getErrorMessageFunctions(validationMessages);
     var _d = getPersistAsyncInitialState(schemaMapperProps, mapperProps), performPersistAsync = _d.performPersistAsync, persistedState = _d.persistedState;
     var initialValue = performPersistAsync ? localValue : (_b = model !== null && model !== void 0 ? model : defaultValue) !== null && _b !== void 0 ? _b : null;
-    return createSelectInputComponent(__assign(__assign({}, mapCommonSchemaProps(schemaMapperProps)), { autoComplete: getAutocompleteString(schema.autocompleteHint), checks: schema.hidden ? [] : [getRequiredCheck(required, errorMessageFunctions)], options: options, initialValue: initialValue, persistedState: persistedState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh), trackEvent: trackEvent }), updateComponent);
+    return createSelectInputComponent(__assign(__assign({}, mapCommonSchemaProps(schemaMapperProps)), { autoComplete: getAutocompleteString(schema.autocompleteHint), checks: schema.hidden ? [] : [getRequiredCheck(required, errorMessageFunctions)], options: options, initialValue: initialValue, persistedState: persistedState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh), onValueChange: onValueChange, trackEvent: trackEvent }), updateComponent);
 };
 /**
  * When using a schema in a oneOf, the title is not needed, as it is already displayed in the dropdown, radio or tab.

package/build/revamp/domain/mappers/schema/stringSchemaToComponent/stringSchemaToDateInputComponent.js

@@ -20,7 +20,7 @@ import { getValidationAsyncInitialState } from '../utils/getValidationAsyncIniti
 export var stringSchemaToDateInputComponent = function (schemaMapperProps, mapperProps) {
     var schema = schemaMapperProps.schema, localValue = schemaMapperProps.localValue, model = schemaMapperProps.model, _a = schemaMapperProps.required, required = _a === void 0 ? false : _a;
     var autocompleteHint = schema.autocompleteHint, defaultValue = schema.default, minimumDate = schema.minimum, maximumDate = schema.maximum;
-    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, onRefresh = mapperProps.onRefresh;
+    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, onRefresh = mapperProps.onRefresh, onValueChange = mapperProps.onValueChange;
     var errorMessageFunctions = getErrorMessageFunctions(schema.validationMessages);
     var _b = getPersistAsyncInitialState(schemaMapperProps, mapperProps), performPersistAsync = _b.performPersistAsync, persistedState = _b.persistedState;
     var _c = getValidationAsyncInitialState(schemaMapperProps, mapperProps), performValidationAsync = _c.performValidationAsync, validationState = _c.validationState;
@@ -33,5 +33,5 @@ export var stringSchemaToDateInputComponent = function (schemaMapperProps, mappe
                 getRequiredCheck(required, errorMessageFunctions),
                 getAboveMaximumDateCheck(schema, errorMessageFunctions),
                 getBelowMinimumDateCheck(schema, errorMessageFunctions),
-            ], minimumDate: minimumDate, maximumDate: maximumDate, value: value, persistedState: persistedState, validationState: validationState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh), performValidationAsync: performValidationAsync }), updateComponent);
+            ], minimumDate: minimumDate, maximumDate: maximumDate, value: value, persistedState: persistedState, validationState: validationState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh), performValidationAsync: performValidationAsync, onValueChange: onValueChange }), updateComponent);
 };

package/build/revamp/domain/mappers/schema/stringSchemaToComponent/stringSchemaToTextInputComponent.js

@@ -20,7 +20,7 @@ import { getValidationAsyncInitialState } from '../utils/getValidationAsyncIniti
 export var stringSchemaToTextInputComponent = function (schemaMapperProps, mapperProps) {
     var schema = schemaMapperProps.schema, localValue = schemaMapperProps.localValue, model = schemaMapperProps.model, _a = schemaMapperProps.required, required = _a === void 0 ? false : _a;
     var autocompleteHint = schema.autocompleteHint, control = schema.control, defaultValue = schema.default, displayFormat = schema.displayFormat, format = schema.format, validationMessages = schema.validationMessages;
-    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, onRefresh = mapperProps.onRefresh;
+    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, onRefresh = mapperProps.onRefresh, onValueChange = mapperProps.onValueChange;
     var controlForLegacyFormat = getControlForLegacyFormat(format);
     var errorMessageFunctions = getErrorMessageFunctions(validationMessages);
     var _b = getPersistAsyncInitialState(schemaMapperProps, mapperProps), performPersistAsync = _b.performPersistAsync, persistedState = _b.persistedState;
@@ -35,7 +35,7 @@ export var stringSchemaToTextInputComponent = function (schemaMapperProps, mappe
                 getAboveMaxLengthCheck(schema, errorMessageFunctions),
                 getBelowMinLengthCheck(schema, errorMessageFunctions),
                 getNotAdheringToPatternCheck(schema, errorMessageFunctions),
-            ], control: control !== null && control !== void 0 ? control : controlForLegacyFormat, displayFormat: displayFormat, value: value, persistedState: persistedState, validationState: validationState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh), performValidationAsync: performValidationAsync }), updateComponent);
+            ], control: control !== null && control !== void 0 ? control : controlForLegacyFormat, displayFormat: displayFormat, value: value, persistedState: persistedState, validationState: validationState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh), performValidationAsync: performValidationAsync, onValueChange: onValueChange }), updateComponent);
 };
 var getControlForLegacyFormat = function (format) {
     if (format && ['numeric', 'phone-number', 'email', 'password'].includes(format)) {

package/build/revamp/domain/mappers/schema/stringSchemaToComponent/stringSchemaToUploadInputComponent.js

@@ -20,7 +20,7 @@ import { mapCommonSchemaProps } from '../utils/mapCommonSchemaProps';
 export var stringSchemaToUploadInputComponent = function (schemaMapperProps, mapperProps) {
     var schema = schemaMapperProps.schema, localValue = schemaMapperProps.localValue, model = schemaMapperProps.model, _a = schemaMapperProps.required, required = _a === void 0 ? false : _a;
     var accepts = schema.accepts, autocompleteHint = schema.autocompleteHint, maxSize = schema.maxSize, validationMessages = schema.validationMessages;
-    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, onRefresh = mapperProps.onRefresh;
+    var getErrorMessageFunctions = mapperProps.getErrorMessageFunctions, updateComponent = mapperProps.updateComponent, onRefresh = mapperProps.onRefresh, onValueChange = mapperProps.onValueChange;
     var errorMessageFunctions = getErrorMessageFunctions(validationMessages);
     var performPersistAsync = getPersistAsyncInitialState(schemaMapperProps, mapperProps).performPersistAsync;
     var persistedState = performPersistAsync
@@ -28,5 +28,5 @@ export var stringSchemaToUploadInputComponent = function (schemaMapperProps, map
         : getInitialPersistedState();
     var validLocalValue = isFile(localValue) ? localValue : null;
     var value = performPersistAsync ? validLocalValue : null;
-    return createUploadInputComponent(__assign(__assign({}, mapCommonSchemaProps(schemaMapperProps)), { accepts: accepts, autoComplete: getAutocompleteString(autocompleteHint), checks: schema.hidden ? [] : [getRequiredCheck(required, errorMessageFunctions)], format: 'base64', maxSize: maxSize, value: value, persistedState: persistedState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh) }), updateComponent);
+    return createUploadInputComponent(__assign(__assign({}, mapCommonSchemaProps(schemaMapperProps)), { accepts: accepts, autoComplete: getAutocompleteString(autocompleteHint), checks: schema.hidden ? [] : [getRequiredCheck(required, errorMessageFunctions)], format: 'base64', maxSize: maxSize, value: value, persistedState: persistedState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh), onValueChange: onValueChange }), updateComponent);
 };

package/build/revamp/domain/mappers/schema/tests/test-utils.js

@@ -14,7 +14,7 @@ import { getInputUpdateFunction } from '../../../components/utils/component-util
 import { getRandomId } from '../../utils/getRandomId';
 export var getMockMapperProps = function (mapperProps) {
     if (mapperProps === void 0) { mapperProps = {}; }
-    return (__assign({ step: {}, stepLocalValue: null, updateComponent: jest.fn(), onAction: jest.fn(), onRefresh: jest.fn(), getErrorMessageFunctions: jest.fn().mockReturnValue(mockErrorMessageFunctions), trackEvent: jest.fn(), logEvent: jest.fn(), httpClient: jest.fn() }, mapperProps));
+    return (__assign({ step: {}, stepLocalValue: null, updateComponent: jest.fn(), onAction: jest.fn(), onRefresh: jest.fn(), onValueChange: jest.fn(), getErrorMessageFunctions: jest.fn().mockReturnValue(mockErrorMessageFunctions), trackEvent: jest.fn(), logEvent: jest.fn(), httpClient: jest.fn() }, mapperProps));
 };
 export var getMockSchemaMapperProps = function (schemaMapperProps) { return (__assign({ uid: getRandomId(), localValue: null, model: null, required: false, validationErrors: null }, schemaMapperProps)); };
 export var mockUpdateFunction = function (draftComponent) {

package/build/revamp/test-utils/component-utils.js

@@ -15,5 +15,5 @@ import { getInitialValidationState } from '../domain/features/validationAsync/ge
 import { getRandomId } from '../domain/mappers/utils/getRandomId';
 export var createMockTextInputComponent = function (props) {
     if (props === void 0) { props = {}; }
-    return createTextInputComponent(__assign({ uid: getRandomId(), checks: [], analyticsId: 'analyticsId', autoComplete: 'off', disabled: true, errors: [], id: 'id', hidden: false, required: false, persistedState: getInitialPersistedState(), validationState: getInitialValidationState(), value: '', summariser: function () { return ({}); }, performPersistAsync: undefined, performValidationAsync: undefined, performRefresh: undefined }, props), jest.fn());
+    return createTextInputComponent(__assign({ uid: getRandomId(), checks: [], analyticsId: 'analyticsId', autoComplete: 'off', disabled: true, errors: [], id: 'id', hidden: false, required: false, persistedState: getInitialPersistedState(), validationState: getInitialValidationState(), value: '', summariser: function () { return ({}); }, performPersistAsync: undefined, performValidationAsync: undefined, performRefresh: undefined, onValueChange: function () { } }, props), jest.fn());
 };

package/build/types/index.d.ts

@@ -1,7 +1,7 @@
 export { makeHttpClient } from './common/makeHttpClient';
 export { default as translations } from './i18n';
 export type { Step, Model } from '@wise/dynamic-flow-types';
-export type { DynamicFlowWiseProps as DynamicFlowRevampProps, DynamicFlowWisePropsWithInitialAction as DynamicFlowRevampPropsWithInitialAction, DynamicFlowWisePropsWithInitialStep as DynamicFlowRevampPropsWithInitialStep, } from './revamp/types';
+export type { DynamicFlowWiseProps as DynamicFlowRevampProps, DynamicFlowWisePropsWithInitialAction as DynamicFlowRevampPropsWithInitialAction, DynamicFlowWisePropsWithInitialStep as DynamicFlowRevampPropsWithInitialStep, DynamicFlowController, } from './revamp/types';
 export { default as DynamicFlowRevamp } from './revamp/DynamicFlowWise';
 export type { DynamicFlowProps, InitialAction } from './legacy/dynamic-flow-types';
 export { convertStepToLayout, inlineReferences } from './legacy/step/layoutStep/utils';

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

@@ -1,2 +1,4 @@
-import type { DynamicFlowCoreProps } from './types';
-export declare function DynamicFlowCore(props: DynamicFlowCoreProps): JSX.Element;
+/// <reference types="react" />
+import type { DynamicFlowCoreProps, DynamicFlowController } from './types';
+declare const DynamicFlowCore: import("react").ForwardRefExoticComponent<DynamicFlowCoreProps & import("react").RefAttributes<DynamicFlowController>>;
+export default DynamicFlowCore;

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

@@ -1,3 +1,4 @@
-import type { DynamicFlowWiseProps } from './types';
-declare function DynamicFlowWise(props: DynamicFlowWiseProps): JSX.Element;
-export default DynamicFlowWise;
+/// <reference types="react" />
+import type { DynamicFlowWiseProps, DynamicFlowController } from './types';
+declare const DynamicFragmentWise: import("react").ForwardRefExoticComponent<DynamicFlowWiseProps & import("react").RefAttributes<DynamicFlowController>>;
+export default DynamicFragmentWise;

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

@@ -1,7 +1,7 @@
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { InputComponent, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
 export type BooleanInputComponent = InputComponent<boolean> & {
     type: 'boolean';
     persistedState: PersistedState;
@@ -13,4 +13,5 @@ export declare const createBooleanInputComponent: (booleanInputProps: Pick<Boole
     performRefresh: PerformRefresh | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
     summariser: (value: boolean) => RepeatableSummary;
+    onValueChange: OnValueChange;
 }, updateComponent: UpdateComponent) => BooleanInputComponent;

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

@@ -1,6 +1,6 @@
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
 export type DateInputComponent = InputComponent<string | null> & {
@@ -16,5 +16,6 @@ export declare const createDateInputComponent: (textInputProps: Pick<DateInputCo
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
+    onValueChange: OnValueChange;
     summariser: (value: string | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => DateInputComponent;

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

@@ -1,4 +1,4 @@
-import type { InputComponent, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
@@ -14,5 +14,6 @@ export declare const createIntegerInputComponent: (integerInputProps: Pick<Integ
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
+    onValueChange: OnValueChange;
     summariser: (value: number | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => IntegerInputComponent;

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

@@ -1,5 +1,5 @@
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, PersistedState, RepeatableSummary, UpdateComponent } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent } from '../types';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 export type MultiUploadInputComponent = InputComponent<File[]> & {
     type: 'multi-upload';
@@ -17,5 +17,6 @@ export type MultiUploadInputComponent = InputComponent<File[]> & {
 export declare const createMultiUploadInputComponent: (uploadInputProps: Pick<MultiUploadInputComponent, "value" | "id" | "uid" | "control" | "analyticsId" | "title" | "maxItems" | "minItems" | "description" | "errors" | "hidden" | "help" | "disabled" | "placeholder" | "accepts" | "maxSize" | "required" | "format" | "autoComplete" | "persistedState" | "uploadLabel"> & {
     checks: IsInvalidCheck<File[]>[];
     performPersistAsync: PerformPersistAsync | undefined;
+    onValueChange: OnValueChange;
     summariser: (value: string[]) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => MultiUploadInputComponent;

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

@@ -2,7 +2,7 @@ import type { PerformPersistAsync } from '../features/persistAsync/getPerformPer
 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, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
 export type NumberInputComponent = InputComponent<number | null> & {
     type: 'number';
     persistedState: PersistedState;
@@ -14,5 +14,6 @@ export declare const createNumberInputComponent: (numberInputProps: Pick<NumberI
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
+    onValueChange: OnValueChange;
     summariser: (value: number | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => NumberInputComponent;

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

@@ -1,5 +1,5 @@
 import type { Icon, Image } from '@wise/dynamic-flow-types/build/next';
-import type { InputComponent, LocalValue, PersistedState, RepeatableSummary, DomainComponent, UpdateComponent } from '../types';
+import type { InputComponent, LocalValue, PersistedState, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
@@ -31,5 +31,6 @@ export declare const createSelectInputComponent: (selectProps: Pick<SelectInputC
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh?: PerformRefresh | undefined;
     summariser: (value: LocalValue | null) => RepeatableSummary;
+    onValueChange: OnValueChange;
     trackEvent: AnalyticsEventDispatcher;
 }, updateComponent: UpdateComponent) => SelectInputComponent;

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

@@ -2,7 +2,7 @@ import type { PerformPersistAsync } from '../features/persistAsync/getPerformPer
 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, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
 export type TextInputComponent = InputComponent<string | null> & {
     type: 'text';
     displayFormat?: string;
@@ -15,5 +15,6 @@ export declare const createTextInputComponent: (textInputProps: Pick<TextInputCo
     performPersistAsync: PerformPersistAsync | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
     performRefresh: PerformRefresh | undefined;
+    onValueChange: OnValueChange;
     summariser: (value: string | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => TextInputComponent;

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

@@ -1,5 +1,5 @@
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, PersistedState, RepeatableSummary, UpdateComponent } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent } from '../types';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 export type UploadInputComponent = InputComponent<File | null> & {
@@ -14,5 +14,6 @@ export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadI
     checks: IsInvalidCheck<File | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh?: PerformRefresh | undefined;
+    onValueChange: OnValueChange;
     summariser: (value: string | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => UploadInputComponent;

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

@@ -1,5 +1,5 @@
 import type { SummarySummariser } from '@wise/dynamic-flow-types/build/next/feature/SummarySummariser';
-import type { ComponentWithTitle, LocalValue, LocalValueArray, RepeatableSummary, DomainComponent, UpdateComponent } from '../../types';
+import type { ComponentWithTitle, LocalValue, LocalValueArray, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange } from '../../types';
 import type { IsInvalidCheck } from '../../features/validation/value-checks';
 export type RepeatableComponent = ComponentWithTitle & {
     type: 'repeatable';
@@ -23,5 +23,6 @@ export declare const createRepeatableComponent: (repeatableProps: Pick<Repeatabl
     checks: IsInvalidCheck<LocalValueArray | null>[];
     summary?: SummarySummariser | undefined;
     summariser: (value: LocalValueArray | null) => RepeatableSummary;
+    onValueChange: OnValueChange;
     createEditableComponent: (value: LocalValue) => DomainComponent;
 }, updateComponent: UpdateComponent) => RepeatableComponent;

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

@@ -1,6 +1,6 @@
 export type AnalyticsEventHandler = (eventName: string, properties?: Record<string, unknown>) => void;
 export type AnalyticsEventDispatcher<E extends string = EventName> = (eventName: E, properties?: Record<string, unknown>) => void;
-export type EventName = 'Initiated' | 'Succeeded' | 'Failed' | 'Step Shown' | 'Action Triggered' | 'Action Succeeded' | 'Action Aborted' | 'Action Failed' | 'Refresh Triggered' | 'Refresh Succeeded' | 'Refresh Aborted' | 'Refresh Failed' | 'OneOf Selected' | 'PersistAsync Triggered' | 'PersistAsync Succeeded' | 'PersistAsync Failed' | 'ValidationAsync Triggered' | 'ValidationAsync Succeeded' | 'ValidationAsync Failed';
+export type EventName = 'Initiated' | 'Succeeded' | 'Failed' | 'Step Shown' | 'Action Triggered' | 'Action Succeeded' | 'Action Aborted' | 'Action Failed' | 'Refresh Triggered' | 'Refresh Succeeded' | 'Refresh Aborted' | 'Refresh Failed' | 'OneOf Selected' | 'PersistAsync Triggered' | 'PersistAsync Succeeded' | 'PersistAsync Failed' | 'ValidationAsync Triggered' | 'ValidationAsync Succeeded' | 'ValidationAsync Failed' | 'Value Changed';
 export type LogLevel = 'info' | 'warning' | 'error';
 export type LoggingEventHandler = (level: LogLevel, message: string, extra: Record<string, unknown>) => void;
 export type LoggingEventDispatcher = (level: LogLevel, message: string, extra?: Record<string, unknown>) => void;