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

package/build/revamp/utils/findComponent.spec.js

@@ -6,7 +6,7 @@ describe('findComponent', function () {
         var accountNumberComponent = createMockTextInputComponent({
             uid: '0.1.0',
             id: 'account',
-            value: '12345678'
+            value: '12345678',
         });
         var getComponents = function () { return [
             createObjectComponent({
@@ -16,7 +16,7 @@ describe('findComponent', function () {
                     name: createMockTextInputComponent({
                         uid: '0.0',
                         id: 'name',
-                        value: 'Florence Jones'
+                        value: 'Florence Jones',
                     }),
                     bankInfo: createObjectComponent({
                         uid: '0.1',
@@ -26,15 +26,15 @@ describe('findComponent', function () {
                             sortCode: createMockTextInputComponent({
                                 uid: '0.1.1',
                                 id: 'sortCode',
-                                value: '04-00-04'
-                            })
+                                value: '04-00-04',
+                            }),
                         },
                         hidden: false,
-                        summariser: function () { return ({}); }
-                    })
+                        summariser: function () { return ({}); },
+                    }),
                 },
                 hidden: false,
-                summariser: function () { return ({}); }
+                summariser: function () { return ({}); },
             }),
         ]; };
         it('should find component at root level', function () {
@@ -59,7 +59,7 @@ describe('findComponent', function () {
                     name: createMockTextInputComponent({
                         uid: '0.0',
                         id: 'name',
-                        value: 'Florence Jones'
+                        value: 'Florence Jones',
                     }),
                     bankInfo: createObjectComponent({
                         uid: '0.1',
@@ -68,20 +68,20 @@ describe('findComponent', function () {
                             accountNumber: createMockTextInputComponent({
                                 uid: '0.1.0',
                                 id: 'account',
-                                value: '12345678'
+                                value: '12345678',
                             }),
                             sortCode: createMockTextInputComponent({
                                 uid: '0.1.0',
                                 id: 'sortCode',
-                                value: '04-00-04'
-                            })
+                                value: '04-00-04',
+                            }),
                         },
                         hidden: false,
-                        summariser: function () { return ({}); }
-                    })
+                        summariser: function () { return ({}); },
+                    }),
                 },
                 hidden: false,
-                summariser: function () { return ({}); }
+                summariser: function () { return ({}); },
             }),
         ]; };
         it('should throw if multiple components with the same id', function () {

package/build/revamp/utils/type-utils.js

@@ -25,7 +25,7 @@ export var isBlobSchema = function (schema) {
     return 'type' in schema && schema.type === 'blob';
 };
 export var isConstSchema = function (schema) {
-    return 'const' in schema && schema["const"] !== undefined;
+    return 'const' in schema && schema.const !== undefined;
 };
 export var isIntegerSchema = function (schema) {
     return 'type' in schema && schema.type === 'integer';

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

@@ -6,6 +6,6 @@ var AlertRenderer = {
     render: function (_a) {
         var context = _a.context, markdown = _a.markdown, margin = _a.margin;
         return (_jsx(Alert, { type: context, className: getMargin(margin), message: markdown }));
-    }
+    },
 };
 export default AlertRenderer;

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

@@ -28,7 +28,7 @@ var BooleanInputRenderer = {
     render: function (props) {
         var id = props.id, control = props.control, _a = props.label, label = _a === void 0 ? '' : _a, description = props.description, help = props.help, error = props.error, type = props.type, value = props.value, rest = __rest(props, ["id", "control", "label", "description", "help", "error", "type", "value"]);
         var checkboxProps = __assign(__assign({}, rest), { label: label, checked: value });
-        return (_jsx(FieldInput, __assign({ id: id, label: "", description: description, error: error, help: help }, { children: _jsx(Checkbox, __assign({ id: id }, checkboxProps)) })));
-    }
+        return (_jsx(FieldInput, { id: id, label: "", description: description, error: error, help: help, children: _jsx(Checkbox, __assign({ id: id }, checkboxProps)) }));
+    },
 };
 export default BooleanInputRenderer;

package/build/revamp/wise/renderers/BoxRenderer.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 classNames from 'classnames';
 import { getMargin } from './utils/layout-utils';
@@ -18,13 +7,13 @@ var BoxRenderer = {
         var _b;
         var border = _a.border, children = _a.children, margin = _a.margin, width = _a.width;
         var hasFixedWidth = width !== 'xl';
-        var contents = (_jsx("div", __assign({ className: classNames((_b = {
+        var contents = (_jsx("div", { className: classNames((_b = {
                     'df-box-renderer-border': border
                 },
                 _b["df-box-renderer-width-".concat(width)] = hasFixedWidth,
                 _b[getMargin(margin)] = !hasFixedWidth,
-                _b)) }, { children: children })));
-        return hasFixedWidth ? (_jsx("div", __assign({ className: classNames('df-box-renderer-fixed-width', getMargin(margin)) }, { children: contents }))) : (contents);
-    }
+                _b)), children: children }));
+        return hasFixedWidth ? (_jsx("div", { className: classNames('df-box-renderer-fixed-width', getMargin(margin)), children: contents })) : (contents);
+    },
 };
 export default BoxRenderer;

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

@@ -1,21 +1,10 @@
-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 { getMargin } from './utils/layout-utils';
 import { useLoadingContext } from '../../renderers/LoadingContext';
 var ButtonRenderer = {
     canRenderType: 'button',
-    render: ButtonRendererComponent
+    render: ButtonRendererComponent,
 };
 function ButtonRendererComponent(_a) {
     var control = _a.control, context = _a.context, disabled = _a.disabled, margin = _a.margin, title = _a.title, size = _a.size, onClick = _a.onClick;
@@ -25,7 +14,7 @@ function ButtonRendererComponent(_a) {
     // secondary. This is inconsistent with mobile, so for now we remove context
     var type = priority === 'tertiary' ? undefined : mapContext(context);
     var isLoading = useLoadingContext().isLoading;
-    return (_jsx(Button, __assign({ block: true, className: className, disabled: isLoading || disabled, priority: mapControl(control), size: mapSize(size), type: type, onClick: onClick }, { children: title })));
+    return (_jsx(Button, { block: true, className: className, disabled: isLoading || disabled, priority: mapControl(control), size: mapSize(size), type: type, onClick: onClick, children: title }));
 }
 var mapContext = function (context) {
     switch (context) {

package/build/revamp/wise/renderers/ColumnsRenderer.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, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { getMargin } from './utils/layout-utils';
@@ -16,10 +5,10 @@ var ColumnsRenderer = {
     canRenderType: 'columns',
     render: function (_a) {
         var bias = _a.bias, margin = _a.margin, startChildren = _a.startChildren, endChildren = _a.endChildren;
-        return (_jsxs("div", __assign({ className: classNames('df-columns-renderer-container', getMargin(margin), {
+        return (_jsxs("div", { className: classNames('df-columns-renderer-container', getMargin(margin), {
                 'df-columns-renderer-bias-start': bias === 'start',
-                'df-columns-renderer-bias-end': bias === 'end'
-            }) }, { children: [_jsx("div", __assign({ className: "df-columns-renderer-column" }, { children: startChildren })), _jsx("div", __assign({ className: "df-columns-renderer-column" }, { children: endChildren }))] })));
-    }
+                'df-columns-renderer-bias-end': bias === 'end',
+            }), children: [_jsx("div", { className: "df-columns-renderer-column", children: startChildren }), _jsx("div", { className: "df-columns-renderer-column", children: endChildren })] }));
+    },
 };
 export default ColumnsRenderer;

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

@@ -29,7 +29,7 @@ var DateInputRenderer = {
         var id = props.id, control = props.control, label = props.label, description = props.description, error = props.error, type = props.type, help = props.help, initialValue = props.value, rest = __rest(props, ["id", "control", "label", "description", "error", "type", "help", "value"]);
         var value = initialValue !== null && initialValue !== void 0 ? initialValue : '';
         var inputProps = __assign(__assign({}, rest), { value: value, id: id });
-        return (_jsx(FieldInput, __assign({ id: id, label: label, description: description, error: error, help: help }, { children: _jsx(VariableDateInput, { control: control, inputProps: inputProps }) })));
-    }
+        return (_jsx(FieldInput, { id: id, label: label, description: description, error: error, help: help, children: _jsx(VariableDateInput, { control: control, inputProps: inputProps }) }));
+    },
 };
 export default DateInputRenderer;

package/build/revamp/wise/renderers/DecisionRenderer.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 { NavigationOptionsList, NavigationOption } from '@transferwise/components';
 import { getMargin } from './utils/layout-utils';
@@ -16,14 +5,14 @@ import { NavigationOptionMedia } from './components/icon/NavigationOptionMedia';
 import { useLoadingContext } from '../../renderers/LoadingContext';
 var DecisionRenderer = {
     canRenderType: 'decision',
-    render: DecisionRendererComponent
+    render: DecisionRendererComponent,
 };
 export default DecisionRenderer;
 function DecisionRendererComponent(_a) {
     var margin = _a.margin, options = _a.options;
     var isLoading = useLoadingContext().isLoading;
-    return (_jsx("div", __assign({ className: getMargin(margin) }, { children: _jsx(NavigationOptionsList, { children: options.map(function (_a) {
+    return (_jsx("div", { className: getMargin(margin), children: _jsx(NavigationOptionsList, { children: options.map(function (_a) {
                 var description = _a.description, disabled = _a.disabled, icon = _a.icon, image = _a.image, title = _a.title, onClick = _a.onClick;
                 return (_jsx(NavigationOption, { title: title, content: description, disabled: isLoading || disabled, media: _jsx(NavigationOptionMedia, { icon: icon, image: image }), showMediaCircle: false, showMediaAtAllSizes: true, onClick: onClick }, JSON.stringify(title)));
-            }) }) })));
+            }) }) }));
 }

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

@@ -5,6 +5,6 @@ var DividerRenderer = {
     render: function (_a) {
         var margin = _a.margin;
         return _jsx("hr", { className: "m-t-0 ".concat(getMargin(margin)) });
-    }
+    },
 };
 export default DividerRenderer;

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

@@ -1,21 +1,10 @@
-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 { getMargin } from './utils/layout-utils';
 var FormRenderer = {
     canRenderType: 'form',
     render: function (_a) {
         var children = _a.children, margin = _a.margin;
-        return _jsx("div", __assign({ className: getMargin(margin) }, { children: children }));
-    }
+        return _jsx("div", { className: getMargin(margin), children: children });
+    },
 };
 export default FormRenderer;

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

@@ -11,6 +11,6 @@ var FormSectionRenderer = {
                 , { 
                     // FIXME - this should be a legend
                     as: "h2", title: title })), description && _jsx("p", { children: description }), children] }));
-    }
+    },
 };
 export default FormSectionRenderer;

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

@@ -14,7 +14,7 @@ import { Display } from '@transferwise/components';
 import { getTextAlignmentAndMargin } from './utils/layout-utils';
 var HeadingRenderer = {
     canRenderType: 'heading',
-    render: function (props) { return _jsx(Heading, __assign({}, props)); }
+    render: function (props) { return _jsx(Heading, __assign({}, props)); },
 };
 function Heading(props) {
     var text = props.text, size = props.size, align = props.align, margin = props.margin, control = props.control;
@@ -23,22 +23,22 @@ function Heading(props) {
 }
 function DisplayHeading(_a) {
     var size = _a.size, text = _a.text, className = _a.className;
-    return (_jsx(Display, __assign({ type: getDisplayType(size), className: className }, { children: text })));
+    return (_jsx(Display, { type: getDisplayType(size), className: className, children: text }));
 }
 function StandardHeading(_a) {
     var size = _a.size, text = _a.text, className = _a.className;
     switch (size) {
         case 'xs':
-            return _jsx("h5", __assign({ className: className }, { children: text }));
+            return _jsx("h5", { className: className, children: text });
         case 'sm':
-            return _jsx("h4", __assign({ className: className }, { children: text }));
+            return _jsx("h4", { className: className, children: text });
         case 'lg':
-            return _jsx("h2", __assign({ className: className }, { children: text }));
+            return _jsx("h2", { className: className, children: text });
         case 'xl':
-            return _jsx("h1", __assign({ className: className }, { children: text }));
+            return _jsx("h1", { className: className, children: text });
         case 'md':
         default:
-            return _jsx("h3", __assign({ className: className }, { children: text }));
+            return _jsx("h3", { className: className, children: text });
     }
 }
 var getDisplayType = function (size) {

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

@@ -53,7 +53,7 @@ import { isRelativePath } from '../../../common/utils/api-utils';
 import { useHttpClient } from '../../../common/httpClientContext';
 var ImageRenderer = {
     canRenderType: 'image',
-    render: function (props) { return _jsx(ImageRendererComponent, __assign({}, props)); }
+    render: function (props) { return _jsx(ImageRendererComponent, __assign({}, props)); },
 };
 export default ImageRenderer;
 function ImageRendererComponent(_a) {
@@ -63,7 +63,7 @@ function ImageRendererComponent(_a) {
     useEffect(function () {
         void getImageSource(httpClient, url).then(setImageSource);
     }, [url, httpClient]);
-    return (_jsx("div", __assign({ className: "df-image ".concat(size || 'md') }, { children: _jsx(Image, { className: "img-responsive ".concat(getMargin(margin)), alt: accessibilityDescription !== null && accessibilityDescription !== void 0 ? accessibilityDescription : '', src: imageSource, stretch: true, shrink: true }) })));
+    return (_jsx("div", { className: "df-image ".concat(size || 'md'), children: _jsx(Image, { className: "img-responsive ".concat(getMargin(margin)), alt: accessibilityDescription !== null && accessibilityDescription !== void 0 ? accessibilityDescription : '', src: imageSource, stretch: true, shrink: true }) }));
 }
 var readImageBlobAsDataURL = function (imageBlob) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
@@ -89,7 +89,7 @@ var getImageSource = function (httpClient, imageUrl) { return __awaiter(void 0,
                 return [4 /*yield*/, httpClient(imageUrl, {
                         method: 'GET',
                         headers: { 'Content-Type': 'image/image' },
-                        credentials: 'same-origin'
+                        credentials: 'same-origin',
                     })
                         .then(function (response) { return __awaiter(void 0, void 0, void 0, function () {
                         return __generator(this, function (_a) {
@@ -99,7 +99,8 @@ var getImageSource = function (httpClient, imageUrl) { return __awaiter(void 0,
                             throw new Error('Image fetching failed');
                         });
                     }); })
-                        .then(readImageBlobAsDataURL)["catch"](function () { return imageUrl; })];
+                        .then(readImageBlobAsDataURL)
+                        .catch(function () { return imageUrl; })];
             case 1: return [2 /*return*/, _c.sent()];
             case 2: return [2 /*return*/, imageUrl];
             case 3:

package/build/revamp/wise/renderers/InstructionsRenderer.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, jsxs as _jsxs } from "react/jsx-runtime";
 import { Header, InstructionsList } from '@transferwise/components';
 import { getMargin } from './utils/layout-utils';
@@ -28,7 +17,7 @@ var InstructionsRenderer = {
             var text = _a.text;
             return text;
         });
-        return (_jsxs("div", __assign({ className: getMargin(margin) }, { children: [title ? _jsx(Header, { title: title }) : null, _jsx(InstructionsList, { dos: dos, donts: donts })] })));
-    }
+        return (_jsxs("div", { className: getMargin(margin), children: [title ? _jsx(Header, { title: title }) : null, _jsx(InstructionsList, { dos: dos, donts: donts })] }));
+    },
 };
 export default InstructionsRenderer;

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

@@ -28,11 +28,11 @@ var IntegerInputRenderer = {
     canRenderType: 'input-integer',
     render: function (props) {
         var id = props.id, label = props.label, error = props.error, description = props.description, help = props.help, type = props.type, value = props.value, onChange = props.onChange, rest = __rest(props, ["id", "label", "error", "description", "help", "type", "value", "onChange"]);
-        return (_jsx(FieldInput, __assign({ id: id, label: label, description: description, error: error, help: help }, { children: _jsx(Input, __assign({ id: id, name: id, type: "number", step: "1", pattern: "\\d+", value: value !== null && value !== void 0 ? value : '', onChange: function (_a) {
+        return (_jsx(FieldInput, { id: id, label: label, description: description, error: error, help: help, children: _jsx(Input, __assign({ id: id, name: id, type: "number", step: "1", pattern: "\\d+", value: value !== null && value !== void 0 ? value : '', onChange: function (_a) {
                     var newValue = _a.target.value;
                     var parsedValue = Number.parseInt(newValue, 10);
                     onChange(Number.isNaN(parsedValue) ? null : parsedValue);
-                }, onWheel: onWheel }, rest)) })));
-    }
+                }, onWheel: onWheel }, rest)) }));
+    },
 };
 export default IntegerInputRenderer;

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

@@ -6,6 +6,6 @@ var LoadingIndicatorRenderer = {
     render: function (_a) {
         var margin = _a.margin, size = _a.size;
         return (_jsx(Loader, { size: size, classNames: { 'tw-loader': "tw-loader m-x-auto ".concat(getMargin(margin)) }, "data-testid": "loading-indicator" }));
-    }
+    },
 };
 export default LoadingIndicatorRenderer;

package/build/revamp/wise/renderers/MarkdownRenderer.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 { Markdown } from '@transferwise/components';
 import { getTextAlignmentAndMargin } from './utils/layout-utils';
@@ -16,7 +5,7 @@ var MarkdownRenderer = {
     canRenderType: 'markdown',
     render: function (_a) {
         var content = _a.content, align = _a.align, margin = _a.margin;
-        return (_jsx("div", __assign({ className: getTextAlignmentAndMargin({ align: align, margin: margin }) }, { children: _jsx(Markdown, __assign({ config: { link: { target: '_blank' } } }, { children: content })) })));
-    }
+        return (_jsx("div", { className: getTextAlignmentAndMargin({ align: align, margin: margin }), children: _jsx(Markdown, { config: { link: { target: '_blank' } }, children: content }) }));
+    },
 };
 export default MarkdownRenderer;

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

@@ -15,11 +15,11 @@ import { useState } from 'react';
 import { getMargin } from './utils/layout-utils';
 var ModalRenderer = {
     canRenderType: 'modal',
-    render: function (props) { return _jsx(DFModal, __assign({}, props)); }
+    render: function (props) { return _jsx(DFModal, __assign({}, props)); },
 };
 export default ModalRenderer;
 function DFModal(_a) {
     var content = _a.content, margin = _a.margin, trigger = _a.trigger;
     var _b = useState(false), visible = _b[0], setVisible = _b[1];
-    return (_jsxs("div", __assign({ className: getMargin(margin) }, { children: [_jsx(Button, __assign({ priority: "tertiary", block: true, onClick: function () { return setVisible(true); } }, { children: trigger.title })), _jsx(Modal, { scroll: "content", open: visible, size: "lg", body: content.components, onClose: function () { return setVisible(false); } })] })));
+    return (_jsxs("div", { className: getMargin(margin), children: [_jsx(Button, { priority: "tertiary", block: true, onClick: function () { return setVisible(true); }, children: trigger.title }), _jsx(Modal, { scroll: "content", open: visible, size: "lg", body: content.components, onClose: function () { return setVisible(false); } })] }));
 }

package/build/revamp/wise/renderers/MultiUploadInputRenderer.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) {
@@ -60,7 +49,7 @@ var MultiUploadInputRenderer = {
                 file = formData.get('file');
                 fileId = getRandomId();
                 return [2 /*return*/, onUpload(file, fileId).then(function () { return ({
-                        id: fileId
+                        id: fileId,
                     }); })];
             });
         }); };
@@ -68,7 +57,7 @@ var MultiUploadInputRenderer = {
             return [2 /*return*/, onDelete(String(fileId))];
         }); }); };
         var descriptionId = description ? "".concat(id, "-description") : undefined;
-        return (_jsx(UploadFieldInput, __assign({ id: id, label: label, description: description, error: error, help: help }, { children: _jsx(UploadInput, { id: id, "aria-describedby": descriptionId, className: "form-control", description: description, disabled: disabled, fileTypes: getAcceptsString(accepts), maxFiles: maxItems, multiple: true, sizeLimit: maxSize ? toKilobytes(maxSize) : undefined, uploadButtonTitle: uploadLabel, onDeleteFile: onDeleteFile, onUploadFile: onUploadFile }) })));
-    }
+        return (_jsx(UploadFieldInput, { id: id, label: label, description: description, error: error, help: help, children: _jsx(UploadInput, { id: id, "aria-describedby": descriptionId, className: "form-control", description: description, disabled: disabled, fileTypes: getAcceptsString(accepts), maxFiles: maxItems, multiple: true, sizeLimit: maxSize ? toKilobytes(maxSize) : undefined, uploadButtonTitle: uploadLabel, onDeleteFile: onDeleteFile, onUploadFile: onUploadFile }) }));
+    },
 };
 export default MultiUploadInputRenderer;

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

@@ -28,11 +28,11 @@ var NumberInputRenderer = {
     canRenderType: 'input-number',
     render: function (props) {
         var id = props.id, label = props.label, error = props.error, description = props.description, help = props.help, type = props.type, value = props.value, onChange = props.onChange, rest = __rest(props, ["id", "label", "error", "description", "help", "type", "value", "onChange"]);
-        return (_jsx(FieldInput, __assign({ id: id, label: label, description: description, error: error, help: help }, { children: _jsx(Input, __assign({ id: id, name: id, type: "number", value: value !== null && value !== void 0 ? value : '', onChange: function (_a) {
+        return (_jsx(FieldInput, { id: id, label: label, description: description, error: error, help: help, children: _jsx(Input, __assign({ id: id, name: id, type: "number", value: value !== null && value !== void 0 ? value : '', onChange: function (_a) {
                     var newValue = _a.target.value;
                     var parsedValue = Number.parseFloat(newValue);
                     onChange(Number.isNaN(parsedValue) ? null : parsedValue);
-                }, onWheel: onWheel }, rest)) })));
-    }
+                }, onWheel: onWheel }, rest)) }));
+    },
 };
 export default NumberInputRenderer;

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

@@ -18,7 +18,7 @@ import classNames from 'classnames';
 import paragraphMessages from '../../../common/messages/paragraph.messages';
 var ParagraphRenderer = {
     canRenderType: 'paragraph',
-    render: function (props) { return _jsx(Paragraph, __assign({}, props)); }
+    render: function (props) { return _jsx(Paragraph, __assign({}, props)); },
 };
 function Paragraph(_a) {
     var align = _a.align, control = _a.control, margin = _a.margin, text = _a.text;
@@ -27,7 +27,7 @@ function Paragraph(_a) {
 }
 function StandardParagraph(_a) {
     var text = _a.text, className = _a.className;
-    return _jsx("p", __assign({ className: className }, { children: text }));
+    return _jsx("p", { className: className, children: text });
 }
 function CopyableParagraph(_a) {
     var text = _a.text, align = _a.align, className = _a.className;
@@ -36,9 +36,10 @@ function CopyableParagraph(_a) {
     var copy = function () {
         navigator.clipboard
             .writeText(text)
-            .then(function () { return createSnackbar({ text: formatMessage(paragraphMessages.copied) }); })["catch"](function () { });
+            .then(function () { return createSnackbar({ text: formatMessage(paragraphMessages.copied) }); })
+            .catch(function () { });
     };
     var inputAlignmentClasses = getTextAlignmentAndMargin({ align: align, margin: 'sm' });
-    return (_jsxs("div", __assign({ className: className }, { children: [_jsx(Input, { type: "text", value: text, readOnly: true, className: classNames('text-ellipsis', inputAlignmentClasses) }), _jsx(Button, __assign({ block: true, onClick: copy }, { children: formatMessage(paragraphMessages.copy) }))] })));
+    return (_jsxs("div", { className: className, children: [_jsx(Input, { type: "text", value: text, readOnly: true, className: classNames('text-ellipsis', inputAlignmentClasses) }), _jsx(Button, { block: true, onClick: copy, children: formatMessage(paragraphMessages.copy) })] }));
 }
 export default ParagraphRenderer;

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

@@ -19,7 +19,7 @@ import { NavigationOptionMedia } from './components/icon/NavigationOptionMedia';
 import classNames from 'classnames';
 var RepeatableRenderer = {
     canRenderType: 'repeatable',
-    render: function (props) { return _jsx(Repeatable, __assign({}, props)); }
+    render: function (props) { return _jsx(Repeatable, __assign({}, props)); },
 };
 function Repeatable(props) {
     var addItemTitle = props.addItemTitle, description = props.description, editableItem = props.editableItem, editItemTitle = props.editItemTitle, error = props.error, items = props.items, title = props.title, onEdit = props.onEdit, onAdd = props.onAdd, onSave = props.onSave, onRemove = props.onRemove;
@@ -46,10 +46,10 @@ function Repeatable(props) {
     var onCancelEdit = function () {
         setOpenModalType(null);
     };
-    return (_jsxs(_Fragment, { children: [title && _jsx(Header, { title: title }), description && _jsx("p", { children: description }), _jsxs("div", __assign({ className: classNames('form-group', {
-                    'has-error': error
-                }) }, { children: [items === null || items === void 0 ? void 0 : items.map(function (item, index) { return (_jsx(ItemSummaryOption, { item: item, onClick: function () { return onEditItem(index); } }, item.id)); }), _jsx(NavigationOption, { media: _jsx(Plus, {}), title: addItemTitle || formatMessage(messages.addItemTitle), showMediaAtAllSizes: true, onClick: function () { return onAddItem(); } }), error && _jsx(InlineAlert, __assign({ type: "negative" }, { children: error }))] })), _jsx(Modal, { open: openModalType !== null, title: (openModalType === 'add' ? addItemTitle : editItemTitle) ||
-                    formatMessage(messages.addItemTitle), body: _jsxs(_Fragment, { children: [_jsx("div", __assign({ className: "m-b-2" }, { children: editableItem })), _jsxs("div", { children: [_jsx(Button, __assign({ priority: "primary", block: true, className: "m-b-2", onClick: function () { return onSaveItem(); } }, { children: formatMessage(messages.addItem) })), _jsx(Button, __assign({ priority: "secondary", type: "negative", block: true, onClick: function () { return onRemoveItem(); } }, { children: formatMessage(messages.removeItem) }))] })] }), onClose: function () { return onCancelEdit(); } })] }));
+    return (_jsxs(_Fragment, { children: [title && _jsx(Header, { title: title }), description && _jsx("p", { children: description }), _jsxs("div", { className: classNames('form-group', {
+                    'has-error': error,
+                }), children: [items === null || items === void 0 ? void 0 : items.map(function (item, index) { return (_jsx(ItemSummaryOption, { item: item, onClick: function () { return onEditItem(index); } }, item.id)); }), _jsx(NavigationOption, { media: _jsx(Plus, {}), title: addItemTitle || formatMessage(messages.addItemTitle), showMediaAtAllSizes: true, onClick: function () { return onAddItem(); } }), error && _jsx(InlineAlert, { type: "negative", children: error })] }), _jsx(Modal, { open: openModalType !== null, title: (openModalType === 'add' ? addItemTitle : editItemTitle) ||
+                    formatMessage(messages.addItemTitle), body: _jsxs(_Fragment, { children: [_jsx("div", { className: "m-b-2", children: editableItem }), _jsxs("div", { children: [_jsx(Button, { priority: "primary", block: true, className: "m-b-2", onClick: function () { return onSaveItem(); }, children: formatMessage(messages.addItem) }), _jsx(Button, { priority: "secondary", type: "negative", block: true, onClick: function () { return onRemoveItem(); }, children: formatMessage(messages.removeItem) })] })] }), onClose: function () { return onCancelEdit(); } })] }));
 }
 function ItemSummaryOption(_a) {
     var item = _a.item, onClick = _a.onClick;

package/build/revamp/wise/renderers/ReviewRenderer.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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { DefinitionList, Header } from '@transferwise/components';
 import { getMargin } from './utils/layout-utils';
@@ -24,18 +13,18 @@ var ReviewRenderer = {
                 onClick: function (event) {
                     event.preventDefault();
                     callToAction.onClick();
-                }
+                },
             }
             : undefined;
-        return (_jsxs("div", __assign({ className: getMargin(margin) }, { children: [(title || callToAction) && _jsx(Header, { title: title !== null && title !== void 0 ? title : '', action: action }), _jsx("div", __assign({ className: margin }, { children: _jsx(DefinitionList, { layout: orientation, definitions: fields.map(function (_a, index) {
+        return (_jsxs("div", { className: getMargin(margin), children: [(title || callToAction) && _jsx(Header, { title: title !== null && title !== void 0 ? title : '', action: action }), _jsx("div", { className: margin, children: _jsx(DefinitionList, { layout: orientation, definitions: fields.map(function (_a, index) {
                             var label = _a.label, value = _a.value, help = _a.help;
                             return ({
                                 key: String(index),
                                 title: label,
-                                value: getFieldValue(value, help, orientation)
+                                value: getFieldValue(value, help, orientation),
                             });
-                        }) }) }))] })));
-    }
+                        }) }) })] }));
+    },
 };
 export default ReviewRenderer;
 var getFieldValue = function (value, help, orientation) {