@wise/dynamic-flow-client 0.1.1 → 0.1.3

package/build/jsonSchemaForm/schemas/base64Url_MultipleFileUpload.json.d.ts

@@ -0,0 +1,3 @@
+import { Schema } from '../../dynamic-flow-types';
+declare const schema: Schema;
+export default schema;

package/build/jsonSchemaForm/schemas/base64Url_MultipleFileUpload.json.js

@@ -0,0 +1,37 @@
+var schema = {
+    type: 'object',
+    displayOrder: ['multiUpload'],
+    properties: {
+        multiUpload: {
+            type: 'array',
+            minItems: 1,
+            maxItems: 5,
+            title: 'Multi upload title',
+            items: {
+                type: 'string',
+                persistAsync: {
+                    url: 'http://localhost:3001/v1/save-file/',
+                    method: 'POST',
+                    param: 'bodyAttribute',
+                    idProperty: 'responseKey',
+                    schema: {
+                        type: 'string',
+                        format: 'base64url',
+                        maxSize: 5242000,
+                        title: 'Invoice (optional)',
+                        description: 'PNG, JPG, or PDF, less than 5mb',
+                        accepts: ['image/png', 'image/jpg', 'application/pdf'],
+                        validationMessages: {
+                            maxSize: 'Your file is too large'
+                        }
+                    }
+                }
+            },
+            validationMessages: {
+                minItems: 'minimum items not met error (from schema)',
+                maxItems: 'maximum items uploaded already (from schema)'
+            }
+        }
+    }
+};
+export default schema;

package/build/jsonSchemaForm/schemas/blob_MultipleFileUpload.json.d.ts

@@ -0,0 +1,3 @@
+import { Schema } from '../../dynamic-flow-types';
+declare const schema: Schema;
+export default schema;

package/build/jsonSchemaForm/schemas/blob_MultipleFileUpload.json.js

@@ -0,0 +1,36 @@
+var schema = {
+    type: 'object',
+    displayOrder: ['multiUpload'],
+    properties: {
+        multiUpload: {
+            type: 'array',
+            minItems: 1,
+            maxItems: 5,
+            title: 'Multi upload title',
+            items: {
+                type: 'string',
+                persistAsync: {
+                    url: 'http://localhost:3001/v1/save-file/',
+                    method: 'POST',
+                    param: 'bodyAttribute',
+                    idProperty: 'responseKey',
+                    schema: {
+                        type: 'blob',
+                        maxSize: 5242000,
+                        title: 'Invoice (optional)',
+                        description: 'PNG, JPG, or PDF, less than 5mb',
+                        accepts: ['image/png', 'image/jpg', 'application/pdf'],
+                        validationMessages: {
+                            maxSize: 'Your file is too large'
+                        }
+                    }
+                }
+            },
+            validationMessages: {
+                minItems: 'minimum items not met error (from schema)',
+                maxItems: 'maximum items uploaded already (from schema)'
+            }
+        }
+    }
+};
+export default schema;

package/build/jsonSchemaForm/schemas/currency.json.d.ts

@@ -0,0 +1,3 @@
+import { Schema } from '../../dynamic-flow-types';
+declare const schema: Schema;
+export default schema;

package/build/jsonSchemaForm/schemas/currency.json.js

@@ -0,0 +1,48 @@
+var schema = {
+    type: 'object',
+    displayOrder: ['currency'],
+    properties: {
+        currency: {
+            title: 'Currency',
+            type: 'string',
+            oneOf: [
+                { title: 'EUR', icon: { name: 'flag-eur' }, description: 'Euro', "const": 'EUR' },
+                {
+                    title: 'GBP',
+                    icon: { name: 'flag-gbp' },
+                    description: 'British pound',
+                    "const": 'GBP'
+                },
+                {
+                    title: 'USD',
+                    icon: { name: 'flag-usd' },
+                    description: 'United States dollar',
+                    "const": 'USD'
+                },
+                {
+                    title: 'ARS',
+                    icon: { name: 'flag-ars' },
+                    description: 'Argentine peso',
+                    "const": 'ARS'
+                },
+                {
+                    title: 'AUD',
+                    icon: { name: 'flag-aud' },
+                    description: 'Australian dollar',
+                    "const": 'AUD'
+                },
+                {
+                    title: 'AED',
+                    icon: { name: 'flag-aed' },
+                    description: 'United Arab Emirates dirham',
+                    "const": 'AED'
+                },
+            ],
+            validationMessages: { required: 'Please enter currency.' },
+            refreshFormOnChange: true,
+            "default": 'EUR'
+        }
+    },
+    required: ['currency']
+};
+export default schema;

package/build/jsonSchemaForm/schemas/oneOf.json.d.ts

@@ -0,0 +1,3 @@
+import { Schema } from '../../dynamic-flow-types';
+declare const schema: Schema;
+export default schema;

package/build/jsonSchemaForm/schemas/oneOf.json.js

@@ -0,0 +1,119 @@
+var schema = {
+    type: 'object',
+    required: ['name', 'details'],
+    displayOrder: ['name', 'bankDetails', 'details'],
+    properties: {
+        name: {
+            type: 'string',
+            title: 'Full name'
+        },
+        bankDetails: {
+            title: 'Bank type',
+            placeholder: 'Please select an account type',
+            control: 'tab',
+            oneOf: [
+                {
+                    title: 'Bank Code',
+                    type: 'object',
+                    required: ['code'],
+                    displayOrder: ['code'],
+                    properties: {
+                        code: {
+                            type: 'string',
+                            title: 'Code',
+                            "default": 'SOIWEUWQE'
+                        }
+                    }
+                },
+                {
+                    title: 'Bank Number',
+                    type: 'object',
+                    required: ['bankNumber', 'bankSerial'],
+                    displayOrder: ['bankNumber', 'bankSerial'],
+                    properties: {
+                        bankNumber: {
+                            type: 'string',
+                            title: 'Bank Number',
+                            displayFormat: '**-**-**',
+                            minLength: 6,
+                            maxLength: 7
+                        },
+                        bankSerial: {
+                            type: 'string',
+                            title: 'Bank Serial',
+                            minLength: 8,
+                            maxLength: 10
+                        }
+                    }
+                },
+                {
+                    title: 'Bank Details',
+                    type: 'object',
+                    required: ['bankId', 'bankLicense'],
+                    displayOrder: ['bankId', 'bankLicense', 'bankName'],
+                    properties: {
+                        bankId: {
+                            type: 'string',
+                            title: 'Bank ID',
+                            displayFormat: '**-**-**',
+                            minLength: 6,
+                            maxLength: 7
+                        },
+                        bankLicense: {
+                            type: 'string',
+                            title: 'Bank License',
+                            minLength: 8,
+                            maxLength: 10
+                        },
+                        bankName: {
+                            type: 'string',
+                            title: 'Bank Name',
+                            minLength: 8,
+                            maxLength: 10
+                        }
+                    }
+                },
+            ]
+        },
+        details: {
+            title: 'Account type',
+            oneOf: [
+                {
+                    title: 'IBAN',
+                    type: 'object',
+                    required: ['iban'],
+                    displayOrder: ['iban'],
+                    properties: {
+                        iban: {
+                            type: 'string',
+                            title: 'IBAN',
+                            "default": 'ABCD1234EF123456'
+                        }
+                    }
+                },
+                {
+                    title: 'Sort code & Account number',
+                    type: 'object',
+                    required: ['sortCode', 'accountNumber'],
+                    displayOrder: ['sortCode', 'accountNumber'],
+                    properties: {
+                        sortCode: {
+                            type: 'string',
+                            title: 'Sort code',
+                            displayFormat: '**-**-**',
+                            minLength: 6,
+                            maxLength: 7
+                        },
+                        accountNumber: {
+                            type: 'string',
+                            title: 'Account number',
+                            minLength: 8,
+                            maxLength: 10
+                        }
+                    }
+                },
+            ]
+        }
+    }
+};
+export default schema;

package/build/jsonSchemaForm/schemas/oneOfTabs.json.d.ts

@@ -0,0 +1,3 @@
+import { Schema } from '../../dynamic-flow-types';
+declare const schema: Schema;
+export default schema;

package/build/jsonSchemaForm/schemas/oneOfTabs.json.js

@@ -0,0 +1,53 @@
+var schema = {
+    allOf: [
+        {
+            title: 'Recipient Bank Details',
+            oneOf: [
+                {
+                    title: 'Sort Code Tab',
+                    type: 'object',
+                    displayOrder: ['name', 'sortCode', 'account', 'type'],
+                    properties: {
+                        name: {
+                            title: 'Full name',
+                            type: 'string'
+                        },
+                        sortcode: {
+                            title: 'Sort Code',
+                            type: 'string'
+                        },
+                        account: {
+                            title: 'Account number',
+                            type: 'string'
+                        },
+                        type: {
+                            type: 'string',
+                            "const": 'SortCode'
+                        }
+                    }
+                },
+                {
+                    title: 'IBAN Tab',
+                    type: 'object',
+                    displayOrder: ['name', 'iban', 'type'],
+                    properties: {
+                        name: {
+                            title: 'Full name',
+                            type: 'string'
+                        },
+                        iban: {
+                            title: 'IBAN',
+                            type: 'string'
+                        },
+                        type: {
+                            type: 'string',
+                            "const": 'Iban'
+                        }
+                    }
+                },
+            ],
+            control: 'tab'
+        },
+    ]
+};
+export default schema;

package/build/jsonSchemaForm/schemas/promotedOneOf.json.d.ts

@@ -0,0 +1,3 @@
+import { Schema } from '../../dynamic-flow-types';
+declare const schema: Schema;
+export default schema;

package/build/jsonSchemaForm/schemas/promotedOneOf.json.js

@@ -0,0 +1,56 @@
+var schema = {
+    title: 'Details',
+    alert: {
+        context: 'positive',
+        markdown: 'Some alert here!'
+    },
+    oneOf: [
+        {
+            title: 'Name details',
+            type: 'object',
+            displayOrder: ['name'],
+            properties: {
+                name: {
+                    title: 'Name',
+                    type: 'string'
+                }
+            }
+        },
+        {
+            title: 'Address details',
+            type: 'object',
+            displayOrder: ['name'],
+            properties: {
+                name: {
+                    title: 'Address',
+                    type: 'string'
+                }
+            }
+        },
+        {
+            title: 'General details',
+            description: 'Tell us about yourself',
+            type: 'object',
+            promoted: true,
+            displayOrder: ['name', 'image'],
+            properties: {
+                name: {
+                    title: 'Hobbies',
+                    type: 'string'
+                }
+            },
+            image: {
+                url: 'https://wise.com/public-resources/assets/flags/square/gbp.svg'
+            }
+        },
+    ],
+    control: 'tab',
+    promotion: {
+        other: {
+            title: 'Select a different group',
+            icon: { name: 'bank' },
+            heading: { text: 'Other details' }
+        }
+    }
+};
+export default schema;

package/build/jsonSchemaForm/schemas/promotedOneOfCheckbox.json.d.ts

@@ -0,0 +1,3 @@
+import { Schema } from '../../dynamic-flow-types';
+declare const schema: Schema;
+export default schema;

package/build/jsonSchemaForm/schemas/promotedOneOfCheckbox.json.js

@@ -0,0 +1,102 @@
+var schema = {
+    allOf: [
+        {
+            type: 'object',
+            displayOrder: ['email'],
+            properties: {
+                email: {
+                    title: 'Their email',
+                    type: 'string',
+                    placeholder: 'example@example.ex'
+                }
+            }
+        },
+        {
+            title: 'Recipient Bank Details',
+            oneOf: [
+                {
+                    title: 'Sort Code',
+                    type: 'object',
+                    displayOrder: ['name', 'sortcode', 'account', 'type'],
+                    properties: {
+                        name: {
+                            title: 'Full name',
+                            type: 'string'
+                        },
+                        sortcode: {
+                            title: 'Sort Code',
+                            type: 'string'
+                        },
+                        account: {
+                            title: 'Account number',
+                            type: 'string'
+                        },
+                        type: {
+                            type: 'string',
+                            "const": 'SortCode'
+                        }
+                    }
+                },
+                {
+                    title: 'IBAN',
+                    type: 'object',
+                    displayOrder: ['name', 'iban', 'type'],
+                    properties: {
+                        name: {
+                            title: 'Full name',
+                            type: 'string'
+                        },
+                        iban: {
+                            title: 'IBAN',
+                            type: 'string'
+                        },
+                        type: {
+                            type: 'string',
+                            "const": 'Iban'
+                        }
+                    }
+                },
+                {
+                    title: 'General details',
+                    description: 'Tell us about yourself',
+                    type: 'object',
+                    promoted: true,
+                    alert: {
+                        context: 'neutral',
+                        markdown: "Enter your recipient's email above and we'll send them a link with clear instructions to claim the money securely."
+                    },
+                    displayOrder: ['name', 'type'],
+                    properties: {
+                        name: {
+                            title: 'Full name',
+                            type: 'string'
+                        },
+                        type: {
+                            type: 'string',
+                            "const": 'Email'
+                        }
+                    },
+                    image: {
+                        url: 'https://picsum.photos/id/237/200/300'
+                    }
+                },
+            ],
+            control: 'tab',
+            promotion: {
+                "default": 'other',
+                checkedMeans: 'other',
+                control: 'checkbox',
+                other: {
+                    title: 'I know their bank details',
+                    icon: {
+                        name: 'bank'
+                    },
+                    heading: {
+                        text: 'Bank details'
+                    }
+                }
+            }
+        },
+    ]
+};
+export default schema;

package/build/jsonSchemaForm/schemas/simple.json.d.ts

@@ -0,0 +1,3 @@
+import { Schema } from '../../dynamic-flow-types';
+declare const schema: Schema;
+export default schema;

package/build/jsonSchemaForm/schemas/simple.json.js

@@ -0,0 +1,48 @@
+var schema = {
+    title: 'Object schema',
+    type: 'object',
+    alert: {
+        context: 'warning',
+        markdown: 'Some **markdown** goes here'
+    },
+    properties: {
+        number: {
+            type: 'number',
+            title: 'Number input',
+            help: {
+                markdown: 'Please see some help [here](https://transferwise.github.io/neptune-web/components/dynamicForms/JsonSchemaForm)'
+            }
+        },
+        string: {
+            type: 'string',
+            title: 'Text input'
+        },
+        select: {
+            type: 'integer',
+            title: 'Select',
+            control: 'radio',
+            placeholder: 'Favourite number?',
+            oneOf: [
+                {
+                    title: 'One',
+                    "const": 1,
+                    description: 'The first number'
+                },
+                {
+                    title: 'Two',
+                    "const": 2,
+                    description: 'The second number'
+                },
+                {
+                    title: 'Three',
+                    "const": 3,
+                    description: 'The third number',
+                    disabled: true
+                },
+            ]
+        }
+    },
+    required: ['number', 'string', 'select'],
+    displayOrder: ['number', 'string', 'select']
+};
+export default schema;

package/build/jsonSchemaForm/schemas/uploadPersistAsync.json.d.ts

@@ -0,0 +1,3 @@
+import { Schema } from '../../dynamic-flow-types';
+declare const schema: Schema;
+export default schema;

package/build/jsonSchemaForm/schemas/uploadPersistAsync.json.js

@@ -0,0 +1,71 @@
+var schema = {
+    title: 'Object schema',
+    type: 'object',
+    displayOrder: ['number', 'string', 'select'],
+    properties: {
+        number: {
+            type: 'string',
+            title: 'Number input',
+            persistAsync: {
+                method: 'POST',
+                url: '/v1/cards',
+                param: 'cardNumber',
+                idProperty: 'cardToken',
+                schema: {
+                    title: 'Card Number',
+                    format: 'base64url',
+                    type: 'string'
+                }
+            }
+        },
+        string: {
+            type: 'string',
+            title: 'Text input',
+            persistAsync: {
+                method: 'POST',
+                url: '/v1/cards',
+                param: 'cardNumber',
+                idProperty: 'cardToken',
+                schema: {
+                    title: 'Card Number',
+                    type: 'string',
+                    placeholder: '1234567890123456',
+                    validationMessages: {
+                        minLength: 'Card number is too short!',
+                        maxLength: 'Card number is too long!',
+                        pattern: 'Card number is invalid!'
+                    },
+                    pattern: '^[0-9*]{13,19}$',
+                    minLength: 13,
+                    maxLength: 19
+                }
+            }
+        },
+        select: {
+            type: 'integer',
+            title: 'Select',
+            control: 'radio',
+            placeholder: 'Favourite number?',
+            oneOf: [
+                {
+                    title: 'One',
+                    "const": 1,
+                    description: 'The first number'
+                },
+                {
+                    title: 'Two',
+                    "const": 2,
+                    description: 'The second number'
+                },
+                {
+                    title: 'Three',
+                    "const": 3,
+                    description: 'The third number',
+                    disabled: true
+                },
+            ]
+        }
+    },
+    required: ['number', 'string', 'select']
+};
+export default schema;

package/build/jsonSchemaForm/schemas/validationAsync.json.d.ts

@@ -0,0 +1,3 @@
+import { Schema } from '../../dynamic-flow-types';
+declare const schema: Schema;
+export default schema;

package/build/jsonSchemaForm/schemas/validationAsync.json.js

@@ -0,0 +1,23 @@
+var schema = {
+    title: 'Object schema',
+    type: 'object',
+    properties: {
+        iban: {
+            type: 'string',
+            title: 'IBAN',
+            description: 'IBAN is the international bank number.',
+            validationAsync: {
+                method: 'POST',
+                url: '/v1/iban/validate',
+                param: 'iban'
+            }
+        },
+        number: {
+            type: 'number',
+            title: 'Number'
+        }
+    },
+    required: ['iban'],
+    displayOrder: ['iban', 'number']
+};
+export default schema;

package/build/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { BasicModel } from '../../dynamic-flow-types';
+import { ValidationAsyncSchema as ValidationAsyncSchemaType } from '../../dynamic-flow-types/Schema';
+import { GenericSchemaProps } from '../genericSchema/GenericSchema';
+declare const ValidationAsyncSchema: {
+    (props: ValidationAsyncSchemaProps): JSX.Element;
+    defaultProps: {
+        required: boolean;
+    };
+};
+export type ValidationAsyncSchemaProps = Omit<GenericSchemaProps, 'schema' | 'model' | 'errors'> & {
+    schema: ValidationAsyncSchemaType;
+    model: BasicModel | null;
+    errors: string | null;
+    required?: boolean;
+};
+export default ValidationAsyncSchema;