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

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

@@ -62,15 +62,15 @@ export default {
     component: DynamicFlowWise,
     title: 'Revamp/Examples/Server Test',
     parameters: {
-        chromatic: { disableSnapshot: true }
+        chromatic: { disableSnapshot: true },
     },
     argTypes: {
         persistAsync: {
             options: ['succeed', 'failGenerically', 'failValidation'],
             type: 'select',
-            defaultValue: 'succeed'
-        }
-    }
+            defaultValue: 'succeed',
+        },
+    },
 };
 export function Basic() {
     var initialAction = { method: 'GET', url: 'http://localhost:8888' };

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

@@ -54,7 +54,7 @@ var persistAsyncConfig = {
     method: 'POST',
     url: '/persist-async',
     param: 'param',
-    idProperty: 'token'
+    idProperty: 'token',
 };
 var uploadConfig = {
     title: 'Upload label',
@@ -62,8 +62,8 @@ var uploadConfig = {
     accepts: ['image/png', 'image/jpg', 'application/pdf'],
     maxSize: 5242000,
     validationMessages: {
-        maxSize: 'Your file is too large'
-    }
+        maxSize: 'Your file is too large',
+    },
 };
 var multiFileConfig = {
     title: 'Upload label',
@@ -73,8 +73,8 @@ var multiFileConfig = {
     summary: {
         defaultTitle: 'File',
         defaultDescription: 'Click to edit or remove',
-        defaultIcon: { name: 'document', type: 'icon' }
-    }
+        defaultIcon: { name: 'document', type: 'icon' },
+    },
 };
 var logPersistAsync = function (input, init) {
     if (init && init.body instanceof FormData) {
@@ -101,7 +101,7 @@ var getHttpClient = function (persistAsync) {
                         return [2 /*return*/, Promise.reject(new Error('Failed to persist async'))];
                     case 'failValidation':
                         return [2 /*return*/, Promise.resolve(new Response(JSON.stringify({ validation: { param: 'This field is invalid' } }), {
-                                status: 422
+                                status: 422,
                             }))];
                     case 'succeed':
                     default:
@@ -109,22 +109,22 @@ var getHttpClient = function (persistAsync) {
                 }
                 return [2 /*return*/];
             });
-        }); }
+        }); },
     });
 };
 export default {
     component: DynamicFlowWise,
     title: 'Revamp/Features/Upload',
     parameters: {
-        chromatic: { disableSnapshot: true }
+        chromatic: { disableSnapshot: true },
     },
     argTypes: {
         persistAsync: {
             options: ['succeed', 'failGenerically', 'failValidation'],
             type: 'select',
-            defaultValue: 'succeed'
-        }
-    }
+            defaultValue: 'succeed',
+        },
+    },
 };
 export function Base64Upload() {
     return renderWithStep(getBase64UploadStep());
@@ -172,21 +172,21 @@ var getBase64UploadWithPersistAsync = function () {
     return getStep('Base64 Upload (Persist Async)', {
         $id: '#schema',
         type: 'string',
-        persistAsync: __assign(__assign({}, persistAsyncConfig), { schema: __assign({ type: 'string', format: 'base64url' }, uploadConfig) })
+        persistAsync: __assign(__assign({}, persistAsyncConfig), { schema: __assign({ type: 'string', format: 'base64url' }, uploadConfig) }),
     });
 };
 var getBlobUploadWithPersistAsync = function () {
     return getStep('Blob Upload (Persist Async)', {
         $id: '#schema',
         type: 'string',
-        persistAsync: __assign(__assign({}, persistAsyncConfig), { schema: __assign({ type: 'blob', source: 'file' }, uploadConfig) })
+        persistAsync: __assign(__assign({}, persistAsyncConfig), { schema: __assign({ type: 'blob', source: 'file' }, uploadConfig) }),
     });
 };
 var getBlobUploadWithPersistAsyncLarge = function () {
     return getStep('Blob Upload (Persist Async, Large)', {
         $id: '#schema',
         type: 'string',
-        persistAsync: __assign(__assign({}, persistAsyncConfig), { schema: __assign({ type: 'blob', control: 'large-upload', source: 'file' }, uploadConfig) })
+        persistAsync: __assign(__assign({}, persistAsyncConfig), { schema: __assign({ type: 'blob', control: 'large-upload', source: 'file' }, uploadConfig) }),
     });
 };
 var getMultiBase64Upload = function () {
@@ -196,14 +196,14 @@ var getMultiBase64UploadWithPersistAsync = function () {
     return getStep('Base64 Upload (Multiple, Persist Async)', __assign(__assign({ type: 'array' }, multiFileConfig), { items: {
             $id: '#id',
             type: 'string',
-            persistAsync: __assign(__assign({}, persistAsyncConfig), { schema: __assign({ type: 'string', format: 'base64url' }, uploadConfig) })
+            persistAsync: __assign(__assign({}, persistAsyncConfig), { schema: __assign({ type: 'string', format: 'base64url' }, uploadConfig) }),
         } }));
 };
 var getMultiBlobUploadWithPersistAsync = function () {
     return getStep('Blob Upload (Multiple, Persist Async)', __assign(__assign({ type: 'array' }, multiFileConfig), { items: {
             $id: '#id',
             type: 'string',
-            persistAsync: __assign(__assign({}, persistAsyncConfig), { schema: __assign({ type: 'blob', source: 'file' }, uploadConfig) })
+            persistAsync: __assign(__assign({}, persistAsyncConfig), { schema: __assign({ type: 'blob', source: 'file' }, uploadConfig) }),
         } }));
 };
 var getStep = function (title, schema) { return ({
@@ -215,7 +215,7 @@ var getStep = function (title, schema) { return ({
         {
             type: 'button',
             title: 'Submit',
-            action: { url: '/submit', method: 'POST' }
+            action: { url: '/submit', method: 'POST' },
         },
-    ]
+    ],
 }); };

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

@@ -42,7 +42,7 @@ import DynamicFlowWise from '../../DynamicFlowWise';
 var validationAsyncConfig = {
     method: 'POST',
     url: '/validate',
-    param: 'param'
+    param: 'param',
 };
 var getHttpClient = function (validateAsync) {
     if (validateAsync === void 0) { validateAsync = 'failValidation'; }
@@ -53,7 +53,7 @@ var getHttpClient = function (validateAsync) {
                 return [2 /*return*/, respondWith({
                         title: 'Success',
                         schemas: [],
-                        layout: [{ type: 'heading', title: 'Success' }]
+                        layout: [{ type: 'heading', title: 'Success' }],
                     })];
             });
         }); },
@@ -64,7 +64,7 @@ var getHttpClient = function (validateAsync) {
                         return [2 /*return*/, Promise.reject(new Error('Failed to validate'))];
                     case 'failValidation':
                         return [2 /*return*/, Promise.resolve(new Response(JSON.stringify({ message: 'This field is invalid' }), {
-                                status: 422
+                                status: 422,
                             }))];
                     case 'succeedWithMessage':
                         return [2 /*return*/, respondWith({ message: 'This field is super valid' })];
@@ -79,22 +79,22 @@ var getHttpClient = function (validateAsync) {
             return __generator(this, function (_a) {
                 return [2 /*return*/, respondWith({ token: '123' })];
             });
-        }); }
+        }); },
     });
 };
 export default {
     component: DynamicFlowWise,
     title: 'Revamp/Features/Validation Async',
     parameters: {
-        chromatic: { disableSnapshot: true }
+        chromatic: { disableSnapshot: true },
     },
     argTypes: {
         validateAsync: {
             options: ['succeed', 'succeedWithMessage', 'failGenerically', 'failValidation'],
             type: 'select',
-            defaultValue: 'failValidation'
-        }
-    }
+            defaultValue: 'failValidation',
+        },
+    },
 };
 export function BasicTypes(_a) {
     var validateAsync = _a.validateAsync;
@@ -117,24 +117,24 @@ var getBasicTypesStep = function () {
             name: {
                 type: 'string',
                 title: 'Name',
-                validationAsync: validationAsyncConfig
+                validationAsync: validationAsyncConfig,
             },
             boolean: {
                 type: 'boolean',
                 title: 'I accept the terms and conditions',
-                validationAsync: validationAsyncConfig
+                validationAsync: validationAsyncConfig,
             },
             rate: {
                 title: 'Conversion rate',
                 type: 'number',
-                validationAsync: validationAsyncConfig
+                validationAsync: validationAsyncConfig,
             },
             age: {
                 title: 'Age',
                 type: 'integer',
-                validationAsync: validationAsyncConfig
-            }
-        }
+                validationAsync: validationAsyncConfig,
+            },
+        },
     });
 };
 var getStep = function (title, schema) { return ({
@@ -145,9 +145,9 @@ var getStep = function (title, schema) { return ({
             $id: '#schema',
             type: 'object',
             properties: {
-                schema: schema
+                schema: schema,
             },
-            displayOrder: ['schema']
+            displayOrder: ['schema'],
         },
     ],
     layout: [
@@ -155,7 +155,7 @@ var getStep = function (title, schema) { return ({
         {
             type: 'button',
             title: 'Submit',
-            action: { url: '/submit', method: 'POST' }
+            action: { url: '/submit', method: 'POST' },
         },
-    ]
+    ],
 }); };

package/build/revamp/stories/examples/ObjectConst.story.js

@@ -57,15 +57,15 @@ var getHttpClient = function () {
                 console.log(input, init && JSON.parse(init.body));
                 return [2 /*return*/, respondWith({})];
             });
-        }); }
+        }); },
     });
 };
 export default {
     component: DynamicFlowWise,
     title: 'Revamp/Examples/Object Const',
     parameters: {
-        chromatic: { disableSnapshot: true }
-    }
+        chromatic: { disableSnapshot: true },
+    },
 };
 export function ObjectConstWithDefault() {
     return renderWithStep(getBasicStep());
@@ -85,57 +85,57 @@ var getBasicStep = function () {
             recurrence: {
                 oneOf: [
                     {
-                        "const": {
+                        const: {
                             interval: 0,
-                            frequency: 'ONCE'
+                            frequency: 'ONCE',
                         },
                         title: 'Never',
-                        description: 'On some date only'
+                        description: 'On some date only',
                     },
                     {
-                        "const": {
+                        const: {
                             interval: 1,
-                            frequency: 'WEEKLY'
+                            frequency: 'WEEKLY',
                         },
                         title: 'Weekly',
-                        description: 'On some date every week'
+                        description: 'On some date every week',
                     },
                     {
-                        "const": {
+                        const: {
                             interval: 2,
-                            frequency: 'WEEKLY'
+                            frequency: 'WEEKLY',
                         },
                         title: 'Biweekly',
-                        description: 'On some date every two weeks'
+                        description: 'On some date every two weeks',
                     },
                     {
-                        "const": {
+                        const: {
                             interval: 1,
-                            frequency: 'MONTHLY'
+                            frequency: 'MONTHLY',
                         },
                         title: 'Monthly',
-                        description: 'Monthly'
+                        description: 'Monthly',
                     },
                     {
-                        "const": {
+                        const: {
                             interval: 3,
-                            frequency: 'MONTHLY'
+                            frequency: 'MONTHLY',
                         },
                         title: 'Quarterly',
-                        description: 'Every 3 months on X'
+                        description: 'Every 3 months on X',
                     },
                 ],
                 placeholder: 'Select a start date',
                 title: 'Repeats',
-                "default": {
+                default: {
                     interval: 0,
-                    frequency: 'ONCE'
+                    frequency: 'ONCE',
                 },
-                refreshStepOnChange: true
-            }
+                refreshStepOnChange: true,
+            },
         },
         displayOrder: ['recurrence'],
-        type: 'object'
+        type: 'object',
     });
 };
 var getStep = function (title, schema) { return ({
@@ -147,7 +147,7 @@ var getStep = function (title, schema) { return ({
         {
             type: 'button',
             title: 'Submit',
-            action: { url: '/submit', method: 'POST' }
+            action: { url: '/submit', method: 'POST' },
         },
-    ]
+    ],
 }); };

package/build/revamp/stories/examples/OneOfInitialisation.story.js

@@ -42,8 +42,8 @@ export default {
     component: DynamicFlowWise,
     title: 'Revamp/Examples/OneOfInitialisation',
     parameters: {
-        chromatic: { disableSnapshot: true }
-    }
+        chromatic: { disableSnapshot: true },
+    },
 };
 var step = {
     id: 'step-id',
@@ -55,7 +55,7 @@ var step = {
                 {
                     type: 'object',
                     displayOrder: ['email'],
-                    properties: { email: { type: 'string', title: 'Email' } }
+                    properties: { email: { type: 'string', title: 'Email' } },
                 },
                 {
                     control: 'radio',
@@ -64,29 +64,29 @@ var step = {
                             title: 'Iban',
                             type: 'object',
                             displayOrder: ['iban', 'type'],
-                            properties: { iban: { type: 'string', title: 'IBAN' }, type: { "const": 'IBAN' } }
+                            properties: { iban: { type: 'string', title: 'IBAN' }, type: { const: 'IBAN' } },
                         },
                         {
                             title: 'Bic',
                             type: 'object',
                             displayOrder: ['bic', 'type'],
-                            properties: { bic: { type: 'string', title: 'BIC' }, type: { "const": 'BIC' } }
+                            properties: { bic: { type: 'string', title: 'BIC' }, type: { const: 'BIC' } },
                         },
-                    ]
+                    ],
                 },
-            ]
+            ],
         },
     ],
     layout: [
         {
             type: 'form',
-            schemaId: '#root'
+            schemaId: '#root',
         },
     ],
     model: {
         email: 'marty.mcfly@wise.com',
-        type: 'IBAN'
-    }
+        type: 'IBAN',
+    },
 };
 export function AllOfAndOneOf() {
     var _this = this;

package/build/revamp/stories/utils/fixtureHttpClient.js

@@ -121,7 +121,7 @@ var respondWithFixture = function (fixtureList, url, init) { return __awaiter(vo
                 }
                 if (url.pathname.includes('exit')) {
                     return [2 /*return*/, new Response(JSON.stringify(fixture), {
-                            headers: { 'X-DF-Exit': 'true' }
+                            headers: { 'X-DF-Exit': 'true' },
                         })];
                 }
                 return [2 /*return*/, new Response(JSON.stringify(fixture))];

package/build/revamp/stories/utils/mockSearchHandler.js

@@ -83,8 +83,8 @@ var getFakeSearchResults = function (query) { return __spreadArray(__spreadArray
     icon: { name: 'building' },
     value: {
         url: "/next-step?result=".concat(index + 1),
-        method: 'GET'
-    }
+        method: 'GET',
+    },
 }); }), true), [
     {
         type: 'search',
@@ -95,8 +95,8 @@ var getFakeSearchResults = function (query) { return __spreadArray(__spreadArray
             url: '/more-search',
             method: 'GET',
             param: 'query',
-            query: "get more ".concat(decodeURIComponent(query))
-        }
+            query: "get more ".concat(decodeURIComponent(query)),
+        },
     },
     {
         type: 'search',
@@ -107,8 +107,8 @@ var getFakeSearchResults = function (query) { return __spreadArray(__spreadArray
             url: '/more-search',
             method: 'POST',
             param: 'query',
-            query: "post more ".concat(decodeURIComponent(query))
-        }
+            query: "post more ".concat(decodeURIComponent(query)),
+        },
     },
 ], false); };
 var getMoreFakeSearchResults = function (query) {
@@ -119,7 +119,7 @@ var getMoreFakeSearchResults = function (query) {
         icon: { name: 'cog' },
         value: {
             url: "/next-step?result=".concat(index + 1),
-            method: 'GET'
-        }
+            method: 'GET',
+        },
     }); });
 };

package/build/revamp/stories/visual-tests/VisualTests.story.js

@@ -69,7 +69,7 @@ var fixtures = {
     number: schemas.number,
     object: schemas.object,
     oneOf: schemas.oneOf,
-    string: schemas.string
+    string: schemas.string,
 };
 var storyMap = {};
 var allStepNames = getObjectKeys(fixtures);

package/build/revamp/test-utils/step-utils.js

@@ -2,5 +2,5 @@ export var createEmptyStep = function () { return ({
     id: 'empty-step',
     title: '',
     layout: [],
-    schemas: []
+    schemas: [],
 }); };

package/build/revamp/tests/ImageRenderer.spec.js

@@ -56,7 +56,7 @@ describe('ImageRenderer', function () {
         onCompletion: jest.fn(),
         onError: jest.fn(),
         onEvent: jest.fn(),
-        onLog: jest.fn()
+        onLog: jest.fn(),
     }); };
     describe('Given a layout with an image with a relative path', function () {
         it('should fetch the image using the provided httpClient', function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -68,7 +68,7 @@ describe('ImageRenderer', function () {
                                 id: 'step-id',
                                 title: 'Step with image',
                                 layout: [{ type: 'image', url: '/image.png' }],
-                                schemas: []
+                                schemas: [],
                             } });
                         renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props)));
                         return [4 /*yield*/, waitFor(function () {
@@ -91,7 +91,7 @@ describe('ImageRenderer', function () {
                                 id: 'step-id',
                                 title: 'Step with image',
                                 layout: [{ type: 'image', url: 'https://example.com/image.png' }],
-                                schemas: []
+                                schemas: [],
                             } });
                         renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props)));
                         return [4 /*yield*/, waitFor(function () {

package/build/revamp/tests/InitialAction.spec.js

@@ -57,7 +57,7 @@ var getDefaultProps = function () { return ({
     onCompletion: jest.fn(),
     onError: jest.fn(),
     onEvent: jest.fn(),
-    onLog: jest.fn()
+    onLog: jest.fn(),
 }); };
 var getStep = function () { return ({
     id: 'step-id',
@@ -68,11 +68,11 @@ var getStep = function () { return ({
         {
             type: 'button',
             title: 'Submit',
-            action: { id: 'action-id', url: '/submit', method: 'POST' }
+            action: { id: 'action-id', url: '/submit', method: 'POST' },
         },
     ],
     schemas: [],
-    model: null
+    model: null,
 }); };
 describe('Initial action', function () {
     describe('Given a DynamicFlow component with a "initialAction" prop', function () {
@@ -99,7 +99,7 @@ describe('Initial action', function () {
                         renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props)));
                         return [4 /*yield*/, waitFor(function () {
                                 expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Initiated', {
-                                    flowId: 'flow-id'
+                                    flowId: 'flow-id',
                                 });
                             })];
                     case 1:
@@ -138,7 +138,7 @@ describe('Initial action', function () {
                                     flowId: 'flow-id',
                                     stepId: 'step-id',
                                     custom: 'analytics',
-                                    isFirstStep: true
+                                    isFirstStep: true,
                                 });
                             })];
                     case 1:
@@ -174,7 +174,7 @@ describe('Initial action', function () {
                             props = __assign(__assign({}, getDefaultProps()), { initialAction: {
                                     url: '/initial',
                                     method: 'POST',
-                                    data: { custom: 'data' }
+                                    data: { custom: 'data' },
                                 } });
                             renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props)));
                             return [4 /*yield*/, waitFor(function () {
@@ -228,7 +228,7 @@ describe('Initial action', function () {
                             httpClient = jest.fn().mockResolvedValue({
                                 title: 'Step without id nor key',
                                 layout: [],
-                                schemas: []
+                                schemas: [],
                             });
                             props = __assign(__assign({}, getDefaultProps()), { httpClient: httpClient, initialAction: { url: '/initial' } });
                             renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props)));
@@ -250,9 +250,9 @@ describe('Initial action', function () {
                 var newProps = __assign(__assign({}, props), { initialAction: {
                         url: '/initial',
                         method: 'POST',
-                        data: { custom: 'data' }
+                        data: { custom: 'data' },
                     } });
-                return (_jsxs(_Fragment, { children: [_jsx("button", __assign({ type: "button", onClick: function () { return rerender(); } }, { children: "rerender" })), _jsx(DynamicFlowWise, __assign({}, newProps))] }));
+                return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: function () { return rerender(); }, children: "rerender" }), _jsx(DynamicFlowWise, __assign({}, newProps))] }));
             }
             it('makes the initial request only once to fetch the first step', function () { return __awaiter(void 0, void 0, void 0, function () {
                 var props;

package/build/revamp/tests/InitialStep.spec.js

@@ -55,7 +55,7 @@ var getDefaultProps = function () { return ({
     onCompletion: jest.fn(),
     onError: jest.fn(),
     onEvent: jest.fn(),
-    onLog: jest.fn()
+    onLog: jest.fn(),
 }); };
 describe('InitialStep', function () {
     describe('when an initialStep is a valid Step', function () {
@@ -66,7 +66,7 @@ describe('InitialStep', function () {
                         id: 'step-id',
                         title: 'Step with id',
                         layout: [],
-                        schemas: []
+                        schemas: [],
                     } });
                 renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props)));
                 expect(screen.getByText('Step with id')).toBeInTheDocument();
@@ -86,7 +86,7 @@ describe('InitialStep', function () {
                         props = __assign(__assign({}, getDefaultProps()), { initialStep: {
                                 title: 'Step without id nor key',
                                 layout: [],
-                                schemas: []
+                                schemas: [],
                             } });
                         renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props)));
                         return [4 /*yield*/, waitFor(function () {

package/build/revamp/tests/Logging.spec.js

@@ -56,7 +56,7 @@ var getDefaultProps = function () { return ({
     onCompletion: jest.fn(),
     onError: jest.fn(),
     onEvent: jest.fn(),
-    onLog: jest.fn()
+    onLog: jest.fn(),
 }); };
 describe('Logging Events', function () {
     describe('when initialStep is missing an "id" property', function () {
@@ -67,14 +67,14 @@ describe('Logging Events', function () {
                         key: 'step-key',
                         title: 'Step with key',
                         layout: [],
-                        schemas: []
+                        schemas: [],
                     } });
                 renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props)));
                 expect(screen.getByText('Step with key')).toBeInTheDocument();
                 expect(props.onLog).toHaveBeenCalledWith('warning', 'Invalid step.', expect.objectContaining({
                     flowId: 'flow-id',
                     stepId: 'step-key',
-                    errors: expect.any(String)
+                    errors: expect.any(String),
                 }));
                 return [2 /*return*/];
             });
@@ -90,7 +90,7 @@ describe('Logging Events', function () {
                             key: 'step-key',
                             title: 'Step with key',
                             layout: [],
-                            schemas: []
+                            schemas: [],
                         }), { status: 200 }));
                         props = getDefaultProps();
                         renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props, { httpClient: httpClient, initialAction: { url: '/' } })));
@@ -102,7 +102,7 @@ describe('Logging Events', function () {
                         expect(props.onLog).toHaveBeenCalledWith('warning', 'Invalid step.', expect.objectContaining({
                             flowId: 'flow-id',
                             stepId: 'step-key',
-                            errors: expect.any(String)
+                            errors: expect.any(String),
                         }));
                         return [2 /*return*/];
                 }