@wise/dynamic-flow-client 5.8.1 → 5.9.0

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

@@ -0,0 +1,125 @@
+import { isArray, isNullish, isNumber, isString, isValidDate, } from '../../../utils/type-validators';
+import { validateStringPattern } from './validateStringPattern';
+export const getAboveMaxItemsCheck = ({ maxItems }, messageFunctions) => (value) => {
+    if (isNumber(maxItems) && isArray(value) && value.length > maxItems) {
+        return messageFunctions.maxItems(maxItems);
+    }
+    return null;
+};
+export const getBelowMinFilesCheck = ({ minItems }, messageFunctions) => (value) => {
+    if (isNumber(minItems) && isArray(value) && value.length > 0 && value.length < minItems) {
+        return messageFunctions.minFiles(minItems);
+    }
+    return null;
+};
+export const getAboveMaxFilesCheck = ({ maxItems }, messageFunctions) => (value) => {
+    if (isNumber(maxItems) && isArray(value) && value.length > maxItems) {
+        return messageFunctions.maxFiles(maxItems);
+    }
+    return null;
+};
+export const getFileSizeCheck = (schema, messageFunctions) => (value) => {
+    const maxSize = 'persistAsync' in schema ? schema.persistAsync.schema.maxSize : schema.maxSize;
+    if (maxSize && value && value.size > maxSize) {
+        return messageFunctions.maxSize();
+    }
+    return null;
+};
+export const getFileTypeCheck = (schema, messageFunctions) => (value) => {
+    const accepts = 'persistAsync' in schema ? schema.persistAsync.schema.accepts : schema.accepts;
+    if (accepts && value && !accepts.includes(value.type)) {
+        return messageFunctions.accepts();
+    }
+    return null;
+};
+export const getBelowMinItemsCheck = ({ minItems }, messageFunctions) => (value) => {
+    if (isNumber(minItems) && isArray(value) && value.length > 0 && value.length < minItems) {
+        return messageFunctions.minItems(minItems);
+    }
+    return null;
+};
+export const getAboveMaxLengthCheck = ({ maxLength }, messageFunctions) => (value) => {
+    if (isNumber(maxLength) && isString(value) && value.length > maxLength) {
+        return messageFunctions.maxLength(maxLength);
+    }
+    return null;
+};
+export const getBelowMinLengthCheck = ({ minLength }, messageFunctions) => (value) => {
+    if (isNumber(minLength) && isString(value) && value && value.length < minLength) {
+        return messageFunctions.minLength(minLength);
+    }
+    return null;
+};
+export const getAboveMaximumCheck = ({ maximum }, messageFunctions) => (value) => {
+    if (isNumber(maximum) && isNumber(value) && value > maximum) {
+        return messageFunctions.maximum(maximum);
+    }
+    return null;
+};
+export const getBelowMinimumCheck = ({ minimum }, messageFunctions) => (value) => {
+    if (isNumber(minimum) && isNumber(value) && value < minimum) {
+        return messageFunctions.minimum(minimum);
+    }
+    return null;
+};
+export const getAboveMaximumMoneyAmountCheck = ({ maximum }, messageFunctions) => (value) => {
+    const numericValue = value != null ? Number.parseFloat(value) : null;
+    const numericMax = maximum != null ? Number.parseFloat(maximum) : null;
+    if (maximum != null &&
+        isNumber(numericMax) &&
+        isNumber(numericValue) &&
+        numericValue > numericMax) {
+        return messageFunctions.maximum(maximum);
+    }
+    return null;
+};
+export const getBelowMinimumMoneyAmountCheck = ({ minimum }, messageFunctions) => (value) => {
+    const numericValue = value != null ? Number.parseFloat(value) : null;
+    const numericMin = minimum != null ? Number.parseFloat(minimum) : null;
+    if (minimum != null &&
+        isNumber(numericMin) &&
+        isNumber(numericValue) &&
+        numericValue < numericMin) {
+        return messageFunctions.minimum(minimum);
+    }
+    return null;
+};
+export const getAboveMaximumDateCheck = ({ maximum }, messageFunctions) => (value) => {
+    if (isString(maximum) && isString(value) && value > maximum) {
+        return messageFunctions.maximumDate(maximum);
+    }
+    return null;
+};
+export const getBelowMinimumDateCheck = ({ minimum }, messageFunctions) => (value) => {
+    if (isString(minimum) && isString(value) && value && value < minimum) {
+        return messageFunctions.minimumDate(minimum);
+    }
+    return null;
+};
+export const getNotAdheringToPatternCheck = ({ pattern }, messageFunctions, options) => {
+    validateStringPattern(pattern, options === null || options === void 0 ? void 0 : options.logEvent);
+    return (value) => {
+        if (isString(pattern) && isString(value) && value) {
+            return new RegExp(pattern).test(value) ? null : messageFunctions.pattern();
+        }
+        return null;
+    };
+};
+export const getRequiredCheck = (required, messageFunctions) => (value) => {
+    if (!required) {
+        return null;
+    }
+    if (isArray(value) && value.length === 0) {
+        return messageFunctions.required();
+    }
+    if (value === '') {
+        return messageFunctions.required();
+    }
+    return isNullish(value) ? messageFunctions.required() : null;
+};
+export const getValidDateCheck = (required, messageFunctions) => (value) => {
+    if (required && !isValidDate(value)) {
+        return messageFunctions.required();
+    }
+    return null;
+};

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

@@ -0,0 +1,262 @@
+import { getAboveMaxLengthCheck, getBelowMinLengthCheck, getAboveMaximumCheck, getBelowMinimumCheck, getAboveMaximumDateCheck, getBelowMinimumDateCheck, getNotAdheringToPatternCheck, getAboveMaxItemsCheck, getBelowMinItemsCheck, getAboveMaxFilesCheck, getBelowMinFilesCheck, getValidDateCheck, } from './value-checks';
+import { mockErrorMessageFunctions } from './spec-utils';
+import { vi } from 'vitest';
+describe('value checks', () => {
+    describe('getAboveMaxLengthCheck', () => {
+        it('should return null if the string length is below or equal to the maxLength', () => {
+            const schema = { type: 'string', maxLength: 5 };
+            const check = getAboveMaxLengthCheck(schema, mockErrorMessageFunctions);
+            const belowLength = check('0');
+            const atLength = check('01234');
+            expect(belowLength).toBeNull();
+            expect(atLength).toBeNull();
+        });
+        it('should return an error message if the string length is above the maxLength', () => {
+            const schema = { type: 'string', maxLength: 5 };
+            const check = getAboveMaxLengthCheck(schema, mockErrorMessageFunctions);
+            expect(check('012345')).toBe('maxLength');
+        });
+    });
+    describe('getBelowMinLengthCheck', () => {
+        it('should return null if the string length is above or equal to the minLength', () => {
+            const schema = { type: 'string', minLength: 5 };
+            const check = getBelowMinLengthCheck(schema, mockErrorMessageFunctions);
+            const atLength = check('01234');
+            const aboveLength = check('0123456789');
+            expect(atLength).toBeNull();
+            expect(aboveLength).toBeNull();
+        });
+        it('should return null if the string is empty', () => {
+            const schema = { type: 'string', minLength: 5 };
+            const check = getBelowMinLengthCheck(schema, mockErrorMessageFunctions);
+            expect(check('')).toBeNull();
+        });
+        it('should return an error message if the string length is below the minLength', () => {
+            const schema = { type: 'string', minLength: 5 };
+            const check = getBelowMinLengthCheck(schema, mockErrorMessageFunctions);
+            expect(check('0')).toBe('minLength');
+        });
+    });
+    describe('getAboveMaximumCheck', () => {
+        it('should return null if the number is below or equal to the maximum', () => {
+            const schema = { type: 'number', maximum: 10 };
+            const check = getAboveMaximumCheck(schema, mockErrorMessageFunctions);
+            const atMax = check(5);
+            const belowMax = check(10);
+            expect(atMax).toBeNull();
+            expect(belowMax).toBeNull();
+        });
+        it('should return an error message if the number is above the maximum', () => {
+            const schema = { type: 'number', maximum: 10 };
+            const check = getAboveMaximumCheck(schema, mockErrorMessageFunctions);
+            expect(check(15)).toBe('maximum');
+        });
+    });
+    describe('getBelowMinimumCheck', () => {
+        it('should return null if the number is above or equal to the minimum', () => {
+            const schema = { type: 'integer', minimum: 5 };
+            const check = getBelowMinimumCheck(schema, mockErrorMessageFunctions);
+            const atMinimum = check(5);
+            const aboveMinimum = check(10);
+            expect(atMinimum).toBeNull();
+            expect(aboveMinimum).toBeNull();
+        });
+        it('should return an error message if the number is below the minimum', () => {
+            const schema = { type: 'integer', minimum: 10 };
+            const check = getBelowMinimumCheck(schema, mockErrorMessageFunctions);
+            expect(check(5)).toBe('minimum');
+        });
+    });
+    describe('getAboveMaximumDateCheck', () => {
+        it('should return null if the date is below or equal to the maximum', () => {
+            const schema = { type: 'string', format: 'date', maximum: '2022-01-01' };
+            const check = getAboveMaximumDateCheck(schema, mockErrorMessageFunctions);
+            const atDate = check('2022-01-01');
+            const belowDate = check('2021-12-31');
+            expect(atDate).toBeNull();
+            expect(belowDate).toBeNull();
+        });
+        it('should return an error message if the date is above the maximum', () => {
+            const schema = { type: 'string', format: 'date', maximum: '2022-01-01' };
+            const check = getAboveMaximumDateCheck(schema, mockErrorMessageFunctions);
+            expect(check('2022-01-02')).toBe('maximumDate');
+        });
+    });
+    describe('getBelowMinimumDateCheck', () => {
+        it('should return null if the date is above or equal to the minimum', () => {
+            const schema = { type: 'string', format: 'date', minimum: '2022-01-01' };
+            const check = getBelowMinimumDateCheck(schema, mockErrorMessageFunctions);
+            const atDate = check('2022-01-01');
+            const aboveDate = check('2022-01-02');
+            expect(atDate).toBeNull();
+            expect(aboveDate).toBeNull();
+        });
+        it('should return an error message if the date is below the minimum', () => {
+            const schema = { type: 'string', format: 'date', minimum: '2022-01-01' };
+            const check = getBelowMinimumDateCheck(schema, mockErrorMessageFunctions);
+            expect(check('2021-12-31')).toBe('minimumDate');
+        });
+    });
+    describe('getNotAdheringToPatternCheck', () => {
+        it('should return null if the string adheres to the pattern', () => {
+            const schema = { type: 'string', pattern: '[A-Za-z]+' };
+            const check = getNotAdheringToPatternCheck(schema, mockErrorMessageFunctions);
+            expect(check('Hello')).toBeNull();
+        });
+        it('should return null if the string is empty', () => {
+            const schema = { type: 'string', pattern: '[A-Za-z]+' };
+            const check = getNotAdheringToPatternCheck(schema, mockErrorMessageFunctions);
+            expect(check('')).toBeNull();
+        });
+        it('should return an error message if the string does not adhere to the pattern', () => {
+            const schema = { type: 'string', pattern: '[A-Za-z]+' };
+            const check = getNotAdheringToPatternCheck(schema, mockErrorMessageFunctions);
+            expect(check('01234')).toBe('pattern');
+        });
+        // Unicode support has been disabled for now
+        describe('unicode support (temporarily disabled)', () => {
+            it.skip('should return null if string adheres to the pattern', () => {
+                const schema = { type: 'string', pattern: '^[A-Za-z0-9\\s\\p{P}]*$' };
+                const check = getNotAdheringToPatternCheck(schema, mockErrorMessageFunctions);
+                expect(check('23 Bananas!')).toBeNull();
+            });
+            it.skip('should return an error message if the string does not adhere to the pattern', () => {
+                const schema = { type: 'string', pattern: '^[A-Za-z0-9\\s\\p{P}]*$' };
+                const check = getNotAdheringToPatternCheck(schema, mockErrorMessageFunctions);
+                expect(check('é')).toBe('pattern');
+                expect(check('ñ')).toBe('pattern');
+                expect(check('❌')).toBe('pattern');
+            });
+            describe('when a pattern is valid without Unicode support but invalid with Unicode support', () => {
+                const logEvent = vi.fn();
+                const schema = { type: 'string', pattern: '^\\d{3}\\-?\\d{3}$' };
+                it('a logging event should be emitted', () => {
+                    const check = getNotAdheringToPatternCheck(schema, mockErrorMessageFunctions, {
+                        logEvent,
+                    });
+                    expect(logEvent).toHaveBeenCalledWith('warning', expect.stringMatching(/Failed to instantiate RegExp with Unicode support/), expect.any(Object));
+                });
+                it(`the check function still works, because it doesn't use Unicode support`, () => {
+                    const check = getNotAdheringToPatternCheck(schema, mockErrorMessageFunctions, {
+                        logEvent,
+                    });
+                    expect(check('123-123')).toBeNull();
+                    expect(check('123123')).toBeNull();
+                    expect(check('123')).toBe('pattern');
+                });
+            });
+        });
+    });
+    describe('getAboveMaxItemsCheck', () => {
+        const 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', () => {
+            const check = getAboveMaxItemsCheck(arraySchema, mockErrorMessageFunctions);
+            const belowLength = check(['0']);
+            const 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', () => {
+            const check = getAboveMaxItemsCheck(arraySchema, mockErrorMessageFunctions);
+            expect(check(['0', '1', '2', '3', '4', '5'])).toBe('maxItems');
+        });
+    });
+    describe('getBelowMinItemsCheck', () => {
+        const 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', () => {
+            const check = getBelowMinItemsCheck(arraySchema, mockErrorMessageFunctions);
+            const atLength = check(['0', '1', '2']);
+            const aboveLength = check(['0', '1', '2', '3']);
+            expect(atLength).toBeNull();
+            expect(aboveLength).toBeNull();
+        });
+        it('should return null if the array is empty', () => {
+            const check = getBelowMinItemsCheck(arraySchema, mockErrorMessageFunctions);
+            const empty = check([]);
+            expect(empty).toBeNull();
+        });
+        it('should return an error message if the array length is below the minItems', () => {
+            const check = getBelowMinItemsCheck(arraySchema, mockErrorMessageFunctions);
+            expect(check(['0', '1'])).toBe('minItems');
+        });
+    });
+    describe('getAboveMaxFilesCheck', () => {
+        const 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', () => {
+            const check = getAboveMaxFilesCheck(arraySchema, mockErrorMessageFunctions);
+            const belowLength = check([new File([new Blob()], '0')]);
+            const 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', () => {
+            const 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', () => {
+        const 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', () => {
+            const check = getBelowMinFilesCheck(arraySchema, mockErrorMessageFunctions);
+            const atLength = check([new File([new Blob()], '0'), new File([new Blob()], '1')]);
+            const 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', () => {
+            const check = getBelowMinFilesCheck(arraySchema, mockErrorMessageFunctions);
+            const empty = check([]);
+            expect(empty).toBeNull();
+        });
+        it('should return an error message if the array length is below the minItems', () => {
+            const check = getBelowMinFilesCheck(arraySchema, mockErrorMessageFunctions);
+            expect(check([new File([new Blob()], '0')])).toBe('minFiles');
+        });
+    });
+    describe('getValidDateCheck', () => {
+        it('should return null for partial date strings when not required', () => {
+            const check = getValidDateCheck(false, mockErrorMessageFunctions);
+            expect(check('2012-01')).toBeNull();
+        });
+        it('should return null for valid date strings when required', () => {
+            const check = getValidDateCheck(true, mockErrorMessageFunctions);
+            expect(check('2012-01-01')).toBeNull();
+        });
+        it('should return a validation for partial date strings when required', () => {
+            const check = getValidDateCheck(true, mockErrorMessageFunctions);
+            expect(check('2012-01')).not.toBeNull();
+        });
+    });
+});

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

@@ -0,0 +1,53 @@
+import { isNullish } from '../../../utils/type-validators';
+import { debounce } from '../../components/utils/debounce';
+import { abortAndResetController } from '../utils/http-utils';
+/**
+ * Creates an onValidateAsync handler for a component.
+ */
+export const getComponentValidationAsync = (update, performValidationAsync) => 
+/**
+ * Will update the validationAsyncState when a new request is made, and will update
+ * the description or set errors when the request completes.
+ */
+async (component, currentValue) => {
+    const { abortController } = component.validationAsyncState;
+    const newAbortController = abortAndResetController(abortController);
+    if (isNullish(currentValue)) {
+        update(component, (draft) => {
+            draft.validationAsyncState = {
+                abortController: newAbortController,
+                lastSubmitted: currentValue,
+                messages: {},
+            };
+        });
+        return;
+    }
+    const { signal } = newAbortController;
+    const newSubmission = performValidationAsync({ value: currentValue, signal })
+        .then((message) => {
+        update(component, (draft) => {
+            if (message) {
+                draft.validationAsyncState.messages.success = message;
+            }
+        });
+        return message;
+    })
+        .catch((error) => {
+        if (error instanceof DOMException && error.name === 'AbortError') {
+            // No op, the request was aborted
+            return null;
+        }
+        update(component, (draft) => {
+            draft.validationAsyncState.messages.error = error.message;
+        });
+    });
+    update(component, (draft) => {
+        draft.validationAsyncState = {
+            abortController: newAbortController,
+            lastSubmitted: currentValue,
+            messages: {},
+        };
+    });
+    return newSubmission;
+};
+export const getDebouncedComponentValidationAsync = (update, performValidationAsync) => debounce(getComponentValidationAsync(update, performValidationAsync), 1000);

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

@@ -0,0 +1,67 @@
+import { waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
+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 { getComponentValidationAsync } from './getComponentValidationAsync';
+import { getInitialValidationAsyncState } from './getInitialValidationAsyncState';
+const defaultProps = {
+    uid: '123',
+    checks: [],
+    analyticsId: 'analyticsId',
+    autoComplete: 'off',
+    disabled: true,
+    errors: [],
+    hidden: false,
+    id: 'id',
+    required: false,
+    validationAsyncState: getInitialValidationAsyncState(),
+    value: '',
+    onPersistAsync: undefined,
+    performRefresh: undefined,
+    schemaOnChange: undefined,
+    onValueChange: () => { },
+    summariser: () => ({}),
+};
+describe('getComponentValidationAsync', () => {
+    it('should make request and update message if response is ok', async () => {
+        const performValidationAsync = vi.fn().mockResolvedValue('Everything is ok');
+        const mockUpdateFunction = getUpdateFunctionMock(() => inputComponent);
+        const inputComponent = createTextInputComponent(Object.assign(Object.assign({}, defaultProps), { performValidationAsync, value: 'test' }), mockUpdateFunction);
+        const update = getInputUpdateFunction(mockUpdateFunction);
+        const validate = getComponentValidationAsync(update, performValidationAsync);
+        void validate(inputComponent, inputComponent.getLocalValue());
+        expect(performValidationAsync).toHaveBeenCalledWith(expect.objectContaining({ value: 'test' }));
+        await waitFor(() => expect(inputComponent.validationAsyncState.messages.success).toBe('Everything is ok'));
+    });
+    it('should set component errors if validation fails', async () => {
+        const errorMessage = 'This field is invalid';
+        const performValidationAsync = vi.fn().mockRejectedValue(new Error(errorMessage));
+        const mockUpdateFunction = getUpdateFunctionMock(() => inputComponent);
+        const inputComponent = createTextInputComponent(Object.assign(Object.assign({}, defaultProps), { performValidationAsync, value: 'test' }), mockUpdateFunction);
+        const update = getInputUpdateFunction(mockUpdateFunction);
+        const validate = getComponentValidationAsync(update, performValidationAsync);
+        void validate(inputComponent, inputComponent.getLocalValue());
+        await waitFor(() => expect(inputComponent.validationAsyncState.messages.error).toEqual(errorMessage));
+    });
+    it('should ignore previous responses if a second persist has been triggered', async () => {
+        const performValidationAsync = vi
+            .fn()
+            .mockImplementationOnce(async ({ signal }) => abortableDelay(200, signal).then(() => 'response-1'))
+            .mockImplementationOnce(async ({ signal }) => abortableDelay(10, signal).then(() => 'response-2'));
+        const mockUpdateFunction = getUpdateFunctionMock(() => inputComponent);
+        const inputComponent = createTextInputComponent(Object.assign(Object.assign({}, defaultProps), { performValidationAsync, value: 'test' }), mockUpdateFunction);
+        const update = getInputUpdateFunction(mockUpdateFunction);
+        const validate = getComponentValidationAsync(update, performValidationAsync);
+        void validate(inputComponent, inputComponent.getLocalValue());
+        inputComponent.onChange('new-value');
+        void validate(inputComponent, inputComponent.getLocalValue());
+        // Second callback has resolved
+        await vi.advanceTimersByTimeAsync(100);
+        await waitFor(() => expect(inputComponent.validationAsyncState.messages.success).toBe('response-2'));
+        // First callback has resolved, but value is ignored
+        await vi.advanceTimersByTimeAsync(100);
+        await waitFor(() => expect(inputComponent.validationAsyncState.messages.success).toBe('response-2'));
+    });
+});

package/build/domain/features/validationAsync/getInitialValidationAsyncState.js

@@ -0,0 +1,5 @@
+export const getInitialValidationAsyncState = () => ({
+    abortController: new AbortController(),
+    lastSubmitted: null,
+    messages: {},
+});

package/build/domain/features/validationAsync/getPerformValidationAsync.js

@@ -0,0 +1,45 @@
+import { isObject, isString } from '../../../utils/type-validators';
+import { constructPayload } from '../utils/http-utils';
+import { getAnalyticsFromErrorResponse } from '../utils/response-utils';
+/**
+ * Takes an httpClient and schema validation async config and returns a function that can
+ * execute a validation async request.
+ */
+export const getPerformValidationAsync = ({ httpClient, validationAsyncConfig, schemaId, trackEvent, }) => {
+    const { method, param, url } = validationAsyncConfig;
+    const trackFailureAndReturn = (json) => {
+        const analytics = getAnalyticsFromErrorResponse(json);
+        trackEvent('ValidationAsync Failed', Object.assign({ schema: schemaId }, analytics));
+        return null;
+    };
+    return async function performValidationAsync({ value, signal }) {
+        let response;
+        trackEvent('ValidationAsync Triggered', { schema: schemaId });
+        try {
+            response = await httpClient(url, constructPayload({ value, signal, requestConfig: { method, param } }));
+        }
+        catch (e) {
+            return trackFailureAndReturn();
+        }
+        const json = (await response.json().catch(() => null));
+        const message = getValidationMessage(json);
+        if (response.ok) {
+            trackEvent('ValidationAsync Succeeded', { schema: schemaId });
+            return message;
+        }
+        if (response.status === 422) {
+            if (message) {
+                trackEvent('ValidationAsync Succeeded', { schema: schemaId });
+                throw new Error(message);
+            }
+        }
+        return trackFailureAndReturn(json);
+    };
+};
+const getValidationMessage = (json) => {
+    if (!isObject(json)) {
+        return null;
+    }
+    const { message } = json;
+    return isString(message) ? message : null;
+};