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

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

@@ -65,10 +65,10 @@ var getFormStep = function (_a) {
             { type: 'form', schemaId: (_b = schema.$id) !== null && _b !== void 0 ? _b : '' },
             {
                 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) {
@@ -103,15 +103,15 @@ describe('When the model for a schema with refresh-on-change changes', function
                                             favouriteColor: {
                                                 title: 'Favourite color',
                                                 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',
+                                            },
+                                        },
+                                    },
                                 }))];
                         });
                     }); });
@@ -124,15 +124,15 @@ describe('When the model for a schema with refresh-on-change changes', function
                                 favouriteColor: {
                                     title: 'Favourite color',
                                     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',
+                                },
+                            },
+                        },
                     });
                     // Original
                     // renderWithProviders(<DynamicFlowWise {...makeProps({ httpClient: mockHttpClient })} />);
@@ -175,10 +175,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',
+                                    },
+                                },
+                            },
                         });
                         httpClient = jest.fn(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
                             return [2 /*return*/, asyncJsonResponse(initialStep)];
@@ -215,9 +215,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 initialStep = getFormStep({ schema: schema, model: {} });
         var httpClient = jest.fn(function (input) { return __awaiter(void 0, void 0, void 0, function () {
@@ -230,8 +230,8 @@ describe('When the model for a schema with refresh-on-change changes', function
                         return [2 /*return*/, asyncJsonResponse(getFormStep({
                                 schema: schema,
                                 model: {
-                                    accountNumber: 'QWERTYUIOP'
-                                }
+                                    accountNumber: 'QWERTYUIOP',
+                                },
                             }))];
                     default:
                         throw new Error('unexpected request');
@@ -245,7 +245,7 @@ describe('When the model for a schema with refresh-on-change changes', function
                 switch (_a.label) {
                     case 0:
                         renderWithProviders(_jsx(DynamicFlowWise, __assign({}, makeProps({
-                            httpClient: httpClient
+                            httpClient: httpClient,
                         }), { initialStep: initialStep })));
                         return [4 /*yield*/, screen.findByLabelText('Account number')];
                     case 1:
@@ -283,9 +283,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',
@@ -297,14 +297,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 initialStep = getFormStep({ schema: initialSchema });
         var httpClient = function (input, init) { return __awaiter(void 0, void 0, void 0, function () {
@@ -316,7 +316,7 @@ describe('When the model for a schema with refresh-on-change changes', function
                     case '/example-email-refresh':
                         return [2 /*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');
@@ -330,7 +330,7 @@ describe('When the model for a schema with refresh-on-change changes', function
                 switch (_a.label) {
                     case 0:
                         renderWithProviders(_jsx(DynamicFlowWise, __assign({}, makeProps({
-                            httpClient: httpClient
+                            httpClient: httpClient,
                         }), { initialStep: initialStep })));
                         return [4 /*yield*/, screen.findByLabelText('Email')];
                     case 1:
@@ -361,15 +361,15 @@ describe('Tracking events', function () {
                 favouriteColor: {
                     title: 'Favourite color',
                     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 getInitialResponse = function () { return new Response(JSON.stringify(initialStep)); };
     var getErrorResponse = function () { return new Response(null, { status: 500 }); };
@@ -409,7 +409,7 @@ describe('Tracking events', function () {
                                 expect(onEvent).toHaveBeenCalledWith('Dynamic Flow - Refresh Triggered', expect.objectContaining({
                                     custom: 'property',
                                     flowId: 'the-flow-id',
-                                    stepId: 'the-step-id'
+                                    stepId: 'the-step-id',
                                 }));
                             })];
                     case 3:
@@ -449,7 +449,7 @@ describe('Tracking events', function () {
                                 expect(onEvent).toHaveBeenCalledWith('Dynamic Flow - Refresh Succeeded', expect.objectContaining({
                                     custom: 'property',
                                     flowId: 'the-flow-id',
-                                    stepId: 'the-step-id'
+                                    stepId: 'the-step-id',
                                 }));
                             })];
                     case 3:
@@ -484,7 +484,7 @@ describe('Tracking events', function () {
                                 expect(onEvent).toHaveBeenCalledWith('Dynamic Flow - Refresh Failed', expect.objectContaining({
                                     custom: 'property',
                                     flowId: 'the-flow-id',
-                                    stepId: 'the-step-id'
+                                    stepId: 'the-step-id',
                                 }));
                             })];
                     case 3:
@@ -511,7 +511,7 @@ describe('Tracking events', function () {
                                 expect(onEvent).toHaveBeenLastCalledWith('Dynamic Flow - Failed', expect.objectContaining({
                                     custom: 'property',
                                     flowId: 'the-flow-id',
-                                    stepId: 'the-step-id'
+                                    stepId: 'the-step-id',
                                 }));
                             })];
                     case 3:
@@ -532,9 +532,9 @@ describe('Tracking events', function () {
                     title: 'Account number',
                     type: 'string',
                     refreshStepOnChange: true,
-                    refreshFormUrl: '/example-account-refresh'
-                }
-            }
+                    refreshFormUrl: '/example-account-refresh',
+                },
+            },
         };
         var httpClient = jest.fn(function (input) { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -546,8 +546,8 @@ describe('Tracking events', function () {
                         return [2 /*return*/, asyncJsonResponse(getFormStep({
                                 schema: schema,
                                 model: {
-                                    accountNumber: 'QWERTYUIOP'
-                                }
+                                    accountNumber: 'QWERTYUIOP',
+                                },
                             }))];
                     default:
                         throw new Error('unexpected request');
@@ -561,7 +561,7 @@ describe('Tracking events', function () {
                 switch (_a.label) {
                     case 0:
                         renderWithProviders(_jsx(DynamicFlowWise, __assign({}, makeProps({
-                            httpClient: httpClient
+                            httpClient: httpClient,
                         }), { initialStep: getFormStep({ schema: schema, model: {} }) })));
                         return [4 /*yield*/, screen.findByLabelText('Account number')];
                     case 1:
@@ -593,7 +593,7 @@ describe('Tracking events', function () {
                 switch (_a.label) {
                     case 0:
                         renderWithProviders(_jsx(DynamicFlowWise, __assign({}, makeProps({
-                            httpClient: httpClient
+                            httpClient: httpClient,
                         }), { initialStep: getFormStep({ schema: schema, model: {} }) })));
                         return [4 /*yield*/, screen.findByLabelText('Account number')];
                     case 1:

package/build/revamp/tests/legacy/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 () {
@@ -235,7 +235,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(DynamicFlowWise, __assign({}, props, { httpClient: httpClient })));
@@ -345,7 +345,7 @@ describe('Validation Async', function () {
                     // expectedTrackingEvent: 'failure',
                     // Modification:
                     expectedTrackingEvent: 'Dynamic Flow - ValidationAsync Succeeded',
-                    doNotExpect: 'Error'
+                    doNotExpect: 'Error',
                 },
                 {
                     description: 'when the validation response is successful with a string body',
@@ -356,7 +356,7 @@ describe('Validation Async', function () {
                     // expectedTrackingEvent: 'failure',
                     // Modification:
                     expectedTrackingEvent: 'Dynamic Flow - ValidationAsync Succeeded',
-                    doNotExpect: 'Everything is fine'
+                    doNotExpect: 'Everything is fine',
                 },
                 {
                     description: 'when the validation response fails with 500',
@@ -364,7 +364,7 @@ describe('Validation Async', function () {
                         return [2 /*return*/, Promise.resolve(new Response("Internal server error", { status: 500 }))];
                     }); }); }),
                     expectedTrackingEvent: 'Dynamic Flow - ValidationAsync Failed',
-                    doNotExpect: 'Internal server error'
+                    doNotExpect: 'Internal server error',
                 },
                 {
                     description: 'when the validation response fails with 403',
@@ -375,7 +375,7 @@ describe('Validation Async', function () {
                     // expectedTrackingEvent: 'success',
                     // Modification:
                     expectedTrackingEvent: 'Dynamic Flow - ValidationAsync Failed',
-                    doNotExpect: 'Forbidden'
+                    doNotExpect: 'Forbidden',
                 },
                 {
                     description: 'when the validation response JSON does not parse as an object',
@@ -383,7 +383,7 @@ describe('Validation Async', function () {
                         return [2 /*return*/, Promise.resolve(new Response("1234567890", { status: 422 }))];
                     }); }); }),
                     expectedTrackingEvent: 'Dynamic Flow - ValidationAsync Failed',
-                    doNotExpect: '1234567890'
+                    doNotExpect: '1234567890',
                 },
                 {
                     description: 'when the validation response does not even parse as JSON',
@@ -391,7 +391,7 @@ describe('Validation Async', function () {
                         return [2 /*return*/, Promise.resolve(new Response("non-json-string", { status: 422 }))];
                     }); }); }),
                     expectedTrackingEvent: 'Dynamic Flow - ValidationAsync Failed',
-                    doNotExpect: 'non-json-string'
+                    doNotExpect: 'non-json-string',
                 },
             ];
             describe.each(otherCases)('$description', function (_a) {
@@ -437,7 +437,7 @@ describe('Validation Async', function () {
                                         expect(props.onEvent).toHaveBeenLastCalledWith(expectedTrackingEvent, expect.objectContaining({
                                             flowId: 'flow-id',
                                             schema: '#iban-string-schema',
-                                            stepId: 'validation-async-step-id'
+                                            stepId: 'validation-async-step-id',
                                         }));
                                     })];
                             case 3:

package/build/revamp/tests/legacy/useExternal.spec.js

@@ -62,7 +62,7 @@ describe('useExternal', function () {
             title: 'Step Title',
             external: { url: 'https://third-party.website' },
             layout: [{ type: 'paragraph', text: 'This is a paragraph in the step layout' }],
-            schemas: []
+            schemas: [],
         };
         it('attempts to open the specified URL, but ONLY ONCE', function () { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -136,7 +136,7 @@ describe('useExternal', function () {
                                         { type: 'paragraph', text: 'This is a paragraph in the external step layout' },
                                         { type: 'button', action: { url: '/layout', title: 'Continue to layout step' } },
                                     ],
-                                    schemas: []
+                                    schemas: [],
                                 })];
                         });
                     }); },
@@ -150,13 +150,13 @@ describe('useExternal', function () {
                                         { type: 'paragraph', text: 'This is a paragraph in the layout step layout' },
                                         {
                                             type: 'button',
-                                            action: { url: '/external', title: 'Continue to external step' }
+                                            action: { url: '/external', title: 'Continue to external step' },
                                         },
                                     ],
-                                    schemas: []
+                                    schemas: [],
                                 })];
                         });
-                    }); }
+                    }); },
                 });
                 it('displays the confirmation UI (ExternalConfirmationStep) a second time', function () { return __awaiter(void 0, void 0, void 0, function () {
                     var confirmButton;
@@ -213,7 +213,7 @@ describe('useExternal', function () {
             title: 'Step Title',
             external: { wrong: 'banana' },
             layout: [{ type: 'paragraph', text: 'This is a paragraph in the step layout' }],
-            schemas: []
+            schemas: [],
         };
         it('does not attempt to open a new tab', function () { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {

package/build/revamp/utils/component-utils.spec.js

@@ -68,20 +68,20 @@ describe('getSubmittableData', function () {
                             text: 'This is a step title',
                             align: 'start',
                             margin: 'md',
-                            size: 'md'
+                            size: 'md',
                         }),
                         createHeadingComponent({
                             uid: '1',
                             text: 'This is a heading',
                             align: 'start',
                             margin: 'md',
-                            size: 'sm'
+                            size: 'sm',
                         }),
                         createParagraphComponent({
                             uid: '2',
                             text: 'This is a paragraph',
                             align: 'start',
-                            margin: 'md'
+                            margin: 'md',
                         }),
                         createButtonComponent({
                             uid: '3',
@@ -89,7 +89,7 @@ describe('getSubmittableData', function () {
                             context: 'neutral',
                             disabled: false,
                             margin: 'md',
-                            onClick: jest.fn()
+                            onClick: jest.fn(),
                         }),
                     ];
                     _a = expect;
@@ -113,16 +113,16 @@ describe('getSubmittableData', function () {
                                 name: createMockTextInputComponent({
                                     uid: '0.0',
                                     id: 'name',
-                                    value: 'Florence Jones'
+                                    value: 'Florence Jones',
                                 }),
                                 email: createMockTextInputComponent({
                                     uid: '0.1',
                                     id: 'email',
-                                    value: 'florencejones@fake.com'
-                                })
+                                    value: 'florencejones@fake.com',
+                                }),
                             },
                             hidden: false,
-                            summariser: function () { return ({}); }
+                            summariser: function () { return ({}); },
                         }),
                     ];
                     _a = expect;
@@ -130,7 +130,7 @@ describe('getSubmittableData', function () {
                 case 1:
                     _a.apply(void 0, [_b.sent()]).toStrictEqual({
                         name: 'Florence Jones',
-                        email: 'florencejones@fake.com'
+                        email: 'florencejones@fake.com',
                     });
                     return [2 /*return*/];
             }
@@ -155,18 +155,18 @@ describe('getSubmittableData', function () {
                                         name: createMockTextInputComponent({
                                             uid: '0.0',
                                             id: 'name',
-                                            value: 'Florence Jones'
+                                            value: 'Florence Jones',
                                         }),
                                         email: createMockTextInputComponent({
                                             uid: '0.1',
                                             id: 'email',
-                                            value: 'florencejones@fake.com'
-                                        })
+                                            value: 'florencejones@fake.com',
+                                        }),
                                     },
                                     hidden: false,
-                                    summariser: function () { return ({}); }
+                                    summariser: function () { return ({}); },
                                 }),
-                            ]
+                            ],
                         }),
                     ];
                     _a = expect;
@@ -174,7 +174,7 @@ describe('getSubmittableData', function () {
                 case 1:
                     _a.apply(void 0, [_b.sent()]).toStrictEqual({
                         name: 'Florence Jones',
-                        email: 'florencejones@fake.com'
+                        email: 'florencejones@fake.com',
                     });
                     return [2 /*return*/];
             }
@@ -196,18 +196,18 @@ describe('getSubmittableData', function () {
                                         name: createMockTextInputComponent({
                                             uid: '0.0',
                                             id: 'name',
-                                            value: 'Florence Jones'
+                                            value: 'Florence Jones',
                                         }),
                                         email: createMockTextInputComponent({
                                             uid: '0.1',
                                             id: 'email',
-                                            value: 'florencejones@fake.com'
-                                        })
+                                            value: 'florencejones@fake.com',
+                                        }),
                                     },
                                     hidden: false,
-                                    summariser: function () { return ({}); }
+                                    summariser: function () { return ({}); },
                                 }),
-                            ]
+                            ],
                         }),
                     ];
                     _a = expect;
@@ -215,7 +215,7 @@ describe('getSubmittableData', function () {
                 case 1:
                     _a.apply(void 0, [_b.sent()]).toStrictEqual({
                         name: 'Florence Jones',
-                        email: 'florencejones@fake.com'
+                        email: 'florencejones@fake.com',
                     });
                     return [2 /*return*/];
             }
@@ -230,12 +230,12 @@ describe('getSubmittableData', function () {
                         createMockTextInputComponent({
                             uid: '0',
                             id: 'name',
-                            value: 'Florence Jones'
+                            value: 'Florence Jones',
                         }),
                         createMockTextInputComponent({
                             uid: '1',
                             id: 'email',
-                            value: 'florencejones@fake.com'
+                            value: 'florencejones@fake.com',
                         }),
                     ];
                     _a = expect;
@@ -255,12 +255,12 @@ describe('getSubmittableData', function () {
                         createMockTextInputComponent({
                             uid: '0',
                             id: 'name',
-                            value: 'Florence Jones'
+                            value: 'Florence Jones',
                         }),
                         createMockTextInputComponent({
                             uid: '1',
                             id: 'email',
-                            value: null
+                            value: null,
                         }),
                     ];
                     _a = expect;
@@ -284,7 +284,7 @@ describe('getSubmittableData', function () {
                                 name: createMockTextInputComponent({
                                     uid: '0.0',
                                     id: 'name',
-                                    value: 'Florence Jones'
+                                    value: 'Florence Jones',
                                 }),
                                 bankInfo: createObjectComponent({
                                     uid: '0.1',
@@ -293,20 +293,20 @@ describe('getSubmittableData', function () {
                                         accountNumber: createMockTextInputComponent({
                                             uid: '0.1.0',
                                             id: 'account',
-                                            value: '12345678'
+                                            value: '12345678',
                                         }),
                                         sortCode: createMockTextInputComponent({
                                             uid: '0.1.1',
                                             id: 'sortCode',
-                                            value: '04-00-04'
-                                        })
+                                            value: '04-00-04',
+                                        }),
                                     },
                                     hidden: false,
-                                    summariser: function () { return ({}); }
-                                })
+                                    summariser: function () { return ({}); },
+                                }),
                             },
                             hidden: false,
-                            summariser: function () { return ({}); }
+                            summariser: function () { return ({}); },
                         }),
                     ];
                     _a = expect;
@@ -316,8 +316,8 @@ describe('getSubmittableData', function () {
                         name: 'Florence Jones',
                         bankInfo: {
                             accountNumber: '12345678',
-                            sortCode: '04-00-04'
-                        }
+                            sortCode: '04-00-04',
+                        },
                     });
                     return [2 /*return*/];
             }
@@ -341,16 +341,16 @@ describe('getSubmittableData', function () {
                                         accountNumber: createMockTextInputComponent({
                                             uid: '0.0',
                                             id: 'account',
-                                            value: '12345678'
+                                            value: '12345678',
                                         }),
                                         sortCode: createMockTextInputComponent({
                                             uid: '0.1',
                                             id: 'sortCode',
-                                            value: '04-00-04'
-                                        })
+                                            value: '04-00-04',
+                                        }),
                                     },
                                     hidden: false,
-                                    summariser: function () { return ({}); }
+                                    summariser: function () { return ({}); },
                                 }),
                             ],
                             endComponents: [
@@ -361,13 +361,13 @@ describe('getSubmittableData', function () {
                                         name: createMockTextInputComponent({
                                             uid: '0.1',
                                             id: 'name',
-                                            value: 'Florence Jones'
-                                        })
+                                            value: 'Florence Jones',
+                                        }),
                                     },
                                     hidden: false,
-                                    summariser: function () { return ({}); }
+                                    summariser: function () { return ({}); },
                                 }),
-                            ]
+                            ],
                         }),
                     ];
                     _a = expect;
@@ -376,7 +376,7 @@ describe('getSubmittableData', function () {
                     _a.apply(void 0, [_b.sent()]).toStrictEqual({
                         accountNumber: '12345678',
                         sortCode: '04-00-04',
-                        name: 'Florence Jones'
+                        name: 'Florence Jones',
                     });
                     return [2 /*return*/];
             }