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

package/build/legacy/dynamicFlow/tests/DynamicFlow.search.spec.js

@@ -61,7 +61,7 @@ var getSearchStep = function (search) {
         schemas: [],
         layout: [
             __assign({ type: 'search', title: 'Title', url: '/search', method: 'GET', param: 'query', emptyMessage: 'No results' }, search),
-        ]
+        ],
     });
 };
 var getSearchResponse = function (query) {
@@ -74,8 +74,8 @@ var getSearchResponse = function (query) {
                 value: {
                     id: 'search-result-action-id-01',
                     url: "/next-step",
-                    method: 'GET'
-                }
+                    method: 'GET',
+                },
             },
             {
                 type: 'search',
@@ -85,10 +85,10 @@ var getSearchResponse = function (query) {
                     url: "/new-search",
                     method: 'GET',
                     param: 'new-query',
-                    query: 'new query with special characters (!@£$%^&*)'
-                }
+                    query: 'new query with special characters (!@£$%^&*)',
+                },
             },
-        ]
+        ],
     }));
 };
 describe('DynamicFlow / Search Layout Component', function () {
@@ -127,7 +127,7 @@ describe('DynamicFlow / Search Layout Component', function () {
                         return [4 /*yield*/, waitFor(function () {
                                 return expect(onEvent).toHaveBeenCalledWith('Dynamic Flow - Search Started', {
                                     flowId: 'the-flow-id',
-                                    stepId: 'Features/Search'
+                                    stepId: 'Features/Search',
                                 });
                             })];
                     case 2:
@@ -202,7 +202,7 @@ describe('DynamicFlow / Search Layout Component', function () {
                         _a.sent();
                         expect(httpClient).toHaveBeenCalledWith('/search', expect.objectContaining({
                             method: 'POST',
-                            body: JSON.stringify({ query: query })
+                            body: JSON.stringify({ query: query }),
                         }));
                         return [2 /*return*/];
                 }
@@ -357,7 +357,7 @@ describe('DynamicFlow / Search Layout Component', function () {
                     case 0:
                         httpClient = jest.fn(getMockHttpClient({
                             '/search?query=abcd': function () { return Promise.resolve(getSearchResponse('abcd')); },
-                            '/next-step': function () { return Promise.resolve(new Response(JSON.stringify(nextStep))); }
+                            '/next-step': function () { return Promise.resolve(new Response(JSON.stringify(nextStep))); },
                         }));
                         onEvent = jest.fn();
                         title = 'Search for something';
@@ -369,9 +369,9 @@ describe('DynamicFlow / Search Layout Component', function () {
                             layout: [
                                 {
                                     type: 'paragraph',
-                                    text: 'This is the next step.'
+                                    text: 'This is the next step.',
                                 },
-                            ]
+                            ],
                         };
                         renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", httpClient: httpClient, initialStep: searchStep, onCompletion: onCompletion, onError: onError, onEvent: onEvent }));
                         input = screen.getByLabelText(title);
@@ -392,7 +392,7 @@ describe('DynamicFlow / Search Layout Component', function () {
                             flowId: 'the-flow-id',
                             stepId: 'Features/Search',
                             type: 'action',
-                            actionId: 'search-result-action-id-01'
+                            actionId: 'search-result-action-id-01',
                         });
                         return [2 /*return*/];
                 }
@@ -407,7 +407,7 @@ describe('DynamicFlow / Search Layout Component', function () {
                     case 0:
                         httpClient = jest.fn(getMockHttpClient({
                             '/search?query=abcd': function () { return Promise.resolve(getSearchResponse('abcd')); },
-                            '/new-search?new-query=new+query+with+special+characters+%28%21%40%C2%A3%24%25%5E%26*%29': function () { return Promise.resolve(getSearchResponse('new query results')); }
+                            '/new-search?new-query=new+query+with+special+characters+%28%21%40%C2%A3%24%25%5E%26*%29': function () { return Promise.resolve(getSearchResponse('new query results')); },
                         }));
                         title = 'Search for something';
                         searchStep = getSearchStep({ title: title, url: '/search' });

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

@@ -78,12 +78,12 @@ describe('DynamicFlow', function () {
                                         url: '/action',
                                         method: 'POST',
                                         data: {
-                                            foo: 'bar'
-                                        }
-                                    }
+                                            foo: 'bar',
+                                        },
+                                    },
                                 });
                             },
-                            '/action': function () { return respondWith(schemas.object); }
+                            '/action': function () { return respondWith(schemas.object); },
                         });
                         renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", httpClient: mockHttpClient, initialAction: { method: 'GET', url: '/form' }, onCompletion: onCompletion, onError: onError }));
                         expect(screen.getByTestId('loader')).toBeInTheDocument();
@@ -108,12 +108,12 @@ describe('DynamicFlow', function () {
                                         url: '/action',
                                         method: 'POST',
                                         data: {
-                                            foo: 'bar'
-                                        }
-                                    }
+                                            foo: 'bar',
+                                        },
+                                    },
                                 });
                             },
-                            '/action': function () { return respondWith(layouts.alert); }
+                            '/action': function () { return respondWith(layouts.alert); },
                         });
                         renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", httpClient: mockHttpClient, initialAction: { method: 'GET', url: '/form' }, onCompletion: onCompletion, onError: onError }));
                         expect(screen.getByTestId('loader')).toBeInTheDocument();
@@ -144,9 +144,9 @@ describe('DynamicFlow', function () {
                                             title: 'Name',
                                             type: 'string',
                                             refreshStepOnChange: true,
-                                            refreshUrl: '/refresh'
-                                        }
-                                    }
+                                            refreshUrl: '/refresh',
+                                        },
+                                    },
                                 },
                             ] });
                         mockHttpClient = getMockHttpClient({
@@ -157,12 +157,12 @@ describe('DynamicFlow', function () {
                                         url: '/action',
                                         method: 'POST',
                                         data: {
-                                            foo: 'bar'
-                                        }
-                                    }
+                                            foo: 'bar',
+                                        },
+                                    },
                                 });
                             },
-                            '/action': function () { return respondWith(layouts.alert); }
+                            '/action': function () { return respondWith(layouts.alert); },
                         });
                         renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", httpClient: mockHttpClient, initialAction: { method: 'GET', url: '/form' }, onCompletion: onCompletion, onError: onError }));
                         expect(screen.getByTestId('loader')).toBeInTheDocument();
@@ -194,11 +194,11 @@ describe('DynamicFlow', function () {
                                     action: {
                                         exit: true,
                                         result: {
-                                            foo: 'bar'
-                                        }
-                                    }
+                                            foo: 'bar',
+                                        },
+                                    },
                                 });
-                            }
+                            },
                         });
                         onCompletion = jest.fn();
                         renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", httpClient: mockHttpClient, initialAction: { method: 'GET', url: '/form' }, onCompletion: onCompletion, onError: onError }));
@@ -217,8 +217,8 @@ describe('DynamicFlow', function () {
                 type: 'object',
                 displayOrder: ['name'],
                 properties: {
-                    name: { type: 'string', title: 'Name' }
-                }
+                    name: { type: 'string', title: 'Name' },
+                },
             };
             var step = {
                 title: 'title',
@@ -227,18 +227,18 @@ describe('DynamicFlow', function () {
                 layout: [
                     {
                         type: 'form',
-                        schemaId: schema.$id
+                        schemaId: schema.$id,
                     },
                     {
                         type: 'button',
                         title: 'Submit',
-                        action: { url: '/submit' }
+                        action: { url: '/submit' },
                     },
                 ],
-                errors: undefined
+                errors: undefined,
             };
             var errors = {
-                validation: { name: 'Server-side error for "name" field' }
+                validation: { name: 'Server-side error for "name" field' },
             };
             var httpClient = function () { return Promise.resolve(new Response(JSON.stringify(__assign(__assign({}, step), { errors: errors })))); };
             var renderDFWithInitialStep = function () {
@@ -307,10 +307,10 @@ describe('DynamicFlow', function () {
                             id: 'submit-action-id',
                             url: '/submit',
                             title: 'Submit',
-                            type: 'primary'
-                        }
+                            type: 'primary',
+                        },
                     },
-                ]
+                ],
             };
             describe('stepId', function () {
                 it('includes step id in analytics event metadata', function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -364,12 +364,12 @@ describe('DynamicFlow', function () {
                     title: 'title',
                     type: 'form',
                     schemas: [],
-                    layout: [{ type: 'button', title: 'Submit', action: action }]
+                    layout: [{ type: 'button', title: 'Submit', action: action }],
                 }); };
                 describe('when action.id is provided', function () {
                     var step = getStepWithAction({
                         id: 'submit-action-id',
-                        url: '/submit'
+                        url: '/submit',
                     });
                     it('uses it as actionId in the analytics event', function () { return __awaiter(void 0, void 0, void 0, function () {
                         var onEvent;
@@ -390,7 +390,7 @@ describe('DynamicFlow', function () {
                 describe('when action.$id is provided', function () {
                     var step = getStepWithAction({
                         $id: 'submit-action-$id',
-                        url: '/submit'
+                        url: '/submit',
                     });
                     it('uses it as actionId in the analytics event', function () { return __awaiter(void 0, void 0, void 0, function () {
                         var onEvent;
@@ -412,7 +412,7 @@ describe('DynamicFlow', function () {
                     var step = getStepWithAction({
                         id: 'submit-action-id',
                         $id: 'submit-action-$id',
-                        url: '/submit'
+                        url: '/submit',
                     });
                     it('prefers action.id as actionId in the analytics event', function () { return __awaiter(void 0, void 0, void 0, function () {
                         var onEvent;
@@ -446,10 +446,10 @@ describe('DynamicFlow', function () {
                     properties: {
                         name: {
                             title: 'Full name',
-                            type: 'string'
-                        }
+                            type: 'string',
+                        },
                     },
-                    displayOrder: ['name']
+                    displayOrder: ['name'],
                 },
                 {
                     $id: '#schema-2',
@@ -457,27 +457,27 @@ describe('DynamicFlow', function () {
                     properties: {
                         city: {
                             title: 'City',
-                            type: 'string'
-                        }
+                            type: 'string',
+                        },
                     },
                     required: ['city'],
-                    displayOrder: ['city']
+                    displayOrder: ['city'],
                 },
             ],
             layout: [
                 {
                     type: 'form',
-                    schemaId: '#schema-1'
+                    schemaId: '#schema-1',
                 },
                 {
                     type: 'button',
                     action: {
                         url: '/submit',
                         title: 'Submit',
-                        type: 'primary'
-                    }
+                        type: 'primary',
+                    },
                 },
-            ]
+            ],
         };
         describe('and a form is submitted', function () {
             it('form submits successfully', function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -504,9 +504,9 @@ describe('DynamicFlow', function () {
             actions: [],
             details: {
                 description: 'No layout description',
-                title: 'No layout'
+                title: 'No layout',
             },
-            success: true
+            success: true,
         };
         it('logs a deprecation warning if initial step has no layout', function () { return __awaiter(void 0, void 0, void 0, function () {
             var onLog;
@@ -523,7 +523,7 @@ describe('DynamicFlow', function () {
                 switch (_a.label) {
                     case 0:
                         mockHttpClient = getMockHttpClient({
-                            '/submit': function () { return respondWith(stepWithNoLayout); }
+                            '/submit': function () { return respondWith(stepWithNoLayout); },
                         });
                         stepWithLayout = {
                             id: 'no-layout',
@@ -534,10 +534,10 @@ describe('DynamicFlow', function () {
                                     type: 'button',
                                     title: 'Submit',
                                     action: {
-                                        url: '/submit'
-                                    }
+                                        url: '/submit',
+                                    },
                                 },
-                            ]
+                            ],
                         };
                         onLog = jest.fn();
                         renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: stepWithLayout, onCompletion: onCompletion, onError: onError, onLog: onLog }));

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

@@ -60,7 +60,7 @@ jest.spyOn(global, 'FileReader').mockImplementation(function () {
         // eslint-disable-next-line no-return-assign
         addEventListener: function (event, callback) { return (Reader[event] = callback); },
         result: IMAGE_DATA_URL,
-        readAsDataURL: function () { return Reader.loadend(); }
+        readAsDataURL: function () { return Reader.loadend(); },
     };
     return Reader;
 });
@@ -71,7 +71,7 @@ describe('Given a component for dynamically rendering image', function () {
         layout: [
             __assign({ type: 'image', url: IMAGE_DATA_URL, accessibilityDescription: 'an image', text: 'an image', size: 'md' }, overrides),
         ],
-        schemas: []
+        schemas: [],
     }); };
     var mockHttpClient = jest.fn(function (url) {
         // eslint-disable-next-line @typescript-eslint/no-base-to-string
@@ -245,7 +245,7 @@ describe('Given a component for dynamically rendering image', function () {
     describe('when the text property is set', function () {
         var img_props = getProps({
             url: DIFFERENT_ORIGIN_URL,
-            accessibilityDescription: 'alt text'
+            accessibilityDescription: 'alt text',
         });
         it('uses it for alt-text in the image tag', function () { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -266,7 +266,7 @@ describe('Given a component for dynamically rendering image', function () {
     describe('when the accessibilityDescription property is set', function () {
         var img_props = getProps({
             url: DIFFERENT_ORIGIN_URL,
-            accessibilityDescription: 'alt text'
+            accessibilityDescription: 'alt text',
         });
         it('uses it for alt-text in the image tag', function () { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {

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

@@ -21,10 +21,10 @@ describe('DynamicInstructions', function () {
             {
                 type: 'instructions',
                 items: instructions,
-                title: 'This is a title'
+                title: 'This is a title',
             },
         ],
-        schemas: []
+        schemas: [],
     }); };
     var getProps = function (instructions, overrides) {
         if (overrides === void 0) { overrides = {}; }
@@ -38,7 +38,7 @@ describe('DynamicInstructions', function () {
         renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps([
             {
                 context: 'positive',
-                text: 'Do this'
+                text: 'Do this',
             },
             { context: 'warning', text: 'Dont do this' },
         ]))));

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

@@ -58,12 +58,12 @@ var initialStep = function (schema) { return ({
         {
             type: 'button',
             title: 'Submit',
-            action: { url: '/submit', method: 'POST' }
+            action: { url: '/submit', method: 'POST' },
         },
     ],
     schemas: [
         __assign(__assign({}, schema), { $id: '#schema' }),
-    ]
+    ],
 }); };
 var user = userEvent.setup();
 var mockHttpClient = jest.fn();
@@ -80,8 +80,8 @@ describe('Given an object schema which is marked as hidden', function () {
         displayOrder: ['name', 'location'],
         properties: {
             name: { type: 'string', title: 'Name' },
-            location: { type: 'string', title: 'Location' }
-        }
+            location: { type: 'string', title: 'Location' },
+        },
     };
     it('does not render UI components for the hidden schema', function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
@@ -107,9 +107,9 @@ describe('Given a hidden object schema whose children have default values', func
                         hidden: true,
                         displayOrder: ['name', 'location'],
                         properties: {
-                            name: { type: 'string', title: 'Name', "default": 'Bob' },
-                            location: { type: 'string', title: 'Location', "default": 'Earth' }
-                        }
+                            name: { type: 'string', title: 'Name', default: 'Bob' },
+                            location: { type: 'string', title: 'Location', default: 'Earth' },
+                        },
                     };
                     renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps(schema))));
                     return [4 /*yield*/, user.click(screen.getByText('Submit'))];
@@ -132,8 +132,8 @@ describe('Given an object schema with one of its properties marked as hidden', f
         required: ['location'],
         properties: {
             name: { type: 'string', title: 'Name' },
-            location: { type: 'string', title: 'Location', hidden: true }
-        }
+            location: { type: 'string', title: 'Location', hidden: true },
+        },
     };
     it('only renders the schemas that are not hidden', function () {
         renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps(schema))));
@@ -190,8 +190,8 @@ describe('Given an object schema with one of its properties being a const and hi
         required: ['profileId'],
         properties: {
             name: { type: 'string', title: 'Name' },
-            profileId: { "const": '12345678', hidden: true }
-        }
+            profileId: { const: '12345678', hidden: true },
+        },
     };
     it('allows submitting because the hidden const provides its own value', function () { return __awaiter(void 0, void 0, void 0, function () {
         var props;
@@ -222,13 +222,13 @@ describe('Given a oneOf schema with hidden const options', function () {
             currency: {
                 title: 'Currency',
                 oneOf: [
-                    { "const": 'EUR', title: 'EUR', hidden: true },
-                    { "const": 'GBP', title: 'GBP', hidden: true },
-                    { "const": 'USD', title: 'USD', hidden: true },
+                    { const: 'EUR', title: 'EUR', hidden: true },
+                    { const: 'GBP', title: 'GBP', hidden: true },
+                    { const: 'USD', title: 'USD', hidden: true },
                 ],
-                control: 'radio'
-            }
-        }
+                control: 'radio',
+            },
+        },
     };
     it('renders all options, including the hidden ones', function () {
         renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps(schema))));
@@ -255,8 +255,8 @@ describe('Given a oneOf schema with hidden non-const options', function () {
                         required: ['name', 'something'],
                         properties: {
                             name: { type: 'string', title: 'Name' },
-                            something: { type: 'string', title: 'Something', hidden: true }
-                        }
+                            something: { type: 'string', title: 'Something', hidden: true },
+                        },
                     },
                     {
                         type: 'object',
@@ -265,13 +265,13 @@ describe('Given a oneOf schema with hidden non-const options', function () {
                         required: ['companyName', 'something'],
                         properties: {
                             companyName: { type: 'string', title: 'Company Name' },
-                            something: { type: 'string', title: 'Something', hidden: true }
-                        }
+                            something: { type: 'string', title: 'Something', hidden: true },
+                        },
                     },
                 ],
-                control: 'tab'
-            }
-        }
+                control: 'tab',
+            },
+        },
     };
     it('renders all options, including the hidden ones', function () {
         renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps(schema))));

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

@@ -63,27 +63,27 @@ describe('ModalLayout', function () {
                         {
                             type: 'heading',
                             size: 'xl',
-                            text: 'Modal Content'
+                            text: 'Modal Content',
                         },
                         {
                             type: 'paragraph',
-                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
                         },
                         {
                             type: 'button',
                             title: 'Submit Action',
-                            action: { method: 'POST', url: '/submit' }
+                            action: { method: 'POST', url: '/submit' },
                         },
                         {
                             type: 'button',
                             title: 'Exit Action',
-                            action: { exit: true, result: { foo: 'bar' } }
+                            action: { exit: true, result: { foo: 'bar' } },
                         },
-                    ]
-                }
+                    ],
+                },
             },
         ],
-        schemas: []
+        schemas: [],
     }); };
     var mockHttpClient = jest.fn();
     beforeEach(function () { return mockHttpClient.mockClear(); });
@@ -94,7 +94,7 @@ describe('ModalLayout', function () {
         onCompletion: jest.fn(),
         onError: jest.fn(),
         onEvent: jest.fn(),
-        onLog: jest.fn()
+        onLog: jest.fn(),
     }); };
     describe('when the step is initialised', function () {
         it('renders the trigger title, but not the content', function () {
@@ -161,7 +161,7 @@ describe('ModalLayout', function () {
                     case 2:
                         _a.sent();
                         expect(props.onCompletion).toHaveBeenCalledWith({
-                            foo: 'bar'
+                            foo: 'bar',
                         });
                         return [2 /*return*/];
                 }
@@ -180,7 +180,7 @@ describe('ModalLayout', function () {
                             layout: [
                                 {
                                     type: 'form',
-                                    schemaId: '#schema'
+                                    schemaId: '#schema',
                                 },
                                 {
                                     type: 'modal',
@@ -190,19 +190,19 @@ describe('ModalLayout', function () {
                                             {
                                                 type: 'heading',
                                                 size: 'xl',
-                                                text: 'Modal Content'
+                                                text: 'Modal Content',
                                             },
                                             {
                                                 type: 'paragraph',
-                                                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
+                                                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
                                             },
                                             {
                                                 type: 'button',
                                                 title: 'Submit Action',
-                                                action: { method: 'POST', url: '/submit' }
+                                                action: { method: 'POST', url: '/submit' },
                                             },
-                                        ]
-                                    }
+                                        ],
+                                    },
                                 },
                             ],
                             schemas: [
@@ -214,11 +214,11 @@ describe('ModalLayout', function () {
                                     properties: {
                                         name: {
                                             type: 'string',
-                                            title: 'Name'
-                                        }
-                                    }
+                                            title: 'Name',
+                                        },
+                                    },
                                 },
-                            ]
+                            ],
                         };
                         props = {
                             flowId: 'flow-id',
@@ -227,7 +227,7 @@ describe('ModalLayout', function () {
                             onCompletion: jest.fn(),
                             onError: jest.fn(),
                             onEvent: jest.fn(),
-                            onLog: jest.fn()
+                            onLog: jest.fn(),
                         };
                         renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
                         return [4 /*yield*/, userEvent.click(screen.getByText('Open Modal'))];