@wise/dynamic-flow-client 3.9.1-experimental-152372b → 3.9.2-experimental-535221d

package/build/revamp/tests/legacy/Actions.spec.js

@@ -0,0 +1,242 @@
+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 };
+    }
+};
+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 DynamicFlowWise from '../../DynamicFlowWise';
+describe('Actions', function () {
+    // TODO: Add more tests here / copy over to revamp when ready.
+    describe('given an action with `exit: true`', function () {
+        describe('when the response is OK', function () {
+            describe('and the body can be parsed to a JSON object', function () {
+                it('should exit the flow with the response body as a result when the action has no result', function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var onError, onCompletion, httpClient, step, _a, _b;
+                    return __generator(this, function (_c) {
+                        switch (_c.label) {
+                            case 0:
+                                onError = jest.fn();
+                                onCompletion = jest.fn();
+                                httpClient = jest.fn(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                    return [2 /*return*/, Promise.resolve(new Response('body', { status: 200 }))];
+                                }); }); });
+                                step = {
+                                    id: 'step-id',
+                                    title: 'Step Title',
+                                    layout: [{ type: 'button', action: { url: '/submit', exit: true } }],
+                                    schemas: [],
+                                };
+                                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", initialStep: step, httpClient: httpClient, onCompletion: onCompletion, onError: onError }));
+                                _b = (_a = userEvent).click;
+                                return [4 /*yield*/, screen.findByRole('button')];
+                            case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                            case 2:
+                                _c.sent();
+                                return [4 /*yield*/, waitFor(function () {
+                                        expect(onCompletion).toHaveBeenCalledTimes(1);
+                                    })];
+                            case 3:
+                                _c.sent();
+                                expect(onError).not.toHaveBeenCalled();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); });
+                it('should exit the flow with a merged object of the response body and result when the action has a result', function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var onError, onCompletion, httpClient, step, _a, _b;
+                    return __generator(this, function (_c) {
+                        switch (_c.label) {
+                            case 0:
+                                onError = jest.fn();
+                                onCompletion = jest.fn();
+                                httpClient = jest.fn(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                    return __generator(this, function (_a) {
+                                        return [2 /*return*/, Promise.resolve(new Response(JSON.stringify({ key: 'response body value', extra_key: 'value' }), {
+                                                status: 200,
+                                            }))];
+                                    });
+                                }); });
+                                step = {
+                                    id: 'step-id',
+                                    title: 'Step Title',
+                                    layout: [
+                                        {
+                                            type: 'button',
+                                            action: { url: '/submit', exit: true, result: { key: 'action result value' } },
+                                        },
+                                    ],
+                                    schemas: [],
+                                };
+                                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", initialStep: step, httpClient: httpClient, onCompletion: onCompletion, onError: onError }));
+                                _b = (_a = userEvent).click;
+                                return [4 /*yield*/, screen.findByRole('button')];
+                            case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                            case 2:
+                                _c.sent();
+                                return [4 /*yield*/, waitFor(function () {
+                                        expect(onCompletion).toHaveBeenCalledTimes(1);
+                                    })];
+                            case 3:
+                                _c.sent();
+                                expect(onCompletion).toHaveBeenCalledWith(expect.objectContaining({ key: 'action result value', extra_key: 'value' }));
+                                expect(onError).not.toHaveBeenCalled();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); });
+            });
+            describe('and the body cannot be parsed to a JSON object', function () {
+                it('should exit the flow with the contents of the action result', function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var onError, onCompletion, httpClient, step, _a, _b;
+                    return __generator(this, function (_c) {
+                        switch (_c.label) {
+                            case 0:
+                                onError = jest.fn();
+                                onCompletion = jest.fn();
+                                httpClient = jest.fn(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                    return [2 /*return*/, Promise.resolve(new Response(']} not valid json {[', { status: 200 }))];
+                                }); }); });
+                                step = {
+                                    id: 'step-id',
+                                    title: 'Step Title',
+                                    layout: [
+                                        { type: 'button', action: { url: '/submit', exit: true, result: { key: 'value' } } },
+                                    ],
+                                    schemas: [],
+                                };
+                                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", initialStep: step, httpClient: httpClient, onCompletion: onCompletion, onError: onError }));
+                                _b = (_a = userEvent).click;
+                                return [4 /*yield*/, screen.findByRole('button')];
+                            case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                            case 2:
+                                _c.sent();
+                                return [4 /*yield*/, waitFor(function () {
+                                        expect(onCompletion).toHaveBeenCalledTimes(1);
+                                    })];
+                            case 3:
+                                _c.sent();
+                                expect(onCompletion).toHaveBeenCalledWith(expect.objectContaining({ key: 'value' }));
+                                expect(onError).not.toHaveBeenCalled();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); });
+            });
+        });
+        describe('when the response is NOT OK', function () {
+            it('should not exit the flow, and handle the error response as normal', function () { return __awaiter(void 0, void 0, void 0, function () {
+                var onError, onCompletion, httpClient, step, _a, _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            onError = jest.fn();
+                            onCompletion = jest.fn();
+                            httpClient = jest.fn(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, Promise.resolve(new Response('body', { status: 400 }))];
+                            }); }); });
+                            step = {
+                                id: 'step-id',
+                                title: 'Step Title',
+                                layout: [{ type: 'button', action: { url: '/submit', exit: true } }],
+                                schemas: [],
+                            };
+                            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", initialStep: step, httpClient: httpClient, onCompletion: onCompletion, onError: onError }));
+                            _b = (_a = userEvent).click;
+                            return [4 /*yield*/, screen.findByRole('button')];
+                        case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                        case 2:
+                            _c.sent();
+                            return [4 /*yield*/, waitFor(function () {
+                                    expect(screen.getByText(/something went wrong, please try again/i)).toBeInTheDocument();
+                                })];
+                        case 3:
+                            _c.sent();
+                            expect(onCompletion).not.toHaveBeenCalled();
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        });
+    });
+    describe('given an non-exit action', function () {
+        describe('when the response contains "X-DF-ResponseType: exit" header', function () {
+            it('should exit the flow with a merged object of the response body and result when the action has a result', function () { return __awaiter(void 0, void 0, void 0, function () {
+                var onError, onCompletion, httpClient, step, _a, _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            onError = jest.fn();
+                            onCompletion = jest.fn();
+                            httpClient = jest.fn(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    return [2 /*return*/, Promise.resolve(new Response(JSON.stringify({ key: 'response body value', extra_key: 'value' }), {
+                                            status: 200,
+                                            headers: { 'X-DF-Response-Type': 'exit' },
+                                        }))];
+                                });
+                            }); });
+                            step = {
+                                id: 'step-id',
+                                title: 'Step Title',
+                                layout: [
+                                    {
+                                        type: 'button',
+                                        action: { url: '/submit', result: { key: 'action result value' } },
+                                    },
+                                ],
+                                schemas: [],
+                            };
+                            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "the-flow-id", initialStep: step, httpClient: httpClient, onCompletion: onCompletion, onError: onError }));
+                            _b = (_a = userEvent).click;
+                            return [4 /*yield*/, screen.findByRole('button')];
+                        case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent()])];
+                        case 2:
+                            _c.sent();
+                            return [4 /*yield*/, waitFor(function () {
+                                    expect(onCompletion).toHaveBeenCalledTimes(1);
+                                })];
+                        case 3:
+                            _c.sent();
+                            expect(onCompletion).toHaveBeenCalledWith(expect.objectContaining({ key: 'action result value', extra_key: 'value' }));
+                            expect(onError).not.toHaveBeenCalled();
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        });
+    });
+});

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '@transferwise/components';
 import { getMargin } from './utils/layout-utils';
-import { useLoadingContext } from '../../renderers/step/StepRendererContext';
+import { useLoadingContext } from './step/StepRendererContext';
 var ButtonRenderer = {
     canRenderType: 'button',
     render: ButtonRendererComponent,

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

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { NavigationOptionsList, NavigationOption } from '@transferwise/components';
 import { getMargin } from './utils/layout-utils';
 import { NavigationOptionMedia } from './components/icon/NavigationOptionMedia';
-import { useLoadingContext } from '../../renderers/step/StepRendererContext';
+import { useLoadingContext } from './step/StepRendererContext';
 var DecisionRenderer = {
     canRenderType: 'decision',
     render: DecisionRendererComponent,

package/build/revamp/wise/renderers/SearchRenderer/BlockSearchRendererComponent.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Input, Markdown, NavigationOption, NavigationOptionsList } from '@transferwise/components';
-import { useTrackEvent } from '../../../renderers/step/StepRendererContext';
+import { useTrackEvent } from '../step/StepRendererContext';
 import FieldInput from '../components/FieldInput';
 import { NavigationOptionMedia } from '../components/icon/NavigationOptionMedia';
 import { getMargin } from '../utils/layout-utils';

package/build/revamp/wise/renderers/SearchRenderer/InlineSearchRendererComponent.js

@@ -16,7 +16,7 @@ import { useState } from 'react';
 import FieldInput from '../components/FieldInput';
 import { getMargin } from '../utils/layout-utils';
 import { ErrorResult } from './ErrorResult';
-import { useTrackEvent } from '../../../renderers/step/StepRendererContext';
+import { useTrackEvent } from '../step/StepRendererContext';
 function InlineSearchRenderer(_a) {
     var id = _a.id, isLoading = _a.isLoading, margin = _a.margin, onChange = _a.onChange, state = _a.state, title = _a.title;
     var _b = useState(false), hasSearched = _b[0], setHasSearched = _b[1];

package/build/revamp/wise/renderers/SelectInputRenderer/SegmentedInputRendererComponent.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import FieldInput from '../components/FieldInput';
+import { SegmentedControl } from '@transferwise/components';
+export function SegmentedInputRendererComponent(props) {
+    var id = props.id, children = props.children, description = props.description, error = props.error, help = props.help, label = props.label, options = props.options, selectedIndex = props.selectedIndex, onSelect = props.onSelect;
+    useEffect(function () {
+        if (!isValidIndex(selectedIndex, options.length)) {
+            onSelect(0);
+        }
+    }, [selectedIndex, onSelect, options.length]);
+    return (_jsxs(_Fragment, { children: [_jsx(FieldInput, { id: id, label: label, help: help, description: description, error: error, children: _jsx(SegmentedControl, { name: "".concat(id, "-segmented-control"), value: String(selectedIndex), mode: "view", segments: options.map(function (option, index) { return ({
+                        id: String(index),
+                        value: String(index),
+                        label: option.title,
+                        controls: "".concat(id, "-children"),
+                    }); }), onChange: function (value) { return onSelect(Number(value)); } }) }), _jsx("div", { id: "".concat(id, "-children"), children: children })] }));
+}
+var isValidIndex = function (index, options) {
+    return index !== null && index >= 0 && index < options;
+};

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

@@ -13,6 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { RadioInputRendererComponent } from './RadioInputRendererComponent';
 import { TabInputRendererComponent } from './TabInputRendererComponent';
 import { SelectInputRendererComponent } from './SelectInputRendererComponent';
+import { SegmentedInputRendererComponent } from './SegmentedInputRendererComponent';
 var SelectInputRenderer = {
     canRenderType: 'input-select',
     render: function (props) {
@@ -21,6 +22,8 @@ var SelectInputRenderer = {
                 return _jsx(RadioInputRendererComponent, __assign({}, props));
             case 'tab':
                 return props.options.length > 3 ? (_jsx(SelectInputRendererComponent, __assign({}, props))) : (_jsx(TabInputRendererComponent, __assign({}, props)));
+            case 'segmented':
+                return props.options.length > 3 ? (_jsx(SelectInputRendererComponent, __assign({}, props))) : (_jsx(SegmentedInputRendererComponent, __assign({}, props)));
             case 'select':
             default:
                 return _jsx(SelectInputRendererComponent, __assign({}, props));

package/build/revamp/wise/renderers/SelectInputRenderer/SelectInputRendererComponent.js

@@ -24,7 +24,7 @@ import FieldInput from '../components/FieldInput';
 import { SelectTriggerMedia } from './SelectTriggerMedia';
 import { OptionMedia } from './OptionMedia';
 export function SelectInputRendererComponent(props) {
-    var id = props.id, children = props.children, description = props.description, disabled = props.disabled, error = props.error, help = props.help, label = props.label, options = props.options, placeholder = props.placeholder, selectedIndex = props.selectedIndex, onSelect = props.onSelect;
+    var id = props.id, children = props.children, description = props.description, disabled = props.disabled, error = props.error, help = props.help, label = props.label, options = props.options, placeholder = props.placeholder, required = props.required, selectedIndex = props.selectedIndex, onSelect = props.onSelect;
     var items = options.map(function (option, index) {
         var _a, _b, _c;
         return ({
@@ -52,5 +52,5 @@ export function SelectInputRendererComponent(props) {
             };
         return _jsx(SelectInputOptionContent, __assign({}, contentProps));
     };
-    return (_jsxs(_Fragment, { children: [_jsx(FieldInput, { id: id, label: label, help: help, description: description, error: error, children: _jsx(SelectInput, { name: id, placeholder: placeholder, items: items, disabled: disabled, value: selectedIndex, renderValue: renderValue, filterable: items.length >= 8, onChange: onSelect, onClear: function () { return onSelect(null); } }) }), children] }));
+    return (_jsxs(_Fragment, { children: [_jsx(FieldInput, { id: id, label: label, help: help, description: description, error: error, children: _jsx(SelectInput, { name: id, placeholder: placeholder, items: items, disabled: disabled, value: selectedIndex, renderValue: renderValue, filterable: items.length >= 8, onChange: onSelect, onClear: required ? undefined : function () { return onSelect(null); } }) }), children] }));
 }

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

@@ -25,6 +25,7 @@ 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,
@@ -54,4 +55,5 @@ export var getWiseRenderers = function () { return [
     StatusListRenderer,
     TextInputRenderer,
     UploadInputRenderer,
+    StepRenderer,
 ]; };

package/build/revamp/{renderers → wise/renderers}/step/ExternalConfirmationDialog.js

@@ -1,6 +1,6 @@
 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 messages from '../../../../common/messages/external-confirmation.messages';
 import { Button, Markdown } from '@transferwise/components';
 export function ExternalConfirmationDialog(_a) {
     var external = _a.external, onClose = _a.onClose;

package/build/types/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.d.ts

@@ -23,5 +23,6 @@ export type SchemaFormControlProps = {
     onSearchChange?: (searchValue: string) => void;
     disabled?: boolean;
     describedBy?: string | undefined;
+    required?: boolean;
 };
 export default SchemaFormControl;

package/build/types/legacy/layout/utils/index.d.ts

@@ -1,6 +1,6 @@
 import { Align, Size } from '@wise/dynamic-flow-types';
 export { getNavigationOptionMedia } from './getNavigationOptionMedia';
-declare const getMargin: (size: Size | undefined) => "" | "m-b-2" | "m-b-3" | "m-b-0" | "m-b-1" | "m-b-5";
+declare const getMargin: (size: Size | undefined) => "" | "m-b-3" | "m-b-0" | "m-b-1" | "m-b-2" | "m-b-5";
 declare const getTextAlignmentAndMargin: (component: {
     align?: Align;
     margin?: Size;

package/build/types/revamp/wise/renderers/SelectInputRenderer/SegmentedInputRendererComponent.d.ts

@@ -0,0 +1,2 @@
+import type { SelectInputRendererProps } from '../../../renderers/types';
+export declare function SegmentedInputRendererComponent(props: SelectInputRendererProps): JSX.Element;

package/build/types/revamp/wise/renderers/getWiseRenderers.d.ts

@@ -1 +1 @@
-export declare const getWiseRenderers: () => (import("../../renderers/types").Renderer<import("../../renderers/types").AlertRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").BoxRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ColumnsRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").DecisionRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").DividerRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").FormRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").HeadingRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").InstructionsRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").LoadingIndicatorRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").MarkdownRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ImageRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ModalRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ParagraphRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ReviewRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").SearchRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").StatusListRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").FormSectionRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").BooleanInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ButtonRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").DateInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").IntegerInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").NumberInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").RepeatableRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").SelectInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").TextInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").UploadInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").MultiUploadInputRendererProps>)[];
+export declare const getWiseRenderers: () => (import("../../renderers/types").Renderer<import("../../renderers/types").StepRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").AlertRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").BoxRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ColumnsRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").DecisionRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").DividerRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").FormRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").HeadingRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").InstructionsRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").LoadingIndicatorRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").MarkdownRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ImageRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ModalRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ParagraphRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ReviewRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").SearchRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").StatusListRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").FormSectionRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").BooleanInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ButtonRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").DateInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").IntegerInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").NumberInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").RepeatableRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").SelectInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").TextInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").UploadInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").MultiUploadInputRendererProps>)[];

package/build/types/revamp/{renderers → wise/renderers}/step/BackButton.d.ts

@@ -1,3 +1,3 @@
-import type { StepRendererProps } from '../types';
+import type { StepRendererProps } from '../../../renderers/types';
 declare function BackButton({ title, onClick }: NonNullable<StepRendererProps['back']>): JSX.Element;
 export default BackButton;

package/build/types/revamp/wise/renderers/step/StepRenderer.d.ts

@@ -0,0 +1,2 @@
+import type { Renderer, StepRendererProps } from '../../../renderers/types';
+export declare const StepRenderer: Renderer<StepRendererProps>;

package/build/types/revamp/{renderers → wise/renderers}/step/StepRendererContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { AnalyticsEventDispatcher } from '../../domain/features/events';
-import type { LoadingState } from '../types';
+import type { AnalyticsEventDispatcher } from '../../../domain/features/events';
+import type { LoadingState } from '../../../renderers/types';
 export declare const StepRendererContextProvider: import("react").Provider<{
     loadingState: LoadingState;
     trackEvent: AnalyticsEventDispatcher<string>;

package/build/types/revamp/wise/renderers/utils/layout-utils.d.ts

@@ -1,5 +1,5 @@
 import type { Align, Size } from '../../../renderers/types';
-declare const getMargin: (size: Size) => "" | "m-b-2" | "m-b-3" | "m-b-0" | "m-b-1" | "m-b-5";
+declare const getMargin: (size: Size) => "" | "m-b-3" | "m-b-0" | "m-b-1" | "m-b-2" | "m-b-5";
 declare const getTextAlignmentAndMargin: (component: {
     align: Align;
     margin: Size;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.9.1-experimental-152372b",
+  "version": "3.9.2-experimental-535221d",
   "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.27.0",
+    "@transferwise/components": "46.29.0",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.13.0",
     "@transferwise/neptune-css": "14.9.6",
@@ -92,7 +92,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.15.0-experimental-152372b"
+    "@wise/dynamic-flow-types": "2.15.0"
   },
   "scripts": {
     "dev": "storybook dev -p 3003",

package/build/types/revamp/renderers/step/StepRenderer.d.ts

@@ -1,2 +0,0 @@
-import type { Renderer, StepRendererProps } from '../types';
-export declare const StepRenderer: Renderer<StepRendererProps>;