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

package/build/legacy/dynamicFlow/stories/dev-tools/Upload.story.js

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

package/build/legacy/dynamicFlow/stories/dev-tools/ValidationAsync.story.js

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

package/build/legacy/dynamicFlow/stories/examples/ObjectConst.story.js

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

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

@@ -55,7 +55,7 @@ describe('Actions', function () {
                                 step = {
                                     title: 'Step Title',
                                     layout: [{ type: 'button', action: { url: '/submit', exit: true } }],
-                                    schemas: []
+                                    schemas: [],
                                 };
                                 renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", initialStep: step, httpClient: httpClient, onCompletion: onCompletion, onError: onError }));
                                 _b = (_a = userEvent).click;
@@ -82,7 +82,7 @@ describe('Actions', function () {
                                 onCompletion = jest.fn();
                                 httpClient = jest.fn(function () {
                                     return Promise.resolve(new Response(JSON.stringify({ key: 'new value', extra_key: 'value' }), {
-                                        status: 200
+                                        status: 200,
                                     }));
                                 });
                                 step = {
@@ -90,10 +90,10 @@ describe('Actions', function () {
                                     layout: [
                                         {
                                             type: 'button',
-                                            action: { url: '/submit', exit: true, result: { key: 'old value' } }
+                                            action: { url: '/submit', exit: true, result: { key: 'old value' } },
                                         },
                                     ],
-                                    schemas: []
+                                    schemas: [],
                                 };
                                 renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", initialStep: step, httpClient: httpClient, onCompletion: onCompletion, onError: onError }));
                                 _b = (_a = userEvent).click;
@@ -129,7 +129,7 @@ describe('Actions', function () {
                                     layout: [
                                         { type: 'button', action: { url: '/submit', exit: true, result: { key: 'value' } } },
                                     ],
-                                    schemas: []
+                                    schemas: [],
                                 };
                                 renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", initialStep: step, httpClient: httpClient, onCompletion: onCompletion, onError: onError }));
                                 _b = (_a = userEvent).click;
@@ -162,7 +162,7 @@ describe('Actions', function () {
                             step = {
                                 title: 'Step Title',
                                 layout: [{ type: 'button', action: { url: '/submit', exit: true } }],
-                                schemas: []
+                                schemas: [],
                             };
                             renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", initialStep: step, httpClient: httpClient, onCompletion: onCompletion, onError: onError }));
                             _b = (_a = userEvent).click;

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

@@ -56,8 +56,8 @@ var stringObjectSchema = {
     title: 'String Object',
     displayOrder: ['name'],
     properties: {
-        name: { title: 'Name String Schema', type: 'string', $id: 'name' }
-    }
+        name: { title: 'Name String Schema', type: 'string', $id: 'name' },
+    },
 };
 var numberObjectSchema = {
     $id: 'objectSchema2',
@@ -65,8 +65,8 @@ var numberObjectSchema = {
     title: 'Number Object',
     displayOrder: ['age'],
     properties: {
-        age: { type: 'number', $id: 'age' }
-    }
+        age: { type: 'number', $id: 'age' },
+    },
 };
 var initialStep = function (schema) {
     if (schema === void 0) { schema = { allOf: [stringObjectSchema, numberObjectSchema] }; }
@@ -78,12 +78,12 @@ var initialStep = function (schema) {
             {
                 type: 'button',
                 title: 'Submit',
-                action: { url: '/submit', method: 'POST' }
+                action: { url: '/submit', method: 'POST' },
             },
         ],
         schemas: [
             __assign(__assign({}, schema), { $id: '#schema' }),
-        ]
+        ],
     });
 };
 var mockHttpClient = jest.fn();
@@ -97,7 +97,7 @@ describe('Given an allOf schema', function () {
     it('should render the schema title in a label', function () {
         renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps({
             title: 'My title',
-            allOf: [stringObjectSchema, numberObjectSchema]
+            allOf: [stringObjectSchema, numberObjectSchema],
         }))));
         var title = screen.getByRole('heading', { name: 'My title' });
         expect(title).toBeInTheDocument();
@@ -105,13 +105,13 @@ describe('Given an allOf schema', function () {
     it('should render the schema description', function () {
         renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps({
             description: 'This is the schema description',
-            allOf: [stringObjectSchema, numberObjectSchema]
+            allOf: [stringObjectSchema, numberObjectSchema],
         }))));
         expect(screen.getByText('This is the schema description')).toBeInTheDocument();
     });
     it('should render one aria-group for each allOf', function () {
         renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps({
-            allOf: [stringObjectSchema, numberObjectSchema]
+            allOf: [stringObjectSchema, numberObjectSchema],
         }))));
         expect(screen.getAllByRole('group')).toHaveLength(2);
     });
@@ -120,8 +120,8 @@ describe('Given an allOf schema', function () {
             initialStep: __assign(__assign({}, initialStep()), { model: {
                     name: 'Colin Robinson',
                     age: 999,
-                    city: 'New York'
-                } })
+                    city: 'New York',
+                } }),
         }))));
         expect(screen.getByDisplayValue('Colin Robinson')).toBeInTheDocument();
         expect(screen.getByDisplayValue('999')).toBeInTheDocument();
@@ -132,14 +132,14 @@ describe('Given an allOf schema', function () {
             initialStep: __assign(__assign({}, initialStep()), { model: {
                     name: 'Colin Robinson',
                     age: 999,
-                    city: 'New York'
+                    city: 'New York',
                 }, errors: {
                     validation: {
                         name: 'Vampire names are not accepted',
                         age: 'That is too old',
-                        city: 'There are no vampires in New York'
-                    }
-                } })
+                        city: 'There are no vampires in New York',
+                    },
+                } }),
         }))));
         expect(screen.getByText('Vampire names are not accepted')).toBeInTheDocument();
         expect(screen.getByText('That is too old')).toBeInTheDocument();
@@ -174,8 +174,8 @@ describe('Given an allOf schema', function () {
                             initialStep: __assign(__assign({}, initialStep()), { model: {
                                     name: 'Colin',
                                     age: 999,
-                                    city: 'New York'
-                                } })
+                                    city: 'New York',
+                                } }),
                         }))));
                         return [4 /*yield*/, userEvent.type(screen.getByLabelText('Name String Schema'), ' Robinson')];
                     case 1:

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

@@ -22,7 +22,7 @@ describe('AutocompleteHints', function () {
             {
                 type: 'button',
                 title: 'Submit',
-                action: { url: '/submit', method: 'POST' }
+                action: { url: '/submit', method: 'POST' },
             },
         ],
         schemas: [
@@ -31,10 +31,10 @@ describe('AutocompleteHints', function () {
                 type: 'object',
                 displayOrder: ['child'],
                 properties: {
-                    child: childSchema
-                }
+                    child: childSchema,
+                },
             },
-        ]
+        ],
     }); };
     var mockHttpClient = jest.fn();
     beforeEach(function () { return mockHttpClient.mockClear(); });
@@ -45,13 +45,13 @@ describe('AutocompleteHints', function () {
         onCompletion: jest.fn(),
         onError: jest.fn(),
         onEvent: jest.fn(),
-        onLog: jest.fn()
+        onLog: jest.fn(),
     }); };
     it('should render autocomplete hint', function () {
         var props = getProps({
             title: 'Full name',
             autocompleteHint: ['name', 'shipping'],
-            type: 'string'
+            type: 'string',
         });
         renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
         expect(screen.getByLabelText('Full name')).toHaveAttribute('autocomplete', 'name shipping');

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

@@ -55,12 +55,12 @@ var getStepWithBack = function (navigation) { return ({
                 properties: {
                     name: {
                         title: 'Full name',
-                        type: 'string'
-                    }
-                }
-            }
+                        type: 'string',
+                    },
+                },
+            },
         },
-    ]
+    ],
 }); };
 describe('DynamicFlow / Back Button', function () {
     var onCompletion = jest.fn();
@@ -74,7 +74,7 @@ describe('DynamicFlow / Back Button', function () {
             var backLabel = 'Back to payment methods';
             var backAction = {
                 method: 'GET',
-                url: '/back'
+                url: '/back',
             };
             renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", httpClient: httpClient, initialStep: getStepWithBack({ back: { title: backLabel, action: backAction } }), onCompletion: onCompletion, onError: onError }));
             expect(screen.getByRole('link', { name: backLabel })).toBeInTheDocument();
@@ -85,7 +85,7 @@ describe('DynamicFlow / Back Button', function () {
             var backLabel = 'Back to payment methods';
             var backAction = {
                 method: 'GET',
-                url: '/back'
+                url: '/back',
             };
             renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", httpClient: httpClient, initialStep: getStepWithBack({ backButton: { title: backLabel, action: backAction } }), onCompletion: onCompletion, onError: onError }));
             expect(screen.getByRole('link', { name: backLabel })).toBeInTheDocument();
@@ -99,14 +99,14 @@ describe('DynamicFlow / Back Button', function () {
                     backLabel = 'Back to payment methods';
                     backAction = {
                         method: 'GET',
-                        url: '/back'
+                        url: '/back',
                     };
                     mockHttpClient = jest.fn();
                     mockHttpClient.mockImplementationOnce(function () {
                         return respondWith({
                             title: 'Next step',
                             schemas: [],
-                            layout: []
+                            layout: [],
                         });
                     });
                     renderWithProviders(_jsx(DynamicFlow, { flowId: "the-flow-id", httpClient: mockHttpClient, initialStep: getStepWithBack({ back: { title: backLabel, action: backAction } }), onCompletion: onCompletion, onError: onError }));
@@ -126,7 +126,7 @@ describe('DynamicFlow / Back Button', function () {
         var backLabel = 'Back to payment methods';
         var backAction = {
             method: 'POST',
-            url: '/back'
+            url: '/back',
         };
         var mockHttpClient = jest.fn();
         beforeEach(function () {
@@ -134,7 +134,7 @@ describe('DynamicFlow / Back Button', function () {
                 return respondWith({
                     title: 'Next step',
                     schemas: [],
-                    layout: []
+                    layout: [],
                 });
             });
         });