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

package/build/revamp/renderers/mappers/loadingIndicatorComponentToProps.js

@@ -4,6 +4,6 @@ export var loadingIndicatorComponentToProps = function (_a) {
         type: 'loading-indicator',
         control: control,
         margin: margin,
-        size: size
+        size: size,
     });
 };

package/build/revamp/renderers/mappers/markdownComponentToProps.js

@@ -5,6 +5,6 @@ export var markdownComponentToProps = function (_a) {
         align: align,
         margin: margin,
         content: content,
-        control: control
+        control: control,
     });
 };

package/build/revamp/renderers/mappers/modalComponentToProps.js

@@ -5,6 +5,6 @@ export var modalComponentToProps = function (_a, components) {
         content: { components: components },
         control: control,
         margin: margin,
-        trigger: trigger
+        trigger: trigger,
     });
 };

package/build/revamp/renderers/mappers/multiUploadInputComponentToProps.js

@@ -17,7 +17,7 @@ export var multiUploadInputComponentToProps = function (component) {
         var _a;
         return ({
             id: (_a = findIdByValue(file)) !== null && _a !== void 0 ? _a : '',
-            file: file
+            file: file,
         });
     });
     return __assign(__assign({}, inputComponentToProps(component, 'input-upload-multi')), { accepts: accepts, maxSize: maxSize, minItems: minItems, maxItems: maxItems, uploadLabel: uploadLabel, value: fileList, onUpload: component.onUpload.bind(component), onDelete: component.onDelete.bind(component) });

package/build/revamp/renderers/mappers/objectComponentToProps.js

@@ -6,6 +6,6 @@ export var objectComponentToProps = function (_a, children) {
         control: control,
         description: description,
         help: help,
-        title: title
+        title: title,
     });
 };

package/build/revamp/renderers/mappers/paragraphComponentToProps.js

@@ -5,6 +5,6 @@ export var paragraphComponentToProps = function (_a) {
         align: align,
         control: control,
         margin: margin,
-        text: text
+        text: text,
     });
 };

package/build/revamp/renderers/mappers/repeatableComponentToProps.js

@@ -17,7 +17,7 @@ export var repeatableComponentToProps = function (component, children, editableI
             title: (_a = componentSummary.title) !== null && _a !== void 0 ? _a : summaryDefaults.title,
             description: (_b = componentSummary.description) !== null && _b !== void 0 ? _b : summaryDefaults.description,
             icon: (_c = componentSummary.icon) !== null && _c !== void 0 ? _c : summaryDefaults.icon,
-            image: (_d = componentSummary.image) !== null && _d !== void 0 ? _d : summaryDefaults.image
+            image: (_d = componentSummary.image) !== null && _d !== void 0 ? _d : summaryDefaults.image,
         });
     };
     var itemProps = components.map(function (childComponent) { return (__assign(__assign({}, getSummary(childComponent.getSummary())), { id: "".concat(childComponent.uid, "-summary") })); });
@@ -35,6 +35,6 @@ export var repeatableComponentToProps = function (component, children, editableI
         onAdd: onAdd.bind(component),
         onEdit: onEdit.bind(component),
         onSave: onSave.bind(component),
-        onRemove: onRemove.bind(component)
+        onRemove: onRemove.bind(component),
     };
 };

package/build/revamp/renderers/mappers/reviewComponentToProps.js

@@ -6,6 +6,6 @@ export var reviewComponentToProps = function (_a) {
         control: control,
         fields: fields,
         margin: margin,
-        title: title
+        title: title,
     });
 };

package/build/revamp/renderers/mappers/searchComponentToProps.js

@@ -19,7 +19,7 @@ export var searchComponentToProps = function (component) {
         query: query,
         results: results,
         onChange: onChange,
-        onSelect: onSelect
+        onSelect: onSelect,
     });
     return {
         type: 'search',
@@ -30,7 +30,7 @@ export var searchComponentToProps = function (component) {
         query: query,
         state: state,
         title: title,
-        onChange: onChange
+        onChange: onChange,
     };
 };
 var getSearchState = function (_a) {

package/build/revamp/renderers/mappers/statusListComponentToProps.js

@@ -5,6 +5,6 @@ export var statusListComponentToProps = function (_a) {
         control: control,
         items: items,
         margin: margin,
-        title: title
+        title: title,
     });
 };

package/build/revamp/renderers/mappers/utils/inputComponentToProps.js

@@ -19,7 +19,7 @@ export var inputComponentToProps = function (component, type) {
         required: required,
         value: component.getLocalValue(),
         onBlur: onBlur.bind(component),
-        onFocus: onFocus.bind(component)
+        onFocus: onFocus.bind(component),
     };
 };
 var componentHasValidationState = function (component) {

package/build/revamp/renderers/step/ExternalConfirmationDialog.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 { useIntl } from 'react-intl';
 import messages from '../../../common/messages/external-confirmation.messages';
@@ -16,10 +5,10 @@ import { Button, Markdown } from '@transferwise/components';
 export function ExternalConfirmationDialog(_a) {
     var external = _a.external, onClose = _a.onClose;
     var formatMessage = useIntl().formatMessage;
-    return (_jsx("div", __assign({ className: "df-box-renderer-fixed-width" }, { children: _jsxs("div", __assign({ className: "df-box-renderer-width-lg" }, { children: [_jsx("h2", __assign({ className: "text-xs-center m-b-5" }, { children: formatMessage(messages.title) })), _jsx(Markdown, __assign({ config: { link: { target: '_blank' } }, className: "text-xs-center m-b-5" }, { children: formatMessage(messages.description, { origin: getOrigin(external.url) }) })), _jsx("div", __assign({ className: "df-box-renderer-fixed-width" }, { children: _jsxs("div", __assign({ className: "df-box-renderer-width-lg" }, { children: [_jsx(Button, __assign({ block: true, className: "m-b-2", priority: "primary", size: "md", onClick: function () {
+    return (_jsx("div", { className: "df-box-renderer-fixed-width", children: _jsxs("div", { className: "df-box-renderer-width-lg", children: [_jsx("h2", { className: "text-xs-center m-b-5", children: formatMessage(messages.title) }), _jsx(Markdown, { config: { link: { target: '_blank' } }, className: "text-xs-center m-b-5", children: formatMessage(messages.description, { origin: getOrigin(external.url) }) }), _jsx("div", { className: "df-box-renderer-fixed-width", children: _jsxs("div", { className: "df-box-renderer-width-lg", children: [_jsx(Button, { block: true, className: "m-b-2", priority: "primary", size: "md", onClick: function () {
                                     window.open(external.url);
                                     onClose();
-                                } }, { children: formatMessage(messages.open) })), _jsx(Button, __assign({ block: true, className: "m-b-2", priority: "tertiary", size: "md", onClick: onClose }, { children: formatMessage(messages.cancel) }))] })) }))] })) })));
+                                }, children: formatMessage(messages.open) }), _jsx(Button, { block: true, className: "m-b-2", priority: "tertiary", size: "md", onClick: onClose, children: formatMessage(messages.cancel) })] }) })] }) }));
 }
 function getOrigin(url) {
     try {

package/build/revamp/renderers/step/StepRenderer.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 { useMemo } from 'react';
 import { LoadingContextProvider } from '../LoadingContext';
@@ -16,7 +5,7 @@ import { useExternal } from './useExternal';
 import { ExternalConfirmationDialog } from './ExternalConfirmationDialog';
 export var StepRenderer = {
     canRenderType: 'step',
-    render: StepRendererComponent
+    render: StepRendererComponent,
 };
 function StepRendererComponent(_a) {
     var children = _a.children, external = _a.external, loadingState = _a.loadingState;
@@ -25,5 +14,5 @@ function StepRendererComponent(_a) {
     if ((external === null || external === void 0 ? void 0 : external.url) && requiresUserConfirmation) {
         return _jsx(ExternalConfirmationDialog, { external: external, onClose: dismissConfirmation });
     }
-    return _jsx(LoadingContextProvider, __assign({ value: value }, { children: children }));
+    return _jsx(LoadingContextProvider, { value: value, children: children });
 }

package/build/revamp/renderers/stepComponentToProps.js

@@ -4,6 +4,6 @@ export var stepComponentToProps = function (_a, children) {
         type: 'step',
         external: external,
         loadingState: loadingState,
-        children: children
+        children: children,
     });
 };

package/build/revamp/stories/dev-tools/DynamicFlowRevamp.story.js

@@ -20,8 +20,8 @@ export default {
     component: DynamicFlowWise,
     title: 'Revamp/Dev Tools',
     parameters: {
-        chromatic: { disableSnapshot: true }
-    }
+        chromatic: { disableSnapshot: true },
+    },
 };
 export function ExampleStep() {
     var step = getBasicStep();
@@ -40,7 +40,7 @@ export function GlobalErrorStep() {
 }
 export function Search() {
     var step = getSearchStep();
-    return (_jsxs(_Fragment, { children: [_jsx("div", __assign({ style: { display: 'flex', justifyContent: 'center' } }, { children: _jsxs("ul", { children: [_jsx("li", { children: "If your search term has 3 or fewer characters, the search results will take 2 seconds to load." }), _jsx("li", { children: "If your search term has more than 3 characters, the search results will take 1 second to load." }), _jsx("li", { children: "If your search term is \"nothing\", then the search results will take 1 second to load, but will be empty." }), _jsx("li", { children: "If your search term is \"error\", then the search results will take 1 second to load, with a status 500." })] }) })), _jsx(DynamicFlowWise, { flowId: "new-df-flow-id", httpClient: mockSearchHandler, initialStep: step, onCompletion: action('onCompletion'), onEvent: action('onEvent'), onError: function (error) {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { style: { display: 'flex', justifyContent: 'center' }, children: _jsxs("ul", { children: [_jsx("li", { children: "If your search term has 3 or fewer characters, the search results will take 2 seconds to load." }), _jsx("li", { children: "If your search term has more than 3 characters, the search results will take 1 second to load." }), _jsx("li", { children: "If your search term is \"nothing\", then the search results will take 1 second to load, but will be empty." }), _jsx("li", { children: "If your search term is \"error\", then the search results will take 1 second to load, with a status 500." })] }) }), _jsx(DynamicFlowWise, { flowId: "new-df-flow-id", httpClient: mockSearchHandler, initialStep: step, onCompletion: action('onCompletion'), onEvent: action('onEvent'), onError: function (error) {
                     action('onError');
                     console.error(error);
                 }, onLog: action('onLog') })] }));
@@ -64,10 +64,10 @@ var getBasicStep = function () { return ({
             displayOrder: ['name', 'date', 'occupation', 'age', 'money', 'profileId'],
             alert: {
                 type: 'alert',
-                markdown: 'Please enter the correct details here'
+                markdown: 'Please enter the correct details here',
             },
             properties: {
-                profileId: { "const": 12345678 },
+                profileId: { const: 12345678 },
                 name: {
                     title: 'Full name',
                     type: 'string',
@@ -77,12 +77,12 @@ var getBasicStep = function () { return ({
                     validationMessages: {
                         required: 'Name is required',
                         minLength: 'Name is too short',
-                        maxLength: 'Name is too long'
-                    }
+                        maxLength: 'Name is too long',
+                    },
                 },
                 occupation: {
                     title: 'Occupation',
-                    type: 'string'
+                    type: 'string',
                 },
                 date: {
                     title: 'Date',
@@ -90,7 +90,7 @@ var getBasicStep = function () { return ({
                     format: 'date',
                     control: 'date-lookup',
                     minimum: '2023-01-01',
-                    maximum: '2023-12-31'
+                    maximum: '2023-12-31',
                 },
                 age: {
                     title: 'Age',
@@ -101,9 +101,9 @@ var getBasicStep = function () { return ({
                     validationMessages: {
                         required: 'Age is required',
                         minimum: 'Age is too low',
-                        maximum: 'Age is too high'
+                        maximum: 'Age is too high',
                     },
-                    alert: { type: 'alert', markdown: 'You must be over 18' }
+                    alert: { type: 'alert', markdown: 'You must be over 18' },
                 },
                 money: {
                     title: 'How much money would you like?',
@@ -113,11 +113,11 @@ var getBasicStep = function () { return ({
                     validationMessages: {
                         required: 'Money is required',
                         minimum: 'Money is too low',
-                        maximum: 'Money is too high'
-                    }
-                }
+                        maximum: 'Money is too high',
+                    },
+                },
             },
-            required: ['name', 'age']
+            required: ['name', 'age'],
         },
         {
             $id: '#bank-info',
@@ -135,33 +135,33 @@ var getBasicStep = function () { return ({
                     placeholder: 'This is a placeholder',
                     disabled: false,
                     validationMessages: { required: 'Please select an option' },
-                    "default": 'EUR',
+                    default: 'EUR',
                     oneOf: [
                         {
                             title: 'EUR',
                             icon: { name: 'flag-eur' },
                             description: 'Euro (schema default)',
-                            "const": 'EUR'
+                            const: 'EUR',
                         },
                         {
                             title: 'GBP',
                             icon: { name: 'flag-gbp' },
                             description: 'British pound',
-                            "const": { gbp: 'GBP' }
+                            const: { gbp: 'GBP' },
                         },
                         {
                             title: 'USD',
                             icon: { name: 'flag-usd' },
                             description: 'United States dollar',
-                            "const": 'USD'
+                            const: 'USD',
                         },
-                    ]
+                    ],
                 },
                 complexOneOf: {
                     title: 'Complex oneOf',
                     description: 'Complex oneOf schema description blah blah blah blah.',
                     control: 'tab',
-                    "default": { type: 'type-a', accountNumber: '12345678' },
+                    default: { type: 'type-a', accountNumber: '12345678' },
                     oneOf: [
                         {
                             type: 'object',
@@ -171,16 +171,16 @@ var getBasicStep = function () { return ({
                             displayOrder: ['type', 'accountNumber', 'sortCodeA'],
                             required: ['sortCodeA'],
                             properties: {
-                                type: { "const": 'type-a' },
+                                type: { const: 'type-a' },
                                 accountNumber: {
                                     title: '(A) Account number',
-                                    type: 'string'
+                                    type: 'string',
                                 },
                                 sortCodeA: {
                                     title: '(A) Sort code',
-                                    type: 'string'
-                                }
-                            }
+                                    type: 'string',
+                                },
+                            },
                         },
                         {
                             type: 'object',
@@ -189,20 +189,20 @@ var getBasicStep = function () { return ({
                             description: 'Option B description',
                             displayOrder: ['type', 'accountNumber', 'sortCodeB'],
                             properties: {
-                                type: { "const": 'type-b' },
+                                type: { const: 'type-b' },
                                 accountNumber: {
                                     title: '(B) Account number',
-                                    type: 'string'
+                                    type: 'string',
                                 },
                                 sortCodeB: {
                                     title: '(B) Sort code',
-                                    type: 'string'
-                                }
-                            }
+                                    type: 'string',
+                                },
+                            },
                         },
-                    ]
-                }
-            }
+                    ],
+                },
+            },
         },
     ],
     layout: [
@@ -210,22 +210,22 @@ var getBasicStep = function () { return ({
         {
             type: 'alert',
             markdown: 'If you can see this, things are going **well**.',
-            context: 'positive'
+            context: 'positive',
         },
         {
             type: 'columns',
             left: [
                 {
                     type: 'form',
-                    schemaId: '#personal-details'
+                    schemaId: '#personal-details',
                 },
             ],
             right: [
                 {
                     type: 'form',
-                    schemaId: '#bank-info'
+                    schemaId: '#bank-info',
                 },
-            ]
+            ],
         },
         {
             type: 'columns',
@@ -233,15 +233,15 @@ var getBasicStep = function () { return ({
             left: [
                 {
                     type: 'paragraph',
-                    text: "Starting paragraph: The Wise account is the universal way for you to manage money internationally. It's made for the world. And it's built to save your money and time, so you can do more of the things you love."
+                    text: "Starting paragraph: The Wise account is the universal way for you to manage money internationally. It's made for the world. And it's built to save your money and time, so you can do more of the things you love.",
                 },
             ],
             right: [
                 {
                     type: 'paragraph',
-                    text: "Ending paragraph: The Wise account is the universal way for you to manage money internationally. It's made for the world. And it's built to save your money and time, so you can do more of the things you love."
+                    text: "Ending paragraph: The Wise account is the universal way for you to manage money internationally. It's made for the world. And it's built to save your money and time, so you can do more of the things you love.",
                 },
-            ]
+            ],
         },
         {
             type: 'box',
@@ -251,9 +251,9 @@ var getBasicStep = function () { return ({
                 {
                     type: 'paragraph',
                     text: "The Wise account is the universal way for you to manage money internationally. It's made for the world. And it's built to save your money and time, so you can do more of the things you love.",
-                    align: 'center'
+                    align: 'center',
                 },
-            ]
+            ],
         },
         {
             type: 'button',
@@ -261,8 +261,8 @@ var getBasicStep = function () { return ({
             control: 'primary',
             action: {
                 url: '/submit',
-                method: 'POST'
-            }
+                method: 'POST',
+            },
         },
         {
             type: 'button',
@@ -270,15 +270,15 @@ var getBasicStep = function () { return ({
             control: 'secondary',
             action: {
                 url: '/cancel',
-                method: 'POST'
-            }
+                method: 'POST',
+            },
         },
-    ]
+    ],
 }); };
 var getModelStep = function () { return (__assign(__assign({}, getBasicStep()), { model: {
         name: 'John Smith',
         currency: 'USD',
-        complexOneOf: { type: 'type-a', accountNumber: '12345678', sortCodeA: '123456' }
+        complexOneOf: { type: 'type-a', accountNumber: '12345678', sortCodeA: '123456' },
     } })); };
 var getSearchStep = function () { return ({
     id: 'new-df-initial-step',
@@ -291,14 +291,14 @@ var getSearchStep = function () { return ({
             method: 'GET',
             emptyMessage: 'No results found',
             url: '/search/',
-            param: 'query'
+            param: 'query',
         },
-    ]
+    ],
 }); };
 var getGlobalErrorStep = function () { return (__assign(__assign({}, getBasicStep()), { errors: {
         error: 'This is a global error',
         validation: {
             name: "I don't like your name",
-            complexOneOf: { sortCodeB: 'This is a validation error' }
-        }
+            complexOneOf: { sortCodeB: 'This is a validation error' },
+        },
     } })); };

package/build/revamp/stories/dev-tools/EditableStep.story.js

@@ -31,10 +31,10 @@ function InteractiveDemo(_a) {
     var onTextAreaChange = function (event) {
         setInitialStep(event.target.value);
     };
-    return (_jsxs("div", __assign({ style: { display: 'flex', gap: '1em' } }, { children: [_jsxs("div", __assign({ style: { flexBasis: '50%' } }, { children: [_jsx("h3", { children: "Revamp Editable Demo" }), _jsxs("p", { children: ["You can specify a response status code and body, and DF will load your step.", _jsx("br", {}), "(for ideas, you can select an initial step from the drop down in the controls panel)"] }), _jsxs("fieldset", { children: [_jsx("label", __assign({ htmlFor: "status-code" }, { children: "Response Status code: " })), _jsx(StatusCodeSelect, { id: "status-code", state: [initialStatusCode, setInitialStatusCode] })] }), _jsxs("fieldset", { children: [_jsx("label", __assign({ htmlFor: "textarea" }, { children: "Response Body:" })), _jsx(InvalidJsonWarning, { initialStep: initialStep }), _jsx("textarea", { id: "textarea", wrap: "off", rows: 40, style: { fontFamily: 'monospace', fontSize: '0.9em', width: '100%' }, value: initialStep, onChange: onTextAreaChange })] })] })), _jsx("div", __assign({ style: { flexBasis: '50%' } }, { children: _jsx(DynamicFlowWise, { flowId: "the-flow-id", initialStep: JSON.parse(initialStep), httpClient: fixtureHttpClient, onCompletion: action('onCompletion'), onError: function (error) {
+    return (_jsxs("div", { style: { display: 'flex', gap: '1em' }, children: [_jsxs("div", { style: { flexBasis: '50%' }, children: [_jsx("h3", { children: "Revamp Editable Demo" }), _jsxs("p", { children: ["You can specify a response status code and body, and DF will load your step.", _jsx("br", {}), "(for ideas, you can select an initial step from the drop down in the controls panel)"] }), _jsxs("fieldset", { children: [_jsx("label", { htmlFor: "status-code", children: "Response Status code: " }), _jsx(StatusCodeSelect, { id: "status-code", state: [initialStatusCode, setInitialStatusCode] })] }), _jsxs("fieldset", { children: [_jsx("label", { htmlFor: "textarea", children: "Response Body:" }), _jsx(InvalidJsonWarning, { initialStep: initialStep }), _jsx("textarea", { id: "textarea", wrap: "off", rows: 40, style: { fontFamily: 'monospace', fontSize: '0.9em', width: '100%' }, value: initialStep, onChange: onTextAreaChange })] })] }), _jsx("div", { style: { flexBasis: '50%' }, children: _jsx(DynamicFlowWise, { flowId: "the-flow-id", initialStep: JSON.parse(initialStep), httpClient: fixtureHttpClient, onCompletion: action('onCompletion'), onError: function (error) {
                         action('onError');
                         console.error(error);
-                    }, onEvent: action('onEvent'), onLog: action('onLog') }, "".concat(initialStep, "-").concat(initialStatusCode)) }))] })));
+                    }, onEvent: action('onEvent'), onLog: action('onLog') }, "".concat(initialStep, "-").concat(initialStatusCode)) })] }));
 }
 function InvalidJsonWarning(_a) {
     var initialStep = _a.initialStep;
@@ -52,20 +52,20 @@ var isValidJson = function (value) {
 };
 function StatusCodeSelect(_a) {
     var id = _a.id, _b = _a.state, value = _b[0], setValue = _b[1];
-    return (_jsxs("select", __assign({ id: id, value: value, onChange: function (event) { return setValue(Number.parseInt(event.target.value, 10)); } }, { children: [_jsx("option", { children: "200" }), _jsx("option", { children: "400" }), _jsx("option", { children: "500" })] })));
+    return (_jsxs("select", { id: id, value: value, onChange: function (event) { return setValue(Number.parseInt(event.target.value, 10)); }, children: [_jsx("option", { children: "200" }), _jsx("option", { children: "400" }), _jsx("option", { children: "500" })] }));
 }
 export default {
     component: EditableStep,
     title: 'Revamp/Dev Tools',
     parameters: {
-        chromatic: { disableSnapshot: true }
+        chromatic: { disableSnapshot: true },
     },
     argTypes: {
         initialStepName: {
             label: 'Initial Step',
             control: 'select',
-            options: Object.keys(fixtures)
-        }
+            options: Object.keys(fixtures),
+        },
     },
-    args: { initialStepName: Object.keys(fixtures)[0] }
+    args: { initialStepName: Object.keys(fixtures)[0] },
 };

package/build/revamp/stories/dev-tools/ErrorHandling.story.js

@@ -55,8 +55,8 @@ export default {
     component: DynamicFlowWise,
     title: 'Revamp/Features/Error Handling',
     parameters: {
-        chromatic: { disableSnapshot: true }
-    }
+        chromatic: { disableSnapshot: true },
+    },
 };
 export function ExampleStep() {
     var step = getBasicStep();
@@ -76,11 +76,11 @@ var getHttpClient = function () {
                             name: "I don't like your name",
                             age: 'You are too young',
                             date: 'You are too old',
-                            money: 'You are too poor'
-                        }
+                            money: 'You are too poor',
+                        },
                     }, { status: 422 })];
             });
-        }); }
+        }); },
     });
 };
 var renderWithStep = function (step, httpClient) {
@@ -103,29 +103,29 @@ var getBasicStep = function () { return ({
             properties: {
                 name: {
                     title: 'Full name',
-                    type: 'string'
+                    type: 'string',
                 },
                 date: {
                     title: 'Date',
                     type: 'string',
                     format: 'date',
-                    control: 'date-lookup'
+                    control: 'date-lookup',
                 },
                 age: {
                     title: 'Age',
-                    type: 'integer'
+                    type: 'integer',
                 },
                 money: {
                     title: 'How much money would you like?',
-                    type: 'number'
-                }
-            }
+                    type: 'number',
+                },
+            },
         },
     ],
     layout: [
         {
             type: 'form',
-            schemaId: '#personal-details'
+            schemaId: '#personal-details',
         },
         {
             type: 'button',
@@ -133,10 +133,10 @@ var getBasicStep = function () { return ({
             control: 'primary',
             action: {
                 url: '/submit',
-                method: 'POST'
-            }
+                method: 'POST',
+            },
         },
-    ]
+    ],
 }); };
 var getGlobalErrorStep = function () { return (__assign(__assign({}, getBasicStep()), { errors: {
         error: 'This is a global error',
@@ -144,6 +144,6 @@ var getGlobalErrorStep = function () { return (__assign(__assign({}, getBasicSte
             name: "I don't like your name",
             age: 'You are too young',
             date: 'You are too old',
-            money: 'You are too poor'
-        }
+            money: 'You are too poor',
+        },
     } })); };

package/build/revamp/stories/dev-tools/External.story.js

@@ -42,8 +42,8 @@ export default {
     component: DynamicFlowWise,
     title: 'Revamp/Features/External',
     parameters: {
-        chromatic: { disableSnapshot: true }
-    }
+        chromatic: { disableSnapshot: true },
+    },
 };
 export function External() {
     return renderWithStep(initialStep);
@@ -66,18 +66,18 @@ var initialStep = {
         {
             type: 'paragraph',
             align: 'center',
-            text: 'Your bank is opening in another window.'
+            text: 'Your bank is opening in another window.',
         },
         {
             type: 'paragraph',
             align: 'center',
-            text: 'Please, follow their instructions. Keep this window open.'
+            text: 'Please, follow their instructions. Keep this window open.',
         },
         { type: 'loading-indicator', margin: 'xl' },
         {
             type: 'info',
             align: 'center',
-            markdown: "If it didn't work, you can [reopen](http://google.com/) the tab"
+            markdown: "If it didn't work, you can [reopen](http://google.com/) the tab",
         },
-    ]
+    ],
 };