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

package/build/legacy/dynamicFlow/tests/RefreshStepOnChange.spec.js

@@ -64,10 +64,10 @@ var getFormStep = function (_a) {
             { type: 'form', schema: schema },
             {
                 type: 'button',
-                action: { type: 'primary', url: '/submit', title: 'Submit', method: 'POST' }
+                action: { type: 'primary', url: '/submit', title: 'Submit', method: 'POST' },
             },
         ],
-        model: model || { accountNumber: '1234567890' }
+        model: model || { accountNumber: '1234567890' },
     });
 };
 var asyncJsonResponse = function (response, init) {
@@ -96,15 +96,15 @@ describe('When the model for a schema with refresh-on-change changes', function
                         title: 'Favourite color',
                         type: 'string',
                         oneOf: [
-                            { title: 'Red', "const": 'red' },
-                            { title: 'Blue', "const": 'blue' },
+                            { title: 'Red', const: 'red' },
+                            { title: 'Blue', const: 'blue' },
                         ],
                         control: 'radio',
                         refreshStepOnChange: true,
-                        refreshUrl: '/example-color-refresh'
-                    }
-                }
-            }
+                        refreshUrl: '/example-color-refresh',
+                    },
+                },
+            },
         }));
     });
     it('disables actions buttons while refreshing steps, and then re-enables them', function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -151,10 +151,10 @@ describe('When the model for a schema with refresh-on-change changes', function
                                             title: 'Account number',
                                             type: 'string',
                                             refreshStepOnChange: true,
-                                            refreshUrl: '/refresh'
-                                        }
-                                    }
-                                }
+                                            refreshUrl: '/refresh',
+                                        },
+                                    },
+                                },
                             }));
                         });
                         renderWithProviders(_jsx(DynamicFlow, __assign({}, makeProps({ httpClient: mockHttpClient }))));
@@ -189,9 +189,9 @@ describe('When the model for a schema with refresh-on-change changes', function
                     title: 'Account number',
                     type: 'string',
                     refreshStepOnChange: true,
-                    refreshUrl: '/example-account-refresh'
-                }
-            }
+                    refreshUrl: '/example-account-refresh',
+                },
+            },
         };
         var mockHttpClient = jest.fn(function (input, init) {
             // eslint-disable-next-line jest/no-conditional-in-test
@@ -202,8 +202,8 @@ describe('When the model for a schema with refresh-on-change changes', function
                     return asyncJsonResponse(getFormStep({
                         schema: schema,
                         model: {
-                            accountNumber: 'QWERTYUIOP'
-                        }
+                            accountNumber: 'QWERTYUIOP',
+                        },
                     }));
                 default:
                     throw new Error('unexpected request');
@@ -216,7 +216,7 @@ describe('When the model for a schema with refresh-on-change changes', function
                     case 0:
                         renderWithProviders(_jsx(DynamicFlow, __assign({}, makeProps({
                             httpClient: mockHttpClient,
-                            initialAction: { method: 'GET', url: '/example' }
+                            initialAction: { method: 'GET', url: '/example' },
                         }))));
                         return [4 /*yield*/, screen.findByLabelText('Account number')];
                     case 1:
@@ -251,9 +251,9 @@ describe('When the model for a schema with refresh-on-change changes', function
                     title: 'Email',
                     minLength: 5,
                     refreshStepOnChange: true,
-                    refreshUrl: '/example-email-refresh'
-                }
-            }
+                    refreshUrl: '/example-email-refresh',
+                },
+            },
         };
         var refreshedSchema = {
             $id: '#example',
@@ -265,14 +265,14 @@ describe('When the model for a schema with refresh-on-change changes', function
                     title: 'Email',
                     minLength: 5,
                     refreshStepOnChange: true,
-                    refreshUrl: '/example-email-refresh'
+                    refreshUrl: '/example-email-refresh',
                 },
                 name: {
                     type: 'string',
                     title: 'Name',
-                    minLength: 2
-                }
-            }
+                    minLength: 2,
+                },
+            },
         };
         var mockHttpClient = function (input, init) {
             // eslint-disable-next-line jest/no-conditional-in-test
@@ -282,7 +282,7 @@ describe('When the model for a schema with refresh-on-change changes', function
                 case '/example-email-refresh':
                     return asyncJsonResponse(getFormStep({
                         schema: refreshedSchema,
-                        model: __assign(__assign({}, JSON.parse(init === null || init === void 0 ? void 0 : init.body)), { name: 'Prefilled Name from Server', email: 'some.other@email.com' })
+                        model: __assign(__assign({}, JSON.parse(init === null || init === void 0 ? void 0 : init.body)), { name: 'Prefilled Name from Server', email: 'some.other@email.com' }),
                     }));
                 default:
                     throw new Error('unexpected request');
@@ -295,7 +295,7 @@ describe('When the model for a schema with refresh-on-change changes', function
                     case 0:
                         renderWithProviders(_jsx(DynamicFlow, __assign({}, makeProps({
                             httpClient: mockHttpClient,
-                            initialAction: { method: 'GET', url: '/example' }
+                            initialAction: { method: 'GET', url: '/example' },
                         }))));
                         return [4 /*yield*/, screen.findByLabelText('Email')];
                     case 1:
@@ -328,15 +328,15 @@ describe('Tracking events', function () {
                         title: 'Favourite color',
                         type: 'string',
                         oneOf: [
-                            { title: 'Red', "const": 'red' },
-                            { title: 'Blue', "const": 'blue' },
+                            { title: 'Red', const: 'red' },
+                            { title: 'Blue', const: 'blue' },
                         ],
                         control: 'radio',
                         refreshStepOnChange: true,
-                        refreshUrl: '/example-color-refresh'
-                    }
-                }
-            }
+                        refreshUrl: '/example-color-refresh',
+                    },
+                },
+            },
         })));
     };
     var getErrorResponse = function () { return new Response(null, { status: 500 }); };
@@ -363,7 +363,7 @@ describe('Tracking events', function () {
                                     flowId: 'the-flow-id',
                                     stepId: 'the-step-id',
                                     custom: 'property',
-                                    status: 'pending'
+                                    status: 'pending',
                                 }));
                             })];
                     case 3:
@@ -392,7 +392,7 @@ describe('Tracking events', function () {
                                     flowId: 'the-flow-id',
                                     stepId: 'the-step-id',
                                     custom: 'property',
-                                    status: 'success'
+                                    status: 'success',
                                 }));
                             })];
                     case 3:
@@ -426,7 +426,7 @@ describe('Tracking events', function () {
                                     flowId: 'the-flow-id',
                                     stepId: 'the-step-id',
                                     custom: 'property',
-                                    status: 'failure'
+                                    status: 'failure',
                                 }));
                             })];
                     case 3:
@@ -469,8 +469,8 @@ describe('Tracking events', function () {
                         return asyncJsonResponse(getFormStep({
                             schema: schema,
                             model: {
-                                accountNumber: 'QWERTYUIOP'
-                            }
+                                accountNumber: 'QWERTYUIOP',
+                            },
                         }));
                     default:
                         throw new Error('unexpected request');
@@ -491,13 +491,13 @@ describe('Tracking events', function () {
                                     title: 'Account number',
                                     type: 'string',
                                     refreshStepOnChange: true,
-                                    refreshFormUrl: '/example-account-refresh'
-                                }
-                            }
+                                    refreshFormUrl: '/example-account-refresh',
+                                },
+                            },
                         });
                         renderWithProviders(_jsx(DynamicFlow, __assign({}, makeProps({
                             httpClient: mockHttpClient,
-                            initialAction: { method: 'GET', url: '/example' }
+                            initialAction: { method: 'GET', url: '/example' },
                         }))));
                         return [4 /*yield*/, screen.findByLabelText('Account number')];
                     case 1:
@@ -534,13 +534,13 @@ describe('Tracking events', function () {
                                     title: 'Account number',
                                     type: 'string',
                                     refreshFormOnChange: true,
-                                    refreshUrl: '/example-account-refresh'
-                                }
-                            }
+                                    refreshUrl: '/example-account-refresh',
+                                },
+                            },
                         });
                         renderWithProviders(_jsx(DynamicFlow, __assign({}, makeProps({
                             httpClient: mockHttpClient,
-                            initialAction: { method: 'GET', url: '/example' }
+                            initialAction: { method: 'GET', url: '/example' },
                         }))));
                         return [4 /*yield*/, screen.findByLabelText('Account number')];
                     case 1:

package/build/legacy/dynamicFlow/tests/RepeatableSchema.spec.js

@@ -56,12 +56,12 @@ var user = userEvent.setup();
 var layout = [
     {
         type: 'form',
-        schemaId: '#schema'
+        schemaId: '#schema',
     },
     {
         type: 'button',
         title: 'Submit',
-        action: { url: '/submit', method: 'POST' }
+        action: { url: '/submit', method: 'POST' },
     },
 ];
 var basicSchema = {
@@ -74,9 +74,9 @@ var basicSchema = {
         title: 'Email',
         type: 'string',
         summary: {
-            providesTitle: true
-        }
-    }
+            providesTitle: true,
+        },
+    },
 };
 var basicRepeatableStep = {
     id: 'Repeatable',
@@ -87,12 +87,12 @@ var basicRepeatableStep = {
             type: 'object',
             displayOrder: ['repeating'],
             properties: {
-                repeating: basicSchema
-            }
+                repeating: basicSchema,
+            },
         },
     ],
     layout: layout,
-    model: { repeating: ['test@wise.com'] }
+    model: { repeating: ['test@wise.com'] },
 };
 var objectRepeatableStep = {
     id: 'Repeatable',
@@ -117,20 +117,20 @@ var objectRepeatableStep = {
                                 title: 'Full name',
                                 type: 'string',
                                 summary: {
-                                    providesTitle: true
-                                }
+                                    providesTitle: true,
+                                },
                             },
                             address: {
                                 title: 'Address',
                                 type: 'string',
                                 summary: {
-                                    providesDescription: true
-                                }
-                            }
-                        }
-                    }
-                }
-            }
+                                    providesDescription: true,
+                                },
+                            },
+                        },
+                    },
+                },
+            },
         },
     ],
     layout: layout,
@@ -138,8 +138,8 @@ var objectRepeatableStep = {
         repeating: [
             { name: 'Florence', address: 'London' },
             { name: 'Rita', address: 'Amsterdam' },
-        ]
-    }
+        ],
+    },
 };
 var mockHttpClient = jest.fn();
 var getProps = function (overrides) {
@@ -157,7 +157,7 @@ describe('RepeatableSchema', function () {
     });
     it('should render initial error if an error for the component is given (not an error for the children)', function () {
         renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps({
-            initialStep: __assign(__assign({}, basicRepeatableStep), { model: null, errors: { validation: { repeating: 'This is an error for the entire repeatable' } } })
+            initialStep: __assign(__assign({}, basicRepeatableStep), { model: null, errors: { validation: { repeating: 'This is an error for the entire repeatable' } } }),
         }))));
         expect(screen.getByText('This is an error for the entire repeatable')).toBeInTheDocument();
     });
@@ -231,7 +231,7 @@ describe('RepeatableSchema', function () {
                         _a.sent();
                         return [4 /*yield*/, waitFor(function () {
                                 return expect(mockHttpClient).toHaveBeenCalledWith('/submit', expect.objectContaining({
-                                    body: JSON.stringify({ repeating: [{ name: 'Florence', address: 'London' }] })
+                                    body: JSON.stringify({ repeating: [{ name: 'Florence', address: 'London' }] }),
                                 }));
                             })];
                     case 7:
@@ -303,14 +303,14 @@ describe('RepeatableSchema', function () {
                                         repeating: [
                                             {
                                                 address: 'London',
-                                                name: 'Florence Jones'
+                                                name: 'Florence Jones',
                                             },
                                             {
                                                 name: 'Rita',
-                                                address: 'Amsterdam'
+                                                address: 'Amsterdam',
                                             },
-                                        ]
-                                    })
+                                        ],
+                                    }),
                                 }));
                             })];
                     case 7:
@@ -365,10 +365,10 @@ describe('RepeatableSchema', function () {
                                         repeating: [
                                             {
                                                 name: 'Rita',
-                                                address: 'Amsterdam'
+                                                address: 'Amsterdam',
                                             },
-                                        ]
-                                    })
+                                        ],
+                                    }),
                                 }));
                             })];
                     case 5:
@@ -404,7 +404,7 @@ describe('RepeatableSchema', function () {
         describe('with a basic schema', function () {
             it('should populate options with provided data', function () {
                 renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps({
-                    initialStep: __assign(__assign({}, basicRepeatableStep), { model: { repeating: ['test@wise.com', 'data@wise.com'] } })
+                    initialStep: __assign(__assign({}, basicRepeatableStep), { model: { repeating: ['test@wise.com', 'data@wise.com'] } }),
                 }))));
                 expect(screen.getByRole('button', { name: 'test@wise.com' })).toBeInTheDocument();
                 expect(screen.getByRole('button', { name: 'data@wise.com' })).toBeInTheDocument();
@@ -427,9 +427,9 @@ describe('RepeatableSchema', function () {
                         mockHttpClient = getMockHttpClient({
                             '/validate': function () {
                                 return respondWith({
-                                    message: 'Validation failed'
+                                    message: 'Validation failed',
                                 });
-                            }
+                            },
                         });
                         renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps({
                             initialStep: __assign(__assign({}, basicRepeatableStep), { schemas: [
@@ -450,14 +450,14 @@ describe('RepeatableSchema', function () {
                                                     validationAsync: {
                                                         method: 'POST',
                                                         url: '/validate',
-                                                        param: 'validationParam'
-                                                    }
-                                                }
-                                            }
-                                        }
+                                                        param: 'validationParam',
+                                                    },
+                                                },
+                                            },
+                                        },
                                     },
                                 ] }),
-                            httpClient: mockHttpClient
+                            httpClient: mockHttpClient,
                         }))));
                         return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Add Item' }))];
                     case 1:
@@ -499,14 +499,14 @@ describe('RepeatableSchema', function () {
                                 title: 'Name',
                                 validationMessages: {
                                     minLength: 'Your name is too short',
-                                    maxLength: 'Your name is too long'
+                                    maxLength: 'Your name is too long',
                                 },
                                 summary: {
-                                    providesTitle: true
-                                }
-                            }
-                        }
-                    }
+                                    providesTitle: true,
+                                },
+                            },
+                        },
+                    },
                 },
             ] });
         var getModal = function () { return screen.findByRole('dialog'); };
@@ -599,9 +599,9 @@ describe('RepeatableSchema', function () {
                     type: 'string',
                     title: 'Name',
                     summary: {
-                        providesTitle: true
-                    }
-                }
+                        providesTitle: true,
+                    },
+                },
             };
             var initialStep = {
                 id: 'Repeatable',
@@ -613,12 +613,12 @@ describe('RepeatableSchema', function () {
                         displayOrder: ['repeating'],
                         required: ['repeating'],
                         properties: {
-                            repeating: __assign(__assign({}, stringSchema), { minItems: 2, maxItems: 3 })
-                        }
+                            repeating: __assign(__assign({}, stringSchema), { minItems: 2, maxItems: 3 }),
+                        },
                     },
                 ],
                 layout: layout,
-                model: {}
+                model: {},
             };
             var getModal = function () { return screen.findByRole('dialog'); };
             var getNameInput = function () { return __awaiter(void 0, void 0, void 0, function () { var _a; return __generator(this, function (_b) {
@@ -677,11 +677,11 @@ describe('RepeatableSchema', function () {
                                                 type: 'object',
                                                 displayOrder: ['repeating'],
                                                 properties: {
-                                                    repeating: stringSchema
-                                                }
+                                                    repeating: stringSchema,
+                                                },
                                             },
                                         ] }),
-                                    onEvent: onEvent
+                                    onEvent: onEvent,
                                 }))));
                                 return [4 /*yield*/, user.click(screen.getByRole('button', { name: /submit/i }))];
                             case 1:
@@ -853,12 +853,12 @@ describe('RepeatableSchema', function () {
                 maxSize: 5242000,
                 accepts: ['image/png', 'image/jpg', 'application/pdf'],
                 validationMessages: {
-                    maxSize: 'Your file is too large'
+                    maxSize: 'Your file is too large',
                 },
                 summary: {
-                    providesTitle: true
-                }
-            }
+                    providesTitle: true,
+                },
+            },
         };
         var initialStep = {
             id: 'Repeatable',
@@ -869,16 +869,16 @@ describe('RepeatableSchema', function () {
                     type: 'object',
                     displayOrder: ['repeating'],
                     properties: {
-                        repeating: base64StringSchema
-                    }
+                        repeating: base64StringSchema,
+                    },
                 },
             ],
             layout: layout,
-            model: {}
+            model: {},
         };
         var getUser = function () {
             var user = userEvent.setup({
-                advanceTimers: function (delay) { return jest.advanceTimersByTime(delay); }
+                advanceTimers: function (delay) { return jest.advanceTimersByTime(delay); },
             });
             return user;
         };
@@ -960,8 +960,8 @@ describe('RepeatableSchema', function () {
                                 return [4 /*yield*/, waitFor(function () {
                                         expect(mockHttpClient).toHaveBeenCalledWith('/submit', expect.objectContaining({
                                             body: JSON.stringify({
-                                                repeating: ['data:image/png;base64,ZmFrZS1maWxlLWRhdGE=']
-                                            })
+                                                repeating: ['data:image/png;base64,ZmFrZS1maWxlLWRhdGE='],
+                                            }),
                                         }));
                                     })];
                             case 5:

package/build/legacy/dynamicFlow/tests/StepModel.spec.js

@@ -49,25 +49,25 @@ describe('Step Model', function () {
                     type: 'object',
                     displayOrder: ['name'],
                     properties: {
-                        name: { type: 'string', title: 'Name' }
-                    }
+                        name: { type: 'string', title: 'Name' },
+                    },
                 },
             ],
             layout: [
                 { type: 'form', schemaId: '#schema-id' },
                 { title: 'Submit 1', type: 'button', action: { url: '/step-2' } },
-            ]
+            ],
         },
         '/step-2': {
             title: 'Second Step',
             schemas: [],
-            layout: [{ title: 'Submit 2', type: 'button', action: { url: '/step-3' } }]
+            layout: [{ title: 'Submit 2', type: 'button', action: { url: '/step-3' } }],
         },
         '/step-3': {
             title: 'Third Step',
             schemas: [],
-            layout: [{ type: 'paragraph', text: 'This is the last step' }]
-        }
+            layout: [{ type: 'paragraph', text: 'This is the last step' }],
+        },
     };
     it('should clean the model when a step.model is undefined after a submission', function () { return __awaiter(void 0, void 0, void 0, function () {
         var onError, onCompletion, httpClient, _a, input, _b, _c;

package/build/legacy/dynamicFlow/tests/ValidationAsync.spec.js

@@ -62,9 +62,9 @@ describe('Validation Async', function () {
                 type: 'string',
                 maxLength: 18,
                 title: 'IBAN',
-                validationAsync: validationAsync
-            }
-        }
+                validationAsync: validationAsync,
+            },
+        },
     }); };
     var getInitialStep = function (validationAsync) { return ({
         id: 'validation-async-step-id',
@@ -75,9 +75,9 @@ describe('Validation Async', function () {
             {
                 type: 'button',
                 title: 'Submit',
-                action: { url: '/submit', method: 'POST' }
+                action: { url: '/submit', method: 'POST' },
             },
-        ]
+        ],
     }); };
     var getProps = function (initialStep) { return ({
         flowId: 'flow-id',
@@ -86,7 +86,7 @@ describe('Validation Async', function () {
         onCompletion: jest.fn(),
         onError: jest.fn(),
         onEvent: jest.fn(),
-        onLog: jest.fn()
+        onLog: jest.fn(),
     }); };
     describe('when the input is blurred and has null value', function () {
         it('does NOT trigger validation async', function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -280,7 +280,7 @@ describe('Validation Async', function () {
                     switch (_a.label) {
                         case 0:
                             httpClient = jest.fn().mockResolvedValue(new Response(JSON.stringify({ message: 'Invalid IBAN (422)' }), {
-                                status: 422
+                                status: 422,
                             }));
                             props = getProps(getInitialStep({ method: 'POST', url: '/validate', param: 'myParameter' }));
                             renderWithProviders(_jsx(DynamicFlow, __assign({}, props, { httpClient: httpClient })));
@@ -387,7 +387,7 @@ describe('Validation Async', function () {
                         return [2 /*return*/, Promise.resolve(new Response(null))];
                     }); }); }),
                     expectedTrackingStatus: 'failure',
-                    doNotExpect: 'Error'
+                    doNotExpect: 'Error',
                 },
                 {
                     description: 'when the validation response is successful with a string body',
@@ -395,7 +395,7 @@ describe('Validation Async', function () {
                         return [2 /*return*/, Promise.resolve(new Response("Everything is fine"))];
                     }); }); }),
                     expectedTrackingStatus: 'failure',
-                    doNotExpect: 'Everything is fine'
+                    doNotExpect: 'Everything is fine',
                 },
                 {
                     description: 'when the validation response fails with 500',
@@ -403,7 +403,7 @@ describe('Validation Async', function () {
                         return [2 /*return*/, Promise.resolve(new Response("Internal server error", { status: 500 }))];
                     }); }); }),
                     expectedTrackingStatus: 'failure',
-                    doNotExpect: 'Internal server error'
+                    doNotExpect: 'Internal server error',
                 },
                 {
                     description: 'when the validation response fails with 403',
@@ -411,7 +411,7 @@ describe('Validation Async', function () {
                         return [2 /*return*/, Promise.resolve(new Response("{ \"messsage\": \"Forbidden\" }", { status: 403 }))];
                     }); }); }),
                     expectedTrackingStatus: 'success',
-                    doNotExpect: 'Forbidden'
+                    doNotExpect: 'Forbidden',
                 },
                 {
                     description: 'when the validation response JSON does not parse as an object',
@@ -419,7 +419,7 @@ describe('Validation Async', function () {
                         return [2 /*return*/, Promise.resolve(new Response("1234567890", { status: 422 }))];
                     }); }); }),
                     expectedTrackingStatus: 'failure',
-                    doNotExpect: '1234567890'
+                    doNotExpect: '1234567890',
                 },
                 {
                     description: 'when the validation response does not even parse as JSON',
@@ -427,7 +427,7 @@ describe('Validation Async', function () {
                         return [2 /*return*/, Promise.resolve(new Response("non-json-string", { status: 422 }))];
                     }); }); }),
                     expectedTrackingStatus: 'failure',
-                    doNotExpect: 'non-json-string'
+                    doNotExpect: 'non-json-string',
                 },
             ];
             describe.each(otherCases)('$description', function (_a) {