@wise/dynamic-flow-client 3.5.0-experimental-b041af5 → 3.5.0-experimental-63c768d

package/build/revamp/domain/features/validation/value-checks.js

@@ -0,0 +1,111 @@
+import { isArray, isNullish, isNumber, isString } from '../../../utils/type-validators';
+export var getAboveMaxItemsCheck = function (_a, messageFunctions) {
+    var maxItems = _a.maxItems;
+    return function (value) {
+        if (isNumber(maxItems) && isArray(value) && value.length > maxItems) {
+            return messageFunctions.maxItems(maxItems);
+        }
+        return null;
+    };
+};
+export var getBelowMinFilesCheck = function (_a, messageFunctions) {
+    var minItems = _a.minItems;
+    return function (value) {
+        if (isNumber(minItems) && isArray(value) && value.length > 0 && value.length < minItems) {
+            return messageFunctions.minFiles(minItems);
+        }
+        return null;
+    };
+};
+export var getAboveMaxFilesCheck = function (_a, messageFunctions) {
+    var maxItems = _a.maxItems;
+    return function (value) {
+        if (isNumber(maxItems) && isArray(value) && value.length > maxItems) {
+            return messageFunctions.maxFiles(maxItems);
+        }
+        return null;
+    };
+};
+export var getBelowMinItemsCheck = function (_a, messageFunctions) {
+    var minItems = _a.minItems;
+    return function (value) {
+        if (isNumber(minItems) && isArray(value) && value.length > 0 && value.length < minItems) {
+            return messageFunctions.minItems(minItems);
+        }
+        return null;
+    };
+};
+export var getAboveMaxLengthCheck = function (_a, messageFunctions) {
+    var maxLength = _a.maxLength;
+    return function (value) {
+        if (isNumber(maxLength) && isString(value) && value.length > maxLength) {
+            return messageFunctions.maxLength(maxLength);
+        }
+        return null;
+    };
+};
+export var getBelowMinLengthCheck = function (_a, messageFunctions) {
+    var minLength = _a.minLength;
+    return function (value) {
+        if (isNumber(minLength) && isString(value) && value.length < minLength) {
+            return messageFunctions.minLength(minLength);
+        }
+        return null;
+    };
+};
+export var getAboveMaximumCheck = function (_a, messageFunctions) {
+    var maximum = _a.maximum;
+    return function (value) {
+        if (isNumber(maximum) && isNumber(value) && value > maximum) {
+            return messageFunctions.maximum(maximum);
+        }
+        return null;
+    };
+};
+export var getBelowMinimumCheck = function (_a, messageFunctions) {
+    var minimum = _a.minimum;
+    return function (value) {
+        if (isNumber(minimum) && isNumber(value) && value < minimum) {
+            return messageFunctions.minimum(minimum);
+        }
+        return null;
+    };
+};
+export var getAboveMaximumDateCheck = function (_a, messageFunctions) {
+    var maximum = _a.maximum;
+    return function (value) {
+        if (isString(maximum) && isString(value) && value > maximum) {
+            return messageFunctions.maximumDate(maximum);
+        }
+        return null;
+    };
+};
+export var getBelowMinimumDateCheck = function (_a, messageFunctions) {
+    var minimum = _a.minimum;
+    return function (value) {
+        if (isString(minimum) && isString(value) && value < minimum) {
+            return messageFunctions.minimumDate(minimum);
+        }
+        return null;
+    };
+};
+export var getNotAdheringToPatternCheck = function (_a, messageFunctions) {
+    var pattern = _a.pattern;
+    return function (value) {
+        if (isString(pattern) && isString(value) && !new RegExp(pattern).test(value)) {
+            return messageFunctions.pattern();
+        }
+        return null;
+    };
+};
+export var getRequiredCheck = function (required, messageFunctions) {
+    return function (value) {
+        if (!required) {
+            return null;
+        }
+        if (isArray(value) && value.length === 0) {
+            return messageFunctions.required();
+        }
+        return isNullish(value) ? messageFunctions.required() : null;
+    };
+};

package/build/revamp/domain/features/validation/value-checks.spec.js

@@ -0,0 +1,204 @@
+import { getAboveMaxLengthCheck, getBelowMinLengthCheck, getAboveMaximumCheck, getBelowMinimumCheck, getAboveMaximumDateCheck, getBelowMinimumDateCheck, getNotAdheringToPatternCheck, getAboveMaxItemsCheck, getBelowMinItemsCheck, getAboveMaxFilesCheck, getBelowMinFilesCheck, } from './value-checks';
+import { mockErrorMessageFunctions } from './spec-utils';
+describe('value checks', function () {
+    describe('getAboveMaxLengthCheck', function () {
+        it('should return null if the string length is below or equal to the maxLength', function () {
+            var schema = { type: 'string', maxLength: 5 };
+            var check = getAboveMaxLengthCheck(schema, mockErrorMessageFunctions);
+            var belowLength = check('0');
+            var atLength = check('01234');
+            expect(belowLength).toBeNull();
+            expect(atLength).toBeNull();
+        });
+        it('should return an error message if the string length is above the maxLength', function () {
+            var schema = { type: 'string', maxLength: 5 };
+            var check = getAboveMaxLengthCheck(schema, mockErrorMessageFunctions);
+            expect(check('012345')).toBe('maxLength');
+        });
+    });
+    describe('getBelowMinLengthCheck', function () {
+        it('should return null if the string length is above or equal to the minLength', function () {
+            var schema = { type: 'string', minLength: 5 };
+            var check = getBelowMinLengthCheck(schema, mockErrorMessageFunctions);
+            var atLength = check('01234');
+            var aboveLength = check('0123456789');
+            expect(atLength).toBeNull();
+            expect(aboveLength).toBeNull();
+        });
+        it('should return an error message if the string length is below the minLength', function () {
+            var schema = { type: 'string', minLength: 5 };
+            var check = getBelowMinLengthCheck(schema, mockErrorMessageFunctions);
+            expect(check('0')).toBe('minLength');
+        });
+    });
+    describe('getAboveMaximumCheck', function () {
+        it('should return null if the number is below or equal to the maximum', function () {
+            var schema = { type: 'number', maximum: 10 };
+            var check = getAboveMaximumCheck(schema, mockErrorMessageFunctions);
+            var atMax = check(5);
+            var belowMax = check(10);
+            expect(atMax).toBeNull();
+            expect(belowMax).toBeNull();
+        });
+        it('should return an error message if the number is above the maximum', function () {
+            var schema = { type: 'number', maximum: 10 };
+            var check = getAboveMaximumCheck(schema, mockErrorMessageFunctions);
+            expect(check(15)).toBe('maximum');
+        });
+    });
+    describe('getBelowMinimumCheck', function () {
+        it('should return null if the number is above or equal to the minimum', function () {
+            var schema = { type: 'integer', minimum: 5 };
+            var check = getBelowMinimumCheck(schema, mockErrorMessageFunctions);
+            var atMinimum = check(5);
+            var aboveMinimum = check(10);
+            expect(atMinimum).toBeNull();
+            expect(aboveMinimum).toBeNull();
+        });
+        it('should return an error message if the number is below the minimum', function () {
+            var schema = { type: 'integer', minimum: 10 };
+            var check = getBelowMinimumCheck(schema, mockErrorMessageFunctions);
+            expect(check(5)).toBe('minimum');
+        });
+    });
+    describe('getAboveMaximumDateCheck', function () {
+        it('should return null if the date is below or equal to the maximum', function () {
+            var schema = { type: 'string', format: 'date', maximum: '2022-01-01' };
+            var check = getAboveMaximumDateCheck(schema, mockErrorMessageFunctions);
+            var atDate = check('2022-01-01');
+            var belowDate = check('2021-12-31');
+            expect(atDate).toBeNull();
+            expect(belowDate).toBeNull();
+        });
+        it('should return an error message if the date is above the maximum', function () {
+            var schema = { type: 'string', format: 'date', maximum: '2022-01-01' };
+            var check = getAboveMaximumDateCheck(schema, mockErrorMessageFunctions);
+            expect(check('2022-01-02')).toBe('maximumDate');
+        });
+    });
+    describe('getBelowMinimumDateCheck', function () {
+        it('should return null if the date is above or equal to the minimum', function () {
+            var schema = { type: 'string', format: 'date', minimum: '2022-01-01' };
+            var check = getBelowMinimumDateCheck(schema, mockErrorMessageFunctions);
+            var atDate = check('2022-01-01');
+            var aboveDate = check('2022-01-02');
+            expect(atDate).toBeNull();
+            expect(aboveDate).toBeNull();
+        });
+        it('should return an error message if the date is below the minimum', function () {
+            var schema = { type: 'string', format: 'date', minimum: '2022-01-01' };
+            var check = getBelowMinimumDateCheck(schema, mockErrorMessageFunctions);
+            expect(check('2021-12-31')).toBe('minimumDate');
+        });
+    });
+    describe('getNotAdheringToPatternCheck', function () {
+        it('should return null if the string adheres to the pattern', function () {
+            var schema = { type: 'string', pattern: '[A-Za-z]+' };
+            var check = getNotAdheringToPatternCheck(schema, mockErrorMessageFunctions);
+            expect(check('Hello')).toBeNull();
+        });
+        it('should return an error message if the string does not adhere to the pattern', function () {
+            var schema = { type: 'string', pattern: '[A-Za-z]+' };
+            var check = getNotAdheringToPatternCheck(schema, mockErrorMessageFunctions);
+            expect(check('01234')).toBe('pattern');
+        });
+    });
+    describe('getAboveMaxItemsCheck', function () {
+        var arraySchema = {
+            type: 'array',
+            items: { type: 'string' },
+            addItemTitle: '',
+            editItemTitle: '',
+            maxItems: 5
+        };
+        it('should return null if the array length is below or equal to the maxItems', function () {
+            var check = getAboveMaxItemsCheck(arraySchema, mockErrorMessageFunctions);
+            var belowLength = check(['0']);
+            var atLength = check(['0', '1', '2', '3', '4']);
+            expect(belowLength).toBeNull();
+            expect(atLength).toBeNull();
+        });
+        it('should return an error message if the array length is above the maxItems', function () {
+            var check = getAboveMaxItemsCheck(arraySchema, mockErrorMessageFunctions);
+            expect(check(['0', '1', '2', '3', '4', '5'])).toBe('maxItems');
+        });
+    });
+    describe('getBelowMinItemsCheck', function () {
+        var arraySchema = {
+            type: 'array',
+            items: { type: 'string' },
+            addItemTitle: '',
+            editItemTitle: '',
+            minItems: 3
+        };
+        it('should return null if the array length is above or equal to the minItems', function () {
+            var check = getBelowMinItemsCheck(arraySchema, mockErrorMessageFunctions);
+            var atLength = check(['0', '1', '2']);
+            var aboveLength = check(['0', '1', '2', '3']);
+            expect(atLength).toBeNull();
+            expect(aboveLength).toBeNull();
+        });
+        it('should return null if the array is empty', function () {
+            var check = getBelowMinItemsCheck(arraySchema, mockErrorMessageFunctions);
+            var empty = check([]);
+            expect(empty).toBeNull();
+        });
+        it('should return an error message if the array length is below the minItems', function () {
+            var check = getBelowMinItemsCheck(arraySchema, mockErrorMessageFunctions);
+            expect(check(['0', '1'])).toBe('minItems');
+        });
+    });
+    describe('getAboveMaxFilesCheck', function () {
+        var arraySchema = {
+            type: 'array',
+            items: { type: 'string' },
+            addItemTitle: '',
+            editItemTitle: '',
+            maxItems: 2
+        };
+        it('should return null if the array length is below or equal to the maxItems', function () {
+            var check = getAboveMaxFilesCheck(arraySchema, mockErrorMessageFunctions);
+            var belowLength = check([new File([new Blob()], '0')]);
+            var atLength = check([new File([new Blob()], '0'), new File([new Blob()], '1')]);
+            expect(belowLength).toBeNull();
+            expect(atLength).toBeNull();
+        });
+        it('should return an error message if the array length is above the maxItems', function () {
+            var check = getAboveMaxFilesCheck(arraySchema, mockErrorMessageFunctions);
+            expect(check([
+                new File([new Blob()], '0'),
+                new File([new Blob()], '1'),
+                new File([new Blob()], '2'),
+            ])).toBe('maxFiles');
+        });
+    });
+    describe('getBelowMinFilesCheck', function () {
+        var arraySchema = {
+            type: 'array',
+            items: { type: 'string' },
+            addItemTitle: '',
+            editItemTitle: '',
+            minItems: 2
+        };
+        it('should return null if the array length is above or equal to the minItems', function () {
+            var check = getBelowMinFilesCheck(arraySchema, mockErrorMessageFunctions);
+            var atLength = check([new File([new Blob()], '0'), new File([new Blob()], '1')]);
+            var aboveLength = check([
+                new File([new Blob()], '0'),
+                new File([new Blob()], '1'),
+                new File([new Blob()], '2'),
+            ]);
+            expect(atLength).toBeNull();
+            expect(aboveLength).toBeNull();
+        });
+        it('should return null if the array is empty', function () {
+            var check = getBelowMinFilesCheck(arraySchema, mockErrorMessageFunctions);
+            var empty = check([]);
+            expect(empty).toBeNull();
+        });
+        it('should return an error message if the array length is below the minItems', function () {
+            var check = getBelowMinFilesCheck(arraySchema, mockErrorMessageFunctions);
+            expect(check([new File([new Blob()], '0')])).toBe('minFiles');
+        });
+    });
+});

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

@@ -0,0 +1,94 @@
+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 { isNullish } from '../../../utils/type-validators';
+import { abortAndResetController } from '../utils/http-utils';
+/**
+ * Creates an onValidateAsync handler for a component.
+ */
+export var getComponentValidationAsync = function (update, performValidationAsync) {
+    /**
+     * Will update the validationState when a new request is made, and will update
+     * the description or set errors when the request completes.
+     */
+    return function (validationState, currentValue) { return __awaiter(void 0, void 0, void 0, function () {
+        var abortController, lastSubmitted, newAbortController, signal, newSubmission;
+        return __generator(this, function (_a) {
+            abortController = validationState.abortController, lastSubmitted = validationState.lastSubmitted;
+            // Ignore subsequent requests for the same value
+            if (lastSubmitted === currentValue) {
+                return [2 /*return*/];
+            }
+            newAbortController = abortAndResetController(abortController);
+            if (isNullish(currentValue)) {
+                update(function (draft) {
+                    draft.validationState = {
+                        abortController: newAbortController,
+                        lastSubmitted: currentValue,
+                        messages: {}
+                    };
+                });
+                return [2 /*return*/];
+            }
+            signal = newAbortController.signal;
+            newSubmission = performValidationAsync({ value: currentValue, signal: signal })
+                .then(function (message) {
+                update(function (draft) {
+                    if (message) {
+                        draft.validationState.messages.success = message;
+                    }
+                });
+                return message;
+            })["catch"](function (error) {
+                if (error instanceof DOMException && error.name === 'AbortError') {
+                    // No op, the request was aborted
+                    return null;
+                }
+                update(function (draft) {
+                    draft.validationState.messages.error = error.message;
+                });
+            });
+            update(function (draft) {
+                draft.validationState = {
+                    abortController: newAbortController,
+                    lastSubmitted: currentValue,
+                    messages: {}
+                };
+            });
+            return [2 /*return*/, newSubmission];
+        });
+    }); };
+};

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

@@ -0,0 +1,177 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 { abortableDelay } from '../../../../test-utils/fetch-utils';
+import { createTextInputComponent, } from '../../components/TextInputComponent';
+import { getInputUpdateFunction } from '../../components/utils/component-utils';
+import { getUpdateFunctionMock } from '../../mappers/schema/tests/test-utils';
+import { getInitialPersistedState } from '../persistAsync/getInitialPersistedState';
+import { getInitialValidationState } from './getInitialValidationState';
+import { getComponentValidationAsync } from './getComponentValidationAsync';
+import { waitFor } from '@testing-library/react';
+var defaultProps = {
+    uid: '123',
+    checks: [],
+    analyticsId: 'analyticsId',
+    autoComplete: 'off',
+    disabled: true,
+    errors: [],
+    hidden: false,
+    id: 'id',
+    required: false,
+    persistedState: getInitialPersistedState(),
+    validationState: getInitialValidationState(),
+    value: '',
+    performPersistAsync: undefined,
+    performRefresh: undefined,
+    summariser: function () { return ({}); }
+};
+describe('getComponentValidationAsync', function () {
+    it('should make request and update message if response is ok', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var performValidationAsync, mockUpdateFunction, inputComponent, update, validate;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    performValidationAsync = jest.fn().mockResolvedValue('Everything is ok');
+                    mockUpdateFunction = getUpdateFunctionMock(function () { return inputComponent; });
+                    inputComponent = createTextInputComponent(__assign(__assign({}, defaultProps), { performValidationAsync: performValidationAsync, value: 'test' }), mockUpdateFunction);
+                    update = getInputUpdateFunction('uid', mockUpdateFunction);
+                    validate = getComponentValidationAsync(update, performValidationAsync);
+                    void validate(inputComponent.validationState, inputComponent.getLocalValue());
+                    expect(performValidationAsync).toHaveBeenCalledWith(expect.objectContaining({ value: 'test' }));
+                    return [4 /*yield*/, waitFor(function () {
+                            return expect(inputComponent.validationState.messages.success).toBe('Everything is ok');
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should not perform a second request if called with the same value twice', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var performValidationAsync, mockUpdateFunction, inputComponent, update, validate;
+        return __generator(this, function (_a) {
+            performValidationAsync = jest.fn().mockResolvedValue('Everything is ok');
+            mockUpdateFunction = getUpdateFunctionMock(function () { return inputComponent; });
+            inputComponent = createTextInputComponent(__assign(__assign({}, defaultProps), { performValidationAsync: performValidationAsync, value: 'test' }), mockUpdateFunction);
+            update = getInputUpdateFunction('uid', mockUpdateFunction);
+            validate = getComponentValidationAsync(update, performValidationAsync);
+            void validate(inputComponent.validationState, inputComponent.getLocalValue());
+            void validate(inputComponent.validationState, inputComponent.getLocalValue());
+            expect(performValidationAsync).toHaveBeenCalledTimes(1);
+            return [2 /*return*/];
+        });
+    }); });
+    it('should set component errors if validation fails', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var errorMessage, performValidationAsync, mockUpdateFunction, inputComponent, update, validate;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    errorMessage = 'This field is invalid';
+                    performValidationAsync = jest.fn().mockRejectedValue(new Error(errorMessage));
+                    mockUpdateFunction = getUpdateFunctionMock(function () { return inputComponent; });
+                    inputComponent = createTextInputComponent(__assign(__assign({}, defaultProps), { performValidationAsync: performValidationAsync, value: 'test' }), mockUpdateFunction);
+                    update = getInputUpdateFunction('uid', mockUpdateFunction);
+                    validate = getComponentValidationAsync(update, performValidationAsync);
+                    void validate(inputComponent.validationState, inputComponent.getLocalValue());
+                    return [4 /*yield*/, waitFor(function () {
+                            return expect(inputComponent.validationState.messages.error).toEqual(errorMessage);
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should ignore previous responses if a second persist has been triggered', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var performValidationAsync, mockUpdateFunction, inputComponent, update, validate;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    jest.useFakeTimers();
+                    performValidationAsync = jest
+                        .fn()
+                        .mockImplementationOnce(function (_a) {
+                        var signal = _a.signal;
+                        return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_b) {
+                            return [2 /*return*/, abortableDelay(200, signal).then(function () { return 'response-1'; })];
+                        }); });
+                    })
+                        .mockImplementationOnce(function (_a) {
+                        var signal = _a.signal;
+                        return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_b) {
+                            return [2 /*return*/, abortableDelay(10, signal).then(function () { return 'response-2'; })];
+                        }); });
+                    });
+                    mockUpdateFunction = getUpdateFunctionMock(function () { return inputComponent; });
+                    inputComponent = createTextInputComponent(__assign(__assign({}, defaultProps), { performValidationAsync: performValidationAsync, value: 'test' }), mockUpdateFunction);
+                    update = getInputUpdateFunction('uid', mockUpdateFunction);
+                    validate = getComponentValidationAsync(update, performValidationAsync);
+                    void validate(inputComponent.validationState, inputComponent.getLocalValue());
+                    inputComponent.onChange('new-value');
+                    void validate(inputComponent.validationState, inputComponent.getLocalValue());
+                    // Second callback has resolved
+                    return [4 /*yield*/, jest.advanceTimersByTimeAsync(100)];
+                case 1:
+                    // Second callback has resolved
+                    _a.sent();
+                    return [4 /*yield*/, waitFor(function () { return expect(inputComponent.validationState.messages.success).toBe('response-2'); })];
+                case 2:
+                    _a.sent();
+                    // First callback has resolved, but value is ignored
+                    return [4 /*yield*/, jest.advanceTimersByTimeAsync(100)];
+                case 3:
+                    // First callback has resolved, but value is ignored
+                    _a.sent();
+                    return [4 /*yield*/, waitFor(function () { return expect(inputComponent.validationState.messages.success).toBe('response-2'); })];
+                case 4:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/build/revamp/domain/features/validationAsync/getInitialValidationState.js

@@ -0,0 +1,5 @@
+export var getInitialValidationState = function () { return ({
+    abortController: new AbortController(),
+    lastSubmitted: null,
+    messages: {}
+}); };