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

package/build/revamp/tests/legacy/useExternal.spec.js

@@ -0,0 +1,235 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, screen, waitFor } from '@testing-library/react';
+import DynamicFlowWise from '../../DynamicFlowWise';
+import { renderWithProviders, getMockHttpClient, respondWith } from '../../../test-utils';
+var mockWindowOpenSuccess = function () {
+    return window.open.mockImplementation(function () { return 'fake window'; });
+};
+var mockWindonOpenFail = function () { return window.open.mockImplementation(function () { return null; }); };
+describe('useExternal', function () {
+    var mockHttpClient = jest.fn(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, Promise.resolve(new Response(''))];
+    }); }); });
+    var onError = jest.fn();
+    var onCompletion = jest.fn();
+    var renderComponent = function (step) {
+        return renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", initialStep: step, httpClient: mockHttpClient, onCompletion: onCompletion, onError: onError }));
+    };
+    afterEach(function () {
+        mockHttpClient.mockClear();
+        jest.restoreAllMocks();
+    });
+    describe('Given a step with an "external" property', function () {
+        var step = {
+            type: 'form',
+            id: 'external',
+            title: 'Step Title',
+            external: { url: 'https://third-party.website' },
+            layout: [{ type: 'paragraph', text: 'This is a paragraph in the step layout' }],
+            schemas: []
+        };
+        it('attempts to open the specified URL, but ONLY ONCE', function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        jest.spyOn(window, 'open');
+                        mockWindowOpenSuccess();
+                        renderComponent(step);
+                        expect(window.open).toHaveBeenCalledTimes(1);
+                        expect(window.open).toHaveBeenCalledWith('https://third-party.website', '_blank');
+                        return [4 /*yield*/, waitFor(function () {
+                                expect(window.open).toHaveBeenCalledTimes(1);
+                            })];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        describe('when the window/tab fails to open', function () {
+            it('displays a confirmation UI (ExternalConfirmationStep)', function () { return __awaiter(void 0, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            jest.spyOn(window, 'open');
+                            mockWindonOpenFail();
+                            renderComponent(step);
+                            return [4 /*yield*/, expect(screen.findByText('Please confirm')).resolves.toBeInTheDocument()];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+            describe('when the confirmation button is clicked', function () {
+                it('opens the external url and displays the step layout', function () {
+                    jest.spyOn(window, 'open');
+                    mockWindonOpenFail();
+                    renderComponent(step);
+                    expect(screen.getByText('Please confirm')).toBeInTheDocument();
+                    var confirmButton = screen.getByText('Open in new tab');
+                    window.open.mockClear();
+                    fireEvent.click(confirmButton);
+                    expect(window.open).toHaveBeenCalledTimes(1);
+                    expect(screen.getByText('This is a paragraph in the step layout')).toBeInTheDocument();
+                });
+            });
+            describe('when the cancel button is clicked', function () {
+                it('does not open the external url and displays the step layout', function () {
+                    jest.spyOn(window, 'open');
+                    mockWindonOpenFail();
+                    renderComponent(step);
+                    expect(screen.getByText('Please confirm')).toBeInTheDocument();
+                    var confirmButton = screen.getByText('Cancel');
+                    window.open.mockClear();
+                    fireEvent.click(confirmButton);
+                    expect(window.open).toHaveBeenCalledTimes(0);
+                    expect(screen.getByText('This is a paragraph in the step layout')).toBeInTheDocument();
+                });
+            });
+            describe('when a subsequent step with external is loaded using the same URL', function () {
+                var mockClient = getMockHttpClient({
+                    '/external': function () { return __awaiter(void 0, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            return [2 /*return*/, respondWith({
+                                    type: 'form',
+                                    id: 'external',
+                                    title: 'External Step',
+                                    external: { url: 'https://third-party.website' },
+                                    layout: [
+                                        { type: 'paragraph', text: 'This is a paragraph in the external step layout' },
+                                        { type: 'button', action: { url: '/layout', title: 'Continue to layout step' } },
+                                    ],
+                                    schemas: []
+                                })];
+                        });
+                    }); },
+                    '/layout': function () { return __awaiter(void 0, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            return [2 /*return*/, respondWith({
+                                    type: 'form',
+                                    id: 'layout',
+                                    title: 'Layout Step',
+                                    layout: [
+                                        { type: 'paragraph', text: 'This is a paragraph in the layout step layout' },
+                                        {
+                                            type: 'button',
+                                            action: { url: '/external', title: 'Continue to external step' }
+                                        },
+                                    ],
+                                    schemas: []
+                                })];
+                        });
+                    }); }
+                });
+                it('displays the confirmation UI (ExternalConfirmationStep) a second time', function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var confirmButton;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                jest.spyOn(window, 'open');
+                                mockWindonOpenFail();
+                                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", initialAction: { method: 'GET', url: '/external' }, httpClient: mockClient, onCompletion: onCompletion, onError: onError }));
+                                return [4 /*yield*/, expect(screen.findByText('Please confirm')).resolves.toBeInTheDocument()];
+                            case 1:
+                                _a.sent();
+                                confirmButton = screen.getByText('Cancel');
+                                window.open.mockClear();
+                                fireEvent.click(confirmButton);
+                                expect(window.open).toHaveBeenCalledTimes(0);
+                                expect(screen.getByText('This is a paragraph in the external step layout')).toBeInTheDocument();
+                                fireEvent.click(screen.getByText(/continue to layout step/i));
+                                return [4 /*yield*/, expect(screen.findByText('Layout Step')).resolves.toBeInTheDocument()];
+                            case 2:
+                                _a.sent();
+                                fireEvent.click(screen.getByText(/continue to external step/i));
+                                return [4 /*yield*/, expect(screen.findByText('Please confirm')).resolves.toBeInTheDocument()];
+                            case 3:
+                                _a.sent();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); });
+            });
+        });
+        describe('when the window/tab opens successfully', function () {
+            it('displays the step normally', function () { return __awaiter(void 0, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            jest.spyOn(window, 'open');
+                            mockWindowOpenSuccess();
+                            renderComponent(step);
+                            return [4 /*yield*/, expect(screen.findByText('This is a paragraph in the step layout')).resolves.toBeInTheDocument()];
+                        case 1:
+                            _a.sent();
+                            expect(screen.queryByText('Please confirm')).not.toBeInTheDocument();
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        });
+    });
+    describe('Given a step with a malformed "external" property', function () {
+        var step = {
+            type: 'form',
+            id: 'external',
+            title: 'Step Title',
+            external: { wrong: 'banana' },
+            layout: [{ type: 'paragraph', text: 'This is a paragraph in the step layout' }],
+            schemas: []
+        };
+        it('does not attempt to open a new tab', function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        jest.spyOn(window, 'open');
+                        mockWindowOpenSuccess();
+                        renderComponent(step);
+                        return [4 /*yield*/, waitFor(function () {
+                                expect(window.open).not.toHaveBeenCalled();
+                            })];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+});

package/build/revamp/utils/component-utils.spec.js

@@ -0,0 +1,385 @@
+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 { createBoxComponent } from '../domain/components/BoxComponent';
+import { createButtonComponent } from '../domain/components/ButtonComponent';
+import { createColumnsComponent } from '../domain/components/ColumnsComponent';
+import { createContainerComponent } from '../domain/components/ContainerComponent';
+import { createHeadingComponent } from '../domain/components/HeadingComponent';
+import { createObjectComponent } from '../domain/components/ObjectComponent';
+import { createParagraphComponent } from '../domain/components/ParagraphComponent';
+import { createMockTextInputComponent } from '../test-utils/component-utils';
+import { getSubmittableData } from './component-utils';
+describe('getSubmittableData', function () {
+    it('should return null if no components', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = expect;
+                    return [4 /*yield*/, getSubmittableData([])];
+                case 1:
+                    _a.apply(void 0, [_b.sent()]).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should ignore layout components', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var components, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    components = [
+                        createHeadingComponent({
+                            uid: '0',
+                            text: 'This is a step title',
+                            align: 'start',
+                            margin: 'md',
+                            size: 'md'
+                        }),
+                        createHeadingComponent({
+                            uid: '1',
+                            text: 'This is a heading',
+                            align: 'start',
+                            margin: 'md',
+                            size: 'sm'
+                        }),
+                        createParagraphComponent({
+                            uid: '2',
+                            text: 'This is a paragraph',
+                            align: 'start',
+                            margin: 'md'
+                        }),
+                        createButtonComponent({
+                            uid: '3',
+                            title: 'This is a button',
+                            context: 'neutral',
+                            disabled: false,
+                            margin: 'md',
+                            onClick: jest.fn()
+                        }),
+                    ];
+                    _a = expect;
+                    return [4 /*yield*/, getSubmittableData(components)];
+                case 1:
+                    _a.apply(void 0, [_b.sent()]).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should return data from object schemas', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var components, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    components = [
+                        createObjectComponent({
+                            uid: '0',
+                            displayOrder: ['name', 'email'],
+                            componentMap: {
+                                name: createMockTextInputComponent({
+                                    uid: '0.0',
+                                    id: 'name',
+                                    value: 'Florence Jones'
+                                }),
+                                email: createMockTextInputComponent({
+                                    uid: '0.1',
+                                    id: 'email',
+                                    value: 'florencejones@fake.com'
+                                })
+                            },
+                            hidden: false,
+                            summariser: function () { return ({}); }
+                        }),
+                    ];
+                    _a = expect;
+                    return [4 /*yield*/, getSubmittableData(components)];
+                case 1:
+                    _a.apply(void 0, [_b.sent()]).toStrictEqual({
+                        name: 'Florence Jones',
+                        email: 'florencejones@fake.com'
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should return data from schemas inside box layout components', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var components, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    components = [
+                        createBoxComponent({
+                            uid: '0',
+                            border: false,
+                            margin: 'md',
+                            width: 'xl',
+                            components: [
+                                createObjectComponent({
+                                    uid: '0',
+                                    displayOrder: ['name', 'email'],
+                                    componentMap: {
+                                        name: createMockTextInputComponent({
+                                            uid: '0.0',
+                                            id: 'name',
+                                            value: 'Florence Jones'
+                                        }),
+                                        email: createMockTextInputComponent({
+                                            uid: '0.1',
+                                            id: 'email',
+                                            value: 'florencejones@fake.com'
+                                        })
+                                    },
+                                    hidden: false,
+                                    summariser: function () { return ({}); }
+                                }),
+                            ]
+                        }),
+                    ];
+                    _a = expect;
+                    return [4 /*yield*/, getSubmittableData(components)];
+                case 1:
+                    _a.apply(void 0, [_b.sent()]).toStrictEqual({
+                        name: 'Florence Jones',
+                        email: 'florencejones@fake.com'
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should return data from schemas container components', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var components, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    components = [
+                        createContainerComponent({
+                            uid: '0',
+                            components: [
+                                createObjectComponent({
+                                    uid: '0',
+                                    displayOrder: ['name', 'email'],
+                                    componentMap: {
+                                        name: createMockTextInputComponent({
+                                            uid: '0.0',
+                                            id: 'name',
+                                            value: 'Florence Jones'
+                                        }),
+                                        email: createMockTextInputComponent({
+                                            uid: '0.1',
+                                            id: 'email',
+                                            value: 'florencejones@fake.com'
+                                        })
+                                    },
+                                    hidden: false,
+                                    summariser: function () { return ({}); }
+                                }),
+                            ]
+                        }),
+                    ];
+                    _a = expect;
+                    return [4 /*yield*/, getSubmittableData(components)];
+                case 1:
+                    _a.apply(void 0, [_b.sent()]).toStrictEqual({
+                        name: 'Florence Jones',
+                        email: 'florencejones@fake.com'
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should take the last valid value, if components are not mergeable', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var components, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    components = [
+                        createMockTextInputComponent({
+                            uid: '0',
+                            id: 'name',
+                            value: 'Florence Jones'
+                        }),
+                        createMockTextInputComponent({
+                            uid: '1',
+                            id: 'email',
+                            value: 'florencejones@fake.com'
+                        }),
+                    ];
+                    _a = expect;
+                    return [4 /*yield*/, getSubmittableData(components)];
+                case 1:
+                    _a.apply(void 0, [_b.sent()]).toBe('florencejones@fake.com');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should ignore fields with no value', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var components, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    components = [
+                        createMockTextInputComponent({
+                            uid: '0',
+                            id: 'name',
+                            value: 'Florence Jones'
+                        }),
+                        createMockTextInputComponent({
+                            uid: '1',
+                            id: 'email',
+                            value: null
+                        }),
+                    ];
+                    _a = expect;
+                    return [4 /*yield*/, getSubmittableData(components)];
+                case 1:
+                    _a.apply(void 0, [_b.sent()]).toBe('Florence Jones');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should merge data from nested components', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var components, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    components = [
+                        createObjectComponent({
+                            uid: '0',
+                            displayOrder: ['name', 'bankInfo'],
+                            componentMap: {
+                                name: createMockTextInputComponent({
+                                    uid: '0.0',
+                                    id: 'name',
+                                    value: 'Florence Jones'
+                                }),
+                                bankInfo: createObjectComponent({
+                                    uid: '0.1',
+                                    displayOrder: ['accountNumber', 'sortCode'],
+                                    componentMap: {
+                                        accountNumber: createMockTextInputComponent({
+                                            uid: '0.1.0',
+                                            id: 'account',
+                                            value: '12345678'
+                                        }),
+                                        sortCode: createMockTextInputComponent({
+                                            uid: '0.1.1',
+                                            id: 'sortCode',
+                                            value: '04-00-04'
+                                        })
+                                    },
+                                    hidden: false,
+                                    summariser: function () { return ({}); }
+                                })
+                            },
+                            hidden: false,
+                            summariser: function () { return ({}); }
+                        }),
+                    ];
+                    _a = expect;
+                    return [4 /*yield*/, getSubmittableData(components)];
+                case 1:
+                    _a.apply(void 0, [_b.sent()]).toStrictEqual({
+                        name: 'Florence Jones',
+                        bankInfo: {
+                            accountNumber: '12345678',
+                            sortCode: '04-00-04'
+                        }
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should return data from schemas inside columns layout components', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var components, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    components = [
+                        createColumnsComponent({
+                            uid: '0',
+                            bias: 'none',
+                            margin: 'md',
+                            startComponents: [
+                                createObjectComponent({
+                                    uid: '0',
+                                    displayOrder: ['accountNumber', 'sortCode'],
+                                    componentMap: {
+                                        accountNumber: createMockTextInputComponent({
+                                            uid: '0.0',
+                                            id: 'account',
+                                            value: '12345678'
+                                        }),
+                                        sortCode: createMockTextInputComponent({
+                                            uid: '0.1',
+                                            id: 'sortCode',
+                                            value: '04-00-04'
+                                        })
+                                    },
+                                    hidden: false,
+                                    summariser: function () { return ({}); }
+                                }),
+                            ],
+                            endComponents: [
+                                createObjectComponent({
+                                    uid: '1',
+                                    displayOrder: ['name'],
+                                    componentMap: {
+                                        name: createMockTextInputComponent({
+                                            uid: '0.1',
+                                            id: 'name',
+                                            value: 'Florence Jones'
+                                        })
+                                    },
+                                    hidden: false,
+                                    summariser: function () { return ({}); }
+                                }),
+                            ]
+                        }),
+                    ];
+                    _a = expect;
+                    return [4 /*yield*/, getSubmittableData(components)];
+                case 1:
+                    _a.apply(void 0, [_b.sent()]).toStrictEqual({
+                        accountNumber: '12345678',
+                        sortCode: '04-00-04',
+                        name: 'Florence Jones'
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/build/revamp/utils/findComponent.js

@@ -0,0 +1,29 @@
+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 { hasChildren } from './type-utils';
+export var findComponent = function (components, id) {
+    var flattened = flattenComponents(components);
+    var matching = flattened.filter(function (component) { return component.uid === id; });
+    if (matching.length === 1) {
+        return matching[0];
+    }
+    if (matching.length > 1) {
+        throw new Error("Multiple components with the same uid: ".concat(id));
+    }
+    throw new Error("Failed to find any components with uid: ".concat(id));
+};
+var flattenComponents = function (components) {
+    return components.reduce(function (acc, component) {
+        if (hasChildren(component)) {
+            return __spreadArray(__spreadArray(__spreadArray([], acc, true), [component], false), flattenComponents(component.getChildren()), true);
+        }
+        return __spreadArray(__spreadArray([], acc, true), [component], false);
+    }, []);
+};