@wise/dynamic-flow-client 5.30.0 → 5.30.2-experimental-949e5e5

package/build/tests/legacy/Search.test.js

@@ -1,439 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { act, screen, waitFor } from '@testing-library/react';
-import { userEvent } from '@testing-library/user-event';
-import { renderWithProviders } from '../../test-utils';
-import { abortableDelay, getMockHttpClient } from '../../test-utils/fetch-utils';
-import DynamicFlowWise from '../../test-utils/DynamicFlowWise';
-import { vi } from 'vitest';
-const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
-const getSearchStep = (search = {}) => ({
-    id: 'Features/Search',
-    title: 'Search Layout',
-    schemas: [],
-    layout: [
-        Object.assign({ type: 'search', analyticsId: 'search-layout-aid', title: 'Title', url: '/search', method: 'GET', param: 'query', emptyMessage: 'No results (sorry!)' }, search),
-    ],
-});
-const getSearchResults = (query) => [
-    {
-        type: 'action',
-        title: `Title ${query} #1`,
-        description: `This is an action search result.`,
-        image: {
-            accessibilityDescription: 'image from URL',
-            url: 'https://example.com/image.png',
-        },
-        value: {
-            id: 'search-result-action-id-01',
-            url: `/next-step`,
-            method: 'GET',
-        },
-    },
-    {
-        type: 'search',
-        title: `Title ${query} #2`,
-        description: `This is a search search result.`,
-        image: {
-            accessibilityDescription: 'image from URI',
-            uri: 'https://example.com/image.png',
-        },
-        value: {
-            url: `/new-search`,
-            method: 'GET',
-            param: 'new-query',
-            query: 'new query with special characters (!@£$%^&*)',
-        },
-    },
-];
-const getLegacySearchResponse = (query) => new Response(JSON.stringify({ results: getSearchResults(query) }));
-const getResultsResponse = (query) => new Response(JSON.stringify({ type: 'results', results: getSearchResults(query) }));
-const getLayoutResponse = (query) => new Response(JSON.stringify({
-    type: 'layout',
-    content: [
-        {
-            type: 'markdown',
-            content: `You've searched for ${query}, but we didn't find anything, so here is an empty state`,
-        },
-    ],
-}));
-describe('DynamicFlow / Search Layout Component', () => {
-    const onCompletion = vi.fn();
-    const onError = vi.fn();
-    const httpClient = vi.fn();
-    beforeEach(() => {
-        vi.clearAllMocks();
-    });
-    describe('user interface', () => {
-        it('renders a search input with the title as a label', () => {
-            const title = 'Search for something';
-            const searchStep = getSearchStep({ title });
-            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: httpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-            expect(screen.getByLabelText(title)).toBeInTheDocument();
-        });
-        it('renders the initialState when it is a layout type', () => {
-            const title = 'Search for something';
-            const initialState = {
-                type: 'layout',
-                content: [
-                    {
-                        type: 'markdown',
-                        content: 'This is the initial state',
-                    },
-                ],
-            };
-            const searchStep = getSearchStep({ title, initialState });
-            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: httpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-            expect(screen.getByText('This is the initial state')).toBeInTheDocument();
-        });
-        it('renders the initialState when it is a results type', () => {
-            const title = 'Search for something';
-            const initialState = {
-                type: 'results',
-                results: getSearchResults('initial query'),
-            };
-            const searchStep = getSearchStep({ title, initialState });
-            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: httpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-            expect(screen.getByText('Title initial query #1')).toBeInTheDocument();
-        });
-    });
-    // TODO we haven't added search events yet
-    describe('when user focuses the text field', () => {
-        it('calls onEvent with the correct analytics event', async () => {
-            const title = 'Search for something';
-            const searchStep = getSearchStep({ title });
-            const onEvent = vi.fn();
-            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: httpClient, initialStep: searchStep, onEvent: onEvent, onCompletion: onCompletion, onError: onError }));
-            const input = screen.getByLabelText(title);
-            // await user.click(input); // the revamp version trigger on the first character, not on focus
-            await user.type(input, 'abcd');
-            await waitFor(() => expect(onEvent).toHaveBeenCalledWith('Dynamic Flow - Search Started', expect.objectContaining({
-                flowId: 'the-flow-id',
-                stepId: 'Features/Search',
-                stepCount: 0,
-                layoutId: 'search-layout-aid',
-            })));
-        });
-    });
-    describe('when user types into text field', () => {
-        it('makes a GET request to the search endpoint', async () => {
-            const title = 'Search for something';
-            const query = 'test';
-            const mockHttpClient = vi.fn(async () => Promise.resolve(new Response(null, { status: 404 })));
-            const searchStep = getSearchStep({ title, url: '/search', method: 'GET' });
-            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-            const input = screen.getByLabelText(title);
-            await user.type(input, query);
-            await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-            expect(mockHttpClient).toHaveBeenCalledTimes(1);
-            expect(mockHttpClient).toHaveBeenCalledWith(`/search?query=${query}`, expect.anything());
-        });
-        it('makes a GET request to the search endpoint, with the correct query parameters', async () => {
-            const title = 'Search for something';
-            const query = 'test';
-            const mockHttpClient = vi.fn(async () => Promise.resolve(new Response(null, { status: 404 })));
-            const searchStep = getSearchStep({ title, url: '/search?extra=stuff', method: 'GET' });
-            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-            const input = screen.getByLabelText(title);
-            await user.type(input, query);
-            await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-            expect(mockHttpClient).toHaveBeenCalledTimes(1);
-            expect(mockHttpClient).toHaveBeenCalledWith(`/search?extra=stuff&query=${query}`, expect.anything());
-        });
-        it('makes a POST request to the search endpoint', async () => {
-            const mockHttpClient = vi.fn(async () => Promise.resolve(new Response(null, { status: 404 })));
-            const title = 'Search for something';
-            const method = 'POST';
-            const query = 'test';
-            const searchStep = getSearchStep({ title, method });
-            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-            const input = screen.getByLabelText(title);
-            await user.type(input, query);
-            await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-            expect(mockHttpClient).toHaveBeenCalledTimes(1);
-            expect(mockHttpClient).toHaveBeenCalledWith('/search', expect.objectContaining({
-                method: 'POST',
-                body: JSON.stringify({ query }),
-            }));
-        });
-        describe('when the legacy results type is provided', () => {
-            it('renders the search results', async () => {
-                const mockHttpClient = vi.fn(async () => Promise.resolve(getLegacySearchResponse('abcd')));
-                const title = 'Search for something';
-                const searchStep = getSearchStep({ title });
-                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-                const input = screen.getByLabelText(title);
-                await user.type(input, 'abcd');
-                await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-                expect(screen.getByText('Title abcd #1')).toBeInTheDocument();
-                expect(screen.getByText('Title abcd #2')).toBeInTheDocument();
-            });
-        });
-        describe('when the modern results type is provided', () => {
-            it('renders the search results', async () => {
-                const mockHttpClient = vi.fn(async () => Promise.resolve(getResultsResponse('abcd')));
-                const title = 'Search for something';
-                const searchStep = getSearchStep({ title });
-                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-                const input = screen.getByLabelText(title);
-                await user.type(input, 'abcd');
-                await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-                expect(screen.getByText('Title abcd #1')).toBeInTheDocument();
-                expect(screen.getByText('Title abcd #2')).toBeInTheDocument();
-            });
-        });
-        describe('when the layout response type is provided', () => {
-            it('renders the search results', async () => {
-                const mockHttpClient = vi.fn(async () => Promise.resolve(getLayoutResponse('abcd')));
-                const title = 'Search for something';
-                const searchStep = getSearchStep({ title });
-                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-                const input = screen.getByLabelText(title);
-                await user.type(input, 'abcd');
-                await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-                expect(screen.getByText("You've searched for abcd, but we didn't find anything, so here is an empty state")).toBeInTheDocument();
-            });
-        });
-        it('renders the images for each result', async () => {
-            const mockHttpClient = vi.fn(async () => Promise.resolve(getLegacySearchResponse('abcd')));
-            const title = 'Search for something';
-            const searchStep = getSearchStep({ title });
-            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-            const input = screen.getByLabelText(title);
-            await user.type(input, 'abcd');
-            await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-            expect(screen.getByAltText('image from URL')).toHaveAttribute('src', 'https://example.com/image.png');
-            expect(screen.getByAltText('image from URI')).toHaveAttribute('src', 'https://example.com/image.png');
-        });
-        describe('debouncing', () => {
-            describe('when the user resumes typing before the first request is made', () => {
-                it('only makes 1 request with the last query string, rather than every time the search query changes', async () => {
-                    const mockHttpClient = vi.fn(async () => Promise.resolve(new Response(null, { status: 404 })));
-                    const title = 'Search for something';
-                    const searchStep = getSearchStep({ title });
-                    renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-                    const input = screen.getByLabelText(title);
-                    await user.type(input, 'abcd');
-                    act(() => {
-                        vi.advanceTimersByTime(200); // half the debounce time
-                    });
-                    expect(mockHttpClient).toHaveBeenCalledTimes(0); // no request yet
-                    await user.type(input, 'efgh'); // continue typing on the text field
-                    act(() => {
-                        vi.advanceTimersByTime(200); // half the debounce time
-                    });
-                    await waitFor(() => expect(mockHttpClient).toHaveBeenCalledTimes(1));
-                    expect(mockHttpClient).toHaveBeenCalledWith(`/search?query=abcdefgh`, expect.anything());
-                });
-            });
-        });
-        describe('de-duplication', () => {
-            describe('when the user adds a trailing space to a successful query', () => {
-                it('only makes 1 request with the original query string, rather than a second one', async () => {
-                    const mockHttpClient = vi.fn(async () => Promise.resolve(getLegacySearchResponse('abcd')));
-                    const title = 'Search for something';
-                    const searchStep = getSearchStep({ title });
-                    renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-                    const input = screen.getByLabelText(title);
-                    await user.type(input, 'abcd');
-                    await act(async () => vi.advanceTimersByTime(500)); // debounce delay
-                    expect(mockHttpClient).toHaveBeenCalledTimes(1);
-                    await user.type(input, ' ');
-                    await act(async () => vi.advanceTimersByTime(500)); // debounce delay
-                    expect(mockHttpClient).toHaveBeenCalledTimes(1); // no new requests
-                });
-            });
-            describe('when the user adds a trailing space to a failed query', () => {
-                it('makes a second request', async () => {
-                    const mockHttpClient = vi.fn(async () => Promise.resolve(new Response(null, { status: 404 })));
-                    const title = 'Search for something';
-                    const searchStep = getSearchStep({ title });
-                    renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-                    const input = screen.getByLabelText(title);
-                    await user.type(input, 'abcd');
-                    await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-                    expect(mockHttpClient).toHaveBeenCalledTimes(1);
-                    await user.type(input, ' '); // add a space to the text input field
-                    await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-                    expect(mockHttpClient).toHaveBeenCalledTimes(2); // it tries again
-                });
-            });
-        });
-        describe('aborting requests', () => {
-            describe('when the user types into the text field, then clears it before the request is made', () => {
-                it('aborts the request', async () => {
-                    const mockHttpClient = vi.fn(async () => Promise.resolve(new Response(null, { status: 404 })));
-                    const title = 'Search for something';
-                    const searchStep = getSearchStep({ title });
-                    renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-                    const input = screen.getByLabelText(title);
-                    await user.type(input, 'abcd');
-                    await user.clear(input);
-                    act(() => {
-                        vi.advanceTimersByTime(500); // more than the debounce time
-                    });
-                    await waitFor(() => expect(mockHttpClient).toHaveBeenCalledTimes(0));
-                });
-            });
-            describe('when the user types into the text field, and a first request is made, then they type again before the request resolves', () => {
-                it('aborts the first request and makes a new one, only displaying the results for the second request', async () => {
-                    const mockHttpClient = vi.fn(async (url, init) => {
-                        const query = String(url).split('=')[1];
-                        await abortableDelay(query === 'abcd' ? 2000 : 500, init === null || init === void 0 ? void 0 : init.signal);
-                        return getLegacySearchResponse(query);
-                    });
-                    const title = 'Search for something';
-                    const searchStep = getSearchStep({ title });
-                    renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-                    const input = screen.getByLabelText(title);
-                    await user.type(input, 'abcd');
-                    act(() => {
-                        vi.advanceTimersByTime(1000);
-                    });
-                    await user.type(input, 'efgh');
-                    act(() => {
-                        vi.advanceTimersByTime(1000);
-                    });
-                    await waitFor(() => {
-                        expect(screen.getByText('Title abcdefgh #1')).toBeInTheDocument();
-                    });
-                    await waitFor(() => expect(mockHttpClient).toHaveBeenCalledTimes(2));
-                    await act(async () => {
-                        vi.advanceTimersByTime(1500);
-                        return Promise.resolve();
-                    });
-                    expect(screen.queryByText('Title abcd #1')).not.toBeInTheDocument();
-                });
-            });
-        });
-        describe('when the user clears the search input after some results were displayed', () => {
-            it('clears the results and displays the initial state', async () => {
-                const title = 'Search for something';
-                const initialState = {
-                    type: 'layout',
-                    content: [
-                        {
-                            type: 'markdown',
-                            content: 'This is the initial state',
-                        },
-                    ],
-                };
-                const mockHttpClient = vi.fn(async () => Promise.resolve(getResultsResponse('abcd')));
-                const searchStep = getSearchStep({ title, initialState });
-                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-                expect(screen.getByText('This is the initial state')).toBeInTheDocument();
-                await user.type(screen.getByLabelText(title), 'abcd');
-                await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-                expect(screen.getByText('Title abcd #1')).toBeInTheDocument();
-                await user.clear(screen.getByLabelText(title));
-                await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-                expect(screen.getByText('This is the initial state')).toBeInTheDocument();
-            });
-        });
-    });
-    describe('when the user clicks on an action search result', () => {
-        it('loads a new step and triggers analytics event', async () => {
-            const mockHttpClient = vi.fn(getMockHttpClient({
-                '/search?query=abcd': async () => Promise.resolve(getLegacySearchResponse('abcd')),
-                '/next-step': async () => Promise.resolve(new Response(JSON.stringify(nextStep))),
-            }));
-            const onEvent = vi.fn();
-            const title = 'Search for something';
-            const searchStep = getSearchStep({ title, url: '/search' });
-            const nextStep = {
-                id: 'next-step',
-                title: 'Next Step',
-                schemas: [],
-                layout: [
-                    {
-                        type: 'paragraph',
-                        text: 'This is the next step.',
-                    },
-                ],
-            };
-            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError, onEvent: onEvent }));
-            const input = screen.getByLabelText(title);
-            await user.type(input, 'abcd');
-            await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-            expect(screen.getByText('Title abcd #1')).toBeInTheDocument();
-            await user.click(screen.getByText('Title abcd #1'));
-            await expect(screen.findByText('Next Step')).resolves.toBeInTheDocument();
-            expect(screen.queryByText('Title abcd #1')).not.toBeInTheDocument();
-            expect(onEvent).toHaveBeenCalledWith('Dynamic Flow - Search Result Selected', expect.objectContaining({
-                flowId: 'the-flow-id',
-                stepId: 'Features/Search',
-                stepCount: 0,
-                layoutId: 'search-layout-aid',
-                type: 'action',
-                actionId: 'search-result-action-id-01',
-            }));
-        });
-    });
-    describe('when the user clicks on a search search result', () => {
-        it('makes a new search request, displays the results, and updates the search input, and triggers analytics event', async () => {
-            const mockHttpClient = vi.fn(getMockHttpClient({
-                '/search?query=abcd': async () => Promise.resolve(getLegacySearchResponse('abcd')),
-                '/new-search?new-query=new+query+with+special+characters+%28%21%40%C2%A3%24%25%5E%26*%29': async () => Promise.resolve(getLegacySearchResponse('new query results')),
-            }));
-            const onEvent = vi.fn();
-            const title = 'Search for something';
-            const searchStep = getSearchStep({ title, url: '/search' });
-            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError, onEvent: onEvent }));
-            const input = screen.getByLabelText(title);
-            await user.type(input, 'abcd');
-            await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-            expect(screen.getByText('Title abcd #1')).toBeInTheDocument();
-            await user.click(screen.getByText('Title abcd #2'));
-            expect(mockHttpClient).toHaveBeenCalledWith(`/new-search?new-query=new+query+with+special+characters+%28%21%40%C2%A3%24%25%5E%26*%29`, expect.anything());
-            await waitFor(() => {
-                expect(screen.getByText('Title new query results #1')).toBeInTheDocument();
-            });
-            expect(screen.getByLabelText(title)).toHaveValue('new query with special characters (!@£$%^&*)');
-            expect(onEvent).toHaveBeenCalledWith('Dynamic Flow - Search Result Selected', expect.objectContaining({
-                flowId: 'the-flow-id',
-                stepId: 'Features/Search',
-                stepCount: 0,
-                layoutId: 'search-layout-aid',
-                type: 'search',
-            }));
-        });
-    });
-    describe('when the search request fails', () => {
-        it('displays an error message and allows to retry', async () => {
-            const responses = [
-                Promise.resolve(new Response(null, { status: 404 })),
-                Promise.resolve(getLegacySearchResponse('abcd')),
-            ];
-            let callCount = 0;
-            const mockHttpClient = vi.fn(async () => {
-                const response = responses[Math.min(callCount, responses.length - 1)];
-                callCount += 1;
-                return response;
-            });
-            const title = 'Search for something';
-            const searchStep = getSearchStep({ title, url: '/search' });
-            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-            const input = screen.getByLabelText(title);
-            await user.type(input, 'abcd');
-            await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-            expect(screen.getByText('Something went wrong.')).toBeInTheDocument();
-            expect(mockHttpClient).toHaveBeenCalledTimes(1);
-            const link = screen.getByText('Retry');
-            await user.click(link);
-            await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-            expect(mockHttpClient).toHaveBeenCalledTimes(2);
-            expect(screen.getByText('Title abcd #1')).toBeInTheDocument();
-        });
-    });
-    describe('when a search returns no results', () => {
-        it('displays the empty message from the search configuration', async () => {
-            const mockHttpClient = vi.fn(async () => Promise.resolve(new Response(JSON.stringify({ type: 'results', results: [] }))));
-            const title = 'Search for something';
-            const searchStep = getSearchStep({ title });
-            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError }));
-            const input = screen.getByLabelText(title);
-            await user.type(input, 'abcd');
-            await act(async () => vi.advanceTimersByTimeAsync(500)); // debounce delay
-            expect(screen.getByText('No results (sorry!)')).toBeInTheDocument();
-        });
-    });
-});

package/build/tests/renderers/InlineAlertInSchemas.test.js

@@ -1,82 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { screen, waitFor } from '@testing-library/react';
-import { userEvent } from '@testing-library/user-event';
-import { vi } from 'vitest';
-import DynamicFlowWise from '../../test-utils/DynamicFlowWise';
-import { renderWithProviders } from '../../test-utils/rtl-utils';
-const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
-const getDefaultProps = () => ({
-    flowId: 'flow-id',
-    onCompletion: vi.fn(),
-    onError: vi.fn(),
-    onEvent: vi.fn(),
-    onLog: vi.fn(),
-});
-describe('InlineAlert in Schemas', () => {
-    const getStep = (inlineAlertContext, schemaOverrides) => ({
-        id: 'step',
-        title: 'Step with Inline Alert',
-        schemas: [
-            Object.assign({ $id: '#schema', type: 'string', title: 'Input with Inline Alert', inlineAlert: { content: 'This is an inline alert', context: inlineAlertContext } }, schemaOverrides),
-        ],
-        layout: [{ type: 'form', schemaId: '#schema' }],
-    });
-    describe('when the schema has an inlineAlert property', () => {
-        const cases = [
-            ['neutral', 'info-icon', 'neutral'],
-            ['positive', 'check-icon', 'positive'],
-            ['warning', 'alert-icon', 'warning'],
-            ['negative', 'cross-icon', 'negative'],
-        ];
-        it.each(cases)('renders the inline alert with %s sentiment', (context, expectedIconName, expectedClassName) => {
-            const step = getStep(context);
-            const httpClient = vi.fn();
-            const props = getDefaultProps();
-            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ httpClient: httpClient, initialStep: step }, props)));
-            expect(screen.getByText('This is an inline alert')).toBeInTheDocument();
-            expect(screen.getByTestId(expectedIconName)).toBeInTheDocument();
-            // eslint-disable-next-line testing-library/no-node-access
-            expect(screen.getByTestId(expectedIconName).parentElement).toHaveClass(expectedClassName);
-            expect(screen.queryByTestId('InlinePrompt_ProcessIndicator')).not.toBeInTheDocument();
-        });
-    });
-    describe('when the schema has validation-async state and an inlineAlert property', () => {
-        it('renders a loading icon during validation, with the original inline alert message and context', async () => {
-            const step = getStep('warning', {
-                validationAsync: { param: 'param', method: 'POST', url: '/validate' },
-            });
-            const httpClient = vi.fn(async (input) => {
-                if (input === '/validate') {
-                    await new Promise((resolve) => {
-                        setTimeout(resolve, 100);
-                    });
-                    return Promise.resolve(new Response(JSON.stringify({ message: 'The server does not like this value' }), {
-                        status: 422,
-                    }));
-                }
-                return Promise.resolve(new Response(null, { status: 404 }));
-            });
-            const props = getDefaultProps();
-            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ httpClient: httpClient, initialStep: step }, props)));
-            expect(screen.getByText('This is an inline alert')).toBeInTheDocument();
-            expect(screen.getByTestId('alert-icon')).toBeInTheDocument();
-            const input = screen.getByRole('textbox');
-            await user.click(input);
-            await user.type(input, 'test value');
-            vi.advanceTimersByTime(1000); // debounce time
-            await waitFor(() => {
-                expect(screen.getByTestId('InlinePrompt_ProcessIndicator')).toBeInTheDocument();
-            });
-            expect(
-            // eslint-disable-next-line testing-library/no-node-access
-            screen.getByText('This is an inline alert').closest('.wds-prompt--warning')).toBeInTheDocument();
-            await waitFor(() => {
-                expect(screen.getByText('The server does not like this value')).toBeInTheDocument();
-            });
-            expect(screen.getByTestId('cross-icon')).toBeInTheDocument();
-            expect(
-            // eslint-disable-next-line testing-library/no-node-access
-            screen.getByText('The server does not like this value').closest('.wds-prompt--negative')).toBeInTheDocument();
-        });
-    });
-});

package/build/tests/renderers/MediaRenderer.test.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable testing-library/no-node-access */
-import { screen } from '@testing-library/react';
-import { mediaSizeTokenMappings } from '@wise/dynamic-flow-renderers/src/components/Media/Media';
-import { vi } from 'vitest';
-import { renderWithProviders } from '../../test-utils';
-import DynamicFlowWise from '../../test-utils/DynamicFlowWise';
-const getDefaultProps = () => ({
-    flowId: 'flow-id',
-    httpClient: vi.fn(),
-    onCompletion: vi.fn(),
-    onError: vi.fn(),
-    onEvent: vi.fn(),
-    onLog: vi.fn(),
-});
-const renderStep = (step) => renderWithProviders(_jsx(DynamicFlowWise, Object.assign({}, getDefaultProps(), { initialStep: step })));
-const getMediaStep = (media, size) => ({
-    id: 'media-step',
-    title: 'Media step',
-    schemas: [],
-    layout: [{ type: 'media', media, size }],
-});
-const avatarMedia = {
-    type: 'avatar',
-    content: [{ type: 'uri', uri: 'https://example.com/avatar.png' }],
-};
-const imageMedia = {
-    type: 'image',
-    uri: 'https://example.com/image.png',
-    accessibilityDescription: 'Example image',
-};
-describe('MediaRenderer', () => {
-    describe('avatar media', () => {
-        it.each([
-            { size: 'xs', expected: '32px' },
-            { size: 'sm', expected: '40px' },
-            { size: 'md', expected: '48px' },
-            { size: 'lg', expected: '56px' },
-            { size: 'xl', expected: '72px' },
-        ])('keeps the layout size mapping for $size when the media has no size', ({ size, expected }) => {
-            renderStep(getMediaStep(avatarMedia, size));
-            expect(screen.getByRole('presentation')).toHaveAttribute('width', expected);
-        });
-        it('defaults to md when neither the layout nor the media has a size', () => {
-            renderStep(getMediaStep(avatarMedia));
-            expect(screen.getByRole('presentation')).toHaveAttribute('width', '48px');
-        });
-        it.each([
-            ...Object.entries(mediaSizeTokenMappings).map(([size, value]) => ({
-                size: size,
-                expected: `${value}px`,
-            })),
-        ])('prefers the media size $size over the layout size', ({ size, expected }) => {
-            renderStep(getMediaStep(Object.assign(Object.assign({}, avatarMedia), { size }), 'md'));
-            expect(screen.getByRole('presentation')).toHaveAttribute('width', expected);
-        });
-    });
-    describe('image media', () => {
-        it.each(['xs', 'sm', 'md', 'lg', 'xl'])('keeps the layout size %s when the media has no size', (size) => {
-            renderStep(getMediaStep(imageMedia, size));
-            expect(screen.getByRole('img', { name: 'Example image' }).closest('.df-image')).toHaveClass(size);
-        });
-        it('defaults to md when neither the layout nor the media has a size', () => {
-            renderStep(getMediaStep(imageMedia));
-            expect(screen.getByRole('img', { name: 'Example image' }).closest('.df-image')).toHaveClass('md');
-        });
-        it('prefers the media size over the layout size', () => {
-            renderStep(getMediaStep(Object.assign(Object.assign({}, imageMedia), { size: 'xs' }), 'lg'));
-            const image = screen.getByRole('img', { name: 'Example image' }).closest('.df-image');
-            expect(image).toHaveClass('xs');
-            expect(image).not.toHaveClass('lg');
-        });
-    });
-});

package/build/tests/renderers/MultiSelectInputRendererProps.test.js

@@ -1,58 +0,0 @@
-import { mapSchemaToComponent } from '../../domain/mappers/mapSchemaToComponent';
-import { getMockMapperProps, getMockRendererMapperProps, getMockSchemaMapperProps, } from '../../domain/mappers/schema/tests/test-utils';
-import { multiSelectInputComponentToProps } from '../../renderers/mappers/multiSelectComponentToProps';
-describe('MultiSelectInputRendererProps mapper', () => {
-    describe('given a MultiSelectInputComponent in which each option has a layout', () => {
-        it('should map options including their children and childrenProps', () => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-            const schema = {
-                type: 'array',
-                addItemTitle: '',
-                editItemTitle: '',
-                items: {
-                    oneOf: [
-                        {
-                            const: 'option-1',
-                            title: 'Option 1',
-                            layout: [{ type: 'paragraph', text: 'This is option 1' }],
-                        },
-                        {
-                            const: 'option-2',
-                            title: 'Option 2',
-                            layout: [{ type: 'paragraph', text: 'This is option 2' }],
-                        },
-                        {
-                            const: 'option-3',
-                            title: 'Option 3',
-                            layout: [{ type: 'paragraph', text: 'This is option 3' }],
-                        },
-                    ],
-                },
-            };
-            const schemaMapperProps = getMockSchemaMapperProps({ schema });
-            const mapperProps = getMockMapperProps();
-            const component = mapSchemaToComponent(schemaMapperProps, mapperProps);
-            const rendererMapperProps = Object.assign(Object.assign({}, getMockRendererMapperProps()), { render: () => null });
-            const props = multiSelectInputComponentToProps(component, rendererMapperProps);
-            expect(props.options).toHaveLength(3);
-            expect(props.options[0].children).toBeDefined();
-            expect(props.options[1].children).toBeDefined();
-            expect(props.options[2].children).toBeDefined();
-            expect(props.options[0].childrenProps).toBeDefined();
-            expect((_a = props.options[0].childrenProps) === null || _a === void 0 ? void 0 : _a.type).toBe('container');
-            expect((_b = props.options[0].childrenProps.childrenProps) === null || _b === void 0 ? void 0 : _b[0].type).toBe('paragraph');
-            expect(((_c = props.options[0].childrenProps
-                .childrenProps) === null || _c === void 0 ? void 0 : _c[0]).text).toBe('This is option 1');
-            expect(props.options[1].childrenProps).toBeDefined();
-            expect((_d = props.options[1].childrenProps) === null || _d === void 0 ? void 0 : _d.type).toBe('container');
-            expect((_e = props.options[1].childrenProps.childrenProps) === null || _e === void 0 ? void 0 : _e[0].type).toBe('paragraph');
-            expect(((_f = props.options[1].childrenProps
-                .childrenProps) === null || _f === void 0 ? void 0 : _f[0]).text).toBe('This is option 2');
-            expect(props.options[2].childrenProps).toBeDefined();
-            expect((_g = props.options[2].childrenProps) === null || _g === void 0 ? void 0 : _g.type).toBe('container');
-            expect((_h = props.options[2].childrenProps.childrenProps) === null || _h === void 0 ? void 0 : _h[0].type).toBe('paragraph');
-            expect(((_j = props.options[2].childrenProps
-                .childrenProps) === null || _j === void 0 ? void 0 : _j[0]).text).toBe('This is option 3');
-        });
-    });
-});