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

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

@@ -53,7 +53,7 @@ import { renderWithProviders } from '../../test-utils';
 import DynamicFlow from '../DynamicFlow';
 var user = userEvent.setup();
 jest.mock('../../common/utils/id-utils', function () { return ({
-    generateRandomId: function () { return 'DUMMY_GENERATED_UNIQUE_ID'; }
+    generateRandomId: function () { return 'DUMMY_GENERATED_UNIQUE_ID'; },
 }); });
 describe('Given a oneOfSchema component!', function () {
     var threeOptionsSchema = function (overrides) {
@@ -63,28 +63,28 @@ describe('Given a oneOfSchema component!', function () {
                     type: 'object',
                     title: 'Option A',
                     properties: {
-                        a: { type: 'number' }
+                        a: { type: 'number' },
                     },
                     required: ['a'],
-                    displayOrder: ['a']
+                    displayOrder: ['a'],
                 },
                 {
                     type: 'object',
                     title: 'Option B',
                     properties: {
-                        b: { type: 'number' }
+                        b: { type: 'number' },
                     },
                     required: ['b'],
-                    displayOrder: ['b']
+                    displayOrder: ['b'],
                 },
                 {
                     type: 'object',
                     title: 'Option C',
                     properties: {
-                        c: { type: 'number' }
+                        c: { type: 'number' },
                     },
                     required: ['c'],
-                    displayOrder: ['c']
+                    displayOrder: ['c'],
                 },
             ] }, overrides));
     };
@@ -97,16 +97,16 @@ describe('Given a oneOfSchema component!', function () {
                     properties: {
                         firstName: {
                             title: 'First name',
-                            type: 'string'
+                            type: 'string',
                         },
                         lastName: {
                             $id: 'last-name-id',
                             title: 'Last name',
-                            type: 'string'
-                        }
+                            type: 'string',
+                        },
                     },
                     required: ['firstName'],
-                    displayOrder: ['firstName', 'lastName']
+                    displayOrder: ['firstName', 'lastName'],
                 },
             ] }, overrides));
     };
@@ -117,11 +117,11 @@ describe('Given a oneOfSchema component!', function () {
                     type: 'object',
                     title: 'Option Zero (0)',
                     properties: {
-                        a: { type: 'string', "const": 'AAAA' },
-                        b: { type: 'string' }
+                        a: { type: 'string', const: 'AAAA' },
+                        b: { type: 'string' },
                     },
                     required: ['a', 'b'],
-                    displayOrder: ['a', 'b']
+                    displayOrder: ['a', 'b'],
                 },
                 {
                     type: 'object',
@@ -129,46 +129,46 @@ describe('Given a oneOfSchema component!', function () {
                     properties: {
                         b: { type: 'string' },
                         c: { type: 'string' },
-                        z: { type: 'string' }
+                        z: { type: 'string' },
                     },
                     required: ['b', 'c', 'z'],
-                    displayOrder: ['b', 'c', 'z']
+                    displayOrder: ['b', 'c', 'z'],
                 },
                 {
                     type: 'object',
                     title: 'Option Two (2)',
                     properties: {
-                        a: { type: 'string', "const": 'BBBB' },
-                        c: { type: 'string' }
+                        a: { type: 'string', const: 'BBBB' },
+                        c: { type: 'string' },
                     },
                     required: ['a', 'c'],
-                    displayOrder: ['a', 'c']
+                    displayOrder: ['a', 'c'],
                 },
                 {
                     type: 'object',
                     title: 'Option Three (3)',
                     properties: {
-                        d: { type: 'string', "const": 'DDDD' },
-                        e: { type: 'string' }
+                        d: { type: 'string', const: 'DDDD' },
+                        e: { type: 'string' },
                     },
                     required: ['d', 'e'],
-                    displayOrder: ['d', 'e']
+                    displayOrder: ['d', 'e'],
                 },
             ] }, overrides));
     };
     var currencySchema = function (overrides) {
         if (overrides === void 0) { overrides = {}; }
         return (__assign({ $id: '#schema', title: 'Currency', type: 'string', oneOf: [
-                { title: 'EUR', description: 'Euro', "const": 'EUR' },
+                { title: 'EUR', description: 'Euro', const: 'EUR' },
                 {
                     title: 'GBP',
                     description: 'British pound',
-                    "const": 'GBP'
+                    const: 'GBP',
                 },
                 {
                     title: 'USD',
                     description: 'United States dollar',
-                    "const": 'USD'
+                    const: 'USD',
                 },
             ], validationMessages: { required: 'Please enter currency.' } }, overrides));
     };
@@ -181,15 +181,15 @@ describe('Given a oneOfSchema component!', function () {
                     properties: {
                         firstName: {
                             title: 'First name',
-                            type: 'string'
+                            type: 'string',
                         },
                         lastName: {
                             title: 'Last name',
-                            type: 'string'
-                        }
+                            type: 'string',
+                        },
                     },
                     required: ['firstName'],
-                    displayOrder: ['firstName', 'lastName']
+                    displayOrder: ['firstName', 'lastName'],
                 },
                 {
                     type: 'object',
@@ -197,15 +197,15 @@ describe('Given a oneOfSchema component!', function () {
                     properties: {
                         address: {
                             type: 'string',
-                            title: 'Address'
+                            title: 'Address',
                         },
                         city: {
                             type: 'string',
-                            title: 'City'
-                        }
+                            title: 'City',
+                        },
                     },
                     required: [],
-                    displayOrder: ['address', 'city']
+                    displayOrder: ['address', 'city'],
                 },
             ] }, overrides));
     };
@@ -217,12 +217,12 @@ describe('Given a oneOfSchema component!', function () {
             {
                 type: 'button',
                 title: 'Submit',
-                action: { url: '/submit', method: 'POST' }
+                action: { url: '/submit', method: 'POST' },
             },
         ],
         schemas: [schema],
         model: model || {},
-        errors: errors || { validation: { a: 'error' } }
+        errors: errors || { validation: { a: 'error' } },
     }); };
     var mockHttpClient = jest.fn();
     beforeEach(function () { return mockHttpClient.mockClear(); });
@@ -236,7 +236,7 @@ describe('Given a oneOfSchema component!', function () {
             onCompletion: jest.fn(),
             onError: jest.fn(),
             onEvent: jest.fn(),
-            onLog: jest.fn()
+            onLog: jest.fn(),
         });
     };
     describe('id prop', function () {
@@ -286,14 +286,14 @@ describe('Given a oneOfSchema component!', function () {
                     displayOrder: ['name', 'type'],
                     properties: {
                         name: { title: "Name for ".concat(type), type: 'string' },
-                        type: { "const": type }
-                    }
+                        type: { const: type },
+                    },
                 }); };
                 var props = getProps({
                     $id: '#schema',
                     title: 'Options are AAAA, BBBB, CCCC, DDDD',
                     oneOf: ['AAAA', 'BBBB', 'CCCC'].map(objectSchema),
-                    control: 'tab'
+                    control: 'tab',
                 }, { name: 'Bob', type: 'CCCC' });
                 it('should select the schema that is best matched by the model', function () {
                     renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
@@ -341,7 +341,7 @@ describe('Given a oneOfSchema component!', function () {
                     expect(screen.queryByText('Option C')).not.toBeInTheDocument();
                 });
                 describe('and there is a valid default value', function () {
-                    var props = getProps(threeOptionsSchema({ "default": { b: 123 } }), {});
+                    var props = getProps(threeOptionsSchema({ default: { b: 123 } }), {});
                     it('selects the schema with the valid default value', function () {
                         renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
                         expect(screen.queryByText('Option A')).not.toBeInTheDocument();
@@ -352,7 +352,7 @@ describe('Given a oneOfSchema component!', function () {
             });
             describe('and children schemas are const', function () {
                 describe('and there is a valid default value', function () {
-                    var props = getProps(currencySchema({ "default": 'USD' }), {});
+                    var props = getProps(currencySchema({ default: 'USD' }), {});
                     it('selects the schema with the valid default value', function () {
                         renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
                         expect(screen.getByText('USD')).toBeInTheDocument();
@@ -380,14 +380,14 @@ describe('Given a oneOfSchema component!', function () {
                             currency: {
                                 title: 'Currency',
                                 oneOf: [
-                                    { title: 'EUR', "const": 'EUR', hidden: true },
-                                    { title: 'GBP', "const": 'GBP', hidden: true },
-                                    { title: 'USD', "const": 'USD', hidden: true },
+                                    { title: 'EUR', const: 'EUR', hidden: true },
+                                    { title: 'GBP', const: 'GBP', hidden: true },
+                                    { title: 'USD', const: 'USD', hidden: true },
                                 ],
                                 control: 'select',
-                                "default": 'USD'
-                            }
-                        }
+                                default: 'USD',
+                            },
+                        },
                     }, {});
                     it('selects the default', function () {
                         renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
@@ -405,13 +405,13 @@ describe('Given a oneOfSchema component!', function () {
                             currency: {
                                 title: 'Currency',
                                 oneOf: [
-                                    { title: 'EUR', "const": 'EUR', hidden: true },
-                                    { title: 'GBP', "const": 'GBP', hidden: true },
+                                    { title: 'EUR', const: 'EUR', hidden: true },
+                                    { title: 'GBP', const: 'GBP', hidden: true },
                                 ],
                                 control: 'radio',
-                                "default": 'GBP'
-                            }
-                        }
+                                default: 'GBP',
+                            },
+                        },
                     }, {});
                     it('selects the default', function () { return __awaiter(void 0, void 0, void 0, function () {
                         return __generator(this, function (_a) {
@@ -440,13 +440,13 @@ describe('Given a oneOfSchema component!', function () {
                             currency: {
                                 title: 'Currency',
                                 oneOf: [
-                                    { title: 'EUR', "const": 'EUR', hidden: true },
-                                    { title: 'GBP', "const": 'GBP', hidden: true },
-                                    { title: 'USD', "const": 'USD', hidden: true },
+                                    { title: 'EUR', const: 'EUR', hidden: true },
+                                    { title: 'GBP', const: 'GBP', hidden: true },
+                                    { title: 'USD', const: 'USD', hidden: true },
                                 ],
-                                control: 'select'
-                            }
-                        }
+                                control: 'select',
+                            },
+                        },
                     }, {});
                     it('does not select an option', function () {
                         renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
@@ -464,12 +464,12 @@ describe('Given a oneOfSchema component!', function () {
                             currency: {
                                 title: 'Currency',
                                 oneOf: [
-                                    { title: 'EUR', "const": 'EUR', hidden: true },
-                                    { title: 'GBP', "const": 'GBP', hidden: true },
+                                    { title: 'EUR', const: 'EUR', hidden: true },
+                                    { title: 'GBP', const: 'GBP', hidden: true },
                                 ],
-                                control: 'radio'
-                            }
-                        }
+                                control: 'radio',
+                            },
+                        },
                     }, {});
                     it('does not select any of the radio buttons', function () {
                         renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
@@ -559,15 +559,15 @@ describe('Given a oneOfSchema component!', function () {
                                             properties: {
                                                 firstName: {
                                                     title: 'First name',
-                                                    type: 'string'
+                                                    type: 'string',
                                                 },
                                                 lastName: {
                                                     title: 'Last name',
-                                                    type: 'string'
-                                                }
+                                                    type: 'string',
+                                                },
                                             },
                                             required: ['firstName'],
-                                            displayOrder: ['firstName', 'lastName']
+                                            displayOrder: ['firstName', 'lastName'],
                                         },
                                         {
                                             type: 'object',
@@ -575,17 +575,17 @@ describe('Given a oneOfSchema component!', function () {
                                             properties: {
                                                 address: {
                                                     type: 'string',
-                                                    title: 'Address'
+                                                    title: 'Address',
                                                 },
                                                 city: {
                                                     type: 'string',
-                                                    title: 'City'
-                                                }
+                                                    title: 'City',
+                                                },
                                             },
                                             required: ['address'],
-                                            displayOrder: ['address', 'city']
+                                            displayOrder: ['address', 'city'],
                                         },
-                                    ]
+                                    ],
                                 };
                                 props = getProps(schema, { firstName: 'Colin', city: 'New York' });
                                 renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
@@ -616,7 +616,7 @@ describe('Given a oneOfSchema component!', function () {
         });
     });
     describe('when the choice is from a set of constant values', function () {
-        var props = getProps(currencySchema({ required: ['Currency'], "default": 'EUR' }), {});
+        var props = getProps(currencySchema({ required: ['Currency'], default: 'EUR' }), {});
         it('should render the schema title in a label', function () {
             renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
             expect(screen.getByLabelText('Currency')).toBeInTheDocument();
@@ -625,7 +625,7 @@ describe('Given a oneOfSchema component!', function () {
             var schema = {
                 $id: '#schema',
                 title: 'Choose schema',
-                oneOf: [{ title: 'One', "const": 1 }]
+                oneOf: [{ title: 'One', const: 1 }],
             };
             var props = getProps(schema);
             it('should render a select trigger', function () {
@@ -753,15 +753,15 @@ describe('Given a oneOfSchema component!', function () {
                     {
                         title: 'A - Title',
                         description: 'A - Normal length description',
-                        "const": 'A'
+                        const: 'A',
                     },
                     {
                         title: 'B - Long title long title long title',
                         description: 'B - Normal length description',
-                        "const": 'B'
+                        const: 'B',
                     },
                 ],
-                control: 'radio'
+                control: 'radio',
             });
             renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
             expect(screen.getByText('A - Title')).toBeInTheDocument();

package/build/legacy/dynamicFlow/tests/PersistAsync.blob-schema.spec.js

@@ -72,11 +72,11 @@ describe('PersistAsync with blob schema', function () {
                         $id: '#persist-async-schema',
                         type: 'blob',
                         maxSize: 150000,
-                        accepts: ['image/png', 'image/jpg']
-                    }
-                }
-            }
-        }
+                        accepts: ['image/png', 'image/jpg'],
+                    },
+                },
+            },
+        },
     };
     var model = {};
     var initialStep = {
@@ -87,11 +87,11 @@ describe('PersistAsync with blob schema', function () {
             {
                 type: 'button',
                 title: 'Submit',
-                action: { url: '/submit', method: 'POST' }
+                action: { url: '/submit', method: 'POST' },
             },
         ],
         schemas: [schema],
-        model: model
+        model: model,
     };
     var getProps = function (overrides) {
         if (overrides === void 0) { overrides = {}; }
@@ -132,11 +132,11 @@ describe('PersistAsync with blob schema', function () {
                                     $id: '#persist-async-schema',
                                     type: 'blob',
                                     maxSize: 150000,
-                                    accepts: ['image/png', 'image/jpg']
-                                }
-                            }
-                        }
-                    }
+                                    accepts: ['image/png', 'image/jpg'],
+                                },
+                            },
+                        },
+                    },
                 };
                 var props = getProps({ initialStep: __assign(__assign({}, initialStep), { schemas: [schemaWithNoId] }) });
                 renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
@@ -163,11 +163,11 @@ describe('PersistAsync with blob schema', function () {
                                 schema: {
                                     type: 'blob',
                                     maxSize: 150000,
-                                    accepts: ['image/png', 'image/jpg']
-                                }
-                            }
-                        }
-                    }
+                                    accepts: ['image/png', 'image/jpg'],
+                                },
+                            },
+                        },
+                    },
                 };
                 var props = getProps({ initialStep: __assign(__assign({}, initialStep), { schemas: [schemaWithNoId] }) });
                 renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
@@ -195,7 +195,7 @@ describe('PersistAsync with blob schema', function () {
                         _a.sent();
                         expect(httpClient).toHaveBeenCalledWith('/upload-file-url', {
                             method: 'POST',
-                            body: expect.any(FormData)
+                            body: expect.any(FormData),
                         });
                         formData = httpClient.mock.calls[0][1].body;
                         expect(formData.get('file')).toBe(file);
@@ -308,7 +308,7 @@ describe('PersistAsync with blob schema', function () {
                             case 0:
                                 httpClient = jest.fn(function () {
                                     return Promise.resolve(new Response(JSON.stringify({
-                                        validation: { file: 'The server overlords dislike the uploaded file.' }
+                                        validation: { file: 'The server overlords dislike the uploaded file.' },
                                     }), { status: 422 }));
                                 });
                                 props = getProps({ httpClient: httpClient });

package/build/legacy/dynamicFlow/tests/PersistAsync.string-schema.spec.js

@@ -61,7 +61,7 @@ describe('PersistAsync with string schema (basic)', function () {
         properties: {
             name: {
                 title: 'Name on Card',
-                type: 'string'
+                type: 'string',
             },
             cardNumber: {
                 type: 'string',
@@ -74,11 +74,11 @@ describe('PersistAsync with string schema (basic)', function () {
                         title: 'Card Number',
                         type: 'string',
                         minLength: 15,
-                        maxLength: 16
-                    }
-                }
-            }
-        }
+                        maxLength: 16,
+                    },
+                },
+            },
+        },
     };
     var model = {};
     var initialStep = {
@@ -89,11 +89,11 @@ describe('PersistAsync with string schema (basic)', function () {
             {
                 type: 'button',
                 title: 'Submit',
-                action: { url: '/submit', method: 'POST' }
+                action: { url: '/submit', method: 'POST' },
             },
         ],
         schemas: [schema],
-        model: model
+        model: model,
     };
     var getProps = function (overrides) {
         if (overrides === void 0) { overrides = {}; }
@@ -221,7 +221,7 @@ describe('PersistAsync with string schema (basic)', function () {
                             _a.sent();
                             return [4 /*yield*/, waitFor(function () {
                                     expect(httpClient).toHaveBeenCalledWith('/submit', expect.objectContaining({
-                                        body: '{"cardNumber":"SECOND-TOKEN"}'
+                                        body: '{"cardNumber":"SECOND-TOKEN"}',
                                     }));
                                 })];
                         case 9:
@@ -321,7 +321,7 @@ describe('PersistAsync with string schema (basic)', function () {
                             _a.sent();
                             return [4 /*yield*/, waitFor(function () {
                                     expect(httpClient).toHaveBeenCalledWith('/submit', expect.objectContaining({
-                                        body: '{"cardNumber":"9sowP4YdJy6LdgoVEvkGvcrcahYguaMn"}'
+                                        body: '{"cardNumber":"9sowP4YdJy6LdgoVEvkGvcrcahYguaMn"}',
                                     }));
                                 })];
                         case 6:

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

@@ -64,14 +64,14 @@ describe('useDebouncedRefresh', function () {
             name: {
                 title: 'Name',
                 type: 'string',
-                refreshStepOnChange: true
+                refreshStepOnChange: true,
             },
             terms: {
                 title: 'I accept the terms and conditions',
                 type: 'boolean',
-                refreshStepOnChange: true
-            }
-        }
+                refreshStepOnChange: true,
+            },
+        },
     };
     var debounceableDeprecatedSchema = {
         $id: '#debounced-deprecated-schema',
@@ -84,21 +84,21 @@ describe('useDebouncedRefresh', function () {
                 title: 'Name',
                 type: 'string',
                 refreshStepOnChange: true,
-                refreshFormUrl: '/refresh1'
+                refreshFormUrl: '/refresh1',
             },
             address: {
                 title: 'Address',
                 type: 'string',
                 refreshStepOnChange: true,
-                refreshFormUrl: '/refresh2'
+                refreshFormUrl: '/refresh2',
             },
             terms: {
                 title: 'I accept the terms and conditions',
                 type: 'boolean',
                 refreshStepOnChange: true,
-                refreshFormUrl: '/refresh3'
-            }
-        }
+                refreshFormUrl: '/refresh3',
+            },
+        },
     };
     var model = { name: '', address: '' };
     var initialStep = {
@@ -110,7 +110,7 @@ describe('useDebouncedRefresh', function () {
             { type: 'button', title: 'Submit', action: { url: '/submit', method: 'POST' } },
         ],
         schemas: [debounceableSchema, debounceableDeprecatedSchema],
-        model: model
+        model: model,
     };
     var initialDeprecatedStep = {
         id: 'debounced-refresh-initial-step',
@@ -121,7 +121,7 @@ describe('useDebouncedRefresh', function () {
             { type: 'button', title: 'Submit', action: { url: '/submit', method: 'POST' } },
         ],
         schemas: [debounceableDeprecatedSchema],
-        model: model
+        model: model,
     };
     var mockHttpClient = jest.fn();
     var getProps = function (step, overrides) {
@@ -192,10 +192,10 @@ describe('useDebouncedRefresh', function () {
                         case 5:
                             _a.sent();
                             expect(props.httpClient).toHaveBeenCalledWith('/refresh1', expect.objectContaining({
-                                body: '{"terms":false,"name":"Colin Robinson"}'
+                                body: '{"terms":false,"name":"Colin Robinson"}',
                             }));
                             expect(props.httpClient).toHaveBeenCalledWith('/refresh2', expect.objectContaining({
-                                body: '{"terms":false,"name":"Colin Robinson","address":"New York"}'
+                                body: '{"terms":false,"name":"Colin Robinson","address":"New York"}',
                             }));
                             return [2 /*return*/];
                     }
@@ -242,12 +242,12 @@ describe('shouldDebounceSchema', function () {
         {
             title: 'oneOf schema',
             schema: { oneOf: [{ type: 'string' }, { type: 'number' }] },
-            expectation: false
+            expectation: false,
         },
         {
             title: 'oneOf consts schema',
-            schema: { oneOf: [{ "const": 0 }, { "const": 1 }, { "const": 2 }] },
-            expectation: false
+            schema: { oneOf: [{ const: 0 }, { const: 1 }, { const: 2 }] },
+            expectation: false,
         },
         { title: 'boolean schema', schema: { type: 'boolean' }, expectation: false },
         { title: 'array schema', schema: { type: 'array' }, expectation: false },
@@ -256,14 +256,14 @@ describe('shouldDebounceSchema', function () {
             schema: {
                 type: 'object',
                 properties: { a: { type: 'string' }, b: { type: 'integer' } },
-                displayOrder: ['a', 'b']
+                displayOrder: ['a', 'b'],
             },
-            expectation: false
+            expectation: false,
         },
         {
             title: 'string base64url schema',
             schema: { type: 'string', format: 'base64url' },
-            expectation: false
+            expectation: false,
         },
     ];
     it.each(cases)('$title -> $expectation', function (_a) {