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

package/build/legacy/layout/list/DynamicStatusList.js

@@ -1,37 +0,0 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-unsafe-return */
-import { Header, Summary } from '@transferwise/components';
-import { DynamicIcon } from '..';
-import { getMargin } from '../utils';
-var DynamicStatusList = function (_a) {
-    var component = _a.component;
-    return (_jsxs("div", { className: getMargin(component.margin || 'md'), children: [component.title ? _jsx(Header, { title: component.title }) : null, component.items.map(mapListItemToSummary)] }));
-};
-var mapListItemToSummary = function (_a) {
-    var title = _a.title, description = _a.description, icon = _a.icon, status = _a.status;
-    var props = __assign(__assign({ key: "".concat(title, "/").concat(description || ''), title: title, description: description }, ((icon === null || icon === void 0 ? void 0 : icon.name) ? { icon: _jsx(DynamicIcon, { type: icon.name }) } : {})), (status ? { status: statusMap[status] } : {}));
-    return _jsx(Summary, __assign({}, props));
-};
-var statusListMap = {
-    done: 'done',
-    pending: 'pending',
-    'not-done': 'notDone',
-};
-var legacyStatusMap = {
-    positive: 'done',
-    warning: 'pending',
-    neutral: 'notDone',
-};
-var statusMap = __assign(__assign({}, statusListMap), legacyStatusMap);
-export default DynamicStatusList;

package/build/legacy/layout/list/DynamicStatusList.spec.js

@@ -1,111 +0,0 @@
-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 { render, screen } from '@testing-library/react';
-import { Provider, translations as componentTranslations } from '@transferwise/components';
-import DynamicFlow from '../../dynamicFlow/DynamicFlow';
-import { getMockHttpClient } from '../../../test-utils';
-var mockHttpClient = getMockHttpClient({});
-var onError = jest.fn();
-var onCompletion = jest.fn();
-var i18n = { locale: 'en-GB', messages: __assign({}, componentTranslations.en) };
-var renderComponent = function (step) {
-    render(_jsx(Provider, { i18n: i18n, children: _jsx(DynamicFlow, { flowId: "test", initialStep: step, httpClient: mockHttpClient, onCompletion: onCompletion, onError: onError }) }));
-};
-var makeStatusListStep = function (items) {
-    return ({
-        layout: [{ type: 'status-list', title: 'This is a status List', items: items }],
-    });
-};
-var makeListStep = function (items) {
-    return ({
-        layout: [{ type: 'list', title: 'This is a List', items: items }],
-    });
-};
-describe('DynamicStatusList', function () {
-    describe('status-list', function () {
-        var items = [
-            {
-                title: 'Item 1',
-                description: 'The first item is positive',
-                icon: { name: 'bank' },
-                status: 'done',
-            },
-            {
-                title: 'Item 2',
-                description: 'The second item is neutral',
-                icon: { name: 'emoji' },
-                status: 'not-done',
-            },
-            {
-                title: 'Item 3',
-                description: 'The third item is warning',
-                icon: { name: 'gift-box' },
-                status: 'pending',
-            },
-        ];
-        it('renders the list title', function () {
-            renderComponent(makeStatusListStep([]));
-            expect(screen.getByText('This is a status List')).toBeInTheDocument();
-        });
-        it('renders the item titles', function () {
-            renderComponent(makeStatusListStep(items));
-            expect(screen.getByText('Item 1')).toBeInTheDocument();
-            expect(screen.getByText('Item 2')).toBeInTheDocument();
-            expect(screen.getByText('Item 3')).toBeInTheDocument();
-        });
-        it('renders the item descriptions', function () {
-            renderComponent(makeStatusListStep(items));
-            expect(screen.getByText('The first item is positive')).toBeInTheDocument();
-            expect(screen.getByText('The second item is neutral')).toBeInTheDocument();
-            expect(screen.getByText('The third item is warning')).toBeInTheDocument();
-        });
-    });
-    describe('list', function () {
-        var items = [
-            {
-                title: 'Item 1',
-                description: 'The first item is positive',
-                icon: { name: 'bank' },
-                status: 'positive',
-            },
-            {
-                title: 'Item 2',
-                description: 'The second item is neutral',
-                icon: { name: 'emoji' },
-                status: 'neutral',
-            },
-            {
-                title: 'Item 3',
-                description: 'The third item is warning',
-                icon: { name: 'gift-box' },
-                status: 'warning',
-            },
-        ];
-        it('renders the list title', function () {
-            renderComponent(makeListStep([]));
-            expect(screen.getByText('This is a List')).toBeInTheDocument();
-        });
-        it('renders the item titles', function () {
-            renderComponent(makeListStep(items));
-            expect(screen.getByText('Item 1')).toBeInTheDocument();
-            expect(screen.getByText('Item 2')).toBeInTheDocument();
-            expect(screen.getByText('Item 3')).toBeInTheDocument();
-        });
-        it('renders the item descriptions', function () {
-            renderComponent(makeListStep(items));
-            expect(screen.getByText('The first item is positive')).toBeInTheDocument();
-            expect(screen.getByText('The second item is neutral')).toBeInTheDocument();
-            expect(screen.getByText('The third item is warning')).toBeInTheDocument();
-        });
-    });
-});

package/build/legacy/layout/loadingIndicator/DynamicLoadingIndicator.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Loader } from '@transferwise/components';
-import { getMargin } from '../utils';
-var DynamicLoadingIndicator = function (_a) {
-    var component = _a.component;
-    var _b = component.margin, margin = _b === void 0 ? 'md' : _b, _c = component.size, size = _c === void 0 ? 'md' : _c;
-    return (_jsx(Loader, { size: size, classNames: {
-            'tw-loader': "tw-loader m-x-auto ".concat(getMargin(margin)),
-        }, "data-testid": "loading-indicator" }));
-};
-export default DynamicLoadingIndicator;

package/build/legacy/layout/loadingIndicator/DynamicLoadingIndicator.spec.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import DynamicLoadingIndicator from './DynamicLoadingIndicator';
-describe('Given a component for dynamically rendering a loading indicator', function () {
-    describe('when initialised without any properties', function () {
-        it('renders a loading indicator of the default "md" size', function () {
-            render(_jsx(DynamicLoadingIndicator, { component: { type: 'loading-indicator' } }));
-            var loader = screen.getByTestId('loading-indicator');
-            expect(loader).toHaveClass('tw-loader--md');
-        });
-    });
-    describe.each([
-        ['xs', 'tw-loader--sm'],
-        ['sm', 'tw-loader--sm'],
-        ['md', 'tw-loader--md'],
-        ['lg', 'tw-loader--md'],
-        ['xl', 'tw-loader--md'],
-    ])("when initialised with size: %p", function (size, expectedClass) {
-        it("renders a loading indicator with class: ".concat(expectedClass), function () {
-            render(_jsx(DynamicLoadingIndicator, { component: { type: 'loading-indicator', size: size } }));
-            var loader = screen.getByTestId('loading-indicator');
-            expect(loader).toHaveClass(expectedClass);
-        });
-    });
-});

package/build/legacy/layout/markdown/DynamicMarkdown.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Markdown } from '@transferwise/components';
-import { getTextAlignmentAndMargin } from '../utils';
-export var DynamicMarkdown = function (_a) {
-    var component = _a.component;
-    var content = component.content, align = component.align, margin = component.margin;
-    return (_jsx("div", { className: getTextAlignmentAndMargin({ align: align, margin: margin }), children: _jsx(Markdown, { config: { link: { target: '_blank' } }, children: content }) }));
-};
-export var DynamicInfo = function (_a) {
-    var component = _a.component;
-    return (_jsx("div", { className: getTextAlignmentAndMargin(component), children: _jsx(Markdown, { config: { link: { target: '_blank' } }, children: component.markdown }) }));
-};

package/build/legacy/layout/markdown/DynamicMarkdown.spec.js

@@ -1,58 +0,0 @@
-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 { render, screen } from '@testing-library/react';
-import { DynamicInfo, DynamicMarkdown } from './DynamicMarkdown';
-describe('Given a component for dynamically rendering information with markdown', function () {
-    var props = function () { return ({
-        component: {
-            type: 'info',
-            markdown: '### Title ###\n[first link](./first-link)',
-        },
-    }); };
-    it('should render the markdown as HTML', function () {
-        render(_jsx(DynamicInfo, __assign({}, props())));
-        var title = screen.getByText('Title');
-        expect(title).toBeInTheDocument();
-        expect(title.nodeName).toBe('H3');
-    });
-    it('should render links with target=_blank', function () {
-        render(_jsx(DynamicInfo, __assign({}, props())));
-        var link = screen.getByText('first link');
-        expect(link).toBeInTheDocument();
-        expect(link.nodeName).toBe('A');
-        expect(link).toHaveAttribute('href', './first-link');
-        expect(link).toHaveAttribute('target', '_blank');
-    });
-});
-describe('Given a "markdown" component', function () {
-    var props = function () { return ({
-        component: {
-            type: 'markdown',
-            content: '### Title ###\n[first link](./first-link)',
-        },
-    }); };
-    it('should render the markdown as HTML', function () {
-        render(_jsx(DynamicMarkdown, __assign({}, props())));
-        var title = screen.getByText('Title');
-        expect(title).toBeInTheDocument();
-        expect(title.nodeName).toBe('H3');
-    });
-    it('should render links with target=_blank', function () {
-        render(_jsx(DynamicMarkdown, __assign({}, props())));
-        var link = screen.getByText('first link');
-        expect(link).toBeInTheDocument();
-        expect(link.nodeName).toBe('A');
-        expect(link).toHaveAttribute('href', './first-link');
-        expect(link).toHaveAttribute('target', '_blank');
-    });
-});

package/build/legacy/layout/modal/DynamicModal.js

@@ -1,26 +0,0 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Modal } from '@transferwise/components';
-import { useState } from 'react';
-import DynamicLayout from '../DynamicLayout';
-import { getTextAlignmentAndMargin } from '../utils';
-function DynamicModal(props) {
-    var _a = useState(false), visible = _a[0], isVisible = _a[1];
-    var component = props.component, onAction = props.onAction;
-    var _b = component.margin, margin = _b === void 0 ? 'md' : _b;
-    return (_jsxs("div", { className: getTextAlignmentAndMargin({ margin: margin }), children: [_jsx(Button, { priority: "tertiary", block: true, onClick: function () { return isVisible(true); }, children: component.trigger.title }), _jsx(Modal, { scroll: "content", open: visible, size: "lg", body: _jsx(DynamicLayout, __assign({}, props, { components: component.content.components, onAction: function (action) {
-                        isVisible(false);
-                        onAction(action);
-                    } })), onClose: function () { return isVisible(false); } })] }));
-}
-export default DynamicModal;

package/build/legacy/layout/paragraph/DynamicParagraph.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@transferwise/components';
-import { useIntl } from 'react-intl';
-import { getTextAlignmentAndMargin } from '../utils';
-import messages from '../../../common/messages/paragraph.messages';
-import { useSnackBarIfAvailable } from './useSnackBarIfAvailable';
-function DynamicParagraph(_a) {
-    var component = _a.component;
-    return component.control === 'copyable' ? (_jsx(CopyableDynamicParagraph, { component: component })) : (_jsx(BasicDynamicParagraph, { component: component }));
-}
-function BasicDynamicParagraph(_a) {
-    var component = _a.component;
-    return _jsxs("p", { className: getTextAlignmentAndMargin(component), children: [" ", component.text, " "] });
-}
-function CopyableDynamicParagraph(_a) {
-    var component = _a.component;
-    var formatMessage = useIntl().formatMessage;
-    var createSnackbar = useSnackBarIfAvailable();
-    var text = component.text;
-    var copy = function () {
-        var _a;
-        (_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(text).then(function () { return createSnackbar({ text: formatMessage(messages.copied) }); }).catch(noop);
-    };
-    var classNames = "".concat(getTextAlignmentAndMargin({
-        align: component.align,
-        margin: 'sm',
-    }), " form-control");
-    return (_jsxs("div", { className: getTextAlignmentAndMargin(component), children: [_jsx("input", { type: "text", className: classNames, value: text, readOnly: true, 
-                // eslint-disable-next-line react/forbid-dom-props
-                style: { textOverflow: 'ellipsis' } }), _jsx(Button, { block: true, onClick: copy, children: formatMessage(messages.copy) })] }));
-}
-function noop() {
-    //
-}
-export default DynamicParagraph;

package/build/legacy/layout/paragraph/DynamicParagraph.spec.js

@@ -1,109 +0,0 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen, fireEvent } from '@testing-library/react';
-import { Provider, SnackbarProvider, translations as componentTranslations, } from '@transferwise/components';
-import DynamicParagraph from './DynamicParagraph';
-describe('Given a component for dynamically rendering paragraphs', function () {
-    var i18n = { locale: 'en-GB', messages: __assign({}, componentTranslations['en']) };
-    var renderComponent = function (component) {
-        return render(_jsx(Provider, { i18n: i18n, children: _jsx(DynamicParagraph, { component: component }) }));
-    };
-    describe('when there is no control property', function () {
-        var component = {
-            type: 'paragraph',
-            text: 'Lorem ipsum',
-        };
-        it('should render the text in a paragraph', function () {
-            renderComponent(component);
-            expect(screen.getByText('Lorem ipsum')).toBeInTheDocument();
-            expect(screen.getByText('Lorem ipsum')).toBeInstanceOf(HTMLParagraphElement);
-        });
-    });
-    describe('when the control property is "copyable"', function () {
-        var component = {
-            type: 'paragraph',
-            text: '7Xtiq6fnX9aEVF7',
-            control: 'copyable',
-        };
-        it('should render the text in a readonly input', function () {
-            renderComponent(component);
-            expect(screen.getByDisplayValue('7Xtiq6fnX9aEVF7')).toBeInTheDocument();
-            expect(screen.getByDisplayValue('7Xtiq6fnX9aEVF7')).toBeInstanceOf(HTMLInputElement);
-            expect(screen.getByText('Copy')).toBeInTheDocument();
-        });
-        describe('when the "copy" button is clicked', function () {
-            beforeAll(function () {
-                Object.assign(navigator, { clipboard: { writeText: function () { } } });
-                jest.spyOn(navigator.clipboard, 'writeText').mockResolvedValue(undefined);
-            });
-            it('copies the paragraph text to the clipboard', function () {
-                renderComponent(component);
-                fireEvent.click(screen.getByText('Copy'));
-                expect(navigator.clipboard.writeText).toHaveBeenLastCalledWith('7Xtiq6fnX9aEVF7');
-            });
-            describe('when the SnackbarProvider is available', function () {
-                it('additionally displays a snackbar message', function () { return __awaiter(void 0, void 0, void 0, function () {
-                    var snackbar;
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                render(_jsx(Provider, { i18n: i18n, children: _jsx(SnackbarProvider, { children: _jsx(DynamicParagraph, { component: component }) }) }));
-                                fireEvent.click(screen.getByText('Copy'));
-                                return [4 /*yield*/, screen.findByText('Copied to clipboard')];
-                            case 1:
-                                snackbar = _a.sent();
-                                expect(snackbar).toBeInTheDocument();
-                                return [2 /*return*/];
-                        }
-                    });
-                }); });
-            });
-        });
-    });
-});

package/build/legacy/layout/paragraph/useSnackBarIfAvailable.js

@@ -1,9 +0,0 @@
-import { SnackbarContext } from '@transferwise/components';
-import { useContext } from 'react';
-export function useSnackBarIfAvailable() {
-    var context = useContext(SnackbarContext);
-    return context ? context.createSnackbar : noop;
-}
-function noop() {
-    //
-}

package/build/legacy/layout/review/DynamicReview.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { DefinitionList, Header } from '@transferwise/components';
-import Help from '../../jsonSchemaForm/help/Help';
-import { getMargin } from '../utils';
-var getDefinitions = function (orientation, review) {
-    return review.fields.map(function (_a, index) {
-        var label = _a.label, value = _a.value, help = _a.help;
-        return ({
-            key: String(index),
-            title: label,
-            value: getFieldValue(value, help, orientation),
-        });
-    });
-};
-var getFieldValue = function (value, help, orientation) {
-    if (help) {
-        return orientation === 'HORIZONTAL_RIGHT_ALIGNED' ? (_jsxs(_Fragment, { children: [_jsx(Help, { help: help }), " ", value] })) : (_jsxs(_Fragment, { children: [value, " ", _jsx(Help, { help: help })] }));
-    }
-    return value;
-};
-var getDefinitionListLayout = function (review) {
-    var orientation = review.control || review.orientation;
-    switch (orientation) {
-        case 'horizontal':
-        case 'horizontal-end-aligned':
-            return 'HORIZONTAL_RIGHT_ALIGNED';
-        case 'horizontal-start-aligned':
-            return 'HORIZONTAL_LEFT_ALIGNED';
-        case 'vertical-two-column':
-            return 'VERTICAL_TWO_COLUMN';
-        case 'vertical':
-        case 'vertical-one-column':
-        default:
-            return 'VERTICAL_ONE_COLUMN';
-    }
-};
-function DynamicReview(props) {
-    var review = props.component;
-    var margin = getMargin(review.margin || 'xs');
-    var getReviewAction = function (title, action) { return ({
-        text: title !== null && title !== void 0 ? title : '',
-        href: action.url,
-        onClick: function (event) {
-            event.preventDefault();
-            if (action) {
-                props.onAction(action);
-            }
-        },
-    }); };
-    var orientation = getDefinitionListLayout(review);
-    var callToAction = review.callToAction
-        ? getReviewAction(review.callToAction.title, review.callToAction.action)
-        : null;
-    var legacyCallToAction = !callToAction && review.action
-        ? getReviewAction(review.action.title || '', review.action)
-        : null;
-    return (_jsxs("div", { className: margin, children: [review.title && (_jsx(Header, { title: review.title, action: callToAction || legacyCallToAction || undefined })), _jsx("div", { className: margin, children: _jsx(DefinitionList, { layout: orientation, definitions: getDefinitions(orientation, review) }) })] }));
-}
-export default DynamicReview;

package/build/legacy/layout/review/DynamicReview.spec.js

@@ -1,152 +0,0 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
-import { screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { renderWithProviders } from '../../test-utils';
-import DynamicReview from './DynamicReview';
-var user = userEvent.setup();
-describe('Given a component for dynamically rendering reviews', function () {
-    var getComponent = function () { return ({
-        type: 'review',
-        title: 'Review Layout Title',
-        fields: [
-            {
-                label: 'First Field Label',
-                value: 'First Field Value',
-            },
-            {
-                label: 'Second Field Label',
-                value: 'Second Field Value',
-                help: {
-                    markdown: '# This is a help title \n This is a help description',
-                },
-            },
-        ],
-        margin: 'md',
-    }); };
-    it('should render the title and fields', function () {
-        renderWithProviders(_jsx(DynamicReview, { component: getComponent(), onAction: jest.fn() }));
-        expect(screen.getByText('Review Layout Title')).toBeInTheDocument();
-        expect(screen.getByText('First Field Label')).toBeInTheDocument();
-        expect(screen.getByText('First Field Value')).toBeInTheDocument();
-        expect(screen.getByText('Second Field Label')).toBeInTheDocument();
-        expect(screen.getByText('Second Field Value')).toBeInTheDocument();
-    });
-    describe('when a callToAction is provided and its title clicked', function () {
-        var component = __assign(__assign({}, getComponent()), { callToAction: {
-                title: 'Call To Action Title',
-                action: { url: '/action-url' },
-            } });
-        it('should call onAction callback with the action object', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onAction;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onAction = jest.fn();
-                        renderWithProviders(_jsx(DynamicReview, { component: component, onAction: onAction }));
-                        return [4 /*yield*/, user.click(screen.getByText('Call To Action Title'))];
-                    case 1:
-                        _a.sent();
-                        expect(onAction).toHaveBeenCalledWith(component.callToAction.action);
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe('when a (deprecated) action is provided and its title clicked', function () {
-        var component = __assign(__assign({}, getComponent()), { action: { title: 'Legacy Action Title', url: '/action-url' } });
-        it('should call onAction callback with the action object', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onAction;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onAction = jest.fn();
-                        renderWithProviders(_jsx(DynamicReview, { component: component, onAction: onAction }));
-                        return [4 /*yield*/, user.click(screen.getByText('Legacy Action Title'))];
-                    case 1:
-                        _a.sent();
-                        expect(onAction).toHaveBeenCalledWith(component.action);
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe('when both callToAction and action are provided', function () {
-        var component = __assign(__assign({}, getComponent()), { callToAction: {
-                title: 'Call To Action Title',
-                action: { url: '/action-url' },
-            }, action: { title: 'Legacy Action Title', url: '/action-url' } });
-        it('prefers callToAction over action', function () {
-            var onAction = jest.fn();
-            renderWithProviders(_jsx(DynamicReview, { component: component, onAction: onAction }));
-            expect(screen.getByText('Call To Action Title')).toBeInTheDocument();
-            expect(screen.queryByText('Legacy Action Title')).not.toBeInTheDocument();
-        });
-    });
-    describe('when a help prop is provided', function () {
-        it('a popover element should be rendered when the Info element is clicked', function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        renderWithProviders(_jsx(DynamicReview, { component: getComponent(), onAction: jest.fn() }));
-                        expect(screen.queryByText('This is a help title')).not.toBeInTheDocument();
-                        return [4 /*yield*/, user.click(screen.getByRole('button'))];
-                    case 1:
-                        _a.sent();
-                        return [4 /*yield*/, waitFor(function () {
-                                expect(screen.getByText('This is a help title')).toBeInTheDocument();
-                            })];
-                    case 2:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-});