@wise/dynamic-flow-client 5.9.2 → 5.11.0

package/build/tests/Submission.test.js

@@ -3,11 +3,11 @@ import { act, screen, waitFor } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import { Button } from '@transferwise/components';
 import { useState } from 'react';
+import { vi } from 'vitest';
 import { renderWithProviders, respondWith } from '../test-utils';
-import { abortableDelay, respondWithDelay } from '../test-utils/fetch-utils';
 import DynamicFlowWise from '../test-utils/DynamicFlowWise';
+import { abortableDelay, respondWithDelay } from '../test-utils/fetch-utils';
 import { createEmptyStep } from '../test-utils/step-utils';
-import { vi } from 'vitest';
 const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
 const emptyStep = createEmptyStep();
 const getDefaultProps = () => ({
@@ -16,6 +16,7 @@ const getDefaultProps = () => ({
     onError: vi.fn(),
     onEvent: vi.fn(),
     onLog: vi.fn(),
+    onLink: vi.fn(),
 });
 const getStep = (model, schema) => {
     var _a;
@@ -158,9 +159,7 @@ describe('Data submission', () => {
         });
         expect(screen.getByText('Please select a currency.')).toBeInTheDocument();
     });
-    it('should set loading state on action buttons that were clicked (and set disabled on other buttons) while submitting, and then re-enable them', async () => {
-        const model = { name: 'Name', number: '12345' };
-        const step = getStep(model, schema);
+    describe('loading state', () => {
         const httpClient = vi.fn().mockImplementation(async (input, init) => {
             var _a;
             return abortableDelay(1, (_a = init === null || init === void 0 ? void 0 : init.signal) !== null && _a !== void 0 ? _a : null).then(async () => respondWith({
@@ -172,16 +171,164 @@ describe('Data submission', () => {
                 schemas: [],
             }));
         });
-        const props = getDefaultProps();
-        renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ httpClient: httpClient, initialStep: step }, props)));
-        const submitButton = screen.getByRole('button', { name: 'Submit' });
-        const otherButton = screen.getByRole('button', { name: 'Other' });
-        await user.click(submitButton);
-        expect(submitButton).toHaveAttribute('aria-busy', 'true');
-        expect(otherButton).toBeDisabled();
-        await waitFor(() => {
-            const submitButton2 = screen.getByRole('button', { name: 'Finish' });
-            expect(submitButton2).toBeEnabled();
+        it('should set loading state on action buttons that were clicked (and set disabled on other buttons) while submitting, and then re-enable them', async () => {
+            const model = { name: 'Name', number: '12345' };
+            const step = getStep(model, schema);
+            const props = getDefaultProps();
+            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ httpClient: httpClient, initialStep: step }, props)));
+            const submitButton = screen.getByRole('button', { name: 'Submit' });
+            const otherButton = screen.getByRole('button', { name: 'Other' });
+            await user.click(submitButton);
+            expect(submitButton).toHaveAttribute('aria-busy', 'true');
+            expect(otherButton).toBeDisabled();
+            expect(otherButton).not.toHaveAttribute('aria-busy');
+            await waitFor(() => {
+                expect(screen.getByText('Next step')).toBeInTheDocument();
+            });
+        });
+        describe('when attempting submission with one button, but validation fails, then submissting with another button', () => {
+            it('should only set the loading state of the button that was last pressed', async () => {
+                const step = {
+                    id: 'step-id',
+                    title: 'Submission test',
+                    layout: [
+                        { type: 'box', components: [{ type: 'form', schemaId: '#schema' }] },
+                        {
+                            type: 'button',
+                            title: 'Submit',
+                            action: { id: 'submit', url: '/submit', method: 'POST' },
+                        },
+                        {
+                            type: 'button',
+                            title: 'Submit without validation',
+                            action: {
+                                id: 'submit-without-validation',
+                                url: '/submit',
+                                method: 'POST',
+                                skipValidation: true,
+                            },
+                        },
+                    ],
+                    refreshUrl: '/refresh',
+                    schemas: [
+                        {
+                            $id: '#schema',
+                            title: 'Name',
+                            type: 'string',
+                            validationMessages: { required: 'Please enter your name!' },
+                        },
+                    ],
+                };
+                const props = getDefaultProps();
+                renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ httpClient: httpClient, initialStep: step }, props)));
+                const submitButton = screen.getByRole('button', { name: 'Submit' });
+                const submitWithoutValidationButton = screen.getByRole('button', {
+                    name: 'Submit without validation',
+                });
+                await user.click(submitButton);
+                expect(screen.getByText('Please enter your name!')).toBeInTheDocument();
+                await user.click(submitWithoutValidationButton);
+                // expect(screen.queryByText('Please enter your name!')).not.toBeInTheDocument();
+                expect(submitWithoutValidationButton).toHaveAttribute('aria-busy', 'true');
+                expect(submitButton).toBeDisabled();
+                expect(submitButton).not.toHaveAttribute('aria-busy');
+            });
+        });
+        describe('link buttons', () => {
+            it('should NOT set loading state on link buttons that have been previously clicked', async () => {
+                var _a;
+                const model = { name: 'Name', number: '12345' };
+                const step = {
+                    id: 'step-id',
+                    title: 'Submission test',
+                    layout: [
+                        { type: 'box', components: [{ type: 'form', schemaId: (_a = schema.$id) !== null && _a !== void 0 ? _a : '' }] },
+                        {
+                            type: 'button',
+                            title: 'Submit',
+                            behavior: {
+                                type: 'action',
+                                action: { id: 'action-id', url: '/submit', method: 'POST' },
+                            },
+                        },
+                        {
+                            type: 'button',
+                            title: 'Link',
+                            behavior: { type: 'link', url: 'https://www.google.com' },
+                        },
+                    ],
+                    schemas: [schema],
+                    model,
+                };
+                const props = getDefaultProps();
+                renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ httpClient: httpClient, initialStep: step }, props)));
+                const submitButton = screen.getByRole('button', { name: 'Submit' });
+                const linkButton = screen.getByRole('button', { name: 'Link' });
+                await user.click(linkButton);
+                expect(props.onLink).toHaveBeenCalled();
+                await user.click(submitButton);
+                expect(submitButton).toHaveAttribute('aria-busy', 'true');
+                expect(linkButton).toBeDisabled();
+                expect(linkButton).not.toHaveAttribute('aria-busy');
+                await waitFor(() => {
+                    expect(screen.getByText('Next step')).toBeInTheDocument();
+                });
+            });
+        });
+        describe('buttons that trigger modals', () => {
+            it('should NOT set loading state on buttons that trigger modals that have been previously clicked', async () => {
+                var _a;
+                const model = { name: 'Name', number: '12345' };
+                const step = {
+                    id: 'step-id',
+                    title: 'Submission test',
+                    layout: [
+                        { type: 'box', components: [{ type: 'form', schemaId: (_a = schema.$id) !== null && _a !== void 0 ? _a : '' }] },
+                        {
+                            type: 'button',
+                            title: 'Submit',
+                            behavior: {
+                                type: 'action',
+                                action: { id: 'action-id', url: '/submit', method: 'POST' },
+                            },
+                        },
+                        {
+                            type: 'button',
+                            title: 'Open Modal',
+                            behavior: {
+                                type: 'modal',
+                                title: 'Open Modal',
+                                content: [
+                                    {
+                                        type: 'paragraph',
+                                        text: 'This is a modal opened by the submit button.',
+                                    },
+                                ],
+                            },
+                        },
+                    ],
+                    schemas: [schema],
+                    model,
+                };
+                renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ httpClient: httpClient, initialStep: step }, getDefaultProps())));
+                const submitButton = screen.getByRole('button', { name: 'Submit' });
+                const modalButton = screen.getByRole('button', { name: 'Open Modal' });
+                await user.click(modalButton);
+                await waitFor(() => {
+                    expect(screen.getByText('This is a modal opened by the submit button.')).toBeInTheDocument();
+                });
+                await user.keyboard('{Escape}');
+                await waitFor(() => {
+                    expect(screen.queryByText('This is a modal opened by the submit button.')).not.toBeInTheDocument();
+                });
+                await user.click(submitButton);
+                expect(submitButton).toHaveAttribute('aria-busy', 'true');
+                expect(modalButton).toBeDisabled();
+                expect(modalButton).not.toHaveAttribute('aria-busy');
+                await waitFor(() => {
+                    expect(screen.getByText('Next step')).toBeInTheDocument();
+                });
+            });
         });
     });
     describe('with unreferenced schemas', () => {
@@ -345,9 +492,7 @@ describe('Data submission', () => {
             const initialStep = {
                 id: 'step-id',
                 title: 'Footer submission test',
-                layout: [
-                    { type: 'box', components: [{ type: 'form', schemaId: '#schema' }] },
-                ],
+                layout: [{ type: 'box', components: [{ type: 'form', schemaId: '#schema' }] }],
                 footer: [
                     { type: 'form', schemaId: '#footer-schema' },
                     {

package/build/tests/Upsell.test.js

@@ -43,12 +43,11 @@ describe('Upsell component', () => {
             expect(getCloseButton()).not.toBeInTheDocument();
         });
         describe('when the call to action is clicked', () => {
-            it('triggers the specified behavior', async () => {
-                const onLink = vi.fn();
-                renderWithProviders(_jsx(DynamicFlowWise, Object.assign({}, props, { onLink: onLink })));
-                const upgradeButton = screen.getByText('Upgrade now');
-                await user.click(upgradeButton);
-                expect(onLink).toHaveBeenCalledWith('/upgrade');
+            it('triggers the specified behavior (or for a link, has the correct attributes)', () => {
+                renderWithProviders(_jsx(DynamicFlowWise, Object.assign({}, props)));
+                const link = screen.getByRole('link', { name: /upgrade now/i });
+                expect(link).toHaveAttribute('href', '/upgrade');
+                expect(link).toHaveAttribute('target', '_blank');
             });
         });
     });
@@ -123,4 +122,33 @@ describe('Upsell component', () => {
             });
         });
     });
+    describe('when the upsell has a link behavior', () => {
+        it('does not trigger twice (the renderer handles the href, so the onLink is not called)', async () => {
+            const onLink = vi.fn();
+            const props = getProps({
+                id: 'step-1',
+                title: 'Step 1',
+                schemas: [],
+                layout: [
+                    {
+                        type: 'upsell',
+                        text: 'Try our premium features!',
+                        callToAction: {
+                            title: 'Upgrade now',
+                            behavior: {
+                                type: 'link',
+                                url: '/upgrade',
+                            },
+                        },
+                    },
+                ],
+            });
+            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({}, props, { onLink: onLink })));
+            const link = screen.getByRole('link');
+            expect(link).toHaveAttribute('href', '/upgrade');
+            expect(link).toHaveAttribute('target', '_blank');
+            await user.click(link);
+            expect(onLink).not.toHaveBeenCalled();
+        });
+    });
 });

package/build/types/controller/FlowController.d.ts

@@ -10,7 +10,6 @@ export type FlowControllerProps = Omit<DynamicFlowCoreProps, 'renderers' | 'feat
     onChange: () => void;
     onValueChange: OnValueChange;
     scrollToTop: ScrollToTop;
-    onLink: (url: string) => boolean;
 };
 export declare const createFlowController: (props: FlowControllerProps) => {
     rootComponent: import("../domain/components/RootDomainComponent").RootDomainComponent;

package/build/types/controller/FlowController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlowController.d.ts","sourceRoot":"","sources":["../../../src/controller/FlowController.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAA6B,MAAM,0CAA0C,CAAC;AAMjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAKL,aAAa,EACb,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAShD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvF,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,wBAAwB,EAAE,wBAAwB,CAAC;IACnD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;CAClC,CAAC;AAIF,eAAO,MAAM,oBAAoB,GAAI,OAAO,mBAAmB;;;;CA4b9D,CAAC"}
+{"version":3,"file":"FlowController.d.ts","sourceRoot":"","sources":["../../../src/controller/FlowController.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAA6B,MAAM,0CAA0C,CAAC;AAMjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAKL,aAAa,EACb,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAShD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvF,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,wBAAwB,EAAE,wBAAwB,CAAC;IACnD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,oBAAoB,GAAI,OAAO,mBAAmB;;;;CAic9D,CAAC"}

package/build/types/controller/executeRefresh.d.ts

@@ -5,7 +5,7 @@ type Command = {
     step: Step;
     etag: string | null;
 } | {
-    type: 'noop';
+    type: 'no-op';
 } | {
     type: 'error';
     body: ErrorResponseBody;

package/build/types/controller/executeRefresh.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"executeRefresh.d.ts","sourceRoot":"","sources":["../../../src/controller/executeRefresh.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACpF,OAAO,KAAK,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAQlG,KAAK,OAAO,GACR;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GACzD;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,iBAAiB,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpE,eAAO,MAAM,cAAc,GAAU,OAAO;IAC1C,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,UAAU,EAAE,OAAO,KAAK,CAAC;IACzB,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,EAAE,sBAAsB,CAAC;CAClC,KAAG,OAAO,CAAC,OAAO,CAqDlB,CAAC"}
+{"version":3,"file":"executeRefresh.d.ts","sourceRoot":"","sources":["../../../src/controller/executeRefresh.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACpF,OAAO,KAAK,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AASlG,KAAK,OAAO,GACR;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GACzD;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,iBAAiB,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpE,eAAO,MAAM,cAAc,GAAU,OAAO;IAC1C,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,UAAU,EAAE,OAAO,KAAK,CAAC;IACzB,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,EAAE,sBAAsB,CAAC;CAClC,KAAG,OAAO,CAAC,OAAO,CA4DlB,CAAC"}

package/build/types/controller/executeRequest.d.ts

@@ -28,6 +28,8 @@ export type Command = {
 } | {
     type: 'behavior';
     behavior: Behavior;
+} | {
+    type: 'no-op';
 };
 export declare const executeRequest: (props: {
     exit?: boolean;

package/build/types/controller/executeRequest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"executeRequest.d.ts","sourceRoot":"","sources":["../../../src/controller/executeRequest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACxF,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAU7F,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAIzE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,MAAM,OAAO,GACf;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,KAAK,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GACzD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC3C,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;KACzB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;KACzB,CAAC;CACH,GACD;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEN,eAAO,MAAM,cAAc,GAAU,OAAO;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,OAAO,KAAK,CAAC;IACzB,UAAU,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAC7C,QAAQ,EAAE,sBAAsB,CAAC;CAClC,KAAG,OAAO,CAAC,OAAO,CA4ElB,CAAC"}
+{"version":3,"file":"executeRequest.d.ts","sourceRoot":"","sources":["../../../src/controller/executeRequest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACxF,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAU7F,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAIzE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,MAAM,OAAO,GACf;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,KAAK,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GACzD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC3C,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;KACzB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;KACzB,CAAC;CACH,GACD;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;CACpB,GACD;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtB,eAAO,MAAM,cAAc,GAAU,OAAO;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,OAAO,KAAK,CAAC;IACzB,UAAU,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAC7C,QAAQ,EAAE,sBAAsB,CAAC;CAClC,KAAG,OAAO,CAAC,OAAO,CA+ElB,CAAC"}

package/build/types/controller/executeSubmission.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"executeSubmission.d.ts","sourceRoot":"","sources":["../../../src/controller/executeSubmission.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,KAAK,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAClG,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,OAAO,EAAkB,MAAM,kBAAkB,CAAC;AAE3D,eAAO,MAAM,iBAAiB,GAAU,OAAO;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAC7C,QAAQ,EAAE,sBAAsB,CAAC;CAClC,KAAG,OAAO,CAAC,OAAO,CA0ElB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,QAAQ,MAAM,EAAE,OAAO,KAAK,KAAG,OAKrE,CAAC"}
+{"version":3,"file":"executeSubmission.d.ts","sourceRoot":"","sources":["../../../src/controller/executeSubmission.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,KAAK,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAClG,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,OAAO,EAAkB,MAAM,kBAAkB,CAAC;AAE3D,eAAO,MAAM,iBAAiB,GAAU,OAAO;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAC7C,QAAQ,EAAE,sBAAsB,CAAC;CAClC,KAAG,OAAO,CAAC,OAAO,CA2ElB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,QAAQ,MAAM,EAAE,OAAO,KAAK,KAAG,OAKrE,CAAC"}

package/build/types/controller/getResponseType.d.ts

@@ -1,8 +1,8 @@
 import { JsonElement } from '@wise/dynamic-flow-types/spec';
-declare const responseTypes: readonly ["step", "action", "exit", "modal", "subflow"];
+declare const responseTypes: readonly ["step", "action", "exit", "modal", "subflow", "no-op"];
 export type ResponseType = (typeof responseTypes)[number];
 /**
- * Returns either 'step', 'action', or 'exit' based on the response headers and body.
+ * Returns either 'step', 'action', 'exit', 'modal', 'subflow', or 'no-op' based on the response headers and body.
  * This function takes a response body parameter because, for legacy reasons, we still need to consider the body
  * to determine the response type, in cases where the response headers are not set.
  * Ideally it should just be a matter of checking the "X-Df-Response-Type" response header.

package/build/types/controller/getResponseType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getResponseType.d.ts","sourceRoot":"","sources":["../../../src/controller/getResponseType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG5D,QAAA,MAAM,aAAa,yDAA0D,CAAC;AAC9E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,EAAE,MAAM,WAAW,KAAG,YAYrE,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,SAAS,OAAO,KAAG,YAAY,GAAG,SAY3E,CAAC"}
+{"version":3,"file":"getResponseType.d.ts","sourceRoot":"","sources":["../../../src/controller/getResponseType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG5D,QAAA,MAAM,aAAa,kEAAmE,CAAC;AACvF,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,EAAE,MAAM,WAAW,KAAG,YAYrE,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,SAAS,OAAO,KAAG,YAAY,GAAG,SAY3E,CAAC"}

package/build/types/domain/components/step/ExternalConfirmationComponent.d.ts

@@ -5,9 +5,8 @@ export type ExternalConfirmationComponent = BaseComponent & {
     uid: string;
     status: 'initial' | 'success' | 'failure' | 'dismissed';
     url: string;
-    onSuccess: () => void;
-    onFailure: () => void;
+    open: () => void;
     onCancel: () => void;
 };
-export declare const createExternalConfirmation: (uid: string, url: string, onComponentUpdate: OnComponentUpdate) => ExternalConfirmationComponent;
+export declare const createExternalConfirmation: (uid: string, url: string, onLink: (url: string) => boolean, onComponentUpdate: OnComponentUpdate) => ExternalConfirmationComponent;
 //# sourceMappingURL=ExternalConfirmationComponent.d.ts.map

package/build/types/domain/components/step/ExternalConfirmationComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalConfirmationComponent.d.ts","sourceRoot":"","sources":["../../../../../src/domain/components/step/ExternalConfirmationComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAG/D,MAAM,MAAM,6BAA6B,GAAG,aAAa,GAAG;IAC1D,IAAI,EAAE,uBAAuB,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;IACxD,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,KAAK,MAAM,EACX,KAAK,MAAM,EACX,mBAAmB,iBAAiB,KACnC,6BA2BF,CAAC"}
+{"version":3,"file":"ExternalConfirmationComponent.d.ts","sourceRoot":"","sources":["../../../../../src/domain/components/step/ExternalConfirmationComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAG/D,MAAM,MAAM,6BAA6B,GAAG,aAAa,GAAG;IAC1D,IAAI,EAAE,uBAAuB,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;IACxD,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,KAAK,MAAM,EACX,KAAK,MAAM,EACX,QAAQ,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,EAChC,mBAAmB,iBAAiB,KACnC,6BAuBF,CAAC"}

package/build/types/domain/mappers/mapStepToComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mapStepToComponent.d.ts","sourceRoot":"","sources":["../../../../src/domain/mappers/mapStepToComponent.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAGnE,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,KAAK,EAAY,YAAY,EAAc,MAAM,EAAE,MAAM,UAAU,CAAC;AAI3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,4BAA4B,CAAC,GAAG;IAC7F,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAC7C,gBAAgB,EAAE,YAAY,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,wFAQhC,eAAe,yEAgHjB,CAAC"}
+{"version":3,"file":"mapStepToComponent.d.ts","sourceRoot":"","sources":["../../../../src/domain/mappers/mapStepToComponent.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAGnE,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,KAAK,EAAY,YAAY,EAAc,MAAM,EAAE,MAAM,UAAU,CAAC;AAI3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,4BAA4B,CAAC,GAAG;IAC7F,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAC7C,gBAAgB,EAAE,YAAY,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,wFAQhC,eAAe,yEAqHjB,CAAC"}

package/build/types/domain/mappers/schema/types.d.ts

@@ -11,6 +11,7 @@ export type MapperProps = {
     httpClient: HttpClient;
     features: FeatureFlags;
     onBehavior: OnBehavior;
+    onLink: (url: string) => boolean;
     onValueChange: OnValueChange;
     onComponentUpdate: OnComponentUpdate;
     trackEvent: AnalyticsEventDispatcher;

package/build/types/domain/mappers/schema/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/domain/mappers/schema/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEpG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC9F,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,cAAc,EACd,aAAa,EACb,iBAAiB,EAClB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;IACxB,cAAc,EAAE,UAAU,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB,EAAE,wBAAwB,CAAC;IACnD,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,EAAE,sBAAsB,CAAC;IACjC,0BAA0B,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IAExC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/domain/mappers/schema/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEpG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC9F,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,cAAc,EACd,aAAa,EACb,iBAAiB,EAClB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;IACxB,cAAc,EAAE,UAAU,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB,EAAE,wBAAwB,CAAC;IACnD,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACjC,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,EAAE,sBAAsB,CAAC;IACjC,0BAA0B,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IAExC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC"}

package/build/types/renderers/mappers/externalComponentToProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"externalComponentToProps.d.ts","sourceRoot":"","sources":["../../../../src/renderers/mappers/externalComponentToProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,6BAA6B,EAAE,MAAM,4DAA4D,CAAC;AAC3G,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,eAAO,MAAM,wBAAwB,GACnC,WAAW,6BAA6B,EACxC,qBAAqB,mBAAmB,KACvC,iCAWF,CAAC"}
+{"version":3,"file":"externalComponentToProps.d.ts","sourceRoot":"","sources":["../../../../src/renderers/mappers/externalComponentToProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,6BAA6B,EAAE,MAAM,4DAA4D,CAAC;AAC3G,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,eAAO,MAAM,wBAAwB,GACnC,WAAW,6BAA6B,EACxC,qBAAqB,mBAAmB,KACvC,iCAUF,CAAC"}

package/build/types/test-utils/openLinkInNewTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"openLinkInNewTab.d.ts","sourceRoot":"","sources":["../../../src/test-utils/openLinkInNewTab.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,OAa9C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.9.2",
+  "version": "5.11.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -44,7 +44,7 @@
     "@transferwise/components": "^46.129.0",
     "@transferwise/formatting": "^2.13.5",
     "@transferwise/icons": "4.1.0",
-    "@transferwise/navigation-ui": "4.42.1",
+    "@transferwise/navigation-ui": "4.42.3",
     "@transferwise/neptune-css": "14.26.3",
     "@types/node": "22.19.13",
     "@types/react": "18.3.28",
@@ -87,7 +87,7 @@
     "react-intl": "^6 || ^7"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.9.0"
+    "@wise/dynamic-flow-types": "4.11.0"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",
@@ -99,8 +99,8 @@
     "build:messages-source": "formatjs extract 'src/**/{*.messages,messages}.{js,ts}' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
     "build:compiled-messages": "mkdir -p build/i18n && cp src/i18n/*.json build/i18n",
     "build:visual-tests": "tsx ./scripts/build-visual-tests.mjs",
-    "test": "npm-run-all test:once",
-    "test:once": "vitest run",
+    "test": "vitest run --no-isolate",
+    "test:ci": "vitest run --no-file-parallelism",
     "test:coverage": "vitest run --coverage",
     "test:watch": "vitest",
     "types": "pnpm tsc",

package/build/types/utils/openLinkInNewTab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"openLinkInNewTab.d.ts","sourceRoot":"","sources":["../../../src/utils/openLinkInNewTab.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,OAO9C,CAAC"}

package/build/utils/openLinkInNewTab.js

@@ -1,10 +0,0 @@
-export const openLinkInNewTab = (url) => {
-    var _a;
-    try {
-        const w = (_a = window === null || window === void 0 ? void 0 : window.open) === null || _a === void 0 ? void 0 : _a.call(window, url, '_blank');
-        return Boolean(w);
-    }
-    catch (_b) {
-        return false;
-    }
-};