@wise/dynamic-flow-client 3.5.0-experimental-63c768d → 3.5.1-experimental-ccbce45

package/build/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.js

@@ -26,18 +26,18 @@ var mapConstSchemaToOption = function (schema, controlType) {
 };
 var mapConstSchemaToRadioOption = function (schema) { return (__assign(__assign(__assign({ 
     // TODO: LOW avoid type assertion -- using || '' would fail some tests
-    label: schema.title, value: schema["const"] }, getRadioOptionDescription(schema.title, schema.description)), getAvatarPropertyForRadioOption(schema)), getDisabled(schema.disabled))); };
+    label: schema.title, value: schema.const }, getRadioOptionDescription(schema.title, schema.description)), getAvatarPropertyForRadioOption(schema)), getDisabled(schema.disabled))); };
 var mapConstSchemaToSelectOption = function (schema) { return (__assign(__assign(__assign(__assign(__assign({ 
     // TODO: LOW avoid type assertion -- using || '' would fail some tests
-    label: schema.title, value: schema["const"] }, getOptionDescription(schema.title, schema.description)), getIconPropertyForSelectOption(schema.icon)), mapImage(schema.image)), getDisabled(schema.disabled)), mapKeywordsToSearchStrings(schema.keywords))); };
+    label: schema.title, value: schema.const }, getOptionDescription(schema.title, schema.description)), getIconPropertyForSelectOption(schema.icon)), mapImage(schema.image)), getDisabled(schema.disabled)), mapKeywordsToSearchStrings(schema.keywords))); };
 var mapKeywordsToSearchStrings = function (searchStrings) {
     return isArray(searchStrings) ? { searchStrings: searchStrings } : {};
 };
 var mapImage = function (image) {
     if (image === null || image === void 0 ? void 0 : image.url) {
         return {
-            icon: (_jsx("div", __assign({ className: "media" }, { children: _jsx("div", __assign({ className: "np-option__no-media-circle" }, { children: _jsx("img", { src: image.url, alt: image.name || '' }) })) }))),
-            hideIconInTrigger: true
+            icon: (_jsx("div", { className: "media", children: _jsx("div", { className: "np-option__no-media-circle", children: _jsx("img", { src: image.url, alt: image.name || '' }) }) })),
+            hideIconInTrigger: true,
         };
     }
     return null;
@@ -45,17 +45,17 @@ var mapImage = function (image) {
 var getIconPropertyForSelectOption = function (icon) {
     if ((icon === null || icon === void 0 ? void 0 : icon.name) && isFlagIcon(icon.name)) {
         return {
-            icon: _jsx(Flag, { code: icon.name.substring(5), intrinsicSize: 24 })
+            icon: _jsx(Flag, { code: icon.name.substring(5), intrinsicSize: 24 }),
         };
     }
     if ((icon === null || icon === void 0 ? void 0 : icon.name) && isValidIconName(icon.name)) {
         return {
-            icon: _jsx(DynamicIcon, { type: icon.name })
+            icon: _jsx(DynamicIcon, { type: icon.name }),
         };
     }
     if (icon === null || icon === void 0 ? void 0 : icon.text) {
         return {
-            icon: _jsx("span", { children: icon.text })
+            icon: _jsx("span", { children: icon.text }),
         };
     }
     return null;
@@ -64,17 +64,17 @@ var getAvatarPropertyForRadioOption = function (_a) {
     var image = _a.image, icon = _a.icon;
     if (image === null || image === void 0 ? void 0 : image.url) {
         return {
-            avatar: (_jsx(Avatar, __assign({ type: AvatarType.THUMBNAIL }, { children: _jsx("img", { src: image.url, alt: "" }) })))
+            avatar: (_jsx(Avatar, { type: AvatarType.THUMBNAIL, children: _jsx("img", { src: image.url, alt: "" }) })),
         };
     }
     if ((icon === null || icon === void 0 ? void 0 : icon.name) && isValidIconName(icon.name)) {
         return {
-            avatar: (_jsx(Avatar, __assign({ type: AvatarType.ICON }, { children: _jsx(DynamicIcon, { type: icon.name }) })))
+            avatar: (_jsx(Avatar, { type: AvatarType.ICON, children: _jsx(DynamicIcon, { type: icon.name }) })),
         };
     }
     if (icon === null || icon === void 0 ? void 0 : icon.text) {
         return {
-            avatar: _jsx(Avatar, __assign({ type: AvatarType.INITIALS }, { children: icon.text }))
+            avatar: _jsx(Avatar, { type: AvatarType.INITIALS, children: icon.text }),
         };
     }
     return null;

package/build/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.spec.js

@@ -22,9 +22,9 @@ describe('mapConstSchemaToOption', function () {
             title: 'Emoji Option',
             icon: {
                 name: 'emoji',
-                type: 'icon'
+                type: 'icon',
             },
-            "const": 'emoji-option'
+            const: 'emoji-option',
         };
         describe('when the controlType is "radio"', function () {
             it('maps the "icon" to the "avatar" property', function () {
@@ -32,7 +32,7 @@ describe('mapConstSchemaToOption', function () {
                 expect(mapped).toMatchObject({
                     label: 'Emoji Option',
                     value: 'emoji-option',
-                    avatar: expect.anything()
+                    avatar: expect.anything(),
                 });
             });
             describe('and when the icon has a "name" property', function () {
@@ -41,15 +41,15 @@ describe('mapConstSchemaToOption', function () {
                     expect(mapped).toMatchObject({
                         label: 'Emoji Option',
                         value: 'emoji-option',
-                        avatar: expect.anything()
+                        avatar: expect.anything(),
                     });
-                    expect(mapped.avatar).toStrictEqual(_jsx(Avatar, __assign({ type: "icon" }, { children: _jsx(DynamicIcon, { type: "emoji" }) })));
+                    expect(mapped.avatar).toStrictEqual(_jsx(Avatar, { type: "icon", children: _jsx(DynamicIcon, { type: "emoji" }) }));
                 });
             });
             describe('and when the icon has a "text" property', function () {
                 it('uses an Avatar of type "initials" with the string text', function () {
                     var mapped = mapConstSchemaToOption(__assign(__assign({}, schema), { icon: { text: 'JJ' } }), 'radio');
-                    expect(mapped.avatar).toStrictEqual(_jsx(Avatar, __assign({ type: "initials" }, { children: "JJ" })));
+                    expect(mapped.avatar).toStrictEqual(_jsx(Avatar, { type: "initials", children: "JJ" }));
                 });
             });
         });
@@ -59,7 +59,7 @@ describe('mapConstSchemaToOption', function () {
                 expect(mapped).toMatchObject({
                     label: 'Emoji Option',
                     value: 'emoji-option',
-                    icon: expect.anything()
+                    icon: expect.anything(),
                 });
             });
             describe('and when the icon has a "name" property and the controlType is "select"', function () {
@@ -79,7 +79,7 @@ describe('mapConstSchemaToOption', function () {
                     var schema = {
                         title: 'GBP',
                         icon: { name: 'flag-gbp' },
-                        "const": 'GBP'
+                        const: 'GBP',
                     };
                     var mapped = mapConstSchemaToOption(schema, 'select');
                     expect(mapped).toMatchObject({ icon: _jsx(Flag, { code: "gbp", intrinsicSize: 24 }) });
@@ -90,7 +90,7 @@ describe('mapConstSchemaToOption', function () {
                     var schema = {
                         title: 'GBP',
                         icon: { name: 'flag-xxx' },
-                        "const": 'GBP'
+                        const: 'GBP',
                     };
                     var mapped = mapConstSchemaToOption(schema, 'select');
                     expect(mapped).not.toHaveProperty('icon');
@@ -101,12 +101,12 @@ describe('mapConstSchemaToOption', function () {
                     var mapped = mapConstSchemaToOption({
                         title: 'Some Very Long Title',
                         description: 'The description here is even longer.',
-                        "const": 'option-2'
+                        const: 'option-2',
                     }, 'select');
                     expect(mapped).toMatchObject({
                         label: 'Some Very Long Title',
                         secondary: 'The description here is even longer.',
-                        value: 'option-2'
+                        value: 'option-2',
                     });
                 });
             });
@@ -115,12 +115,12 @@ describe('mapConstSchemaToOption', function () {
                     var mapped = mapConstSchemaToOption({
                         title: "Title's 16 chars",
                         description: 'This description is not too short.',
-                        "const": 'option-1'
+                        const: 'option-1',
                     }, 'select');
                     expect(mapped).toMatchObject({
                         label: "Title's 16 chars",
                         note: 'This description is not too short.',
-                        value: 'option-1'
+                        value: 'option-1',
                     });
                 });
             });
@@ -131,9 +131,9 @@ describe('mapConstSchemaToOption', function () {
             title: 'Emoji Option',
             image: {
                 url: 'https://placeholder.pic/',
-                type: 'image'
+                type: 'image',
             },
-            "const": 'emoji-option'
+            const: 'emoji-option',
         };
         describe('when the controlType is "radio"', function () {
             it('maps the "icon" to the "avatar" property', function () {
@@ -141,7 +141,7 @@ describe('mapConstSchemaToOption', function () {
                 expect(mapped).toMatchObject({
                     label: 'Emoji Option',
                     value: 'emoji-option',
-                    avatar: expect.anything()
+                    avatar: expect.anything(),
                 });
             });
         });
@@ -151,7 +151,7 @@ describe('mapConstSchemaToOption', function () {
                 expect(mapped).toMatchObject({
                     label: 'Emoji Option',
                     value: 'emoji-option',
-                    icon: expect.anything()
+                    icon: expect.anything(),
                 });
             });
         });
@@ -162,24 +162,24 @@ describe('getAvatarPropertyForRadioOption', function () {
         it("returns an { avatar } object with an Avatar and a DynamicIcon", function () {
             var iconName = 'bank';
             var result = getAvatarPropertyForRadioOption({
-                icon: { name: iconName }
+                icon: { name: iconName },
             });
-            expect(result === null || result === void 0 ? void 0 : result.avatar).toStrictEqual(_jsx(Avatar, __assign({ type: "icon" }, { children: _jsx(DynamicIcon, { type: iconName }) })));
+            expect(result === null || result === void 0 ? void 0 : result.avatar).toStrictEqual(_jsx(Avatar, { type: "icon", children: _jsx(DynamicIcon, { type: iconName }) }));
         });
     });
     describe('given a valid currency flag icon', function () {
         it("returns an { avatar } object with an Avatar and a DynamicIcon", function () {
             var iconName = 'flag-usd';
             var result = getAvatarPropertyForRadioOption({
-                icon: { name: iconName }
+                icon: { name: iconName },
             });
-            expect(result === null || result === void 0 ? void 0 : result.avatar).toStrictEqual(_jsx(Avatar, __assign({ type: "icon" }, { children: _jsx(DynamicIcon, { type: iconName }) })));
+            expect(result === null || result === void 0 ? void 0 : result.avatar).toStrictEqual(_jsx(Avatar, { type: "icon", children: _jsx(DynamicIcon, { type: iconName }) }));
         });
     });
     describe('given an unrecognised icon', function () {
         it('returns null', function () {
             var result = getAvatarPropertyForRadioOption({
-                icon: { name: 'unknown' }
+                icon: { name: 'unknown' },
             });
             expect(result).toBeNull();
         });
@@ -217,7 +217,7 @@ describe('getAvatarPropertyForRadioOption', function () {
         it('returns an { avatar } object with an image (image takes precendence over icon)', function () {
             var result = getAvatarPropertyForRadioOption({
                 image: { url: 'someURL' },
-                icon: { name: 'bank' }
+                icon: { name: 'bank' },
             });
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
             var getByRole = render(result === null || result === void 0 ? void 0 : result.avatar).getByRole;

package/build/legacy/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.js

@@ -84,7 +84,7 @@ function ValidationAsyncSchema(props) {
                             method: validationAsyncSpec.method || 'POST',
                             headers: { 'Content-Type': 'application/json' },
                             body: validationAsyncSpec.method === 'GET' ? undefined : JSON.stringify(requestBody),
-                            signal: signal
+                            signal: signal,
                         })];
                 case 1:
                     response = _c.sent();
@@ -142,7 +142,7 @@ function ValidationAsyncSchema(props) {
         onChange: onValidationAsyncChange,
         onBlur: onBlur,
         required: required,
-        schema: schema
+        schema: schema,
     };
     return _jsx(BasicTypeSchema, __assign({}, basicTypeSchemaProps));
 }

package/build/legacy/layout/DynamicLayout.js

@@ -63,6 +63,6 @@ function DynamicLayout(props) {
     if (useHasHttpClientProvider() || baseUrl == null) {
         return _jsx(_Fragment, { children: components.map(renderComponent) });
     }
-    return (_jsx(HttpClientProviderFromBaseUrl, __assign({ baseUrl: baseUrl }, { children: components.map(renderComponent) })));
+    return (_jsx(HttpClientProviderFromBaseUrl, { baseUrl: baseUrl, children: components.map(renderComponent) }));
 }
 export default DynamicLayout;

package/build/legacy/layout/box/DynamicBox.js

@@ -1,14 +1,3 @@
-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 { DynamicLayout } from '..';
 import { getMargin } from '../utils';
@@ -16,9 +5,9 @@ var DynamicBox = function (props) {
     var box = props.component;
     var margin = getMargin(box.margin || box.border ? 'lg' : 'xs');
     if (!box.width || box.width === 'xl') {
-        return (_jsx("div", __assign({ className: margin + getBorderClass(box.border) }, { children: _jsx(DynamicLayout, { components: box.components, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })));
+        return (_jsx("div", { className: margin + getBorderClass(box.border), children: _jsx(DynamicLayout, { components: box.components, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) }));
     }
-    return (_jsx("div", __assign({ className: "row" }, { children: _jsx("div", __assign({ className: margin + getBoxWidthClasses(box) }, { children: _jsx("div", __assign({ className: getBorderClass(box.border) }, { children: _jsx(DynamicLayout, { components: box.components, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })) })) })));
+    return (_jsx("div", { className: "row", children: _jsx("div", { className: margin + getBoxWidthClasses(box), children: _jsx("div", { className: getBorderClass(box.border), children: _jsx(DynamicLayout, { components: box.components, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) }) }) }));
 };
 var getBorderClass = function (border) {
     return border ? ' well p-b-0' : '';

package/build/legacy/layout/button/DynamicButton.js

@@ -1,14 +1,3 @@
-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 { Button } from '@transferwise/components';
 import { useDynamicFlow } from '../../common/contexts';
@@ -22,6 +11,6 @@ function DynamicButton(props) {
     var priority = getButtonPriority(component);
     var loading = useDynamicFlow().loading;
     var className = getMargin(component.margin || 'md');
-    return (_jsx(Button, __assign({ size: getButtonSize(component.size), type: priority === 'tertiary' ? undefined : type, priority: priority, block: true, className: className, disabled: loading || component.disabled || componentAction.disabled, onClick: function () { return onAction(componentAction); } }, { children: (_a = component.title) !== null && _a !== void 0 ? _a : componentAction.title })));
+    return (_jsx(Button, { size: getButtonSize(component.size), type: priority === 'tertiary' ? undefined : type, priority: priority, block: true, className: className, disabled: loading || component.disabled || componentAction.disabled, onClick: function () { return onAction(componentAction); }, children: (_a = component.title) !== null && _a !== void 0 ? _a : componentAction.title }));
 }
 export default DynamicButton;

package/build/legacy/layout/button/DynamicButton.spec.js

@@ -1,14 +1,3 @@
-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);
-};
 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) {
@@ -58,8 +47,8 @@ describe('DynamicButton', function () {
                     title: 'Button Title',
                     action: {
                         title: 'Action Title',
-                        url: '/example'
-                    }
+                        url: '/example',
+                    },
                 }, onAction: jest.fn() }));
             expect(screen.getByText('Button Title')).toBeInTheDocument();
         });
@@ -68,8 +57,8 @@ describe('DynamicButton', function () {
                     type: 'button',
                     action: {
                         title: 'Action Title',
-                        url: '/example'
-                    }
+                        url: '/example',
+                    },
                 }, onAction: jest.fn() }));
             expect(screen.getByText('Action Title')).toBeInTheDocument();
         });
@@ -81,8 +70,8 @@ describe('DynamicButton', function () {
                     action: {
                         title: 'Action Title',
                         url: '/example',
-                        disabled: true
-                    }
+                        disabled: true,
+                    },
                 }, onAction: jest.fn() }));
             expect(screen.getByText('Action Title')).toBeDisabled();
         });
@@ -91,7 +80,7 @@ describe('DynamicButton', function () {
                     type: 'button',
                     title: 'Button Title',
                     disabled: true,
-                    action: { url: '/example' }
+                    action: { url: '/example' },
                 }, onAction: jest.fn() }));
             expect(screen.getByText('Button Title')).toBeDisabled();
         });
@@ -103,7 +92,7 @@ describe('DynamicButton', function () {
                     title: 'Button Title',
                     margin: 'md',
                     disabled: true,
-                    action: { url: '/example' }
+                    action: { url: '/example' },
                 }, onAction: jest.fn() }));
             expect(screen.getByText('Button Title')).toHaveClass('m-b-2');
         });
@@ -113,7 +102,7 @@ describe('DynamicButton', function () {
             var component = {
                 type: 'button',
                 title: 'Button Title',
-                action: { url: '/example' }
+                action: { url: '/example' },
             };
             var onAction = jest.fn();
             renderWithProviders(_jsx(DynamicButton, { component: component, onAction: onAction }));
@@ -128,9 +117,9 @@ describe('DynamicButton', function () {
                 component = {
                     type: 'button',
                     title: 'Button Title',
-                    action: { url: '/example' }
+                    action: { url: '/example' },
                 };
-                renderWithProviders(_jsx(DynamicFlowProvider, __assign({ loading: true }, { children: _jsx(DynamicButton, { component: component, onAction: jest.fn() }) })));
+                renderWithProviders(_jsx(DynamicFlowProvider, { loading: true, children: _jsx(DynamicButton, { component: component, onAction: jest.fn() }) }));
                 expect(screen.getByRole('button')).toBeDisabled();
                 return [2 /*return*/];
             });
@@ -141,9 +130,9 @@ describe('DynamicButton', function () {
                 component = {
                     type: 'button',
                     title: 'Button Title',
-                    action: { url: '/example' }
+                    action: { url: '/example' },
                 };
-                renderWithProviders(_jsx(DynamicFlowProvider, __assign({ loading: true }, { children: _jsx(DynamicButton, { component: component, onAction: jest.fn() }) })));
+                renderWithProviders(_jsx(DynamicFlowProvider, { loading: true, children: _jsx(DynamicButton, { component: component, onAction: jest.fn() }) }));
                 expect(screen.getByRole('button')).toBeDisabled();
                 return [2 /*return*/];
             });

package/build/legacy/layout/button/utils.js

@@ -3,7 +3,7 @@ var priorities = {
     secondary: 'secondary',
     link: 'tertiary',
     positive: 'primary',
-    negative: 'primary'
+    negative: 'primary',
 };
 export var getButtonPriority = function (component) {
     var _a;
@@ -14,14 +14,14 @@ var contextToType = {
     positive: 'positive',
     negative: 'negative',
     neutral: 'accent',
-    warning: 'accent'
+    warning: 'accent',
 };
 var actionTypeToType = {
     primary: 'accent',
     secondary: 'accent',
     link: 'accent',
     positive: 'positive',
-    negative: 'negative'
+    negative: 'negative',
 };
 export var getButtonType = function (component) {
     if (component.context) {

package/build/legacy/layout/button/utils.spec.js

@@ -4,21 +4,21 @@ describe('getButtonPriority', function () {
         var button = {
             type: 'button',
             action: { type: 'primary' },
-            control: 'secondary'
+            control: 'secondary',
         };
         expect(getButtonPriority(button)).toBe('secondary');
     });
     it('maps action types to priorities', function () {
         var button = {
             type: 'button',
-            action: { type: 'link' }
+            action: { type: 'link' },
         };
         expect(getButtonPriority(button)).toBe('tertiary');
     });
     it('defaults to secondary if neither action.type nor control are provided', function () {
         var button = {
             type: 'button',
-            action: { title: '' }
+            action: { title: '' },
         };
         expect(getButtonPriority(button)).toBe('secondary');
     });
@@ -28,7 +28,7 @@ describe('getButtonType', function () {
         var button = {
             type: 'button',
             action: { title: '', type: 'negative' },
-            context: 'positive'
+            context: 'positive',
         };
         expect(getButtonType(button)).toBe('positive');
     });
@@ -36,14 +36,14 @@ describe('getButtonType', function () {
         var button = {
             type: 'button',
             action: { title: '' },
-            context: 'neutral'
+            context: 'neutral',
         };
         expect(getButtonType(button)).toBe('accent');
     });
     it('defaults to accent if neither action.type nor context are provided', function () {
         var button = {
             type: 'button',
-            action: { title: '' }
+            action: { title: '' },
         };
         expect(getButtonType(button)).toBe('accent');
     });

package/build/legacy/layout/columns/DynamicColumns.js

@@ -1,38 +1,27 @@
-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 { DynamicLayout } from '..';
 import { getMargin } from '../utils';
 var DynamicColumns = function (props) {
     var columns = props.component;
     var _a = getWidth(columns.bias), leftWidth = _a.leftWidth, rightWidth = _a.rightWidth;
-    return (_jsxs("div", __assign({ className: "".concat(getMargin(columns.margin || 'xs'), " row") }, { children: [_jsx("div", __assign({ className: "".concat(leftWidth, " m-b-0") }, { children: _jsx(DynamicLayout, { components: columns.left, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })), _jsx("div", __assign({ className: "".concat(rightWidth, " m-b-0") }, { children: _jsx(DynamicLayout, { components: columns.right, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) }))] })));
+    return (_jsxs("div", { className: "".concat(getMargin(columns.margin || 'xs'), " row"), children: [_jsx("div", { className: "".concat(leftWidth, " m-b-0"), children: _jsx(DynamicLayout, { components: columns.left, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) }), _jsx("div", { className: "".concat(rightWidth, " m-b-0"), children: _jsx(DynamicLayout, { components: columns.right, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })] }));
 };
 var getWidth = function (bias) {
     if (bias === 'left') {
         return {
             leftWidth: 'col-md-8',
-            rightWidth: 'col-md-4'
+            rightWidth: 'col-md-4',
         };
     }
     if (bias === 'right') {
         return {
             leftWidth: 'col-md-4',
-            rightWidth: 'col-md-8'
+            rightWidth: 'col-md-8',
         };
     }
     return {
         leftWidth: 'col-md-6',
-        rightWidth: 'col-md-6'
+        rightWidth: 'col-md-6',
     };
 };
 export default DynamicColumns;

package/build/legacy/layout/decision/DynamicDecision.js

@@ -1,14 +1,3 @@
-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 { NavigationOption, NavigationOptionsList } from '@transferwise/components';
 import { getNavigationOptionMedia, getMargin } from '../utils';
@@ -16,6 +5,6 @@ import { useDynamicFlow } from '../../common/contexts';
 function DynamicDecision(_a) {
     var component = _a.component, onAction = _a.onAction;
     var loading = useDynamicFlow().loading;
-    return (_jsx("div", __assign({ className: getMargin(component.margin) }, { children: _jsx(NavigationOptionsList, { children: component.options.map(function (option) { return (_jsx(NavigationOption, { title: option.title, content: option.description, disabled: loading || option.disabled, media: getNavigationOptionMedia(option), showMediaCircle: false, showMediaAtAllSizes: true, onClick: function () { return onAction(option.action); } }, JSON.stringify(option))); }) }) })));
+    return (_jsx("div", { className: getMargin(component.margin), children: _jsx(NavigationOptionsList, { children: component.options.map(function (option) { return (_jsx(NavigationOption, { title: option.title, content: option.description, disabled: loading || option.disabled, media: getNavigationOptionMedia(option), showMediaCircle: false, showMediaAtAllSizes: true, onClick: function () { return onAction(option.action); } }, JSON.stringify(option))); }) }) }));
 }
 export default DynamicDecision;

package/build/legacy/layout/external/DynamicExternal.js

@@ -27,6 +27,6 @@ var DynamicExternal = function (_a) {
     var pollingConfiguration = polling && responseHandlers
         ? __assign(__assign({}, polling), { responseHandlers: responseHandlers }) : undefined;
     useExternalStepPolling(pollingConfiguration, onAction);
-    return (_jsxs(_Fragment, { children: [_jsx(Loader, { size: Size.LARGE, classNames: { 'tw-loader': 'tw-loader m-x-auto' } }), _jsx("br", {}), _jsx(Button, __assign({ priority: "tertiary", block: true, onClick: openExternalUrl }, { children: retryTitle || intl.formatMessage(messages.retryTitle) }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Loader, { size: Size.LARGE, classNames: { 'tw-loader': 'tw-loader m-x-auto' } }), _jsx("br", {}), _jsx(Button, { priority: "tertiary", block: true, onClick: openExternalUrl, children: retryTitle || intl.formatMessage(messages.retryTitle) })] }));
 };
 export default DynamicExternal;

package/build/legacy/layout/external/DynamicExternal.messages.js

@@ -3,6 +3,6 @@ export default defineMessages({
     retryTitle: {
         id: 'dynamicFlows.DynamicExternal.retryTitle',
         defaultMessage: 'Reopen window',
-        description: ''
-    }
+        description: '',
+    },
 });

package/build/legacy/layout/form/DynamicForm.js

@@ -15,8 +15,8 @@ import { getMargin } from '../utils';
 function DynamicForm(_a) {
     var component = _a.component, _b = _a.model, model = _b === void 0 ? null : _b, _c = _a.errors, errors = _c === void 0 ? null : _c, submitted = _a.submitted, onModelChange = _a.onModelChange, onPersistAsync = _a.onPersistAsync;
     var formSchema = component.schema; // There should be no $ref, nor schemaId at this point
-    return (_jsx("div", __assign({ className: getMargin(component.margin || 'md') }, { children: _jsx(GenericSchema, { schema: formSchema, model: model, errors: errors, submitted: submitted, onChange: function (parameters) {
+    return (_jsx("div", { className: getMargin(component.margin || 'md'), children: _jsx(GenericSchema, { schema: formSchema, model: model, errors: errors, submitted: submitted, onChange: function (parameters) {
                 onModelChange(__assign({ formSchema: formSchema }, parameters));
-            }, onPersistAsync: onPersistAsync }) })));
+            }, onPersistAsync: onPersistAsync }) }));
 }
 export default DynamicForm;

package/build/legacy/layout/heading/DynamicHeading.js

@@ -1,14 +1,3 @@
-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 { Display } from '@transferwise/components';
 import classNames from 'classnames';
@@ -22,16 +11,16 @@ var StandardHeading = function (_a) {
     var size = _a.size, text = _a.text, classes = _a.classes;
     switch (size) {
         case 'xs':
-            return _jsx("h5", __assign({ className: classes }, { children: text }));
+            return _jsx("h5", { className: classes, children: text });
         case 'sm':
-            return _jsx("h4", __assign({ className: classes }, { children: text }));
+            return _jsx("h4", { className: classes, children: text });
         case 'lg':
-            return _jsx("h2", __assign({ className: classes }, { children: text }));
+            return _jsx("h2", { className: classes, children: text });
         case 'xl':
-            return _jsx("h1", __assign({ className: classes }, { children: text }));
+            return _jsx("h1", { className: classes, children: text });
         case 'md':
         default:
-            return _jsx("h3", __assign({ className: classes }, { children: text }));
+            return _jsx("h3", { className: classes, children: text });
     }
 };
 var DisplayHeading = function (_a) {
@@ -39,13 +28,13 @@ var DisplayHeading = function (_a) {
     switch (size) {
         case 'xs':
         case 'sm':
-            return (_jsx(Display, __assign({ type: "display-small", className: classes }, { children: text })));
+            return (_jsx(Display, { type: "display-small", className: classes, children: text }));
         case 'xl':
         case 'lg':
-            return (_jsx(Display, __assign({ type: "display-large", className: classes }, { children: text })));
+            return (_jsx(Display, { type: "display-large", className: classes, children: text }));
         case 'md':
         default:
-            return (_jsx(Display, __assign({ type: "display-medium", className: classes }, { children: text })));
+            return (_jsx(Display, { type: "display-medium", className: classes, children: text }));
     }
 };
 export default DynamicHeading;