@wise/dynamic-flow-client 3.11.3 → 3.11.4-experiment-node20-aa45bc2

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

@@ -0,0 +1,178 @@
+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,
+    onValueChange: function () { },
+    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: {},
+}); };

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

@@ -0,0 +1,107 @@
+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 { 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 var getPerformValidationAsync = function (_a) {
+    var httpClient = _a.httpClient, validationAsyncConfig = _a.validationAsyncConfig, schemaId = _a.schemaId, trackEvent = _a.trackEvent;
+    var method = validationAsyncConfig.method, param = validationAsyncConfig.param, url = validationAsyncConfig.url;
+    var trackFailureAndReturn = function (json) {
+        var analytics = getAnalyticsFromErrorResponse(json);
+        trackEvent('ValidationAsync Failed', __assign({ schema: schemaId }, analytics));
+        return null;
+    };
+    return function performValidationAsync(_a) {
+        var value = _a.value, signal = _a.signal;
+        return __awaiter(this, void 0, void 0, function () {
+            var response, e_1, json, message;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        trackEvent('ValidationAsync Triggered', { schema: schemaId });
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, httpClient(url, constructPayload({ value: value, signal: signal, requestConfig: { method: method, param: param } }))];
+                    case 2:
+                        response = _b.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        e_1 = _b.sent();
+                        return [2 /*return*/, trackFailureAndReturn()];
+                    case 4: return [4 /*yield*/, response.json().catch(function () { return null; })];
+                    case 5:
+                        json = (_b.sent());
+                        message = getValidationMessage(json);
+                        if (response.ok) {
+                            trackEvent('ValidationAsync Succeeded', { schema: schemaId });
+                            return [2 /*return*/, message];
+                        }
+                        if (response.status === 422) {
+                            if (message) {
+                                trackEvent('ValidationAsync Succeeded', { schema: schemaId });
+                                throw new Error(message);
+                            }
+                        }
+                        return [2 /*return*/, trackFailureAndReturn(json)];
+                }
+            });
+        });
+    };
+};
+var getValidationMessage = function (json) {
+    if (!isObject(json)) {
+        return null;
+    }
+    var message = json.message;
+    return isString(message) ? message : null;
+};

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

@@ -0,0 +1,266 @@
+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 { getPerformValidationAsync } from './getPerformValidationAsync';
+import { getMockHttpClient, respondWith } from '../../../../test-utils';
+describe('getPerformValidationAsync', function () {
+    var trackEvent = jest.fn();
+    var signal = {};
+    var validationAsyncConfig = {
+        method: 'POST',
+        param: 'param',
+        url: '/validate',
+    };
+    it('should make the request using the specified parameter', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var spyHttpClient, spyTrackEvent, performValidationAsync;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    spyHttpClient = jest
+                        .fn()
+                        .mockResolvedValue(respondWith({ message: 'Validation failed' }));
+                    spyTrackEvent = jest.fn();
+                    performValidationAsync = getPerformValidationAsync({
+                        httpClient: spyHttpClient,
+                        trackEvent: spyTrackEvent,
+                        validationAsyncConfig: validationAsyncConfig,
+                        schemaId: 'schemaId',
+                    });
+                    return [4 /*yield*/, performValidationAsync({ value: 'value', signal: signal })];
+                case 1:
+                    _a.sent();
+                    expect(spyHttpClient).toHaveBeenCalledWith('/validate', {
+                        body: '{"param":"value"}',
+                        headers: { 'Content-Type': 'application/json' },
+                        method: 'POST',
+                        signal: signal,
+                    });
+                    expect(spyTrackEvent).toHaveBeenCalledWith('ValidationAsync Triggered', expect.objectContaining({ schema: 'schemaId' }));
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should wrap blobs in form data before submitting', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var spyHttpClient, performValidationAsync, file;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    spyHttpClient = jest
+                        .fn()
+                        .mockResolvedValue(respondWith({ message: 'Validation failed' }));
+                    performValidationAsync = getPerformValidationAsync({
+                        httpClient: spyHttpClient,
+                        trackEvent: trackEvent,
+                        validationAsyncConfig: validationAsyncConfig,
+                    });
+                    file = new File(['file'], 'file.txt');
+                    return [4 /*yield*/, performValidationAsync({ value: file, signal: signal })];
+                case 1:
+                    _a.sent();
+                    expect(spyHttpClient).toHaveBeenCalledWith('/validate', {
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                        body: expect.any(FormData),
+                        headers: {},
+                        method: 'POST',
+                        signal: signal,
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    describe('when the response is ok', function () {
+        it('should respond with message if response includes one', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var httpClient, spyTrackEvent, performValidationAsync, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        httpClient = getMockHttpClient({
+                            '/validate': function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, respondWith({ message: 'Validation succeeded' })];
+                            }); }); },
+                        });
+                        spyTrackEvent = jest.fn();
+                        performValidationAsync = getPerformValidationAsync({
+                            httpClient: httpClient,
+                            trackEvent: spyTrackEvent,
+                            validationAsyncConfig: validationAsyncConfig,
+                            schemaId: 'schemaId',
+                        });
+                        return [4 /*yield*/, performValidationAsync({ value: 'value', signal: signal })];
+                    case 1:
+                        result = _a.sent();
+                        expect(result).toBe('Validation succeeded');
+                        expect(spyTrackEvent).toHaveBeenLastCalledWith('ValidationAsync Succeeded', expect.objectContaining({ schema: 'schemaId' }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should respond with null if response does not include a message', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var httpClient, spyTrackEvent, performValidationAsync, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        httpClient = getMockHttpClient({
+                            '/validate': function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, respondWith({}, { status: 200 })];
+                            }); }); },
+                        });
+                        spyTrackEvent = jest.fn();
+                        performValidationAsync = getPerformValidationAsync({
+                            httpClient: httpClient,
+                            trackEvent: spyTrackEvent,
+                            validationAsyncConfig: validationAsyncConfig,
+                            schemaId: 'schemaId',
+                        });
+                        return [4 /*yield*/, performValidationAsync({ value: 'value', signal: signal })];
+                    case 1:
+                        result = _a.sent();
+                        expect(result).toBeNull();
+                        expect(spyTrackEvent).toHaveBeenLastCalledWith('ValidationAsync Succeeded', expect.objectContaining({ schema: 'schemaId' }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when the response is 422', function () {
+        it('should throw if the response includes a message', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var httpClient, spyTrackEvent, performValidationAsync;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        httpClient = getMockHttpClient({
+                            '/validate': function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, respondWith({ message: 'error with this field' }, { status: 422 })];
+                            }); }); },
+                        });
+                        spyTrackEvent = jest.fn();
+                        performValidationAsync = getPerformValidationAsync({
+                            httpClient: httpClient,
+                            trackEvent: spyTrackEvent,
+                            validationAsyncConfig: validationAsyncConfig,
+                            schemaId: 'schemaId',
+                        });
+                        return [4 /*yield*/, expect(performValidationAsync({ value: 'value', signal: signal })).rejects.toThrow('error with this field')];
+                    case 1:
+                        _a.sent();
+                        expect(spyTrackEvent).toHaveBeenLastCalledWith('ValidationAsync Succeeded', expect.objectContaining({ schema: 'schemaId' }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should respond with null if response does not include a message', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var httpClient, spyTrackEvent, performValidationAsync, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        httpClient = getMockHttpClient({
+                            '/validate': function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, respondWith({}, { status: 422 })];
+                            }); }); },
+                        });
+                        spyTrackEvent = jest.fn();
+                        performValidationAsync = getPerformValidationAsync({
+                            httpClient: httpClient,
+                            trackEvent: spyTrackEvent,
+                            validationAsyncConfig: validationAsyncConfig,
+                            schemaId: 'schemaId',
+                        });
+                        return [4 /*yield*/, performValidationAsync({ value: 'value', signal: signal })];
+                    case 1:
+                        result = _a.sent();
+                        expect(result).toBeNull();
+                        expect(spyTrackEvent).toHaveBeenLastCalledWith('ValidationAsync Failed', expect.objectContaining({ schema: 'schemaId' }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when the response is neither 2xx or 422', function () {
+        it('should track a failure and return null', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var analytics, httpClient, spyTrackEvent, performValidationAsync, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        analytics = { something: 'important' };
+                        httpClient = getMockHttpClient({
+                            '/validate': function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, respondWith({ analytics: analytics }, { status: 500 })];
+                            }); }); },
+                        });
+                        spyTrackEvent = jest.fn();
+                        performValidationAsync = getPerformValidationAsync({
+                            httpClient: httpClient,
+                            trackEvent: spyTrackEvent,
+                            validationAsyncConfig: validationAsyncConfig,
+                            schemaId: 'schemaId',
+                        });
+                        return [4 /*yield*/, performValidationAsync({ value: 'value', signal: signal })];
+                    case 1:
+                        result = _a.sent();
+                        expect(result).toBeNull();
+                        expect(spyTrackEvent).toHaveBeenLastCalledWith('ValidationAsync Failed', expect.objectContaining({ schema: 'schemaId', something: 'important' }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should track and return null if the response fails', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var httpClient, spyTrackEvent, performValidationAsync, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        httpClient = getMockHttpClient({
+                            '/validate': function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, Promise.reject(new Error())];
+                            }); }); },
+                        });
+                        spyTrackEvent = jest.fn();
+                        performValidationAsync = getPerformValidationAsync({
+                            httpClient: httpClient,
+                            trackEvent: spyTrackEvent,
+                            validationAsyncConfig: validationAsyncConfig,
+                            schemaId: 'schemaId',
+                        });
+                        return [4 /*yield*/, performValidationAsync({ value: 'value', signal: signal })];
+                    case 1:
+                        result = _a.sent();
+                        expect(result).toBeNull();
+                        expect(spyTrackEvent).toHaveBeenLastCalledWith('ValidationAsync Failed', expect.objectContaining({ schema: 'schemaId' }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+});

package/build/revamp/domain/mappers/layout/alertLayoutToComponent.js

@@ -0,0 +1,12 @@
+import { createAlertComponent } from '../../components/AlertComponent';
+import { mapLegacyContext } from '../utils/legacy-utils';
+export var alertLayoutToComponent = function (uid, _a) {
+    var control = _a.control, markdown = _a.markdown, _b = _a.margin, margin = _b === void 0 ? 'md' : _b, _c = _a.context, context = _c === void 0 ? 'neutral' : _c;
+    return createAlertComponent({
+        uid: uid,
+        control: control,
+        markdown: markdown,
+        margin: margin,
+        context: mapLegacyContext(context),
+    });
+};

package/build/revamp/domain/mappers/layout/boxLayoutToComponents.js

@@ -0,0 +1,15 @@
+import { createBoxComponent } from '../../components/BoxComponent';
+import { mapLayoutToComponent } from '../mapLayoutToComponent';
+export var boxLayoutToComponent = function (uid, _a, mapperProps) {
+    var _b = _a.border, border = _b === void 0 ? false : _b, components = _a.components, control = _a.control, _c = _a.margin, margin = _c === void 0 ? 'md' : _c, _d = _a.width, width = _d === void 0 ? 'xl' : _d;
+    return createBoxComponent({
+        uid: uid,
+        border: border,
+        control: control,
+        margin: margin,
+        width: width,
+        components: components.map(function (component, index) {
+            return mapLayoutToComponent("".concat(uid, ".box-").concat(index), component, mapperProps);
+        }),
+    });
+};

package/build/revamp/domain/mappers/layout/buttonLayoutToComponent.js

@@ -0,0 +1,45 @@
+import { createButtonComponent } from '../../components/ButtonComponent';
+import { inlineAction } from '../utils/inlineAction';
+import { mapLegacyActionTypeToContext, mapLegacyActionTypeToControl, mapLegacyContext, } from '../utils/legacy-utils';
+export var buttonLayoutToComponent = function (uid, button, _a) {
+    var onAction = _a.onAction, step = _a.step;
+    var context = button.context, control = button.control, disabled = button.disabled, _b = button.margin, margin = _b === void 0 ? 'md' : _b, pinOrder = button.pinOrder, size = button.size, title = button.title;
+    var action = inlineAction(button.action, step === null || step === void 0 ? void 0 : step.actions);
+    return createButtonComponent({
+        uid: uid,
+        context: getButtonContext({ context: context, action: action }),
+        control: getButtonControl({ control: control, action: action }),
+        disabled: getButtonDisabled({ disabled: disabled, action: action }),
+        margin: margin,
+        pinOrder: pinOrder,
+        size: size,
+        title: getButtonTitle({ title: title, action: action }),
+        onClick: function () {
+            void onAction(action);
+        },
+    });
+};
+var getButtonTitle = function (_a) {
+    var _b;
+    var title = _a.title, action = _a.action;
+    return (_b = title !== null && title !== void 0 ? title : action === null || action === void 0 ? void 0 : action.title) !== null && _b !== void 0 ? _b : '';
+};
+var getButtonDisabled = function (_a) {
+    var _b;
+    var disabled = _a.disabled, action = _a.action;
+    return (_b = disabled !== null && disabled !== void 0 ? disabled : action === null || action === void 0 ? void 0 : action.disabled) !== null && _b !== void 0 ? _b : false;
+};
+var getButtonControl = function (_a) {
+    var control = _a.control, action = _a.action;
+    if (control) {
+        return control;
+    }
+    return (action === null || action === void 0 ? void 0 : action.type) ? mapLegacyActionTypeToControl(action.type) : undefined;
+};
+var getButtonContext = function (_a) {
+    var context = _a.context, action = _a.action;
+    if (context) {
+        return mapLegacyContext(context);
+    }
+    return (action === null || action === void 0 ? void 0 : action.type) ? mapLegacyActionTypeToContext(action.type) : 'neutral';
+};

package/build/revamp/domain/mappers/layout/columnsLayoutToComponent.js

@@ -0,0 +1,18 @@
+import { mapLayoutToComponent } from '../mapLayoutToComponent';
+import { createColumnsComponent } from '../../components/ColumnsComponent';
+import { mapLegacyBias } from '../utils/legacy-utils';
+export var columnsLayoutToComponent = function (uid, _a, mapperProps) {
+    var control = _a.control, left = _a.left, right = _a.right, _b = _a.bias, bias = _b === void 0 ? 'none' : _b, _c = _a.margin, margin = _c === void 0 ? 'md' : _c;
+    return createColumnsComponent({
+        uid: uid,
+        control: control,
+        margin: margin,
+        bias: mapLegacyBias(bias),
+        startComponents: left.map(function (component, index) {
+            return mapLayoutToComponent("".concat(uid, ".columns-start-").concat(index), component, mapperProps);
+        }),
+        endComponents: right.map(function (component, index) {
+            return mapLayoutToComponent("".concat(uid, ".columns-end-").concat(index), component, mapperProps);
+        }),
+    });
+};