@wise/dynamic-flow-client 5.9.2 → 5.10.0

package/build/controller/FlowController.js

@@ -273,6 +273,10 @@ export const createFlowController = (props) => {
                     rootComponent.setLoadingState('idle');
                     break;
                 }
+                case 'no-op': {
+                    rootComponent.setLoadingState('idle');
+                    break;
+                }
             }
         }
         catch (error) {
@@ -301,7 +305,7 @@ export const createFlowController = (props) => {
                         updateStep(Object.assign(Object.assign({}, command.step), { errors }), command.etag);
                     }
                     break;
-                case 'noop':
+                case 'no-op':
                     rootComponent.setLoadingState('idle');
                     break;
                 case 'error': {

package/build/controller/executeRefresh.js

@@ -1,5 +1,6 @@
 import { getErrorMessage } from './getErrorMessage';
 import { assertStepResponseBody, isErrorResponseBody, parseResponseBodyAsJsonElement, } from './response-utils';
+import { getResponseType } from './getResponseType';
 export const executeRefresh = async (props) => {
     const { abortSignal, url, model, etag, analytics, httpClient, trackEvent, logEvent } = props;
     trackEvent('Refresh Triggered', analytics);
@@ -12,7 +13,7 @@ export const executeRefresh = async (props) => {
         });
         if (response.status === 304) {
             trackEvent('Refresh Succeeded', analytics);
-            return { type: 'noop' };
+            return { type: 'no-op' };
         }
         if (!response.ok) {
             const responseBody = await parseResponseBodyAsJsonElement(response).catch(() => ({}));
@@ -23,6 +24,11 @@ export const executeRefresh = async (props) => {
         }
         const newEtag = response.headers.get('etag') || null;
         const body = await parseResponseBodyAsJsonElement(response);
+        const responseType = getResponseType(response.headers, body);
+        if (responseType === 'no-op') {
+            trackEvent('Refresh Succeeded', analytics);
+            return { type: 'no-op' };
+        }
         assertStepResponseBody(body);
         trackEvent('Refresh Succeeded', analytics);
         return { type: 'refresh-step', step: body, etag: newEtag };
@@ -30,7 +36,7 @@ export const executeRefresh = async (props) => {
     catch (error) {
         if (error instanceof DOMException && error.name === 'AbortError') {
             trackEvent('Refresh Aborted', analytics);
-            return { type: 'noop' };
+            return { type: 'no-op' };
         }
         trackEvent('Refresh Failed', analytics);
         logEvent('error', 'Dynamic Flow - Refresh Failed', Object.assign(Object.assign({}, analytics), { errorMessage: getErrorMessage(error) }));

package/build/controller/executeRequest.js

@@ -60,6 +60,9 @@ export const executeRequest = async (props) => {
             assertModalResponseBody(responseBody);
             return { type: 'behavior', behavior: Object.assign(Object.assign({}, responseBody), { type: 'modal' }) };
         }
+        case 'no-op': {
+            return { type: 'no-op' };
+        }
         default: {
             throw new Error(`Unsupported response type: ${String(responseType)}`);
         }

package/build/controller/executeSubmission.js

@@ -48,6 +48,7 @@ export const executeSubmission = async (props) => {
                     trackSubmissionEvent('Action Succeeded', { actionId });
                     return Object.assign(Object.assign({}, command), { result: recursiveMerge(command.result, result) });
                 }
+                case 'no-op':
                 default: {
                     trackSubmissionEvent('Action Succeeded', { actionId });
                     return command;

package/build/controller/getResponseType.js

@@ -1,7 +1,7 @@
 import { isObject } from '../utils/type-validators';
-const responseTypes = ['step', 'action', 'exit', 'modal', 'subflow'];
+const responseTypes = ['step', 'action', 'exit', 'modal', 'subflow', 'no-op'];
 /**
- * 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.
@@ -30,6 +30,6 @@ export const getResponseTypeFromHeader = (headers) => {
 };
 function assertDFResponseType(type) {
     if (!responseTypes.includes(type)) {
-        throw new Error("Unsupported X-Df-Response-Type. Allowed values are 'step', 'action', 'exit', 'error', 'modal', 'subflow'.");
+        throw new Error("Unsupported X-Df-Response-Type. Allowed values are 'step', 'action', 'exit', 'modal', 'subflow', 'no-op'.");
     }
 }

package/build/main.js

@@ -6006,7 +6006,7 @@ var handleErrorResponse = async (response, actionId, trackEvent) => {
 };
 
 // src/controller/getResponseType.ts
-var responseTypes = ["step", "action", "exit", "modal", "subflow"];
+var responseTypes = ["step", "action", "exit", "modal", "subflow", "no-op"];
 var getResponseType = (headers, body) => {
   const headerResponseType = getResponseTypeFromHeader(headers);
   if (headerResponseType) {
@@ -6031,7 +6031,7 @@ var getResponseTypeFromHeader = (headers) => {
 function assertDFResponseType(type) {
   if (!responseTypes.includes(type)) {
     throw new Error(
-      "Unsupported X-Df-Response-Type. Allowed values are 'step', 'action', 'exit', 'error', 'modal', 'subflow'."
+      "Unsupported X-Df-Response-Type. Allowed values are 'step', 'action', 'exit', 'modal', 'subflow', 'no-op'."
     );
   }
 }
@@ -6109,6 +6109,9 @@ var executeRequest = async (props) => {
       assertModalResponseBody(responseBody);
       return { type: "behavior", behavior: __spreadProps(__spreadValues({}, responseBody), { type: "modal" }) };
     }
+    case "no-op": {
+      return { type: "no-op" };
+    }
     default: {
       throw new Error(`Unsupported response type: ${String(responseType)}`);
     }
@@ -6177,6 +6180,7 @@ var executeSubmission = async (props) => {
           trackSubmissionEvent("Action Succeeded", { actionId });
           return __spreadProps(__spreadValues({}, command), { result: recursiveMerge(command.result, result) });
         }
+        case "no-op":
         default: {
           trackSubmissionEvent("Action Succeeded", { actionId });
           return command;
@@ -6503,7 +6507,7 @@ var executeRefresh = async (props) => {
     });
     if (response.status === 304) {
       trackEvent("Refresh Succeeded", analytics);
-      return { type: "noop" };
+      return { type: "no-op" };
     }
     if (!response.ok) {
       const responseBody = await parseResponseBodyAsJsonElement(response).catch(() => ({}));
@@ -6518,13 +6522,18 @@ var executeRefresh = async (props) => {
     }
     const newEtag = response.headers.get("etag") || null;
     const body = await parseResponseBodyAsJsonElement(response);
+    const responseType = getResponseType(response.headers, body);
+    if (responseType === "no-op") {
+      trackEvent("Refresh Succeeded", analytics);
+      return { type: "no-op" };
+    }
     assertStepResponseBody(body);
     trackEvent("Refresh Succeeded", analytics);
     return { type: "refresh-step", step: body, etag: newEtag };
   } catch (error) {
     if (error instanceof DOMException && error.name === "AbortError") {
       trackEvent("Refresh Aborted", analytics);
-      return { type: "noop" };
+      return { type: "no-op" };
     }
     trackEvent("Refresh Failed", analytics);
     logEvent("error", "Dynamic Flow - Refresh Failed", __spreadProps(__spreadValues({}, analytics), {
@@ -6889,6 +6898,10 @@ var createFlowController = (props) => {
           rootComponent.setLoadingState("idle");
           break;
         }
+        case "no-op": {
+          rootComponent.setLoadingState("idle");
+          break;
+        }
       }
     } catch (error) {
       closeWithError(error);
@@ -6920,7 +6933,7 @@ var createFlowController = (props) => {
             updateStep(__spreadProps(__spreadValues({}, command.step), { errors }), command.etag);
           }
           break;
-        case "noop":
+        case "no-op":
           rootComponent.setLoadingState("idle");
           break;
         case "error": {

package/build/main.mjs

@@ -5976,7 +5976,7 @@ var handleErrorResponse = async (response, actionId, trackEvent) => {
 };
 
 // src/controller/getResponseType.ts
-var responseTypes = ["step", "action", "exit", "modal", "subflow"];
+var responseTypes = ["step", "action", "exit", "modal", "subflow", "no-op"];
 var getResponseType = (headers, body) => {
   const headerResponseType = getResponseTypeFromHeader(headers);
   if (headerResponseType) {
@@ -6001,7 +6001,7 @@ var getResponseTypeFromHeader = (headers) => {
 function assertDFResponseType(type) {
   if (!responseTypes.includes(type)) {
     throw new Error(
-      "Unsupported X-Df-Response-Type. Allowed values are 'step', 'action', 'exit', 'error', 'modal', 'subflow'."
+      "Unsupported X-Df-Response-Type. Allowed values are 'step', 'action', 'exit', 'modal', 'subflow', 'no-op'."
     );
   }
 }
@@ -6079,6 +6079,9 @@ var executeRequest = async (props) => {
       assertModalResponseBody(responseBody);
       return { type: "behavior", behavior: __spreadProps(__spreadValues({}, responseBody), { type: "modal" }) };
     }
+    case "no-op": {
+      return { type: "no-op" };
+    }
     default: {
       throw new Error(`Unsupported response type: ${String(responseType)}`);
     }
@@ -6147,6 +6150,7 @@ var executeSubmission = async (props) => {
           trackSubmissionEvent("Action Succeeded", { actionId });
           return __spreadProps(__spreadValues({}, command), { result: recursiveMerge(command.result, result) });
         }
+        case "no-op":
         default: {
           trackSubmissionEvent("Action Succeeded", { actionId });
           return command;
@@ -6473,7 +6477,7 @@ var executeRefresh = async (props) => {
     });
     if (response.status === 304) {
       trackEvent("Refresh Succeeded", analytics);
-      return { type: "noop" };
+      return { type: "no-op" };
     }
     if (!response.ok) {
       const responseBody = await parseResponseBodyAsJsonElement(response).catch(() => ({}));
@@ -6488,13 +6492,18 @@ var executeRefresh = async (props) => {
     }
     const newEtag = response.headers.get("etag") || null;
     const body = await parseResponseBodyAsJsonElement(response);
+    const responseType = getResponseType(response.headers, body);
+    if (responseType === "no-op") {
+      trackEvent("Refresh Succeeded", analytics);
+      return { type: "no-op" };
+    }
     assertStepResponseBody(body);
     trackEvent("Refresh Succeeded", analytics);
     return { type: "refresh-step", step: body, etag: newEtag };
   } catch (error) {
     if (error instanceof DOMException && error.name === "AbortError") {
       trackEvent("Refresh Aborted", analytics);
-      return { type: "noop" };
+      return { type: "no-op" };
     }
     trackEvent("Refresh Failed", analytics);
     logEvent("error", "Dynamic Flow - Refresh Failed", __spreadProps(__spreadValues({}, analytics), {
@@ -6859,6 +6868,10 @@ var createFlowController = (props) => {
           rootComponent.setLoadingState("idle");
           break;
         }
+        case "no-op": {
+          rootComponent.setLoadingState("idle");
+          break;
+        }
       }
     } catch (error) {
       closeWithError(error);
@@ -6890,7 +6903,7 @@ var createFlowController = (props) => {
             updateStep(__spreadProps(__spreadValues({}, command.step), { errors }), command.etag);
           }
           break;
-        case "noop":
+        case "no-op":
           rootComponent.setLoadingState("idle");
           break;
         case "error": {

package/build/stories/spec/behavior/Copy.story.js

@@ -7,8 +7,11 @@ export default {
         chromatic: { disableSnapshot: true },
     },
 };
+const httpClient = async () => new Promise((resolve) => {
+    setTimeout(resolve, 1000);
+});
 export function Copy() {
-    return renderWithStep(copyStep);
+    return renderWithStep(copyStep, httpClient);
 }
 const copyStep = {
     id: 'copy',
@@ -49,11 +52,20 @@ const copyStep = {
         {
             type: 'button',
             title: 'Click to copy',
-            control: 'primary',
+            control: 'secondary',
             behavior: {
                 type: 'copy',
                 content: 'This is a button',
             },
         },
+        {
+            type: 'button',
+            title: 'Submit',
+            control: 'primary',
+            behavior: {
+                type: 'action',
+                action: { url: '/submit' },
+            },
+        },
     ],
 };

package/build/stories/spec/behavior/Link.story.js

@@ -0,0 +1,40 @@
+import DynamicFlowWise from '../../../test-utils/DynamicFlowWise';
+import { renderWithStep } from '../../utils/render-utils';
+export default {
+    component: DynamicFlowWise,
+    title: 'Spec/Behavior',
+    parameters: {
+        chromatic: { disableSnapshot: true },
+    },
+};
+const httpClient = async () => new Promise((resolve) => {
+    setTimeout(resolve, 1000);
+});
+export function Link() {
+    return renderWithStep(step, httpClient);
+}
+const step = {
+    id: 'copy',
+    title: 'Link Behavior',
+    schemas: [],
+    layout: [
+        {
+            type: 'button',
+            title: 'Open Google',
+            control: 'secondary',
+            behavior: {
+                type: 'link',
+                url: 'https://www.google.com',
+            },
+        },
+        {
+            type: 'button',
+            title: 'Submit',
+            control: 'primary',
+            behavior: {
+                type: 'action',
+                action: { url: '/submit' },
+            },
+        },
+    ],
+};

package/build/stories/spec/behavior/Modal.story.js

@@ -7,8 +7,11 @@ export default {
         chromatic: { disableSnapshot: true },
     },
 };
+const httpClient = async () => new Promise((resolve) => {
+    setTimeout(resolve, 1000);
+});
 export function Modal() {
-    return renderWithStep(initialStep);
+    return renderWithStep(initialStep, httpClient);
 }
 const initialStep = {
     id: 'modal',

package/build/stories/spec/layouts/Upsell.story.js

@@ -33,7 +33,7 @@ const getStep = (urns, dismissable) => ({
             },
             callToAction: {
                 title: 'Do the thing!',
-                behavior: { type: 'action', action: { url: '/submit' } },
+                behavior: { type: 'link', url: 'https://google.com' },
             },
             onDismiss: dismissable ? { url: '/upsell-dismissed', method: 'POST' } : undefined,
             margin: 'lg',

package/build/tests/NoOp.test.js

@@ -0,0 +1,194 @@
+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 { renderWithProviders, respondWith } from '../test-utils';
+import DynamicFlowWise from '../test-utils/DynamicFlowWise';
+const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
+const getProps = () => ({
+    flowId: 'flow-id',
+    onCompletion: vi.fn(),
+    onError: vi.fn(),
+    onEvent: vi.fn(),
+    onLog: vi.fn(),
+});
+const noOpHeaders = { 'X-Df-Response-Type': 'no-op' };
+describe('No-op responses', () => {
+    describe('Action submissions', () => {
+        const buildInitialStep = () => ({
+            id: 'no-op-action-step',
+            title: 'No-Op Action Demo',
+            model: { message: '' },
+            schemas: [
+                {
+                    $id: '#action-form',
+                    type: 'object',
+                    displayOrder: ['message'],
+                    required: ['message'],
+                    properties: {
+                        message: {
+                            title: 'Message',
+                            type: 'string',
+                        },
+                    },
+                },
+            ],
+            layout: [
+                { type: 'form', schemaId: '#action-form' },
+                {
+                    type: 'button',
+                    title: 'Submit',
+                    action: { id: 'noop-action-id', url: '/action', method: 'POST' },
+                },
+                {
+                    type: 'button',
+                    title: 'Submit elsewhere',
+                    action: { id: 'other-action-id', url: '/other-action', method: 'POST' },
+                },
+            ],
+        });
+        it('should keep the current step when an action responds with no-op', async () => {
+            const initialStep = buildInitialStep();
+            const httpClient = vi.fn().mockResolvedValue(respondWith({}, { headers: noOpHeaders }));
+            const props = Object.assign(Object.assign({}, getProps()), { initialStep, httpClient });
+            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({}, props)));
+            await waitFor(() => {
+                expect(screen.getByText(initialStep.title)).toBeInTheDocument();
+            });
+            const input = screen.getByLabelText('Message');
+            await user.type(input, 'first attempt');
+            await user.click(screen.getByText('Submit'));
+            await waitFor(() => {
+                expect(httpClient).toHaveBeenCalledTimes(1);
+            });
+            expect(httpClient).toHaveBeenCalledWith('/action', expect.objectContaining({ body: '{"message":"first attempt"}' }));
+            expect(screen.getByText(initialStep.title)).toBeInTheDocument();
+            expect(props.onError).not.toHaveBeenCalled();
+            expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Succeeded', expect.objectContaining({ actionId: 'noop-action-id' }));
+        });
+        it('should allow submitting another action after a no-op response', async () => {
+            const initialStep = buildInitialStep();
+            const nextStep = {
+                id: 'post-no-op-step',
+                title: 'Step after No-Op',
+                layout: [],
+                schemas: [],
+            };
+            const httpClient = vi
+                .fn()
+                .mockResolvedValueOnce(respondWith({}, { headers: noOpHeaders }))
+                .mockResolvedValueOnce(respondWith(nextStep));
+            const props = Object.assign(Object.assign({}, getProps()), { initialStep, httpClient });
+            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({}, props)));
+            await waitFor(() => {
+                expect(screen.getByText(initialStep.title)).toBeInTheDocument();
+            });
+            const input = screen.getByLabelText('Message');
+            await user.type(input, 'first attempt');
+            await user.click(screen.getByText('Submit'));
+            await waitFor(() => {
+                expect(httpClient).toHaveBeenCalledTimes(1);
+            });
+            await user.clear(input);
+            await user.type(input, 'second attempt');
+            await user.click(screen.getByText('Submit elsewhere'));
+            await waitFor(() => {
+                expect(screen.getByText('Step after No-Op')).toBeInTheDocument();
+            });
+            expect(httpClient).toHaveBeenCalledTimes(2);
+            expect(httpClient).toHaveBeenCalledWith('/other-action', expect.objectContaining({ body: '{"message":"second attempt"}' }));
+            expect(props.onError).not.toHaveBeenCalled();
+            expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Succeeded', expect.objectContaining({ actionId: 'other-action-id' }));
+        });
+    });
+    describe('Refresh requests', () => {
+        const buildInitialStep = () => ({
+            id: 'no-op-refresh-step',
+            title: 'No-Op Refresh Demo',
+            schemas: [
+                {
+                    $id: '#refresh-form',
+                    type: 'object',
+                    displayOrder: ['color'],
+                    properties: {
+                        color: {
+                            title: 'Color',
+                            control: 'radio',
+                            analyticsId: '#color-schema',
+                            oneOf: [
+                                { const: 'red', title: 'Red' },
+                                { const: 'blue', title: 'Blue' },
+                            ],
+                            onChange: { type: 'refresh' },
+                        },
+                    },
+                },
+            ],
+            layout: [
+                { type: 'form', schemaId: '#refresh-form' },
+                {
+                    type: 'button',
+                    title: 'Submit',
+                    action: { id: 'submit-id', url: '/submit', method: 'POST' },
+                },
+                {
+                    type: 'button',
+                    title: 'Submit step',
+                    action: { id: 'step-submit-id', url: '/step-submit', method: 'POST' },
+                },
+            ],
+            refreshUrl: '/refresh',
+        });
+        it('should treat a no-op refresh like a 304 response', async () => {
+            const initialStep = buildInitialStep();
+            const httpClient = vi.fn().mockResolvedValue(respondWith({}, { headers: noOpHeaders }));
+            const props = Object.assign(Object.assign({}, getProps()), { initialStep, httpClient });
+            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({}, props)));
+            await waitFor(() => {
+                expect(screen.getByText(initialStep.title)).toBeInTheDocument();
+            });
+            await user.click(screen.getByText('Red'));
+            await waitFor(() => {
+                expect(httpClient).toHaveBeenCalledTimes(1);
+            });
+            expect(screen.getByText(initialStep.title)).toBeInTheDocument();
+            expect(httpClient).toHaveBeenNthCalledWith(1, '/refresh', expect.objectContaining({ body: '{"color":"red"}' }));
+            expect(props.onError).not.toHaveBeenCalled();
+            expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Refresh Succeeded', expect.objectContaining({
+                flowId: 'flow-id',
+                stepId: initialStep.id,
+                schema: '#color-schema',
+            }));
+        });
+        it('should allow refreshing again and submitting after a no-op response', async () => {
+            const initialStep = buildInitialStep();
+            const refreshedStep = Object.assign(Object.assign({}, initialStep), { id: 'refreshed-step', title: 'Refreshed after No-Op', model: { color: 'blue' } });
+            const httpClient = vi
+                .fn()
+                .mockResolvedValueOnce(respondWith({}, { headers: noOpHeaders }))
+                .mockResolvedValueOnce(respondWith(refreshedStep))
+                .mockResolvedValueOnce(respondWith(refreshedStep));
+            const props = Object.assign(Object.assign({}, getProps()), { initialStep, httpClient });
+            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({}, props)));
+            await waitFor(() => {
+                expect(screen.getByText(initialStep.title)).toBeInTheDocument();
+            });
+            await user.click(screen.getByText('Red'));
+            await waitFor(() => {
+                expect(httpClient).toHaveBeenCalledTimes(1);
+            });
+            await user.click(screen.getByText('Blue'));
+            await waitFor(() => {
+                expect(screen.getByText('Refreshed after No-Op')).toBeInTheDocument();
+            });
+            expect(httpClient).toHaveBeenCalledTimes(2);
+            expect(httpClient).toHaveBeenCalledWith('/refresh', expect.objectContaining({ body: '{"color":"blue"}' }));
+            await user.click(screen.getByText('Submit step'));
+            await waitFor(() => {
+                expect(httpClient).toHaveBeenCalledTimes(3);
+            });
+            expect(httpClient).toHaveBeenCalledWith('/step-submit', expect.objectContaining({ body: '{"color":"blue"}' }));
+            expect(props.onError).not.toHaveBeenCalled();
+        });
+    });
+});

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.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;IACzB,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;CAClC,CAAC;AAIF,eAAO,MAAM,oBAAoB,GAAI,OAAO,mBAAmB;;;;CAgc9D,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.9.2",
+  "version": "5.10.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -73,8 +73,8 @@
     "typescript": "5.9.3",
     "vitest": "4.0.18",
     "vitest-fetch-mock": "0.4.5",
-    "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -87,7 +87,7 @@
     "react-intl": "^6 || ^7"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.9.0"
+    "@wise/dynamic-flow-types": "4.10.0"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",