@wise/dynamic-flow-client 3.7.2-experimental-1ba6fef → 3.8.0-experimental-da4e1e5

package/build/revamp/DynamicFlowWise.js

@@ -45,6 +45,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl';
@@ -52,11 +61,12 @@ import { HttpClientProvider } from '../common/httpClientContext';
 import { getWiseRenderers } from './wise/renderers/getWiseRenderers';
 import { mergeRequestInit } from '../common/makeHttpClient';
 import { DynamicFlowCore } from './DynamicFlowCore';
-var renderers = getWiseRenderers();
+var wiseRenderers = getWiseRenderers();
 function DynamicFlowWise(props) {
-    var httpClient = props.httpClient;
+    var httpClient = props.httpClient, customRenderers = props.renderers;
     var locale = useIntl().locale;
     var wiseHttpClient = useMemo(function () { return makeWiseHttpClient(httpClient, locale); }, [httpClient, locale]);
+    var renderers = useMemo(function () { return __spreadArray(__spreadArray([], (customRenderers !== null && customRenderers !== void 0 ? customRenderers : []), true), wiseRenderers, true); }, [customRenderers]);
     return (_jsx(HttpClientProvider, { httpClient: wiseHttpClient, children: _jsx(DynamicFlowCore, __assign({}, props, { renderers: renderers })) }));
 }
 export default DynamicFlowWise;

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

@@ -59,9 +59,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { getLocalValueValidator } from '../features/validation/validation-functions';
 import { getInputUpdateFunction } from './utils/component-utils';
 import { getComponentPersistAsync } from '../features/persistAsync/getComponentPersistAsync';
+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 performDebouncedRefresh = getDebouncedPerformRefresh(performRefresh);
     var update = getInputUpdateFunction(uid, updateComponent);
     var getValidationErrors = getLocalValueValidator(checks);
     var getAndSetValidationErrors = function (currentValue) {
@@ -73,6 +75,7 @@ export var createIntegerInputComponent = function (integerInputProps, updateComp
     };
     var integerComponent = __assign({ type: 'integer', uid: uid, id: id, value: value, onBlur: function () {
             getAndSetValidationErrors(this.getLocalValue());
+            performDebouncedRefresh === null || performDebouncedRefresh === void 0 ? void 0 : performDebouncedRefresh.flush();
         }, onFocus: function () { }, // Noop
         onChange: function (updatedValue) {
             update(function (draft) {
@@ -80,7 +83,7 @@ export var createIntegerInputComponent = function (integerInputProps, updateComp
                 draft.validationState.messages = {};
                 draft.value = updatedValue;
             });
-            performRefresh === null || performRefresh === void 0 ? void 0 : performRefresh();
+            performDebouncedRefresh === null || performDebouncedRefresh === void 0 ? void 0 : performDebouncedRefresh();
         }, getSubmittableValue: function () {
             var _a;
             return __awaiter(this, void 0, void 0, function () {

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

@@ -56,12 +56,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { getLocalValueValidator } from '../features/validation/validation-functions';
-import { getInputUpdateFunction } from './utils/component-utils';
 import { getComponentPersistAsync } from '../features/persistAsync/getComponentPersistAsync';
+import { getDebouncedPerformRefresh, } from '../features/refresh/getPerformRefresh';
+import { getLocalValueValidator } from '../features/validation/validation-functions';
 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 performDebouncedRefresh = getDebouncedPerformRefresh(performRefresh);
     var update = getInputUpdateFunction(uid, updateComponent);
     var getValidationErrors = getLocalValueValidator(checks);
     var getAndSetValidationErrors = function (currentValue) {
@@ -73,6 +75,7 @@ export var createNumberInputComponent = function (numberInputProps, updateCompon
     };
     var numberComponent = __assign({ type: 'number', uid: uid, id: id, onBlur: function () {
             getAndSetValidationErrors(this.getLocalValue());
+            performDebouncedRefresh === null || performDebouncedRefresh === void 0 ? void 0 : performDebouncedRefresh.flush();
         }, onFocus: function () { }, // Noop
         onChange: function (updatedValue) {
             update(function (draft) {
@@ -80,7 +83,7 @@ export var createNumberInputComponent = function (numberInputProps, updateCompon
                 draft.validationState.messages = {};
                 draft.value = updatedValue;
             });
-            performRefresh === null || performRefresh === void 0 ? void 0 : performRefresh();
+            performDebouncedRefresh === null || performDebouncedRefresh === void 0 ? void 0 : performDebouncedRefresh();
         }, getSubmittableValue: function () {
             var _a;
             return __awaiter(this, void 0, void 0, function () {

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

@@ -56,12 +56,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { getLocalValueValidator } from '../features/validation/validation-functions';
-import { getInputUpdateFunction } from './utils/component-utils';
 import { getComponentPersistAsync } from '../features/persistAsync/getComponentPersistAsync';
+import { getDebouncedPerformRefresh, } from '../features/refresh/getPerformRefresh';
+import { getLocalValueValidator } from '../features/validation/validation-functions';
 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 performDebouncedRefresh = getDebouncedPerformRefresh(performRefresh);
     var update = getInputUpdateFunction(uid, updateComponent);
     var getValidationErrors = getLocalValueValidator(checks);
     var getAndSetValidationErrors = function (currentValue) {
@@ -73,6 +75,7 @@ export var createTextInputComponent = function (textInputProps, updateComponent)
     };
     var inputComponent = __assign({ type: 'text', uid: uid, id: id, value: value, onBlur: function () {
             getAndSetValidationErrors(this.getLocalValue());
+            performDebouncedRefresh === null || performDebouncedRefresh === void 0 ? void 0 : performDebouncedRefresh.flush();
         }, onFocus: function () { }, // Noop
         onChange: function (updatedValue) {
             update(function (draft) {
@@ -80,7 +83,7 @@ export var createTextInputComponent = function (textInputProps, updateComponent)
                 draft.validationState.messages = {};
                 draft.value = updatedValue;
             });
-            performRefresh === null || performRefresh === void 0 ? void 0 : performRefresh();
+            performDebouncedRefresh === null || performDebouncedRefresh === void 0 ? void 0 : performDebouncedRefresh();
         }, getSubmittableValue: function () {
             var _a;
             return __awaiter(this, void 0, void 0, function () {

package/build/revamp/domain/components/utils/debounce.js

@@ -1,6 +1,6 @@
 export var debounce = function (callback, waitMs) {
-    var timeoutId;
-    var lastArgs;
+    var timeoutId = null;
+    var lastArgs = null;
     var clearTimer = function () {
         if (timeoutId) {
             clearTimeout(timeoutId);

package/build/revamp/domain/features/refresh/getPerformRefresh.js

@@ -1,39 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { debounce } from '../../components/utils/debounce';
 export var getPerformRefresh = function (schema, onRefresh) {
     var _a, _b;
@@ -41,13 +5,12 @@ export var getPerformRefresh = function (schema, onRefresh) {
         ('refreshFormOnChange' in schema && ((_b = schema.refreshFormOnChange) !== null && _b !== void 0 ? _b : false))) {
         var $id = schema.$id, analyticsId = schema.analyticsId, refreshUrl_1 = schema.refreshUrl, refreshFormUrl_1 = schema.refreshFormUrl;
         var schemaId_1 = analyticsId !== null && analyticsId !== void 0 ? analyticsId : $id;
-        return function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
-            return [2 /*return*/, onRefresh(schemaId_1, refreshUrl_1 !== null && refreshUrl_1 !== void 0 ? refreshUrl_1 : refreshFormUrl_1)];
-        }); }); };
+        return function () {
+            void onRefresh(schemaId_1, refreshUrl_1 !== null && refreshUrl_1 !== void 0 ? refreshUrl_1 : refreshFormUrl_1);
+        };
     }
     return undefined;
 };
-export var getDebouncedPerformRefresh = function (schema, onRefresh) {
-    var debouncedOnRefresh = debounce(onRefresh, 1000);
-    return getPerformRefresh(schema, debouncedOnRefresh);
+export var getDebouncedPerformRefresh = function (performRefresh) {
+    return performRefresh ? debounce(performRefresh, 1000) : undefined;
 };

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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { isInteger } from '../../../utils/type-validators';
 import { createIntegerInputComponent } from '../../components/IntegerInputComponent';
-import { getDebouncedPerformRefresh } from '../../features/refresh/getPerformRefresh';
+import { getPerformRefresh } from '../../features/refresh/getPerformRefresh';
 import { getAboveMaximumCheck, getBelowMinimumCheck, getRequiredCheck, } from '../../features/validation/value-checks';
 import { getAutocompleteString } from '../utils/getAutocompleteString';
 import { getPersistAsyncInitialState } from './utils/getPersistAsyncInitialState';
@@ -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: getDebouncedPerformRefresh(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 }), updateComponent);
 };

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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { isNumber } from '../../../utils/type-validators';
 import { createNumberInputComponent } from '../../components/NumberInputComponent';
-import { getDebouncedPerformRefresh } from '../../features/refresh/getPerformRefresh';
+import { getPerformRefresh } from '../../features/refresh/getPerformRefresh';
 import { getAboveMaximumCheck, getBelowMinimumCheck, getRequiredCheck, } from '../../features/validation/value-checks';
 import { getAutocompleteString } from '../utils/getAutocompleteString';
 import { getPersistAsyncInitialState } from './utils/getPersistAsyncInitialState';
@@ -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: getDebouncedPerformRefresh(schema, onRefresh), performValidationAsync: performValidationAsync }), updateComponent);
+        ], value: value, persistedState: persistedState, validationState: validationState, performPersistAsync: performPersistAsync, performRefresh: getPerformRefresh(schema, onRefresh), performValidationAsync: performValidationAsync }), updateComponent);
 };

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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { createTextInputComponent } from '../../../components/TextInputComponent';
 import { isString } from '../../../../utils/type-validators';
-import { getDebouncedPerformRefresh } from '../../../features/refresh/getPerformRefresh';
+import { getPerformRefresh } from '../../../features/refresh/getPerformRefresh';
 import { getAboveMaxLengthCheck, getBelowMinLengthCheck, getNotAdheringToPatternCheck, getRequiredCheck, } from '../../../features/validation/value-checks';
 import { getAutocompleteString } from '../../utils/getAutocompleteString';
 import { getPersistAsyncInitialState } from '../utils/getPersistAsyncInitialState';
@@ -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: getDebouncedPerformRefresh(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 }), updateComponent);
 };
 var getControlForLegacyFormat = function (format) {
     if (format && ['numeric', 'phone-number', 'email', 'password'].includes(format)) {

package/build/revamp/tests/legacy/RefreshStepOnChange.debouncing.spec.js

@@ -51,6 +51,16 @@ import { userEvent } from '@testing-library/user-event';
 import DynamicFlowWise from '../../DynamicFlowWise';
 import { renderWithProviders } from '../../../test-utils';
 var user = userEvent.setup({ advanceTimers: function (delay) { return jest.advanceTimersByTime(delay); } });
+var mockHttpClient = jest.fn();
+var getProps = function (step, overrides) {
+    if (overrides === void 0) { overrides = {}; }
+    return (__assign({ flowId: 'debounced-refresh-flow-id', initialStep: step, httpClient: mockHttpClient, onCompletion: jest.fn(), onError: jest.fn(), onEvent: jest.fn(), onLog: jest.fn() }, overrides));
+};
+beforeAll(function () { return jest.useFakeTimers(); });
+beforeEach(function () {
+    mockHttpClient.mockClear();
+});
+afterAll(function () { return jest.useRealTimers(); });
 describe('useDebouncedRefresh', function () {
     var debounceableSchema = {
         $id: '#debounced-schema',
@@ -120,16 +130,6 @@ describe('useDebouncedRefresh', function () {
         schemas: [debounceableDeprecatedSchema],
         model: {},
     };
-    var mockHttpClient = jest.fn();
-    var getProps = function (step, overrides) {
-        if (overrides === void 0) { overrides = {}; }
-        return (__assign({ flowId: 'debounced-refresh-flow-id', initialStep: step, httpClient: mockHttpClient, onCompletion: jest.fn(), onError: jest.fn(), onEvent: jest.fn(), onLog: jest.fn() }, overrides));
-    };
-    beforeAll(function () { return jest.useFakeTimers(); });
-    beforeEach(function () {
-        mockHttpClient.mockClear();
-    });
-    afterAll(function () { return jest.useRealTimers(); });
     describe('when the schema is debounceable', function () {
         describe("and the url doesn't change", function () {
             it('triggers only once, after the interval, with the latest data', function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -191,7 +191,7 @@ describe('useDebouncedRefresh', function () {
                         case 5:
                             _a.sent();
                             expect(props.httpClient).toHaveBeenCalledWith('/refresh1', expect.objectContaining({
-                                body: '{"name":"Colin Robinson","address":"New","terms":false}',
+                                body: '{"name":"Colin Robinson","terms":false}',
                                 // body: '{"terms":false,"name":"Colin Robinson"}',
                             }));
                             expect(props.httpClient).toHaveBeenCalledWith('/refresh2', expect.objectContaining({
@@ -234,3 +234,119 @@ describe('useDebouncedRefresh', function () {
         }); });
     });
 });
+describe('when the user types in a debounceable field, and then immediately submits the form', function () {
+    it('should suppress submission until the refresh is complete', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var initialStep, secondStep, props, httpClient;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    initialStep = {
+                        id: 'debounced-refresh-initial-step',
+                        title: 'debounced refresh test',
+                        refreshUrl: '/refresh',
+                        layout: [
+                            { type: 'form', schemaId: '#debounced-schema' },
+                            { type: 'button', title: 'Submit', action: { url: '/submit', method: 'POST' } },
+                        ],
+                        schemas: [
+                            {
+                                $id: '#debounced-schema',
+                                type: 'object',
+                                title: 'Debounced Refresh',
+                                description: 'debounced refresh',
+                                displayOrder: ['name'],
+                                properties: {
+                                    name: {
+                                        title: 'Name',
+                                        type: 'string',
+                                        refreshStepOnChange: true,
+                                    },
+                                },
+                            },
+                        ],
+                        model: {},
+                    };
+                    secondStep = {
+                        id: 'debounced-refresh-second-step',
+                        title: 'second step',
+                        layout: [{ type: 'paragraph', text: 'second step paragraph' }],
+                        schemas: [],
+                        model: {},
+                    };
+                    props = getProps(initialStep);
+                    httpClient = jest.fn(function (input, init) { return __awaiter(void 0, void 0, void 0, function () {
+                        var model;
+                        return __generator(this, function (_a) {
+                            switch (input) {
+                                case '/refresh': {
+                                    model = JSON.parse(init === null || init === void 0 ? void 0 : init.body);
+                                    return [2 /*return*/, Promise.resolve(new Response(JSON.stringify(__assign(__assign({}, initialStep), { model: model })), { status: 200 }))];
+                                }
+                                case '/submit':
+                                    return [2 /*return*/, Promise.resolve(new Response(JSON.stringify(secondStep), { status: 200 }))];
+                                default:
+                                    return [2 /*return*/, Promise.resolve(new Response('', { status: 404 }))];
+                            }
+                            return [2 /*return*/];
+                        });
+                    }); });
+                    renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props, { httpClient: httpClient })));
+                    // enter a value into a debounceable field
+                    return [4 /*yield*/, user.type(screen.getByLabelText('Name'), 'Colin')];
+                case 1:
+                    // enter a value into a debounceable field
+                    _a.sent();
+                    // then immediately submit the form
+                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Submit' }))];
+                case 2:
+                    // then immediately submit the form
+                    _a.sent();
+                    return [4 /*yield*/, waitFor(function () {
+                            expect(httpClient).toHaveBeenCalledTimes(0);
+                        })];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                jest.advanceTimersByTime(2000); // debounce delay
+                                return [2 /*return*/];
+                            });
+                        }); })];
+                case 4:
+                    _a.sent();
+                    return [4 /*yield*/, waitFor(function () {
+                            expect(httpClient).toHaveBeenCalledWith('/refresh', expect.objectContaining({ body: '{"name":"Colin"}' }));
+                        })];
+                case 5:
+                    _a.sent();
+                    return [4 /*yield*/, waitFor(function () {
+                            expect(screen.getByText('debounced refresh test')).toBeInTheDocument();
+                        })];
+                case 6:
+                    _a.sent();
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                jest.advanceTimersByTime(2000); // debounce delay
+                                return [2 /*return*/];
+                            });
+                        }); })];
+                case 7:
+                    _a.sent();
+                    expect(httpClient).toHaveBeenCalledTimes(1);
+                    // click submit a second time
+                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Submit' }))];
+                case 8:
+                    // click submit a second time
+                    _a.sent();
+                    // this time the submission goes through
+                    return [4 /*yield*/, waitFor(function () {
+                            expect(httpClient).toHaveBeenCalledWith('/submit', expect.objectContaining({ body: '{"name":"Colin"}' }));
+                        })];
+                case 9:
+                    // this time the submission goes through
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/build/types/index.d.ts

@@ -1,12 +1,12 @@
+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 { default as DynamicFlowRevamp } from './revamp/DynamicFlowWise';
+export type { DynamicFlowProps, InitialAction } from './legacy/dynamic-flow-types';
 export { convertStepToLayout, inlineReferences } from './legacy/step/layoutStep/utils';
 export { default as DynamicFlow } from './legacy/dynamicFlow';
-export { makeHttpClient } from './common/makeHttpClient';
 export { default as JsonSchemaForm } from './legacy/jsonSchemaForm';
 export { DynamicLayout as Layout } from './legacy/layout';
 export { isValidSchema } from './legacy/common/validators';
-export { default as translations } from './i18n';
 export * from './legacy/dynamicFlow/DynamicFlow';
-export type { DynamicFlowProps, InitialAction } from './legacy/dynamic-flow-types';
-export type { Step } from '@wise/dynamic-flow-types';
-export { default as DynamicFlowRevamp } from './revamp/DynamicFlowWise';
-export type { DynamicFlowProps as DynamicFlowRevampProps } from './revamp/types';

package/build/types/legacy/common/utils/schema-utils.d.ts

@@ -23,4 +23,4 @@ export declare function isFileUploadSchema(schema: {
 }): schema is FileUploadSchema;
 export declare const isMultipleFileUploadSchema: (schema: Schema) => schema is MultipleFileUploadSchema;
 export declare const isMultiSelectConstSchema: (schema: Schema) => schema is MultiSelectSchema;
-export declare const getSchemaType: (schema: Schema) => "allOf" | "persistAsync" | "array" | "object" | "oneOf" | "readOnly" | "validationAsync" | "promotedOneOf" | "basic" | null;
+export declare const getSchemaType: (schema: Schema) => "object" | "array" | "allOf" | "oneOf" | "persistAsync" | "readOnly" | "validationAsync" | "promotedOneOf" | "basic" | null;

package/build/types/legacy/dynamicFlow/utils/useLoader.d.ts

@@ -3,7 +3,7 @@ import type { DynamicFlowProps } from '../../dynamic-flow-types';
 type LoadingState = 'idle' | 'initial' | 'refresh' | 'submission';
 export declare function useLoader(loaderConfig: DynamicFlowProps['loaderConfig'], initialState: LoadingState): {
     isLoading: boolean;
-    setLoadingState: import("react").Dispatch<import("react").SetStateAction<"initial" | "idle" | "refresh" | "submission">>;
+    setLoadingState: import("react").Dispatch<import("react").SetStateAction<"idle" | "submission" | "refresh" | "initial">>;
     loader: JSX.Element | null;
 };
 export {};

package/build/types/legacy/layout/search/useSearch.d.ts

@@ -10,7 +10,7 @@ export type SearchState = {
     status: 'error';
 };
 export declare const useSearch: (defaultSearchConfig: SearchConfig) => {
-    status: "success" | "loading" | "error" | "idle";
+    status: "error" | "idle" | "loading" | "success";
     results: SearchResult[];
     search: (query: string, { url, method, param }?: SearchConfig) => Promise<void>;
 };

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

@@ -1,6 +1,2 @@
-import type { DynamicFlowProps, Renderers } from './types';
-type DynamicFlowCoreProps = DynamicFlowProps & {
-    renderers: Renderers;
-};
+import type { DynamicFlowCoreProps } from './types';
 export declare function DynamicFlowCore(props: DynamicFlowCoreProps): JSX.Element;
-export {};

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

@@ -1,3 +1,3 @@
-import type { DynamicFlowProps } from './types';
-declare function DynamicFlowWise(props: DynamicFlowProps): JSX.Element;
+import type { DynamicFlowWiseProps } from './types';
+declare function DynamicFlowWise(props: DynamicFlowWiseProps): JSX.Element;
 export default DynamicFlowWise;

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

@@ -11,7 +11,7 @@ export type AllOfComponent = BaseComponent & {
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValue;
 };
-export declare const createAllOfComponent: (allOfProps: Pick<AllOfComponent, "description" | "help" | "hidden" | "title" | "control" | "components"> & {
+export declare const createAllOfComponent: (allOfProps: Pick<AllOfComponent, "control" | "title" | "components" | "description" | "hidden" | "help"> & {
     uid: string;
     analyticsId?: string | undefined;
     summariser: (value: Model | null) => RepeatableSummary;

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

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

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

@@ -4,7 +4,7 @@ export type ConstComponent = BaseComponent & {
     type: 'const';
     getLocalValue: () => LocalValue;
 };
-export declare const createConstComponent: (hiddenProps: Pick<ConstComponent, "analyticsId" | "uid"> & {
+export declare const createConstComponent: (hiddenProps: Pick<ConstComponent, "uid" | "analyticsId"> & {
     value: Model;
     summary: RepeatableSummary;
 }) => ConstComponent;

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

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

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

@@ -1,7 +1,7 @@
 import type { InputComponent, 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';
+import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
 export type IntegerInputComponent = InputComponent<number | null> & {
     type: 'integer';
@@ -9,7 +9,7 @@ export type IntegerInputComponent = InputComponent<number | null> & {
     validationState: ValidationState;
     onChange: (value: number | null) => void;
 };
-export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "analyticsId" | "description" | "disabled" | "help" | "hidden" | "title" | "placeholder" | "control" | "id" | "errors" | "required" | "value" | "autoComplete" | "uid" | "persistedState" | "validationState"> & {
+export declare const createIntegerInputComponent: (integerInputProps: Pick<IntegerInputComponent, "value" | "id" | "uid" | "control" | "analyticsId" | "title" | "description" | "errors" | "hidden" | "help" | "disabled" | "placeholder" | "required" | "autoComplete" | "persistedState" | "validationState"> & {
     checks: IsInvalidCheck<number | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;

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

@@ -14,7 +14,7 @@ export type MultiUploadInputComponent = InputComponent<File[]> & {
     onDelete: (fileId: string) => Promise<void>;
     onUpload: (file: File, fileId: string) => Promise<void>;
 };
-export declare const createMultiUploadInputComponent: (uploadInputProps: Pick<MultiUploadInputComponent, "analyticsId" | "description" | "disabled" | "format" | "help" | "hidden" | "title" | "placeholder" | "control" | "maxSize" | "accepts" | "id" | "errors" | "minItems" | "maxItems" | "required" | "value" | "autoComplete" | "uid" | "persistedState" | "uploadLabel"> & {
+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;
     summariser: (value: string[]) => RepeatableSummary;

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

@@ -1,15 +1,15 @@
-import type { InputComponent, 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';
+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';
 export type NumberInputComponent = InputComponent<number | null> & {
     type: 'number';
     persistedState: PersistedState;
     validationState: ValidationState;
     onChange: (value: number | null) => void;
 };
-export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "analyticsId" | "description" | "disabled" | "help" | "hidden" | "title" | "placeholder" | "control" | "id" | "errors" | "required" | "value" | "autoComplete" | "uid" | "persistedState" | "validationState"> & {
+export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "value" | "id" | "uid" | "control" | "analyticsId" | "title" | "description" | "errors" | "hidden" | "help" | "disabled" | "placeholder" | "required" | "autoComplete" | "persistedState" | "validationState"> & {
     checks: IsInvalidCheck<number | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;

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

@@ -5,7 +5,7 @@ export type ObjectComponent = ComponentWithTitle & {
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValueObject;
 };
-export declare const createObjectComponent: (objectProps: Pick<ObjectComponent, "description" | "help" | "hidden" | "title" | "control" | "componentMap"> & {
+export declare const createObjectComponent: (objectProps: Pick<ObjectComponent, "control" | "title" | "description" | "hidden" | "help" | "componentMap"> & {
     uid: string;
     analyticsId?: string | undefined;
     displayOrder: string[];

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

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

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

@@ -18,7 +18,7 @@ type BackNavigation = {
     title?: string;
     onClick: () => void;
 };
-export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "external" | "components" | "back" | "loadingState" | "uid" | "trackEvent"> & {
+export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "uid" | "components" | "external" | "trackEvent" | "back" | "loadingState"> & {
     stepPolling?: StepPolling | undefined;
     updateComponent: UpdateComponent;
 }) => StepDomainComponent;