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

package/build/legacy/layout/image/DynamicImage.js

@@ -63,12 +63,12 @@ function DynamicImage(_a) {
         alt: accessibilityDescription || text || '',
         src: imageSource,
         stretch: true,
-        shrink: true
+        shrink: true,
     };
     if (!imageSource) {
         return null;
     }
-    return (_jsx("div", __assign({ className: "df-image ".concat(size || 'md') }, { children: _jsx(Image, __assign({ className: "img-responsive ".concat(getMargin(margin || 'md')) }, imageProps)) })));
+    return (_jsx("div", { className: "df-image ".concat(size || 'md'), children: _jsx(Image, __assign({ className: "img-responsive ".concat(getMargin(margin || 'md')) }, imageProps)) }));
 }
 var readImageBlobAsDataURL = function (imageBlob) {
     // we can safely assume the type of reader.result is string
@@ -90,7 +90,7 @@ var getImageSource = function (httpClient, imageUrl) { return __awaiter(void 0,
                 return [2 /*return*/, httpClient(imageUrl, {
                         method: 'GET',
                         headers: { 'Content-Type': 'image/image' },
-                        credentials: 'same-origin'
+                        credentials: 'same-origin',
                     })
                         .then(function (response) {
                         if (response.ok) {
@@ -98,7 +98,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; })];
             }
             return [2 /*return*/, imageUrl];
         }

package/build/legacy/layout/instructions/DynamicInstructions.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';
@@ -25,6 +14,6 @@ var DynamicInstructions = function (_a) {
         var text = _a.text;
         return text;
     });
-    return (_jsxs("div", __assign({ className: getMargin(component.margin || 'md') }, { children: [component.title ? _jsx(Header, { title: component.title }) : null, _jsx(InstructionsList, { dos: dos, donts: donts })] })));
+    return (_jsxs("div", { className: getMargin(component.margin || 'md'), children: [component.title ? _jsx(Header, { title: component.title }) : null, _jsx(InstructionsList, { dos: dos, donts: donts })] }));
 };
 export default DynamicInstructions;

package/build/legacy/layout/list/DynamicStatusList.js

@@ -16,7 +16,7 @@ import { DynamicIcon } from '..';
 import { getMargin } from '../utils';
 var DynamicStatusList = function (_a) {
     var component = _a.component;
-    return (_jsxs("div", __assign({ className: getMargin(component.margin || 'md') }, { children: [component.title ? _jsx(Header, { title: component.title }) : null, component.items.map(mapListItemToSummary)] })));
+    return (_jsxs("div", { className: getMargin(component.margin || 'md'), children: [component.title ? _jsx(Header, { title: component.title }) : null, component.items.map(mapListItemToSummary)] }));
 };
 var mapListItemToSummary = function (_a) {
     var title = _a.title, description = _a.description, icon = _a.icon, status = _a.status;
@@ -26,12 +26,12 @@ var mapListItemToSummary = function (_a) {
 var statusListMap = {
     done: 'done',
     pending: 'pending',
-    'not-done': 'notDone'
+    'not-done': 'notDone',
 };
 var legacyStatusMap = {
     positive: 'done',
     warning: 'pending',
-    neutral: 'notDone'
+    neutral: 'notDone',
 };
 var statusMap = __assign(__assign({}, statusListMap), legacyStatusMap);
 export default DynamicStatusList;

package/build/legacy/layout/list/DynamicStatusList.spec.js

@@ -19,16 +19,16 @@ var onError = jest.fn();
 var onCompletion = jest.fn();
 var i18n = { locale: 'en-GB', messages: __assign({}, componentTranslations.en) };
 var renderComponent = function (step) {
-    render(_jsx(Provider, __assign({ i18n: i18n }, { children: _jsx(DynamicFlow, { flowId: "test", initialStep: step, httpClient: mockHttpClient, onCompletion: onCompletion, onError: onError }) })));
+    render(_jsx(Provider, { i18n: i18n, children: _jsx(DynamicFlow, { flowId: "test", initialStep: step, httpClient: mockHttpClient, onCompletion: onCompletion, onError: onError }) }));
 };
 var makeStatusListStep = function (items) {
     return ({
-        layout: [{ type: 'status-list', title: 'This is a status List', items: items }]
+        layout: [{ type: 'status-list', title: 'This is a status List', items: items }],
     });
 };
 var makeListStep = function (items) {
     return ({
-        layout: [{ type: 'list', title: 'This is a List', items: items }]
+        layout: [{ type: 'list', title: 'This is a List', items: items }],
     });
 };
 describe('DynamicStatusList', function () {
@@ -38,19 +38,19 @@ describe('DynamicStatusList', function () {
                 title: 'Item 1',
                 description: 'The first item is positive',
                 icon: { name: 'bank' },
-                status: 'done'
+                status: 'done',
             },
             {
                 title: 'Item 2',
                 description: 'The second item is neutral',
                 icon: { name: 'emoji' },
-                status: 'not-done'
+                status: 'not-done',
             },
             {
                 title: 'Item 3',
                 description: 'The third item is warning',
                 icon: { name: 'gift-box' },
-                status: 'pending'
+                status: 'pending',
             },
         ];
         it('renders the list title', function () {
@@ -76,19 +76,19 @@ describe('DynamicStatusList', function () {
                 title: 'Item 1',
                 description: 'The first item is positive',
                 icon: { name: 'bank' },
-                status: 'positive'
+                status: 'positive',
             },
             {
                 title: 'Item 2',
                 description: 'The second item is neutral',
                 icon: { name: 'emoji' },
-                status: 'neutral'
+                status: 'neutral',
             },
             {
                 title: 'Item 3',
                 description: 'The third item is warning',
                 icon: { name: 'gift-box' },
-                status: 'warning'
+                status: 'warning',
             },
         ];
         it('renders the list title', function () {

package/build/legacy/layout/loadingIndicator/DynamicLoadingIndicator.js

@@ -5,7 +5,7 @@ var DynamicLoadingIndicator = function (_a) {
     var component = _a.component;
     var _b = component.margin, margin = _b === void 0 ? 'md' : _b, _c = component.size, size = _c === void 0 ? 'md' : _c;
     return (_jsx(Loader, { size: size, classNames: {
-            'tw-loader': "tw-loader m-x-auto ".concat(getMargin(margin))
+            'tw-loader': "tw-loader m-x-auto ".concat(getMargin(margin)),
         }, "data-testid": "loading-indicator" }));
 };
 export default DynamicLoadingIndicator;

package/build/legacy/layout/markdown/DynamicMarkdown.js

@@ -1,23 +1,12 @@
-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';
 export var DynamicMarkdown = function (_a) {
     var component = _a.component;
     var content = component.content, align = component.align, margin = component.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 var DynamicInfo = function (_a) {
     var component = _a.component;
-    return (_jsx("div", __assign({ className: getTextAlignmentAndMargin(component) }, { children: _jsx(Markdown, __assign({ config: { link: { target: '_blank' } } }, { children: component.markdown })) })));
+    return (_jsx("div", { className: getTextAlignmentAndMargin(component), children: _jsx(Markdown, { config: { link: { target: '_blank' } }, children: component.markdown }) }));
 };

package/build/legacy/layout/markdown/DynamicMarkdown.spec.js

@@ -16,8 +16,8 @@ describe('Given a component for dynamically rendering information with markdown'
     var props = function () { return ({
         component: {
             type: 'info',
-            markdown: '### Title ###\n[first link](./first-link)'
-        }
+            markdown: '### Title ###\n[first link](./first-link)',
+        },
     }); };
     it('should render the markdown as HTML', function () {
         render(_jsx(DynamicInfo, __assign({}, props())));
@@ -38,8 +38,8 @@ describe('Given a "markdown" component', function () {
     var props = function () { return ({
         component: {
             type: 'markdown',
-            content: '### Title ###\n[first link](./first-link)'
-        }
+            content: '### Title ###\n[first link](./first-link)',
+        },
     }); };
     it('should render the markdown as HTML', function () {
         render(_jsx(DynamicMarkdown, __assign({}, props())));

package/build/legacy/layout/modal/DynamicModal.js

@@ -18,9 +18,9 @@ function DynamicModal(props) {
     var _a = useState(false), visible = _a[0], isVisible = _a[1];
     var component = props.component, onAction = props.onAction;
     var _b = component.margin, margin = _b === void 0 ? 'md' : _b;
-    return (_jsxs("div", __assign({ className: getTextAlignmentAndMargin({ margin: margin }) }, { children: [_jsx(Button, __assign({ priority: "tertiary", block: true, onClick: function () { return isVisible(true); } }, { children: component.trigger.title })), _jsx(Modal, { scroll: "content", open: visible, size: "lg", body: _jsx(DynamicLayout, __assign({}, props, { components: component.content.components, onAction: function (action) {
+    return (_jsxs("div", { className: getTextAlignmentAndMargin({ margin: margin }), children: [_jsx(Button, { priority: "tertiary", block: true, onClick: function () { return isVisible(true); }, children: component.trigger.title }), _jsx(Modal, { scroll: "content", open: visible, size: "lg", body: _jsx(DynamicLayout, __assign({}, props, { components: component.content.components, onAction: function (action) {
                         isVisible(false);
                         onAction(action);
-                    } })), onClose: function () { return isVisible(false); } })] })));
+                    } })), onClose: function () { return isVisible(false); } })] }));
 }
 export default DynamicModal;

package/build/legacy/layout/paragraph/DynamicParagraph.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 { Button } from '@transferwise/components';
 import { useIntl } from 'react-intl';
@@ -21,7 +10,7 @@ function DynamicParagraph(_a) {
 }
 function BasicDynamicParagraph(_a) {
     var component = _a.component;
-    return _jsxs("p", __assign({ className: getTextAlignmentAndMargin(component) }, { children: [" ", component.text, " "] }));
+    return _jsxs("p", { className: getTextAlignmentAndMargin(component), children: [" ", component.text, " "] });
 }
 function CopyableDynamicParagraph(_a) {
     var component = _a.component;
@@ -30,15 +19,15 @@ function CopyableDynamicParagraph(_a) {
     var text = component.text;
     var copy = function () {
         var _a;
-        (_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(text).then(function () { return createSnackbar({ text: formatMessage(messages.copied) }); })["catch"](noop);
+        (_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(text).then(function () { return createSnackbar({ text: formatMessage(messages.copied) }); }).catch(noop);
     };
     var classNames = "".concat(getTextAlignmentAndMargin({
         align: component.align,
-        margin: 'sm'
+        margin: 'sm',
     }), " form-control");
-    return (_jsxs("div", __assign({ className: getTextAlignmentAndMargin(component) }, { children: [_jsx("input", { type: "text", className: classNames, value: text, readOnly: true, 
+    return (_jsxs("div", { className: getTextAlignmentAndMargin(component), children: [_jsx("input", { type: "text", className: classNames, value: text, readOnly: true, 
                 // eslint-disable-next-line react/forbid-dom-props
-                style: { textOverflow: 'ellipsis' } }), _jsx(Button, __assign({ block: true, onClick: copy }, { children: formatMessage(messages.copy) }))] })));
+                style: { textOverflow: 'ellipsis' } }), _jsx(Button, { block: true, onClick: copy, children: formatMessage(messages.copy) })] }));
 }
 function noop() {
     //

package/build/legacy/layout/review/DynamicReview.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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { DefinitionList, Header } from '@transferwise/components';
 import Help from '../../jsonSchemaForm/help/Help';
@@ -19,7 +8,7 @@ var getDefinitions = function (orientation, review) {
         return ({
             key: String(index),
             title: label,
-            value: getFieldValue(value, help, orientation)
+            value: getFieldValue(value, help, orientation),
         });
     });
 };
@@ -44,7 +33,7 @@ function DynamicReview(props) {
             if (action) {
                 props.onAction(action);
             }
-        }
+        },
     }); };
     var orientation = getReviewLayout(review);
     var callToAction = review.callToAction
@@ -53,6 +42,6 @@ function DynamicReview(props) {
     var legacyCallToAction = !callToAction && review.action
         ? getReviewAction(review.action.title || '', review.action)
         : null;
-    return (_jsxs("div", __assign({ className: margin }, { children: [review.title && (_jsx(Header, { title: review.title, action: callToAction || legacyCallToAction || undefined })), _jsx("div", __assign({ className: margin }, { children: _jsx(DefinitionList, { layout: orientation, definitions: getDefinitions(orientation, review) }) }))] })));
+    return (_jsxs("div", { className: margin, children: [review.title && (_jsx(Header, { title: review.title, action: callToAction || legacyCallToAction || undefined })), _jsx("div", { className: margin, children: _jsx(DefinitionList, { layout: orientation, definitions: getDefinitions(orientation, review) }) })] }));
 }
 export default DynamicReview;

package/build/legacy/layout/review/DynamicReview.spec.js

@@ -58,17 +58,17 @@ describe('Given a component for dynamically rendering reviews', function () {
         fields: [
             {
                 label: 'First Field Label',
-                value: 'First Field Value'
+                value: 'First Field Value',
             },
             {
                 label: 'Second Field Label',
                 value: 'Second Field Value',
                 help: {
-                    markdown: '# This is a help title \n This is a help description'
-                }
+                    markdown: '# This is a help title \n This is a help description',
+                },
             },
         ],
-        margin: 'md'
+        margin: 'md',
     }); };
     it('should render the title and fields', function () {
         renderWithProviders(_jsx(DynamicReview, { component: getComponent(), onAction: jest.fn() }));
@@ -81,7 +81,7 @@ describe('Given a component for dynamically rendering reviews', function () {
     describe('when a callToAction is provided and its title clicked', function () {
         var component = __assign(__assign({}, getComponent()), { callToAction: {
                 title: 'Call To Action Title',
-                action: { url: '/action-url' }
+                action: { url: '/action-url' },
             } });
         it('should call onAction callback with the action object', function () { return __awaiter(void 0, void 0, void 0, function () {
             var onAction;
@@ -120,7 +120,7 @@ describe('Given a component for dynamically rendering reviews', function () {
     describe('when both callToAction and action are provided', function () {
         var component = __assign(__assign({}, getComponent()), { callToAction: {
                 title: 'Call To Action Title',
-                action: { url: '/action-url' }
+                action: { url: '/action-url' },
             }, action: { title: 'Legacy Action Title', url: '/action-url' } });
         it('prefers callToAction over action', function () {
             var onAction = jest.fn();

package/build/legacy/layout/search/DynamicSearch.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 { useMemo, useState } from 'react';
 import { useEventDispatcher } from '../../common/contexts';
@@ -38,7 +27,7 @@ function DynamicSearch(_a) {
         if (type === 'action') {
             onEvent('Dynamic Flow - Search Result Selected', {
                 type: 'action',
-                actionId: value.id || value.$id
+                actionId: value.id || value.$id,
             });
             onAction(value);
         }
@@ -53,6 +42,6 @@ function DynamicSearch(_a) {
         setQuery(query);
         void search(query);
     };
-    return (_jsxs("div", __assign({ className: getMargin(margin || 'md') }, { children: [_jsx(SearchInput, { title: title, value: query, onChange: onChange, onFocus: onSearchStart }), status === 'loading' && (_jsx(DynamicLoadingIndicator, { component: { type: 'loading-indicator', size: 'sm' } })), status === 'error' && _jsx(ErrorResult, { onRetrySearch: onRetrySearch }), status === 'success' && (_jsx(SearchResults, { results: results, emptyMessage: emptyMessage, onSelect: onResultSelected }))] })));
+    return (_jsxs("div", { className: getMargin(margin || 'md'), children: [_jsx(SearchInput, { title: title, value: query, onChange: onChange, onFocus: onSearchStart }), status === 'loading' && (_jsx(DynamicLoadingIndicator, { component: { type: 'loading-indicator', size: 'sm' } })), status === 'error' && _jsx(ErrorResult, { onRetrySearch: onRetrySearch }), status === 'success' && (_jsx(SearchResults, { results: results, emptyMessage: emptyMessage, onSelect: onResultSelected }))] }));
 }
 export default DynamicSearch;

package/build/legacy/layout/search/SearchInput.js

@@ -1,17 +1,6 @@
-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 { Input } from '@transferwise/components';
 export var SearchInput = function (_a) {
     var title = _a.title, value = _a.value, onFocus = _a.onFocus, onChange = _a.onChange;
-    return (_jsxs("label", __assign({ className: "control-label d-inline" }, { children: [title, _jsx(Input, { type: "text", value: value, className: "m-t-1", onFocus: onFocus, onChange: function (event) { return onChange(event.currentTarget.value); } })] })));
+    return (_jsxs("label", { className: "control-label d-inline", children: [title, _jsx(Input, { type: "text", value: value, className: "m-t-1", onFocus: onFocus, onChange: function (event) { return onChange(event.currentTarget.value); } })] }));
 };

package/build/legacy/layout/search/SearchResults.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 { NavigationOption, NavigationOptionsList } from '@transferwise/components';
 import { useIntl } from 'react-intl';
@@ -17,15 +6,15 @@ import { getNavigationOptionMedia } from '../utils';
 export function SearchResults(_a) {
     var results = _a.results, emptyMessage = _a.emptyMessage, onSelect = _a.onSelect;
     if (results.length === 0) {
-        return _jsx("p", __assign({ className: "m-t-2" }, { children: emptyMessage }));
+        return _jsx("p", { className: "m-t-2", children: emptyMessage });
     }
     return (_jsx(NavigationOptionsList, { children: results.map(function (result) { return (_jsx(NavigationOption, { title: result.title, content: result.description, media: getNavigationOptionMedia(result), showMediaCircle: false, showMediaAtAllSizes: true, onClick: function () { return onSelect(result); } }, JSON.stringify(result))); }) }));
 }
 export function ErrorResult(_a) {
     var onRetrySearch = _a.onRetrySearch;
     var intl = useIntl();
-    return (_jsxs("p", __assign({ className: "m-t-2" }, { children: [intl.formatMessage(messages.genericError), "\u00A0", _jsx("a", __assign({ href: "/", onClick: function (e) {
+    return (_jsxs("p", { className: "m-t-2", children: [intl.formatMessage(messages.genericError), "\u00A0", _jsx("a", { href: "/", onClick: function (e) {
                     e.preventDefault();
                     onRetrySearch();
-                } }, { children: intl.formatMessage(messages.retry) }))] })));
+                }, children: intl.formatMessage(messages.retry) })] }));
 }

package/build/legacy/layout/search/useSearch.js

@@ -40,7 +40,7 @@ import { useHttpClient } from '../../../common/httpClientContext';
 var headers = { 'Content-Type': 'application/json' };
 export var useSearch = function (defaultSearchConfig) {
     var _a = useState({
-        status: 'idle'
+        status: 'idle',
     }), state = _a[0], setState = _a[1];
     var abortControllerRef = useRef(null);
     var httpClient = useHttpClient();
@@ -68,13 +68,13 @@ export var useSearch = function (defaultSearchConfig) {
                             ? httpClient(addQueryParameter(url, param, query), {
                                 method: method,
                                 signal: signal,
-                                headers: headers
+                                headers: headers,
                             })
                             : httpClient(url, {
                                 method: method,
                                 signal: signal,
                                 headers: headers,
-                                body: JSON.stringify((_c = {}, _c[param] = query, _c))
+                                body: JSON.stringify((_c = {}, _c[param] = query, _c)),
                             });
                         return [4 /*yield*/, request];
                     case 2:
@@ -98,7 +98,7 @@ export var useSearch = function (defaultSearchConfig) {
             switch (_a.label) {
                 case 0:
                     if (!response.ok) return [3 /*break*/, 2];
-                    return [4 /*yield*/, response.json()["catch"](function () { return null; })];
+                    return [4 /*yield*/, response.json().catch(function () { return null; })];
                 case 1:
                     body = _a.sent();
                     if (isValidResponseBody(body)) {

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

@@ -1,24 +1,13 @@
-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 { Avatar, AvatarType } from '@transferwise/components';
 import DynamicIcon from '../icon/DynamicIcon';
 export var getNavigationOptionMedia = function (_a) {
     var icon = _a.icon, image = _a.image;
     if (icon === null || icon === void 0 ? void 0 : icon.name) {
-        return (_jsx(Avatar, __assign({ type: AvatarType.ICON }, { children: _jsx(DynamicIcon, { type: icon.name }) })));
+        return (_jsx(Avatar, { type: AvatarType.ICON, children: _jsx(DynamicIcon, { type: icon.name }) }));
     }
     if (icon === null || icon === void 0 ? void 0 : icon.text) {
-        return _jsx(Avatar, __assign({ type: AvatarType.INITIALS }, { children: icon.text }));
+        return _jsx(Avatar, { type: AvatarType.INITIALS, children: icon.text });
     }
     if (image === null || image === void 0 ? void 0 : image.url) {
         var url = image.url, text = image.text;

package/build/legacy/step/cameraStep/CameraStep.js

@@ -84,7 +84,7 @@ function CameraStep(props) {
                         model: newModel,
                         formSchema: objectSchema,
                         triggerModel: newValue,
-                        triggerSchema: cameraSchema
+                        triggerSchema: cameraSchema,
                     });
                     _b.label = 2;
                 case 2: return [2 /*return*/];

package/build/legacy/step/cameraStep/cameraCapture/CameraCapture.js

@@ -109,7 +109,7 @@ function CameraCapture(_a) {
                         title: intl.formatMessage(messages.noCameraAccessTitle),
                         description: intl.formatMessage(messages.noCameraAccessParagraph),
                         actionButton: intl.formatMessage(messages.noCameraAccessAction),
-                        onAction: handleRetryCameraAccess
+                        onAction: handleRetryCameraAccess,
                     });
                     trackCameraError('Dynamic Flow - Camera Permission Denied', onEvent, error);
                     return;
@@ -121,7 +121,7 @@ function CameraCapture(_a) {
                         title: intl.formatMessage(messages.cameraConnectionIssueTitle),
                         description: intl.formatMessage(messages.cameraConnectionIssueParagraph),
                         actionButton: intl.formatMessage(messages.cameraConnectionIssueAction),
-                        onAction: handleRetryCameraAccess
+                        onAction: handleRetryCameraAccess,
                     });
                     trackCameraError('Dynamic Flow - Camera Not Accessible', onEvent, error);
                     return;
@@ -129,7 +129,7 @@ function CameraCapture(_a) {
         }
         setCameraError({
             title: intl.formatMessage(messages.cameraNotSupportedTitle),
-            description: intl.formatMessage(messages.cameraNotSupportedParagraph)
+            description: intl.formatMessage(messages.cameraNotSupportedParagraph),
         });
         trackCameraError('Dynamic Flow - Camera Not Supported', onEvent, error);
     }, [intl, onEvent]);
@@ -152,10 +152,10 @@ function CameraCapture(_a) {
             exitFullScreen();
         }
     }, [mode, exitFullScreen]);
-    var captureScreen = (_jsxs("div", __assign({ className: "camera-capture" }, { children: [videoConstraints && (_jsx(Webcam, { ref: webcamReference, audio: false, videoConstraints: videoConstraints, mirrored: isVideoMirrored, onUserMediaError: handleUserMediaError, onUserMedia: handleUserMedia })), _jsx(Overlay, { overlay: overlay, outline: outline, imageUrl: imageUrl, title: title, instructions: instructions }), shouldLockOrientation && _jsx(OrientationLockOverlay, {}), ready && (_jsx(CaptureBottomBar, { onCapture: function () {
+    var captureScreen = (_jsxs("div", { className: "camera-capture", children: [videoConstraints && (_jsx(Webcam, { ref: webcamReference, audio: false, videoConstraints: videoConstraints, mirrored: isVideoMirrored, onUserMediaError: handleUserMediaError, onUserMedia: handleUserMedia })), _jsx(Overlay, { overlay: overlay, outline: outline, imageUrl: imageUrl, title: title, instructions: instructions }), shouldLockOrientation && _jsx(OrientationLockOverlay, {}), ready && (_jsx(CaptureBottomBar, { onCapture: function () {
                     void handleCapture();
-                } }))] })));
-    var reviewScreen = (_jsxs("div", __assign({ className: "camera-capture" }, { children: [_jsx("img", { className: "review-image", src: reviewImage === null || reviewImage === void 0 ? void 0 : reviewImage.source, alt: "" }), _jsx(Overlay, { overlay: overlay, imageUrl: imageUrl, title: title, instructions: instructions, reviewInstructions: intl.formatMessage(messages.reviewInstructions) }), _jsx(ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })] })));
+                } }))] }));
+    var reviewScreen = (_jsxs("div", { className: "camera-capture", children: [_jsx("img", { className: "review-image", src: reviewImage === null || reviewImage === void 0 ? void 0 : reviewImage.source, alt: "" }), _jsx(Overlay, { overlay: overlay, imageUrl: imageUrl, title: title, instructions: instructions, reviewInstructions: intl.formatMessage(messages.reviewInstructions) }), _jsx(ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })] }));
     return (_jsxs("section", { children: [mode === CameraMode.CAPTURE && captureScreen, mode === CameraMode.REVIEW && reviewScreen, mode === CameraMode.ERROR && cameraError && _jsx(CameraErrorScreen, __assign({}, cameraError))] }));
 }
 export default CameraCapture;

package/build/legacy/step/cameraStep/cameraCapture/CameraCapture.messages.js

@@ -3,56 +3,56 @@ export default defineMessages({
     reviewSubmit: {
         id: 'dynamicFlows.CameraCapture.reviewSubmit',
         defaultMessage: 'Yes, submit',
-        description: 'Accept and submit the image taken with the camera'
+        description: 'Accept and submit the image taken with the camera',
     },
     reviewRetry: {
         id: 'dynamicFlows.CameraCapture.reviewRetry',
         defaultMessage: 'No, try again',
-        description: "Image taken with camera is not good, don't submit, and retake the image"
+        description: "Image taken with camera is not good, don't submit, and retake the image",
     },
     reviewInstructions: {
         id: 'dynamicFlows.CameraCapture.reviewInstructions',
         defaultMessage: 'Is your picture clear, readable and complete?',
-        description: 'After taking an image with the camera, prompt user to review the image'
+        description: 'After taking an image with the camera, prompt user to review the image',
     },
     cameraNotSupportedTitle: {
         id: 'dynamicFlows.CameraCapture.CameraNotSupported.title',
         defaultMessage: 'Camera not supported',
-        description: 'Title of standalone page prompting that camera is not available on users browser'
+        description: 'Title of standalone page prompting that camera is not available on users browser',
     },
     cameraNotSupportedParagraph: {
         id: 'dynamicFlows.CameraCapture.CameraNotSupported.paragraph',
         defaultMessage: "The browser you're using doesn't have support for a camera. Try a different browser, device, or download our mobile app.",
-        description: "Further text of standalone page prompting that camera is not available on user's browser"
+        description: "Further text of standalone page prompting that camera is not available on user's browser",
     },
     noCameraAccessTitle: {
         id: 'dynamicFlows.CameraCapture.NoCameraAccess.title',
         defaultMessage: "We can't access your camera",
-        description: 'Title of standalone page prompting missing camera permissions'
+        description: 'Title of standalone page prompting missing camera permissions',
     },
     noCameraAccessParagraph: {
         id: 'dynamicFlows.CameraCapture.NoCameraAccess.paragraph',
         defaultMessage: "Enable camera access in your browser's settings to get going again.",
-        description: 'Further text of standalone page prompting missing camera permissions'
+        description: 'Further text of standalone page prompting missing camera permissions',
     },
     noCameraAccessAction: {
         id: 'dynamicFlows.CameraCapture.NoCameraAccess.action',
         defaultMessage: 'Enable camera access',
-        description: 'Action to ask for camera permissions again'
+        description: 'Action to ask for camera permissions again',
     },
     cameraConnectionIssueTitle: {
         id: 'dynamicFlows.CameraCapture.CameraConnectionIssue.title',
         defaultMessage: "We can't access your camera",
-        description: 'Title of standalone page prompting that there was an issue connecting to a camera'
+        description: 'Title of standalone page prompting that there was an issue connecting to a camera',
     },
     cameraConnectionIssueParagraph: {
         id: 'dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph',
         defaultMessage: "Please check if it is connected and try again.",
-        description: 'Further text of standalone page prompting that there was an issue connecting to a camera'
+        description: 'Further text of standalone page prompting that there was an issue connecting to a camera',
     },
     cameraConnectionIssueAction: {
         id: 'dynamicFlows.CameraCapture.CameraConnectionIssue.action',
         defaultMessage: 'Try again',
-        description: 'Action to try using camera again'
-    }
+        description: 'Action to try using camera again',
+    },
 });