@wise/dynamic-flow-client 5.10.0 → 5.11.0

package/build/controller/FlowController.js

@@ -58,6 +58,7 @@ export const createFlowController = (props) => {
         features,
         httpClient,
         onBehavior,
+        onLink,
         onPoll,
         onValueChange,
     });

package/build/domain/components/step/ExternalConfirmationComponent.js

@@ -1,5 +1,5 @@
 import { getInputUpdateFunction } from '../utils/component-utils';
-export const createExternalConfirmation = (uid, url, onComponentUpdate) => {
+export const createExternalConfirmation = (uid, url, onLink, onComponentUpdate) => {
     const update = getInputUpdateFunction(onComponentUpdate);
     return {
         type: 'external-confirmation',
@@ -7,15 +7,11 @@ export const createExternalConfirmation = (uid, url, onComponentUpdate) => {
         uid,
         url,
         status: 'initial',
-        onSuccess() {
-            update(this, (draft) => {
-                draft.status = 'success';
-            });
-        },
-        onFailure() {
-            if (this.status === 'initial') {
+        open() {
+            if (this.status === 'initial' || this.status === 'failure') {
+                const success = onLink(this.url);
                 update(this, (draft) => {
-                    draft.status = 'failure';
+                    draft.status = success ? 'success' : 'failure';
                 });
             }
         },

package/build/domain/mappers/mapStepToComponent.js

@@ -57,7 +57,7 @@ export const mapStepToComponent = (_a) => {
         : undefined;
     const stepPrefetch = getStepPrefetch(restProps.httpClient, flowRequestCache, submissionBehaviors);
     const externalConfirmation = (external === null || external === void 0 ? void 0 : external.url)
-        ? createExternalConfirmation(`${uid}-external-confirmation`, external === null || external === void 0 ? void 0 : external.url, onComponentUpdate)
+        ? createExternalConfirmation(`${uid}-external-confirmation`, external === null || external === void 0 ? void 0 : external.url, restProps.onLink, onComponentUpdate)
         : undefined;
     const mapperProps = Object.assign(Object.assign({}, restProps), { features,
         trackEvent,

package/build/domain/mappers/schema/blobSchemaToComponent.js

@@ -3,12 +3,12 @@ import { createUploadInputComponent } from '../../components/UploadInputComponen
 import { getRequiredCheck } from '../../features/validation/value-checks';
 import { mapCommonSchemaProps } from './utils/mapCommonSchemaProps';
 export const blobSchemaToComponent = (schemaMapperProps, mapperProps) => {
-    const { schema, localValue, required = false, onPersistAsync } = schemaMapperProps;
+    const { schema, localValue, model, required = false, onPersistAsync } = schemaMapperProps;
     const { accepts, cameraConfig, maxSize, source, validationMessages } = schema;
     const { getErrorMessageFunctions, onComponentUpdate, onValueChange } = mapperProps;
     const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
     const validLocalValue = isFile(localValue) ? localValue : null;
-    const value = onPersistAsync ? validLocalValue : null;
+    const value = onPersistAsync && model !== null ? validLocalValue : null;
     return createUploadInputComponent(Object.assign(Object.assign({}, mapCommonSchemaProps(schemaMapperProps)), { accepts, autoComplete: 'off', cameraConfig, format: 'blob', maxSize,
         source,
         value, checks: schema.hidden ? [] : [getRequiredCheck(required, errorMessageFunctions)], schemaOnChange: undefined, onValueChange }), onComponentUpdate);

package/build/domain/mappers/schema/tests/test-utils.js

@@ -4,7 +4,7 @@ import { mockErrorMessageFunctions } from '../../../features/validation/spec-uti
 import { FeatureFlags } from '../../utils/FeatureFlags';
 import { makeRequestCache } from '../../../features/prefetch/request-cache';
 export const getStepMapperProps = () => (Object.assign(Object.assign({}, getMockMapperProps()), { uid: 'root', flowRequestCache: makeRequestCache(), etag: null, loadingState: 'idle', trackEvent: vi.fn(), onPoll: vi.fn() }));
-export const getMockMapperProps = (mapperProps = {}) => (Object.assign({ step: {}, stepLocalValue: null, features: new FeatureFlags({}), onComponentUpdate: vi.fn(), onBehavior: vi.fn(), onValueChange: vi.fn(), getErrorMessageFunctions: vi.fn().mockReturnValue(mockErrorMessageFunctions), trackEvent: vi.fn(), logEvent: vi.fn(), httpClient: vi.fn(), registerSubmissionBehavior: vi.fn() }, mapperProps));
+export const getMockMapperProps = (mapperProps = {}) => (Object.assign({ step: {}, stepLocalValue: null, features: new FeatureFlags({}), onComponentUpdate: vi.fn(), onBehavior: vi.fn(), onLink: vi.fn(), onValueChange: vi.fn(), getErrorMessageFunctions: vi.fn().mockReturnValue(mockErrorMessageFunctions), trackEvent: vi.fn(), logEvent: vi.fn(), httpClient: vi.fn(), registerSubmissionBehavior: vi.fn() }, mapperProps));
 export const getMockSchemaMapperProps = (schemaMapperProps) => (Object.assign({ uid: getRandomId(), localValue: null, model: null, required: false, validationErrors: null }, schemaMapperProps));
 export const getMockRendererMapperProps = () => ({
     render: vi.fn(),

package/build/i18n/fr.json

@@ -24,7 +24,7 @@
   "dynamicFlows.ExternalConfirmation.open": "Ouvrir dans un nouvel onglet",
   "dynamicFlows.ExternalConfirmation.title": "Veuillez confirmer",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "Nous sommes désolés, ce fichier est trop volumineux. Veuillez télécharger un fichier plus petit.",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Nous sommes désolés, ce format de fichier n'est pas pris en charge. Veuillez en télécharger un autre.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Désolé, ce format de fichier n'est pas pris en charge. Veuillez en importer un autre.",
   "dynamicFlows.Help.ariaLabel": "Cliquez ici pour plus d'informations.",
   "dynamicFlows.MultiSelect.summary": "{first} et {count} de plus",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Nous sommes désolés, ce fichier est trop volumineux. Veuillez télécharger un fichier plus petit.",

package/build/main.css

@@ -212,6 +212,10 @@
   display: block !important;
   /* left-aligned by default */
 }
+.df-button.circular {
+  display: flex;
+  justify-content: center;
+}
 .df-button.small.align-center {
   display: block !important;
   margin-left: auto;

package/build/main.js

@@ -266,7 +266,7 @@ var fr_default = {
   "dynamicFlows.ExternalConfirmation.open": "Ouvrir dans un nouvel onglet",
   "dynamicFlows.ExternalConfirmation.title": "Veuillez confirmer",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "Nous sommes d\xE9sol\xE9s, ce fichier est trop volumineux. Veuillez t\xE9l\xE9charger un fichier plus petit.",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Nous sommes d\xE9sol\xE9s, ce format de fichier n'est pas pris en charge. Veuillez en t\xE9l\xE9charger un autre.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "D\xE9sol\xE9, ce format de fichier n'est pas pris en charge. Veuillez en importer un autre.",
   "dynamicFlows.Help.ariaLabel": "Cliquez ici pour plus d'informations.",
   "dynamicFlows.MultiSelect.summary": "{first} et {count} de plus",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Nous sommes d\xE9sol\xE9s, ce fichier est trop volumineux. Veuillez t\xE9l\xE9charger un fichier plus petit.",
@@ -2496,7 +2496,7 @@ var modalToComponent = (uid, { content, title }, mapperProps, schemaComponents)
 );
 
 // src/domain/components/step/ExternalConfirmationComponent.ts
-var createExternalConfirmation = (uid, url, onComponentUpdate) => {
+var createExternalConfirmation = (uid, url, onLink, onComponentUpdate) => {
   const update = getInputUpdateFunction(onComponentUpdate);
   return {
     type: "external-confirmation",
@@ -2504,15 +2504,11 @@ var createExternalConfirmation = (uid, url, onComponentUpdate) => {
     uid,
     url,
     status: "initial",
-    onSuccess() {
-      update(this, (draft) => {
-        draft.status = "success";
-      });
-    },
-    onFailure() {
-      if (this.status === "initial") {
+    open() {
+      if (this.status === "initial" || this.status === "failure") {
+        const success = onLink(this.url);
         update(this, (draft) => {
-          draft.status = "failure";
+          draft.status = success ? "success" : "failure";
         });
       }
     },
@@ -4445,12 +4441,12 @@ var initialiseBase64Value = async (uploadComponent) => {
 
 // src/domain/mappers/schema/blobSchemaToComponent.ts
 var blobSchemaToComponent = (schemaMapperProps, mapperProps) => {
-  const { schema, localValue, required = false, onPersistAsync } = schemaMapperProps;
+  const { schema, localValue, model, required = false, onPersistAsync } = schemaMapperProps;
   const { accepts, cameraConfig, maxSize, source, validationMessages } = schema;
   const { getErrorMessageFunctions, onComponentUpdate, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const validLocalValue = isFile(localValue) ? localValue : null;
-  const value = onPersistAsync ? validLocalValue : null;
+  const value = onPersistAsync && model !== null ? validLocalValue : null;
   return createUploadInputComponent(
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
       accepts,
@@ -6295,7 +6291,12 @@ var mapStepToComponent = (_a) => {
   }) : void 0;
   const stepRefreshAfter = refreshAfter ? getStepRefreshAfter({ refreshAfter, logEvent, onBehavior }) : void 0;
   const stepPrefetch = getStepPrefetch(restProps.httpClient, flowRequestCache, submissionBehaviors);
-  const externalConfirmation = (external == null ? void 0 : external.url) ? createExternalConfirmation(`${uid}-external-confirmation`, external == null ? void 0 : external.url, onComponentUpdate) : void 0;
+  const externalConfirmation = (external == null ? void 0 : external.url) ? createExternalConfirmation(
+    `${uid}-external-confirmation`,
+    external == null ? void 0 : external.url,
+    restProps.onLink,
+    onComponentUpdate
+  ) : void 0;
   const mapperProps = __spreadProps(__spreadValues({}, restProps), {
     features,
     trackEvent,
@@ -6649,6 +6650,7 @@ var createFlowController = (props) => {
     features,
     httpClient,
     onBehavior,
+    onLink,
     onPoll,
     onValueChange
   });
@@ -7527,9 +7529,8 @@ var externalComponentToProps = (component, rendererMapperProps) => {
     type: "external-confirmation",
     uid: component.uid,
     url: component.url,
-    status: component.status,
-    onSuccess: component.onSuccess.bind(component),
-    onFailure: component.onFailure.bind(component),
+    visible: component.status === "failure",
+    open: component.open.bind(component),
     onCancel: component.onCancel.bind(component)
   }, rendererMapperProps);
 };

package/build/main.mjs

@@ -236,7 +236,7 @@ var fr_default = {
   "dynamicFlows.ExternalConfirmation.open": "Ouvrir dans un nouvel onglet",
   "dynamicFlows.ExternalConfirmation.title": "Veuillez confirmer",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "Nous sommes d\xE9sol\xE9s, ce fichier est trop volumineux. Veuillez t\xE9l\xE9charger un fichier plus petit.",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Nous sommes d\xE9sol\xE9s, ce format de fichier n'est pas pris en charge. Veuillez en t\xE9l\xE9charger un autre.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "D\xE9sol\xE9, ce format de fichier n'est pas pris en charge. Veuillez en importer un autre.",
   "dynamicFlows.Help.ariaLabel": "Cliquez ici pour plus d'informations.",
   "dynamicFlows.MultiSelect.summary": "{first} et {count} de plus",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Nous sommes d\xE9sol\xE9s, ce fichier est trop volumineux. Veuillez t\xE9l\xE9charger un fichier plus petit.",
@@ -2466,7 +2466,7 @@ var modalToComponent = (uid, { content, title }, mapperProps, schemaComponents)
 );
 
 // src/domain/components/step/ExternalConfirmationComponent.ts
-var createExternalConfirmation = (uid, url, onComponentUpdate) => {
+var createExternalConfirmation = (uid, url, onLink, onComponentUpdate) => {
   const update = getInputUpdateFunction(onComponentUpdate);
   return {
     type: "external-confirmation",
@@ -2474,15 +2474,11 @@ var createExternalConfirmation = (uid, url, onComponentUpdate) => {
     uid,
     url,
     status: "initial",
-    onSuccess() {
-      update(this, (draft) => {
-        draft.status = "success";
-      });
-    },
-    onFailure() {
-      if (this.status === "initial") {
+    open() {
+      if (this.status === "initial" || this.status === "failure") {
+        const success = onLink(this.url);
         update(this, (draft) => {
-          draft.status = "failure";
+          draft.status = success ? "success" : "failure";
         });
       }
     },
@@ -4415,12 +4411,12 @@ var initialiseBase64Value = async (uploadComponent) => {
 
 // src/domain/mappers/schema/blobSchemaToComponent.ts
 var blobSchemaToComponent = (schemaMapperProps, mapperProps) => {
-  const { schema, localValue, required = false, onPersistAsync } = schemaMapperProps;
+  const { schema, localValue, model, required = false, onPersistAsync } = schemaMapperProps;
   const { accepts, cameraConfig, maxSize, source, validationMessages } = schema;
   const { getErrorMessageFunctions, onComponentUpdate, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const validLocalValue = isFile(localValue) ? localValue : null;
-  const value = onPersistAsync ? validLocalValue : null;
+  const value = onPersistAsync && model !== null ? validLocalValue : null;
   return createUploadInputComponent(
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
       accepts,
@@ -6265,7 +6261,12 @@ var mapStepToComponent = (_a) => {
   }) : void 0;
   const stepRefreshAfter = refreshAfter ? getStepRefreshAfter({ refreshAfter, logEvent, onBehavior }) : void 0;
   const stepPrefetch = getStepPrefetch(restProps.httpClient, flowRequestCache, submissionBehaviors);
-  const externalConfirmation = (external == null ? void 0 : external.url) ? createExternalConfirmation(`${uid}-external-confirmation`, external == null ? void 0 : external.url, onComponentUpdate) : void 0;
+  const externalConfirmation = (external == null ? void 0 : external.url) ? createExternalConfirmation(
+    `${uid}-external-confirmation`,
+    external == null ? void 0 : external.url,
+    restProps.onLink,
+    onComponentUpdate
+  ) : void 0;
   const mapperProps = __spreadProps(__spreadValues({}, restProps), {
     features,
     trackEvent,
@@ -6619,6 +6620,7 @@ var createFlowController = (props) => {
     features,
     httpClient,
     onBehavior,
+    onLink,
     onPoll,
     onValueChange
   });
@@ -7497,9 +7499,8 @@ var externalComponentToProps = (component, rendererMapperProps) => {
     type: "external-confirmation",
     uid: component.uid,
     url: component.url,
-    status: component.status,
-    onSuccess: component.onSuccess.bind(component),
-    onFailure: component.onFailure.bind(component),
+    visible: component.status === "failure",
+    open: component.open.bind(component),
     onCancel: component.onCancel.bind(component)
   }, rendererMapperProps);
 };

package/build/renderers/mappers/externalComponentToProps.js

@@ -1,3 +1,3 @@
 export const externalComponentToProps = (component, rendererMapperProps) => {
-    return Object.assign({ type: 'external-confirmation', uid: component.uid, url: component.url, status: component.status, onSuccess: component.onSuccess.bind(component), onFailure: component.onFailure.bind(component), onCancel: component.onCancel.bind(component) }, rendererMapperProps);
+    return Object.assign({ type: 'external-confirmation', uid: component.uid, url: component.url, visible: component.status === 'failure', open: component.open.bind(component), onCancel: component.onCancel.bind(component) }, rendererMapperProps);
 };

package/build/stories/spec/step/ScrollToBottom.story.js

@@ -0,0 +1,103 @@
+import { expect, userEvent, waitFor } from 'storybook/test';
+import DynamicFlowWise from '../../../test-utils/DynamicFlowWise';
+import { renderWithStep } from '../../utils/render-utils';
+export default {
+    component: DynamicFlowWise,
+    title: 'Spec/Step/Tags/Scroll To Bottom',
+    globals: {
+        viewport: { value: 'mobile2' },
+    },
+};
+export function WithoutFooter() {
+    return renderWithStep(getTnCStep(undefined));
+}
+export function WithFooter() {
+    return renderWithStep(getTnCStep([acceptButton]));
+}
+const getTnCStep = (footer) => {
+    const markdownComponent = {
+        type: 'markdown',
+        content: `### 1. Introduction
+
+Welcome to Acme Corp ("we", "us", "our"). By accessing or using our services, you agree to be bound by these Terms and Conditions. Please read them carefully. We know you won't, but we appreciate the gesture.
+
+### 2. Acceptance of Terms
+
+By using our services, you confirm that you have read, understood, and agreed to these terms. You haven't, of course. Nobody has. These terms exist in a quantum superposition of "agreed to" and "never read", collapsing into "agreed to" the moment you tap that button at the bottom.
+
+### 3. Eligibility
+
+You must be at least 18 years of age to use our services. You must also be a human being, not a robot, and must possess at least one opposable thumb capable of scrolling. If you are a robot reading this: hello, we see you, and we're onto you.
+
+### 4. Privacy and Data Collection
+
+We collect certain personal information to provide our services. This includes your name, email address, phone number, and the timestamp of how quickly you scrolled past this section. We're logging it right now. It's approximately 0.4 seconds. Impressive.
+
+### 5. User Responsibilities
+
+You agree to use our services lawfully and responsibly. You agree not to use our services for any fraudulent, abusive, or otherwise objectionable activity. You agree, at least nominally, to all of the above, despite not having read the previous sentence.
+
+### 6. Intellectual Property
+
+All content, branding, and materials provided through our services are the intellectual property of Acme Corp. Unauthorised reproduction is prohibited. This includes copy-pasting these Terms and Conditions into your own app, which would be embarrassing for everyone involved.
+
+### 7. Limitation of Liability
+
+To the fullest extent permitted by applicable law, Acme Corp shall not be liable for any indirect, incidental, special, or consequential damages. Including, but not limited to, damages arising from the fact that you skipped straight to clause 7 looking for "the important bit."
+
+### 8. Amendments
+
+We reserve the right to update these Terms and Conditions at any time. We will notify you via email. You will not read that email either. It will sit in your inbox next to 47 other unread notifications until you bulk-archive everything in a moment of digital clarity.
+
+### 9. Governing Law
+
+These Terms and Conditions are governed by the laws of England and Wales. Any disputes shall be subject to the exclusive jurisdiction of the courts of England and Wales, unless you are currently in a coffee shop in another country, in which case, please enjoy your flat white.
+
+### 10. Entire Agreement
+
+These Terms and Conditions, along with our Privacy Policy and any other documents we feel like referencing, constitute the entire agreement between you and Acme Corp. They supersede all prior agreements, understandings, and the vague sense you had that "it was probably fine."`,
+    };
+    const layout = footer ? [markdownComponent] : [markdownComponent, acceptButton];
+    return {
+        id: 'step',
+        title: 'Terms and Conditions',
+        description: 'Please carefully read the terms and conditions before proceeding... or just press the button to scroll to the bottom, who cares?',
+        schemas: [],
+        layout,
+        footer,
+        tags: ['scroll-to-bottom'],
+    };
+};
+const acceptButton = {
+    type: 'button',
+    title: 'Accept',
+    behavior: { type: 'action', action: { url: '/accept' } },
+};
+const user = userEvent.setup();
+export const WithoutFooterInteraction = {
+    render: () => renderWithStep(getTnCStep(undefined)),
+    play: async ({ canvas }) => {
+        await waitFor(async () => {
+            await expect(canvas.getByRole('button', { name: 'Scroll to bottom' })).toBeInTheDocument();
+        });
+        await user.click(canvas.getByRole('button', { name: 'Scroll to bottom' }));
+        await waitFor(async () => {
+            await expect(canvas.queryByRole('button', { name: 'Scroll to bottom' })).not.toBeInTheDocument();
+        });
+    },
+};
+export const WithFooterInteraction = {
+    render: () => renderWithStep(getTnCStep([acceptButton])),
+    play: async ({ canvas }) => {
+        await waitFor(async () => {
+            await expect(canvas.getByRole('button', { name: 'Scroll to bottom' })).toBeInTheDocument();
+        });
+        await user.click(canvas.getByRole('button', { name: 'Scroll to bottom' }));
+        await waitFor(async () => {
+            await expect(canvas.queryByRole('button', { name: 'Scroll to bottom' })).not.toBeInTheDocument();
+        });
+        await waitFor(async () => {
+            await expect(canvas.getByRole('button', { name: 'Accept' })).toBeInTheDocument();
+        });
+    },
+};

package/build/test-utils/DynamicFlowWise.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ThemeRequiredEventName, useSnackBarIfAvailable } from '@wise/dynamic-flow-renderers';
 import { useMemo } from 'react';
 import { DynamicFlowCore } from '../DynamicFlowCore';
-import { openLinkInNewTab } from '../utils/openLinkInNewTab';
+import { openLinkInNewTab } from './openLinkInNewTab';
 import { getMergedTestRenderers } from './getMergedTestRenderers';
 /**
  * This component is only used in tests.

package/build/test-utils/DynamicFlowWiseModal.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { Modal } from '@transferwise/components';
-import { openLinkInNewTab } from '../utils/openLinkInNewTab';
+import { openLinkInNewTab } from './openLinkInNewTab';
 import { getMergedTestRenderers } from './getMergedTestRenderers';
 import { ThemeRequiredEventName } from '@wise/dynamic-flow-renderers';
 import { useDynamicFlowModal } from '../useDynamicFlowModal';

package/build/test-utils/openLinkInNewTab.js

@@ -0,0 +1,15 @@
+export const openLinkInNewTab = (url) => {
+    if (typeof window === 'undefined' || typeof window.open !== 'function') {
+        return false;
+    }
+    try {
+        const w = window.open(url, '_blank');
+        if (w) {
+            w.opener = null;
+        }
+        return Boolean(w);
+    }
+    catch (_a) {
+        return false;
+    }
+};

package/build/tests/ScrollToBottom.test.js

@@ -0,0 +1,122 @@
+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 } from '../test-utils';
+import DynamicFlowWise from '../test-utils/DynamicFlowWise';
+/*
+This test mocks the IntersectionObserver API, because,
+unfortunately, jsdom doesn't implement real layout, scrolling, or visibility.
+
+- IntersectionObserver doesn't exist (hence why we mock it)
+- scrollIntoView() does nothing — it's a no-op
+- getBoundingClientRect() always returns all zeros
+- There is no actual viewport or rendering engine
+*/
+const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
+const getDefaultProps = () => ({
+    flowId: 'flow-id',
+    onCompletion: vi.fn(),
+    onError: vi.fn(),
+    onEvent: vi.fn(),
+    onLog: vi.fn(),
+});
+const makeStep = (overrides = {}) => (Object.assign({ id: 'step-id', title: 'Step', schemas: [], layout: [] }, overrides));
+const mockIntersectionObserver = (isIntersecting) => {
+    vi.stubGlobal('IntersectionObserver', class {
+        get root() {
+            return null;
+        }
+        get rootMargin() {
+            return '';
+        }
+        get thresholds() {
+            return [];
+        }
+        constructor(callback) {
+            this.observe = vi.fn().mockImplementation((el) => {
+                this.callback([{ isIntersecting, target: el }], this);
+            });
+            this.unobserve = vi.fn();
+            this.disconnect = vi.fn();
+            this.takeRecords = vi.fn().mockReturnValue([]);
+            this.callback = callback;
+        }
+    });
+};
+describe('Scroll to bottom', () => {
+    afterEach(() => {
+        vi.unstubAllGlobals();
+    });
+    const stepWithoutFooter = makeStep({
+        layout: [{ type: 'markdown', content: 'Some very long terms and conditions content.' }],
+        tags: ['scroll-to-bottom'],
+    });
+    const stepWithFooter = makeStep({
+        layout: [{ type: 'markdown', content: 'Some very long terms and conditions content.' }],
+        footer: [
+            {
+                type: 'button',
+                title: 'Accept',
+                behavior: { type: 'action', action: { url: '/accept' } },
+            },
+        ],
+        tags: ['scroll-to-bottom'],
+    });
+    describe('given a step with a long markdown content without a footer', () => {
+        it('shows a scroll to bottom button if the end of the step is not visible', async () => {
+            mockIntersectionObserver(false);
+            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ initialStep: stepWithoutFooter, httpClient: vi.fn() }, getDefaultProps())));
+            await waitFor(() => {
+                expect(screen.getByRole('button', { name: 'Scroll to bottom' })).toBeInTheDocument();
+            });
+        });
+        it('scrolls to the bottom of the step when the scroll to bottom button is clicked', async () => {
+            const scrollIntoViewMock = vi.fn();
+            window.HTMLElement.prototype.scrollIntoView = scrollIntoViewMock;
+            mockIntersectionObserver(false);
+            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ initialStep: stepWithoutFooter, httpClient: vi.fn() }, getDefaultProps())));
+            await waitFor(() => {
+                expect(screen.getByRole('button', { name: 'Scroll to bottom' })).toBeInTheDocument();
+            });
+            await user.click(screen.getByRole('button', { name: 'Scroll to bottom' }));
+            expect(scrollIntoViewMock).toHaveBeenCalled();
+        });
+        it('does not show a scroll to bottom button if the end of the step is visible', async () => {
+            mockIntersectionObserver(true);
+            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ initialStep: stepWithoutFooter, httpClient: vi.fn() }, getDefaultProps())));
+            await waitFor(() => {
+                expect(screen.queryByRole('button', { name: 'Scroll to bottom' })).not.toBeInTheDocument();
+            });
+        });
+    });
+    describe('given a step with a long markdown content and a footer', () => {
+        it('shows a scroll to bottom button in the footer, along with the footer content, if the end of the step is not visible', async () => {
+            mockIntersectionObserver(false);
+            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ initialStep: stepWithFooter, httpClient: vi.fn() }, getDefaultProps())));
+            await waitFor(() => {
+                expect(screen.getByRole('button', { name: 'Scroll to bottom' })).toBeInTheDocument();
+            });
+            expect(screen.getByRole('button', { name: 'Accept' })).toBeInTheDocument();
+        });
+        it('scrolls to the bottom of the step when the scroll to bottom button is clicked', async () => {
+            const scrollIntoViewMock = vi.fn();
+            window.HTMLElement.prototype.scrollIntoView = scrollIntoViewMock;
+            mockIntersectionObserver(false);
+            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ initialStep: stepWithFooter, httpClient: vi.fn() }, getDefaultProps())));
+            await waitFor(() => {
+                expect(screen.getByRole('button', { name: 'Scroll to bottom' })).toBeInTheDocument();
+            });
+            await user.click(screen.getByRole('button', { name: 'Scroll to bottom' }));
+            expect(scrollIntoViewMock).toHaveBeenCalled();
+        });
+        it('does not show a scroll to bottom button in the footer, if the end of the step is visible', async () => {
+            mockIntersectionObserver(true);
+            renderWithProviders(_jsx(DynamicFlowWise, Object.assign({ initialStep: stepWithFooter, httpClient: vi.fn() }, getDefaultProps())));
+            await waitFor(() => {
+                expect(screen.queryByRole('button', { name: 'Scroll to bottom' })).not.toBeInTheDocument();
+            });
+            expect(screen.getByRole('button', { name: 'Accept' })).toBeInTheDocument();
+        });
+    });
+});

package/build/tests/SingleFileUpload.test.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import { renderWithProviders } from '../test-utils';
+import { renderWithProviders, respondWith } from '../test-utils';
 import DynamicFlowWise from '../test-utils/DynamicFlowWise';
 import { vi } from 'vitest';
 const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
@@ -86,3 +86,83 @@ describe.each(cases)(`given a %s with persist-async`, (_, schema) => {
         });
     });
 });
+describe('given a blob schema on a step that refreshes', () => {
+    const uploadSchema = {
+        $id: '#upload-national-id',
+        type: 'object',
+        displayOrder: ['fileUpload'],
+        properties: {
+            fileUpload: {
+                type: 'string',
+                persistAsync: {
+                    method: 'POST',
+                    url: '/persist-async',
+                    param: 'param',
+                    idProperty: 'token',
+                    schema: {
+                        type: 'blob',
+                        source: 'file',
+                        title: 'Upload label (from innner schema title)',
+                        accepts: ['image/png', 'image/jpeg', 'application/pdf'],
+                    },
+                },
+            },
+        },
+    };
+    const step = {
+        id: 'step-id',
+        title: 'Step',
+        schemas: [
+            {
+                $id: '#schema',
+                type: 'object',
+                displayOrder: ['type'],
+                properties: {
+                    type: {
+                        title: 'Select document',
+                        refreshStepOnChange: true,
+                        oneOf: [
+                            {
+                                title: 'National ID',
+                                const: 'national-id',
+                            },
+                            {
+                                title: 'Passport',
+                                const: 'passport',
+                            },
+                        ],
+                    },
+                },
+            },
+        ],
+        layout: [
+            {
+                type: 'form',
+                schemaId: '#schema',
+            },
+        ],
+    };
+    it('clears the value when the model is nullified', async () => {
+        const initialStep = Object.assign(Object.assign({}, step), { schemas: [...step.schemas, uploadSchema], layout: [...step.layout, { type: 'form', schemaId: '#upload-national-id' }] });
+        const httpClient = vi
+            .fn()
+            .mockResolvedValueOnce(respondWith({ token: 123 }))
+            .mockResolvedValueOnce(respondWith(Object.assign(Object.assign({}, step), { schemas: [...step.schemas, Object.assign(Object.assign({}, uploadSchema), { $id: '#upload-passport' })], layout: [...step.layout, { type: 'form', schemaId: '#upload-passport' }], title: 'Step refreshed', model: {
+                type: 'passport',
+                fileUpload: null,
+            } }), { status: 200 }));
+        renderWithProviders(_jsx(DynamicFlowWise, { flowId: "id", initialStep: initialStep, httpClient: httpClient, onCompletion: vi.fn(), onError: vi.fn() }));
+        await user.upload(screen.getByTestId('uploadInput'), new File([''], 'file.png', { type: 'image/png' }));
+        await waitFor(() => {
+            expect(screen.getByText('Uploaded')).toBeInTheDocument();
+        });
+        await user.click(screen.getByLabelText('Select document'));
+        await user.click(screen.getByText('Passport'));
+        await waitFor(() => {
+            expect(screen.getByText('Step refreshed')).toBeInTheDocument();
+        });
+        await waitFor(() => {
+            expect(screen.queryByText('Uploaded')).not.toBeInTheDocument();
+        });
+    });
+});

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;;;;CAgc9D,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/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.10.0",
+  "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",
@@ -73,8 +73,8 @@
     "typescript": "5.9.3",
     "vitest": "4.0.18",
     "vitest-fetch-mock": "0.4.5",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -87,7 +87,7 @@
     "react-intl": "^6 || ^7"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.10.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;
-    }
-};