@wise/dynamic-flow-client 0.0.0-experimental-20240319142919

package/build/legacy/dynamicFlow/utils/responseParsers/response-parsers.spec.js

@@ -0,0 +1,463 @@
+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 { parseFetchResponse, parseErrorResponse, getJsonObjectOrNull } from './response-parsers';
+describe('parseFetchResponse', function () {
+    describe('when the response object is not an instance of Response', function () {
+        it('throws a clear error message', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        response = { invalid: 'response' };
+                        return [4 /*yield*/, expect(parseFetchResponse(response)).rejects.toThrow('Incorrect type of response from fetch. Expected object of type Response.')];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when the Response body has already been parsed', function () {
+        it('throws a clear error message', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        response = new Response("{}");
+                        return [4 /*yield*/, response.json()];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, expect(parseFetchResponse(response)).rejects.toThrow('The body of the provided Response object has already been used. Every request must respond with a new Response object.')];
+                    case 2:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when response contains the X-DF-Response-Type header', function () {
+        describe('step (with etag)', function () {
+            var headers = { 'X-Df-Response-Type': 'step', etag: '4be5c814' };
+            it('returns a "step" object with the step taken from the response body and etag', function () { return __awaiter(void 0, void 0, void 0, function () {
+                var parsedBody;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, parseFetchResponse(new Response("{ \"id\": \"step-id\" }", { headers: headers }))];
+                        case 1:
+                            parsedBody = _a.sent();
+                            expect(parsedBody).toStrictEqual({
+                                type: 'step',
+                                step: { id: 'step-id' },
+                                etag: '4be5c814'
+                            });
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        });
+        describe('step (but no etag)', function () {
+            var headers = { 'X-Df-Response-Type': 'step' };
+            it('returns a "step" object with the step taken from the response body and an etag property as undefined', function () { return __awaiter(void 0, void 0, void 0, function () {
+                var parsedBody;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, parseFetchResponse(new Response("{ \"id\": \"step-id\" }", { headers: headers }))];
+                        case 1:
+                            parsedBody = _a.sent();
+                            expect(parsedBody).toStrictEqual({
+                                type: 'step',
+                                step: { id: 'step-id' },
+                                etag: undefined
+                            });
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        });
+        describe('action', function () {
+            describe('when the body contains a valid action', function () {
+                var headers = { 'X-Df-Response-Type': 'action' };
+                it('returns an "action" object with the response body action', function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var parsedBody;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, parseFetchResponse(new Response("{ \"action\": { \"$id\": \"action-id\" } }", { headers: headers }))];
+                            case 1:
+                                parsedBody = _a.sent();
+                                expect(parsedBody).toStrictEqual({
+                                    type: 'action',
+                                    action: { $id: 'action-id' }
+                                });
+                                return [2 /*return*/];
+                        }
+                    });
+                }); });
+            });
+            describe('when the body contains an invalid action', function () {
+                var headers = { 'X-Df-Response-Type': 'action' };
+                it('throws an error', function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, expect(parseFetchResponse(new Response("{ \"action\": \"this is not an action\" }", { headers: headers }))).rejects.toThrow('Incorrect response body in action response. Expected an object satisfying the type { action: Action }.')];
+                            case 1:
+                                _a.sent();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); });
+            });
+            describe('when the body contains an exit action', function () {
+                var headers = { 'X-Df-Response-Type': 'action' };
+                it('returns an "exit" object with the response body action.result as result', function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var parsedBody;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, parseFetchResponse(new Response("{ \"action\": { \"exit\": true, \"result\": {\"my-result\": 1234 } } }", {
+                                    headers: headers
+                                }))];
+                            case 1:
+                                parsedBody = _a.sent();
+                                expect(parsedBody).toStrictEqual({
+                                    type: 'exit',
+                                    result: { 'my-result': 1234 }
+                                });
+                                return [2 /*return*/];
+                        }
+                    });
+                }); });
+            });
+        });
+        describe('exit', function () {
+            var headers = { 'X-Df-Response-Type': 'exit' };
+            it('returns "exit" with the response body as result', function () { return __awaiter(void 0, void 0, void 0, function () {
+                var parsedBody;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, parseFetchResponse(new Response('{"id": 12345, "name": "Bob Loblaw", "url": "bobloblaw.law.blog" }', {
+                                headers: headers
+                            }))];
+                        case 1:
+                            parsedBody = _a.sent();
+                            expect(parsedBody).toStrictEqual({
+                                type: 'exit',
+                                result: { id: 12345, name: 'Bob Loblaw', url: 'bobloblaw.law.blog' }
+                            });
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        });
+    });
+    describe('when response contains the X-DF-Exit header', function () {
+        var headers = { 'X-Df-Exit': 'true' };
+        describe('and response body can be json-parsed as an object', function () {
+            it('should return exit result', function () { return __awaiter(void 0, void 0, void 0, function () {
+                var response, parsedBody;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            response = new Response("{ \"exitResult\": \"exit result\" }", { headers: headers });
+                            return [4 /*yield*/, parseFetchResponse(response)];
+                        case 1:
+                            parsedBody = _a.sent();
+                            expect(parsedBody).toStrictEqual({
+                                type: 'exit',
+                                result: { exitResult: 'exit result' }
+                            });
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        });
+        describe('but response body cannot be json-parsed as an object', function () {
+            describe.each(getNonObjectBodyCases())('when the body is %s', function (_, body) {
+                it("returns exit result with null", function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var parsedBody;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, parseFetchResponse(new Response(body, { headers: headers }))];
+                            case 1:
+                                parsedBody = _a.sent();
+                                expect(parsedBody).toStrictEqual({ type: 'exit', result: null });
+                                return [2 /*return*/];
+                        }
+                    });
+                }); });
+            });
+        });
+    });
+    describe('when response does not contain the X-DF-Exit header', function () {
+        var headers = { etag: 'etag' };
+        describe('and response body can be json-parsed as an object', function () {
+            describe('and it contains an action property', function () {
+                describe('and the action property is an object', function () {
+                    it('assumes the action property is of type Action, and returns type action and the action', function () { return __awaiter(void 0, void 0, void 0, function () {
+                        var parsedBody;
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0: return [4 /*yield*/, parseFetchResponse(new Response('{ "action": { "url": "/path", "method": "POST" } }'))];
+                                case 1:
+                                    parsedBody = _a.sent();
+                                    expect(parsedBody).toStrictEqual({
+                                        type: 'action',
+                                        action: { url: '/path', method: 'POST' }
+                                    });
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); });
+                    it('assumes the action property is of type Action, even if its NOT', function () { return __awaiter(void 0, void 0, void 0, function () {
+                        var parsedBody;
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0: return [4 /*yield*/, parseFetchResponse(new Response('{ "action": { "random": "property" } }'))];
+                                case 1:
+                                    parsedBody = _a.sent();
+                                    expect(parsedBody).toStrictEqual({ type: 'action', action: { random: 'property' } });
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); });
+                });
+                describe('and the action property is NOT an object', function () {
+                    it('throws an error', function () { return __awaiter(void 0, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0: return [4 /*yield*/, expect(parseFetchResponse(new Response('{ "action": 123 }'))).rejects.toThrow('Incorrect response body in action response. Expected an object satisfying the type { action: Action }.')];
+                                case 1:
+                                    _a.sent();
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); });
+                });
+            });
+            describe('when the body is NOT an object with an action property', function () {
+                it('assumes the response is a step and returns step and etag', function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var response, parsedBody;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                response = new Response("{ \"stepResult\": \"step result\" }", { headers: headers });
+                                return [4 /*yield*/, parseFetchResponse(response)];
+                            case 1:
+                                parsedBody = _a.sent();
+                                expect(parsedBody).toStrictEqual({
+                                    type: 'step',
+                                    step: { stepResult: 'step result' },
+                                    etag: 'etag'
+                                });
+                                return [2 /*return*/];
+                        }
+                    });
+                }); });
+            });
+        });
+        describe('but response body cannot be json-parsed as an object', function () {
+            describe.each(getNonObjectBodyCases())('when the body is %s', function (_, body) {
+                it("throws an error", function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, expect(parseFetchResponse(new Response(body))).rejects.toThrow('Incorrect response body in response. Expected an object.')];
+                            case 1:
+                                _a.sent();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); });
+            });
+        });
+    });
+});
+describe('parseErrorResponse', function () {
+    describe('when the response object is not an instance of Response', function () {
+        it('throws a clear error message', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        response = { invalid: 'response' };
+                        return [4 /*yield*/, expect(parseErrorResponse(response)).rejects.toThrow('Incorrect type of response from fetch. Expected object of type Response.')];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when the Response body has already been parsed', function () {
+        it('throws a clear error message', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        response = new Response("{}");
+                        return [4 /*yield*/, response.json()];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, expect(parseErrorResponse(response)).rejects.toThrow('The body of the provided Response object has already been used. Every request must respond with a new Response object.')];
+                    case 2:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when response body can be json-parsed as an object', function () {
+        it('returns the response body', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response, parsedBody;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        response = new Response(JSON.stringify({
+                            error: 'This is a global error',
+                            validation: { field: 'This is a field error' }
+                        }), { status: 422 });
+                        return [4 /*yield*/, parseErrorResponse(response)];
+                    case 1:
+                        parsedBody = _a.sent();
+                        expect(parsedBody).toStrictEqual({
+                            error: 'This is a global error',
+                            validation: { field: 'This is a field error' }
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when response body CANNOT be json-parsed as an object', function () {
+        describe.each(getNonObjectBodyCases())('when the body is %s', function (_, body) {
+            it("throws an error", function () { return __awaiter(void 0, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, expect(parseErrorResponse(new Response(body))).rejects.toThrow('Incorrect response body in error response. Expected an object.')];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        });
+    });
+});
+describe('getJsonObjectOrNull', function () {
+    describe('when the response object is not an instance of Response', function () {
+        it('throws a clear error message', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        response = { invalid: 'response' };
+                        return [4 /*yield*/, expect(getJsonObjectOrNull(response)).rejects.toThrow('Incorrect type of response from fetch. Expected object of type Response.')];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when the Response body has already been parsed', function () {
+        it('throws a clear error message', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        response = new Response("{}");
+                        return [4 /*yield*/, response.json()];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, expect(getJsonObjectOrNull(response)).rejects.toThrow('The body of the provided Response object has already been used. Every request must respond with a new Response object.')];
+                    case 2:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when response body can be json-parsed as an object', function () {
+        it('returns the parsed response body', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        response = new Response("{ \"exitResult\": \"exit result\" }");
+                        return [4 /*yield*/, expect(getJsonObjectOrNull(response)).resolves.toStrictEqual({
+                                exitResult: 'exit result'
+                            })];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when response body CANNOT be json-parsed as an object', function () {
+        describe.each(getNonObjectBodyCases())('when the body is %s', function (_, body) {
+            it("returns null", function () { return __awaiter(void 0, void 0, void 0, function () {
+                var parsedBody;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, getJsonObjectOrNull(new Response(body))];
+                        case 1:
+                            parsedBody = _a.sent();
+                            expect(parsedBody).toBeNull();
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        });
+    });
+});
+function getNonObjectBodyCases() {
+    return [
+        ['parseable as number', '1234'],
+        ['parseable as a string', '"json string"'],
+        ['parseable as an empty string', '""'],
+        ['parseable as an array', '[]'],
+        ['parseable as true', 'true'],
+        ['parseable as false', 'false'],
+        ['parseable as null', 'null'],
+        ['an empty string', ''],
+        ['non-json parseable string', 'non-json string'],
+        ['a number', 1234],
+        ['NaN', NaN],
+        ['undefined', undefined],
+        ['a Blob instance', new Blob()],
+        ['a FormData instance', new FormData()],
+        ['a URLSearchParams instance', new URLSearchParams('foo=bar')],
+    ];
+}

package/build/legacy/dynamicFlow/utils/useDebouncedRefresh/useDebouncedRefresh.js

@@ -0,0 +1,26 @@
+import { useRef } from 'react';
+import { debounce, getSchemaType } from '../../../common/utils';
+var DEBOUNCE_DELAY = 1000; // milliseconds
+export function useDebouncedRefresh(fetchRefresh) {
+    var map = useRef(new Map());
+    var retrieveOrCreate = function (key) {
+        if (map.current.has(key)) {
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            return map.current.get(key);
+        }
+        var debouncedFetchRefresh = debounce(function (url, data, etag) { return fetchRefresh(url, data, etag); }, DEBOUNCE_DELAY);
+        map.current.set(key, debouncedFetchRefresh);
+        return debouncedFetchRefresh;
+    };
+    return function (url, data, etag, schema) {
+        var debouncedFetchRefresh = retrieveOrCreate(url);
+        debouncedFetchRefresh(url, data, etag);
+        if (!schema || !shouldDebounceSchema(schema)) {
+            debouncedFetchRefresh.flush();
+        }
+    };
+}
+// TODO: only exporting for testing. we should improve the tests
+export var shouldDebounceSchema = function (schema) {
+    return getSchemaType(schema) === 'basic' && schema.type !== 'boolean' && schema.format !== 'base64url';
+};

package/build/legacy/dynamicFlow/utils/useDynamicFlowState.js

@@ -0,0 +1,137 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { useMemo, useState } from 'react';
+import { isValidSchema, getValidObjectModelParts } from '../../common/validators';
+export var useDynamicFlowState = function (initialStep) {
+    var _a, _b;
+    var _c = useState((_a = initialStep === null || initialStep === void 0 ? void 0 : initialStep.errors) === null || _a === void 0 ? void 0 : _a.validation), formErrors = _c[0], setFormErrors = _c[1];
+    var _d = useState((_b = initialStep === null || initialStep === void 0 ? void 0 : initialStep.errors) === null || _b === void 0 ? void 0 : _b.error), globalError = _d[0], setGlobalError = _d[1];
+    var _e = useState({
+        step: initialStep || undefined,
+        models: (initialStep === null || initialStep === void 0 ? void 0 : initialStep.model)
+            ? buildInitialModels(initialStep.model, getAllSchemas(initialStep))
+            : {},
+        etag: undefined
+    }), stepAndModels = _e[0], setStepAndModels = _e[1];
+    var step = stepAndModels.step, models = stepAndModels.models, etag = stepAndModels.etag;
+    var setStepAndEtag = function (step, etag) {
+        var _a, _b, _c, _d;
+        setStepAndModels({
+            step: step,
+            models: step.model ? buildInitialModels(step.model, getAllSchemas(step)) : {},
+            etag: etag
+        });
+        setFormErrors((_b = (_a = step === null || step === void 0 ? void 0 : step.errors) === null || _a === void 0 ? void 0 : _a.validation) !== null && _b !== void 0 ? _b : null);
+        setGlobalError((_d = (_c = step === null || step === void 0 ? void 0 : step.errors) === null || _c === void 0 ? void 0 : _c.error) !== null && _d !== void 0 ? _d : null);
+    };
+    var setSchemaModel = function (schemaId, objectModel, onModelsUpdated) {
+        setStepAndModels(function (previous) {
+            var _a;
+            var updatedModels = __assign(__assign({}, previous.models), (_a = {}, _a[schemaId] = objectModel, _a));
+            var updatedState = {
+                step: previous.step,
+                models: updatedModels,
+                etag: previous.etag
+            };
+            onModelsUpdated(updatedModels);
+            return updatedState;
+        });
+    };
+    var modelIsValid = useMemo(function () { return areModelsValid(models, getAllValidatableSchemas(step)); }, [models, step]);
+    return {
+        formErrors: formErrors,
+        globalError: globalError,
+        step: step,
+        models: models,
+        etag: etag,
+        modelIsValid: modelIsValid,
+        setFormErrors: setFormErrors,
+        setGlobalError: setGlobalError,
+        setStepAndEtag: setStepAndEtag,
+        setSchemaModel: setSchemaModel
+    };
+};
+var buildInitialModels = function (model, schemas) {
+    if (schemas === void 0) { schemas = []; }
+    return schemas.reduce(function (acc, schema) {
+        var _a;
+        if (!schema.$id) {
+            // TODO: DF-473 - Remove type assertions once we're confident people have had time to fix any errors
+            // eslint-disable-next-line no-console
+            console.warn('Schema without $id property found.');
+        }
+        return __assign(__assign({}, acc), (_a = {}, _a[schema.$id || ''] = getValidObjectModelParts(model, schema) || {}, _a));
+    }, {});
+};
+var getAllSchemas = function (step) { return __spreadArray(__spreadArray([], getAllSchemasInLayout((step === null || step === void 0 ? void 0 : step.layout) || []), true), ((step === null || step === void 0 ? void 0 : step.schemas) || []), true); };
+var getAllSchemasInLayout = function (components) {
+    return components.flatMap(function (component) {
+        switch (component.type) {
+            case 'columns':
+                return __spreadArray([], getAllSchemasInLayout(__spreadArray(__spreadArray([], component.left, true), component.right, true)), true);
+            case 'box':
+                return getAllSchemasInLayout(component.components);
+            case 'form':
+                return isInlineSchema(component.schema) ? [component.schema] : [];
+            default:
+                return [];
+        }
+    });
+};
+var getAllValidatableSchemas = function (step) { return __spreadArray(__spreadArray([], getAllReferencedSchemaIds((step === null || step === void 0 ? void 0 : step.layout) || [])
+    .map(function (id) { return ((step === null || step === void 0 ? void 0 : step.schemas) || []).find(function (schema) { return schema.$id === id; }); })
+    .filter(Boolean), true), getAllSchemasInLayout((step === null || step === void 0 ? void 0 : step.layout) || []), true); };
+var getAllReferencedSchemaIds = function (components) {
+    return components
+        .flatMap(function (component) {
+        switch (component.type) {
+            case 'columns':
+                return __spreadArray([], getAllReferencedSchemaIds(__spreadArray(__spreadArray([], component.left, true), component.right, true)), true);
+            case 'box':
+                return getAllReferencedSchemaIds(component.components);
+            case 'form':
+                return [getSchemaReference(component)];
+            default:
+                return [];
+        }
+    })
+        .filter(Boolean);
+};
+var areModelsValid = function (formModels, schemas) {
+    if (schemas === void 0) { schemas = []; }
+    return !(schemas === null || schemas === void 0 ? void 0 : schemas.some(function (schema) {
+        if (!schema.$id) {
+            // TODO: DF-473
+            // eslint-disable-next-line no-console
+            console.warn('Schema without $id property found.');
+        }
+        return !isValidSchema(formModels[schema.$id || ''] || {}, schema);
+    }));
+};
+var getSchemaReference = function (component) {
+    if (component.schema && !isInlineSchema(component.schema)) {
+        return component.schema.$ref;
+    }
+    return component.schemaId;
+};
+var isInlineSchema = function (schema) {
+    return schema !== undefined && typeof schema === 'object' && !Object.hasOwnProperty.call(schema, '$ref');
+};

package/build/legacy/dynamicFlow/utils/useLoader.js

@@ -0,0 +1,22 @@
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader, Size } from '@transferwise/components';
+import { useState } from 'react';
+export function useLoader(loaderConfig, initialState) {
+    var config = __assign({ size: Size.EXTRA_LARGE, initial: true, submission: false }, loaderConfig);
+    var _a = useState(initialState), loadingState = _a[0], setLoadingState = _a[1];
+    var shouldDisplayLoader = (config.initial && loadingState === 'initial') ||
+        (config.submission && loadingState === 'submission');
+    var loader = shouldDisplayLoader ? (_jsx(Loader, { size: config.size, classNames: { 'tw-loader': 'tw-loader m-x-auto' }, "data-testid": "loader" })) : null;
+    return { isLoading: loadingState !== 'idle', setLoadingState: setLoadingState, loader: loader };
+}