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

package/build/revamp/wise/renderers/components/icon/NavigationOptionMedia.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullish } from '../../validators/type-validators';
+import DynamicIcon from './DynamicIcon';
+import { Avatar, AvatarType } from '@transferwise/components';
+export function NavigationOptionMedia(_a) {
+    var icon = _a.icon, image = _a.image;
+    if (!isNullish(icon)) {
+        if ('name' in icon) {
+            return (_jsx(Avatar, { type: AvatarType.ICON, children: _jsx(DynamicIcon, { name: icon.name }) }));
+        }
+        if (icon.text) {
+            return _jsx(Avatar, { type: AvatarType.INITIALS, children: icon.text });
+        }
+    }
+    if (image === null || image === void 0 ? void 0 : image.url) {
+        var url = image.url, accessibilityDescription = image.accessibilityDescription;
+        return _jsx("img", { src: url, alt: accessibilityDescription });
+    }
+    return null;
+}

package/build/revamp/wise/renderers/getWiseRenderers.js

@@ -0,0 +1,61 @@
+import AlertRenderer from './AlertRenderer';
+import BooleanInputRenderer from './BooleanInputRenderer';
+import BoxRenderer from './BoxRenderer';
+import ButtonRenderer from './ButtonRenderer';
+import ColumnsRenderer from './ColumnsRenderer';
+import DateInputRenderer from './DateInputRenderer';
+import DecisionRenderer from './DecisionRenderer';
+import DividerRenderer from './DividerRenderer';
+import FormRenderer from './FormRenderer';
+import FormSectionRenderer from './FormSectionRenderer';
+import HeadingRenderer from './HeadingRenderer';
+import ImageRenderer from './ImageRenderer';
+import InstructionsRenderer from './InstructionsRenderer';
+import IntegerInputRenderer from './IntegerInputRenderer';
+import LoadingIndicatorRenderer from './LoadingIndicatorRenderer';
+import MarkdownRenderer from './MarkdownRenderer';
+import ModalRenderer from './ModalRenderer';
+import MultiSelectInputRenderer from './MultiSelectInputRenderer';
+import MultiUploadInputRenderer from './MultiUploadInputRenderer';
+import NumberInputRenderer from './NumberInputRenderer';
+import ParagraphRenderer from './ParagraphRenderer';
+import RepeatableRenderer from './RepeatableRenderer';
+import SearchRenderer from './SearchRenderer/SearchRenderer';
+import SelectInputRenderer from './SelectInputRenderer/SelectInputRenderer';
+import StatusListRenderer from './StatusListRenderer';
+import TextInputRenderer from './TextInputRenderer';
+import { LargeUploadRenderer, UploadInputRenderer } from './UploadInputRenderer';
+import ReviewRenderer from './ReviewRenderer';
+import { StepRenderer } from './step/StepRenderer';
+export var getWiseRenderers = function () { return [
+    AlertRenderer,
+    BooleanInputRenderer,
+    BoxRenderer,
+    ButtonRenderer,
+    ColumnsRenderer,
+    DateInputRenderer,
+    DecisionRenderer,
+    DividerRenderer,
+    FormRenderer,
+    FormSectionRenderer,
+    HeadingRenderer,
+    ImageRenderer,
+    InstructionsRenderer,
+    IntegerInputRenderer,
+    LargeUploadRenderer,
+    LoadingIndicatorRenderer,
+    MarkdownRenderer,
+    ModalRenderer,
+    MultiSelectInputRenderer,
+    MultiUploadInputRenderer,
+    NumberInputRenderer,
+    ParagraphRenderer,
+    RepeatableRenderer,
+    ReviewRenderer,
+    SearchRenderer,
+    SelectInputRenderer,
+    StatusListRenderer,
+    TextInputRenderer,
+    UploadInputRenderer,
+    StepRenderer,
+]; };

package/build/revamp/wise/renderers/hooks/useSnackBarIfAvailable.js

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

package/build/revamp/wise/renderers/step/BackButton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar } from '@transferwise/components';
+import { ArrowLeft } from '@transferwise/icons';
+function BackButton(_a) {
+    var title = _a.title, onClick = _a.onClick;
+    return (_jsxs("a", { href: "/", className: "df-back-btn", "aria-label": title, onClick: function (event) {
+            event.preventDefault();
+            onClick();
+        }, children: [_jsx("span", { className: "sr-only", children: title }), _jsx(Avatar, { type: "icon", children: _jsx(ArrowLeft, { size: "24" }) })] }));
+}
+export default BackButton;

package/build/revamp/wise/renderers/step/ExternalConfirmationDialog.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from 'react-intl';
+import messages from '../../../../common/messages/external-confirmation.messages';
+import { Button, Markdown } from '@transferwise/components';
+export function ExternalConfirmationDialog(_a) {
+    var external = _a.external, onClose = _a.onClose;
+    var formatMessage = useIntl().formatMessage;
+    return (_jsx("div", { className: "df-box-renderer-fixed-width", children: _jsxs("div", { className: "df-box-renderer-width-lg", children: [_jsx("h2", { className: "text-xs-center m-b-5", children: formatMessage(messages.title) }), _jsx(Markdown, { config: { link: { target: '_blank' } }, className: "text-xs-center m-b-5", children: formatMessage(messages.description, { origin: getOrigin(external.url) }) }), _jsx("div", { className: "df-box-renderer-fixed-width", children: _jsxs("div", { className: "df-box-renderer-width-lg", children: [_jsx(Button, { block: true, className: "m-b-2", priority: "primary", size: "md", onClick: function () {
+                                    window.open(external.url);
+                                    onClose();
+                                }, children: formatMessage(messages.open) }), _jsx(Button, { block: true, className: "m-b-2", priority: "tertiary", size: "md", onClick: onClose, children: formatMessage(messages.cancel) })] }) })] }) }));
+}
+function getOrigin(url) {
+    try {
+        return new URL(url).origin;
+    }
+    catch (_a) {
+        return url;
+    }
+}

package/build/revamp/wise/renderers/step/StepRenderer.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { ExternalConfirmationDialog } from './ExternalConfirmationDialog';
+import { StepRendererContextProvider } from './StepRendererContext';
+import { useExternal } from './useExternal';
+import BackButton from './BackButton';
+import { Alert } from '@transferwise/components';
+export var StepRenderer = {
+    canRenderType: 'step',
+    render: StepRendererComponent,
+};
+function StepRendererComponent(props) {
+    var back = props.back, description = props.description, error = props.error, external = props.external, loadingState = props.loadingState, title = props.title, trackEvent = props.trackEvent, children = props.children;
+    var value = useMemo(function () { return ({ loadingState: loadingState, trackEvent: trackEvent }); }, [loadingState, trackEvent]);
+    var _a = useExternal(external === null || external === void 0 ? void 0 : external.url), requiresUserConfirmation = _a.requiresUserConfirmation, dismissConfirmation = _a.dismissConfirmation;
+    if ((external === null || external === void 0 ? void 0 : external.url) && requiresUserConfirmation) {
+        return _jsx(ExternalConfirmationDialog, { external: external, onClose: dismissConfirmation });
+    }
+    return (_jsxs(StepRendererContextProvider, { value: value, children: [back ? _jsx(BackButton, __assign({}, back)) : null, title ? _jsx("h2", { className: "text-xs-center m-b-2", children: title }) : undefined, description ? _jsx("p", { className: "text-xs-center m-b-2", children: description }) : undefined, error ? _jsx(Alert, { type: "negative", className: "m-b-2", message: error }) : undefined, children] }));
+}

package/build/revamp/wise/renderers/step/StepRendererContext.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react';
+var StepRendererContext = createContext({ loadingState: 'idle', trackEvent: function () { } });
+export var StepRendererContextProvider = StepRendererContext.Provider;
+export var useLoadingContext = function () {
+    var loadingState = useContext(StepRendererContext).loadingState;
+    return { loadingState: loadingState, isLoading: loadingState !== 'idle' };
+};
+export var useTrackEvent = function () {
+    var trackEvent = useContext(StepRendererContext).trackEvent;
+    return trackEvent;
+};

package/build/revamp/wise/renderers/step/useExternal.js

@@ -0,0 +1,15 @@
+import { useEffect, useState } from 'react';
+export function useExternal(url) {
+    // If we fail to open the window, the user will need to open this on their own
+    var _a = useState(null), externalWindow = _a[0], setExternalWindow = _a[1];
+    var _b = useState(false), hasDismissed = _b[0], setHasDismissed = _b[1];
+    var dismissConfirmation = function () { return setHasDismissed(true); };
+    useEffect(function () {
+        if (url) {
+            setHasDismissed(false);
+            setExternalWindow(window.open(url, '_blank'));
+        }
+    }, [url]);
+    var requiresUserConfirmation = Boolean(url && !externalWindow && !hasDismissed);
+    return { requiresUserConfirmation: requiresUserConfirmation, dismissConfirmation: dismissConfirmation };
+}

package/build/revamp/wise/renderers/utils/file-utils.js

@@ -0,0 +1,70 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+export var getAcceptsString = function (accepts) {
+    return Array.isArray(accepts) && accepts.length >= 1 ? accepts.join(',') : '*';
+};
+export var toKilobytes = function (sizeInBytes) {
+    var ONE_KB_IN_BYTES = 1024;
+    return Math.floor(sizeInBytes / ONE_KB_IN_BYTES);
+};
+export var toFile = function (base64Url, name) { return __awaiter(void 0, void 0, void 0, function () {
+    var type, blob;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                type = getFileType(base64Url);
+                return [4 /*yield*/, toBlob(base64Url)];
+            case 1:
+                blob = _a.sent();
+                return [2 /*return*/, new File([blob], name, { type: type })];
+        }
+    });
+}); };
+var toBlob = function (base64Url) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    switch (_a.label) {
+        case 0: return [4 /*yield*/, fetch(base64Url)];
+        case 1: return [2 /*return*/, (_a.sent()).blob()];
+    }
+}); }); };
+var getFileType = function (base64Url) {
+    var contentTypeRegex = /^data:(.+);/;
+    var matches = contentTypeRegex.exec(base64Url);
+    if (matches && matches.length > 1) {
+        return matches[1];
+    }
+    return undefined;
+};

package/build/revamp/wise/renderers/utils/getRandomId.js

@@ -0,0 +1,2 @@
+import { nanoid } from 'nanoid/non-secure';
+export var getRandomId = function () { return nanoid(10); };

package/build/revamp/wise/renderers/utils/input-utils.js

@@ -0,0 +1,6 @@
+export var onWheel = function (event) {
+    if (event.target instanceof HTMLElement) {
+        // To prevent values being changed when input is focussed and user scrolls
+        event.target.blur();
+    }
+};

package/build/revamp/wise/renderers/utils/layout-utils.js

@@ -0,0 +1,31 @@
+var getMargin = function (size) {
+    switch (size) {
+        case 'xs':
+            return 'm-b-0';
+        case 'sm':
+            return 'm-b-1';
+        case 'md':
+            return 'm-b-2';
+        case 'lg':
+            return 'm-b-3';
+        case 'xl':
+            return 'm-b-5';
+        default:
+            return '';
+    }
+};
+var getTextAlignment = function (align) {
+    switch (align) {
+        case 'end':
+            return 'text-xs-right';
+        case 'center':
+            return 'text-xs-center';
+        case 'start':
+        default:
+            return '';
+    }
+};
+var getTextAlignmentAndMargin = function (component) {
+    return "".concat(getTextAlignment(component.align), " ").concat(getMargin(component.margin));
+};
+export { getMargin, getTextAlignmentAndMargin };

package/build/revamp/wise/renderers/utils/value-utils.js

@@ -0,0 +1,23 @@
+import { isNumber } from '../validators/type-validators';
+export var numericValueOrNull = function (newValue) {
+    return /^\d+$/.test(newValue) && !Number.isNaN(Number.parseFloat(newValue)) ? newValue : null;
+};
+export var dateStringToDateOrNull = function (dateString) {
+    if (!dateString) {
+        return null;
+    }
+    var _a = dateString.split('-').map(function (number) { return Number.parseInt(number, 10); }), year = _a[0], month = _a[1], date = _a[2];
+    if (!isNumber(year) || !isNumber(month) || !isNumber(date)) {
+        return null;
+    }
+    return new Date(year, month - 1, date);
+};
+export var dateToDateString = function (date) {
+    var d = new Date(date);
+    var month = String(d.getMonth() + 1);
+    var day = String(d.getDate());
+    var year = d.getFullYear();
+    var formattedMonth = month.length < 2 ? "0".concat(month) : month;
+    var formattedDay = day.length < 2 ? "0".concat(day) : day;
+    return [year, formattedMonth, formattedDay].join('-');
+};

package/build/revamp/wise/renderers/utils/value-utils.spec.js

@@ -0,0 +1,33 @@
+import { numericValueOrNull, dateStringToDateOrNull, dateToDateString } from './value-utils';
+describe('numericValueOrNull', function () {
+    it('should return null if the input is not a valid number', function () {
+        expect(numericValueOrNull('abc')).toBeNull();
+        expect(numericValueOrNull('123abc')).toBeNull();
+    });
+    it('should return the input value if it is a valid number', function () {
+        expect(numericValueOrNull('123')).toBe('123');
+    });
+});
+describe('dateStringToDateOrNull', function () {
+    it('should return null if the input is nullish', function () {
+        expect(dateStringToDateOrNull(undefined)).toBeNull();
+        expect(dateStringToDateOrNull('')).toBeNull();
+        expect(dateStringToDateOrNull(null)).toBeNull();
+    });
+    it('should return null if the input is not a valid date', function () {
+        expect(dateStringToDateOrNull('Jan-06-2022')).toBeNull();
+        expect(dateStringToDateOrNull('Jan 06 2022')).toBeNull();
+    });
+    it('should return a Date object if the input is a valid date string', function () {
+        var date = dateStringToDateOrNull('2022-01-31');
+        expect(date === null || date === void 0 ? void 0 : date.getFullYear()).toBe(2022);
+        expect(date === null || date === void 0 ? void 0 : date.getMonth()).toBe(0);
+        expect(date === null || date === void 0 ? void 0 : date.getDate()).toBe(31);
+    });
+});
+describe('dateToDateString', function () {
+    it('should return a formatted date string when passed a date', function () {
+        var date = new Date('2022-01-01');
+        expect(dateToDateString(date)).toBe('2022-01-01');
+    });
+});

package/build/revamp/wise/renderers/validators/type-validators.js

@@ -0,0 +1,15 @@
+export var isString = function (value) { return typeof value === 'string'; };
+export var isNumber = function (value) {
+    return typeof value === 'number' && !Number.isNaN(value);
+};
+export var isInteger = function (value) {
+    return isNumber(value) && Math.floor(value) === value;
+};
+export var isBoolean = function (value) { return typeof value === 'boolean'; };
+export var isObject = function (value) {
+    return !isNullish(value) && (value === null || value === void 0 ? void 0 : value.constructor) === Object;
+};
+export var isArray = function (value) { return Array.isArray(value); };
+export var isNull = function (value) { return value === null; };
+export var isUndefined = function (value) { return typeof value === 'undefined'; };
+export var isNullish = function (v) { return isNull(v) || isUndefined(v); };

package/build/test-utils/NeptuneProviders.js

@@ -0,0 +1,23 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Provider as ComponentProvider, DEFAULT_LANG, DEFAULT_LOCALE, SnackbarProvider, translations as componentTranslations, getLangFromLocale, } from '@transferwise/components';
+import { ThemeProvider } from '@wise/components-theming';
+import translations from '../i18n';
+var locale = DEFAULT_LOCALE;
+var lang = getLangFromLocale(locale) || DEFAULT_LANG;
+var messages = __assign(__assign({}, componentTranslations[lang]), translations[lang]);
+function NeptuneProviders(_a) {
+    var children = _a.children;
+    return (_jsx(ThemeProvider, { theme: "personal", screenMode: "light", children: _jsx(SnackbarProvider, { children: _jsx(ComponentProvider, { i18n: { locale: locale, messages: messages }, children: children }) }) }));
+}
+export default NeptuneProviders;

package/build/test-utils/fetch-utils.js

@@ -0,0 +1,104 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+/**
+ * Returns a mock http client you can use in your DynamicFlow.
+ *
+ * @param handlers Map of flow URL to http clients
+ * @returns An http client that will handle real URLs and URLs in the handlers map
+ * @example getMockHttpClient({
+ *  '/form': () => respondWith(formStep),
+ *  '/recipient': () => respondWith(recipientStep),
+ * })
+ */
+export var getMockHttpClient = function (handlers) {
+    return function (input, init) { return __awaiter(void 0, void 0, void 0, function () {
+        var handler;
+        return __generator(this, function (_a) {
+            if (typeof input !== 'string') {
+                throw new Error("Cannot handle non URL httpClient input");
+            }
+            if (isRealUrl(input)) {
+                return [2 /*return*/, handleRealUrl(input, init)];
+            }
+            handler = handlers[input];
+            if (handler) {
+                return [2 /*return*/, handler(input, init)];
+            }
+            throw new Error("No handler for ".concat(input));
+        });
+    }); };
+};
+export var respondWith = function (data, init) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    return [2 /*return*/, new Response(JSON.stringify(data), init)];
+}); }); };
+export var respondWithDelay = function (data, delayMs, init) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, new Promise(function (resolve) {
+                setTimeout(function () {
+                    resolve(new Response(JSON.stringify(data), init));
+                }, delayMs);
+            })];
+    });
+}); };
+export var respondWithEtag = function (step) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    return [2 /*return*/, new Response(JSON.stringify(step), { headers: { etag: eTagFromStep(step) } })];
+}); }); };
+export var respondWithEmptyOk = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    return [2 /*return*/, new Response(null, { status: 200 })];
+}); }); };
+export var respondWithEmptyAndEtag = function (step) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    return [2 /*return*/, new Response(null, { headers: { etag: eTagFromStep(step) }, status: 304 })];
+}); }); };
+var eTagFromStep = function (step) {
+    var schema = JSON.stringify(step.schemas ? step.schemas[0] : {});
+    return "".concat(schema.slice(0, 50), "-").concat(schema.length);
+};
+var isRealUrl = function (url) { return url.startsWith('http'); };
+var handleRealUrl = function (url, init) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    return [2 /*return*/, fetch(url, init)];
+}); }); };
+export var abortableDelay = function (delayMs, signal) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, new Promise(function (resolve, reject) {
+                var timeoutId = setTimeout(function () { return resolve(); }, delayMs);
+                signal === null || signal === void 0 ? void 0 : signal.addEventListener('abort', function () {
+                    clearTimeout(timeoutId);
+                    reject(new DOMException('AbortError', 'AbortError'));
+                });
+            })];
+    });
+}); };

package/build/test-utils/index.js

@@ -0,0 +1,2 @@
+export { getMockHttpClient, respondWith, respondWithEtag, respondWithEmptyOk, respondWithEmptyAndEtag, } from './fetch-utils';
+export { renderWithProviders } from './rtl-utils';

package/build/test-utils/rtl-utils.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import NeptuneProviders from './NeptuneProviders';
+export var renderWithProviders = function (children, options) {
+    var renderedResult = render(_jsx(NeptuneProviders, { children: children }), options);
+    return __assign(__assign({}, renderedResult), { rerender: function (ui, renderOptions) {
+            return renderWithProviders(ui, __assign({ container: renderedResult.container }, renderOptions));
+        } });
+};

package/build/types/revamp/domain/components/utils/isPartialLocalValueMatch.d.ts

@@ -1,2 +1,2 @@
 import type { DomainComponent, LocalValue } from '../../types';
-export declare const isPartialLocalValueMatch: (partialValue: LocalValue, component: DomainComponent | null) => boolean;
+export declare const isPartialLocalValueMatch: (partialValue: LocalValue, component: DomainComponent | null) => boolean | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.11.3",
+  "version": "3.11.4-experiment-node20-aa45bc2",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -40,7 +40,7 @@
     "@testing-library/react": "14.3.0",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "46.35.0",
+    "@transferwise/components": "46.36.0",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.13.0",
     "@transferwise/neptune-css": "14.10.0",
@@ -49,7 +49,6 @@
     "@types/react": "18",
     "@types/react-dom": "18",
     "@types/react-intl": "3.0.0",
-    "@types/testing-library__jest-dom": "5.14.9",
     "@wise/art": "2.7.0",
     "@wise/components-theming": "^1.3.0",
     "@wise/forms": "0.3.4",
@@ -91,7 +90,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.15.0"
+    "@wise/dynamic-flow-types": "2.15.1-experiment-node20-aa45bc2"
   },
   "scripts": {
     "dev": "storybook dev -p 3003",