@wise/dynamic-flow-client 0.4.2 → 0.4.3

package/build/fixtures/examples/recipient.js

@@ -1,315 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const step = {
-    key: 'Examples/Recipient Creation',
-    type: 'form',
-    title: 'Recipient Creation Example',
-    description: 'A form step with the typical recipient creation form.',
-    actions: [],
-    schemas: [
-        {
-            $id: '#new-recipient',
-            allOf: [
-                {
-                    type: 'object',
-                    displayOrder: ['profileId', 'currency', 'legalEntityType', 'email'],
-                    properties: {
-                        profileId: {
-                            type: 'number',
-                            hidden: true,
-                            const: 123456789,
-                        },
-                        currency: {
-                            title: 'Currency',
-                            type: 'string',
-                            analyticsId: 'currency',
-                            oneOf: [
-                                {
-                                    title: 'EUR',
-                                    analyticsId: 'currency-eur',
-                                    icon: {
-                                        name: 'flag-eur',
-                                    },
-                                    description: 'Euro',
-                                    const: 'EUR',
-                                },
-                                {
-                                    title: 'GBP',
-                                    analyticsId: 'currency-gbp',
-                                    icon: {
-                                        name: 'flag-gbp',
-                                    },
-                                    description: 'British pound',
-                                    const: 'GBP',
-                                },
-                                {
-                                    title: 'INR',
-                                    analyticsId: 'currency-inr',
-                                    icon: {
-                                        name: 'flag-inr',
-                                    },
-                                    description: 'Indian rupee',
-                                    const: 'INR',
-                                },
-                                {
-                                    title: 'USD',
-                                    analyticsId: 'currency-usd',
-                                    icon: {
-                                        name: 'flag-usd',
-                                    },
-                                    description: 'United States dollar',
-                                    const: 'USD',
-                                },
-                            ],
-                            validationMessages: {
-                                required: 'Please enter currency.',
-                            },
-                            default: 'EUR',
-                            refreshFormOnChange: true,
-                        },
-                        legalEntityType: {
-                            title: 'Select recipient type',
-                            type: 'string',
-                            analyticsId: 'legalEntityType',
-                            oneOf: [
-                                {
-                                    title: 'Person',
-                                    analyticsId: 'legalEntityType-person',
-                                    const: 'PERSON',
-                                },
-                                {
-                                    title: 'Business',
-                                    analyticsId: 'legalEntityType-business',
-                                    const: 'INSTITUTION',
-                                },
-                            ],
-                            validationMessages: {
-                                required: 'Please specify the type of recipient.',
-                            },
-                            refreshFormOnChange: true,
-                        },
-                        email: {
-                            title: 'Their email',
-                            type: 'string',
-                            analyticsId: 'email',
-                            placeholder: 'example@example.ex',
-                            validationMessages: {
-                                maxLength: 'The email you have entered is too long.',
-                                pattern: 'The email address is invalid.',
-                            },
-                            refreshFormOnChange: true,
-                            autofillProvider: 'contact',
-                            autofillKey: 'contact.email',
-                            refreshFormUrl: '/steps/recipient',
-                            pattern: "\\s*[a-zA-Z0-9.!#$%&'*+\\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+\\s*",
-                            maxLength: 255,
-                        },
-                    },
-                    required: ['currency', 'legalEntityType'],
-                },
-                {
-                    title: 'Bank details',
-                    analyticsId: 'bank-details',
-                    oneOf: [
-                        {
-                            title: 'Inside Europe',
-                            analyticsId: 'bank-details-europe',
-                            type: 'object',
-                            displayOrder: ['name', 'ownedByCustomer', 'details', 'type'],
-                            properties: {
-                                name: {
-                                    type: 'object',
-                                    displayOrder: ['fullName'],
-                                    properties: {
-                                        fullName: {
-                                            title: 'Full name of the account holder',
-                                            type: 'string',
-                                            validationMessages: {
-                                                minLength: 'Name needs to be between 2 and 140 characters long.',
-                                                maxLength: 'Recipient name cannot be longer than 140 characters.',
-                                                pattern: 'This recipient name contains invalid characters. Please use latin characters only.',
-                                                required: 'Name cannot be empty.',
-                                            },
-                                            autofillProvider: 'contact',
-                                            autofillKey: 'contact.fullName',
-                                            pattern: '^[0-9A-Za-zÀ-ÖØ-öø-ÿ-_()\'*,.%#^@&{}~<>+$"\\[\\]\\\\ ]+$',
-                                            minLength: 2,
-                                            maxLength: 140,
-                                        },
-                                    },
-                                    required: ['fullName'],
-                                },
-                                ownedByCustomer: {
-                                    title: 'My own Account',
-                                    type: 'boolean',
-                                    hidden: true,
-                                    const: false,
-                                },
-                                details: {
-                                    type: 'object',
-                                    displayOrder: ['bic', 'iban'],
-                                    properties: {
-                                        bic: {
-                                            title: 'Bank code (BIC/SWIFT)',
-                                            type: 'string',
-                                            placeholder: 'BARCGB22XXX',
-                                            hidden: true,
-                                            validationMessages: {
-                                                minLength: 'The BIC you have entered is too short.',
-                                                maxLength: 'The BIC you have entered is too long.',
-                                                pattern: 'Please specify a valid BIC.',
-                                            },
-                                            pattern: '^[A-Za-z]{6}[A-Za-z\\d]{2}([A-Za-z\\d]{3})?$',
-                                            minLength: 8,
-                                            maxLength: 11,
-                                        },
-                                        iban: {
-                                            title: 'IBAN',
-                                            type: 'string',
-                                            placeholder: 'DE12345678901234567890',
-                                            displayFormat: '**** **** **** **** **** **** **** ****',
-                                            help: {
-                                                markdown: 'IBANs are long account numbers used by banks for cross-border transfers. Each country structures this number differently, but it always starts with a 2 digit country code (e.g. DE for Germany).',
-                                            },
-                                            validationMessages: {
-                                                minLength: 'The IBAN you have entered is too short.',
-                                                maxLength: 'The IBAN you have entered is too long.',
-                                                pattern: 'Please specify a valid IBAN.',
-                                                required: 'Please specify an IBAN.',
-                                            },
-                                            refreshFormOnChange: true,
-                                            pattern: '^[a-zA-Z]{2}[a-zA-Z0-9 ]{12,40}$',
-                                            minLength: 14,
-                                            maxLength: 42,
-                                        },
-                                    },
-                                    required: ['iban'],
-                                },
-                                type: {
-                                    title: 'Type',
-                                    type: 'string',
-                                    hidden: true,
-                                    const: 'Iban',
-                                },
-                            },
-                            required: ['type', 'name', 'details'],
-                            icon: {
-                                name: 'bank',
-                            },
-                        },
-                        {
-                            title: 'Outside Europe',
-                            analyticsId: 'bank-details-outside-europe',
-                            type: 'object',
-                            displayOrder: ['name', 'ownedByCustomer', 'details', 'type'],
-                            properties: {
-                                name: {
-                                    type: 'object',
-                                    displayOrder: ['fullName'],
-                                    properties: {
-                                        fullName: {
-                                            title: 'Full name of the account holder',
-                                            type: 'string',
-                                            validationMessages: {
-                                                minLength: 'Name needs to be between 2 and 140 characters long.',
-                                                maxLength: 'Recipient name cannot be longer than 140 characters.',
-                                                pattern: 'This recipient name contains invalid characters. Please use latin characters only.',
-                                                required: 'Name cannot be empty.',
-                                            },
-                                            autofillProvider: 'contact',
-                                            autofillKey: 'contact.fullName',
-                                            pattern: '^[0-9A-Za-zÀ-ÖØ-öø-ÿ-_()\'*,.%#^@&{}~<>+$"\\[\\]\\\\ ]+$',
-                                            minLength: 2,
-                                            maxLength: 140,
-                                        },
-                                    },
-                                    required: ['fullName'],
-                                },
-                                ownedByCustomer: {
-                                    title: 'My own Account',
-                                    type: 'boolean',
-                                    hidden: true,
-                                    const: false,
-                                },
-                                details: {
-                                    type: 'object',
-                                    displayOrder: ['bic', 'accountNumber'],
-                                    properties: {
-                                        bic: {
-                                            title: 'SWIFT / BIC code',
-                                            type: 'string',
-                                            placeholder: 'BUKBGB22',
-                                            validationMessages: {
-                                                minLength: 'The BIC you have entered is too short.',
-                                                maxLength: 'The BIC you have entered is too long.',
-                                                pattern: 'Please specify a valid BIC.',
-                                                required: 'Please specify a BIC.',
-                                            },
-                                            pattern: '^[a-zA-Z]{6}(([a-zA-Z0-9]{2})|([a-zA-Z0-9]{5}))$',
-                                            minLength: 8,
-                                            maxLength: 11,
-                                        },
-                                        accountNumber: {
-                                            title: 'IBAN / Account Number',
-                                            type: 'string',
-                                            placeholder: '123456789012',
-                                            validationMessages: {
-                                                minLength: 'Account number is too short.',
-                                                maxLength: 'Account number is too large.',
-                                                pattern: 'Please enter a valid account number.',
-                                                required: 'Please enter an IBAN or account number.',
-                                            },
-                                            pattern: '^[a-zA-Z0-9]{4,34}$',
-                                            minLength: 4,
-                                            maxLength: 34,
-                                        },
-                                    },
-                                    required: ['bic', 'accountNumber'],
-                                },
-                                type: {
-                                    title: 'Type',
-                                    type: 'string',
-                                    hidden: true,
-                                    const: 'SwiftCode',
-                                },
-                            },
-                            required: ['type', 'name', 'details'],
-                            icon: {
-                                name: 'bank',
-                            },
-                            alert: {
-                                context: 'warning',
-                                markdown: 'To send EUR to this account, we need to use the SWIFT network. It’s slower, so the transfer might take a day or two longer. Also note that intermediary banks and your recipient’s bank might charge extra fees to the amount received.',
-                            },
-                        },
-                    ],
-                    control: 'tab',
-                    placeholder: 'Please select where you are sending to...',
-                },
-            ],
-        },
-    ],
-    refreshFormUrl: '/steps/recipient',
-    layout: [
-        {
-            type: 'form',
-            schema: {
-                $ref: '#new-recipient',
-            },
-        },
-        {
-            type: 'button',
-            action: {
-                type: 'primary',
-                title: 'Confirm',
-                url: '/v2/accounts',
-                method: 'POST',
-            },
-        },
-    ],
-    model: {
-        ownedByCustomer: false,
-        details: {},
-    },
-};
-exports.default = step;

package/build/fixtures/examples/single-file-upload.js

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const step = {
-    key: 'Examples/Single File Upload',
-    type: 'form',
-    title: 'Single File Upload Example',
-    actions: [],
-    schemas: [
-        {
-            $id: '#schema-1',
-            type: 'object',
-            displayOrder: ['frontSide'],
-            properties: {
-                frontSide: {
-                    refreshFormOnChange: false,
-                    $id: 'frontSide',
-                    persistAsync: {
-                        url: '/single-file-upload-url',
-                        param: 'file',
-                        idProperty: 'frontSide',
-                        schema: {
-                            accepts: ['image/jpeg', 'image/png'],
-                            maxSize: 41943040,
-                            source: 'file',
-                            description: 'JPEG or PNG less than 10MB',
-                            $id: 'cb22a588-c404-43fd-b3fa-754afb3729f4',
-                            title: 'Upload file',
-                            type: 'blob',
-                        },
-                        method: 'POST',
-                    },
-                    title: 'Single File Upload',
-                    type: 'integer',
-                },
-            },
-            required: ['frontSide'],
-        },
-        {
-            $id: '#schema-2',
-            type: 'object',
-            displayOrder: ['frontSide'],
-            properties: {
-                frontSide: {
-                    refreshFormOnChange: false,
-                    $id: 'backSide',
-                    persistAsync: {
-                        url: '/single-file-upload-url-fail',
-                        param: 'file',
-                        idProperty: 'backSide',
-                        schema: {
-                            accepts: ['image/jpeg', 'image/png'],
-                            maxSize: 41943040,
-                            source: 'file',
-                            description: 'JPEG or PNG less than 10MB',
-                            $id: 'cb22a588-c404-43fd-b3fa-754afb3729f4',
-                            title: 'Upload file',
-                            type: 'blob',
-                        },
-                        method: 'POST',
-                    },
-                    title: 'Single File Upload',
-                    type: 'integer',
-                },
-            },
-            required: ['backSide'],
-        },
-    ],
-    layout: [
-        {
-            type: 'paragraph',
-            text: 'The upload component below uses /single-file-upload-url',
-        },
-        {
-            type: 'form',
-            schema: { $ref: '#schema-1' },
-        },
-        {
-            type: 'paragraph',
-            text: 'The upload component below uses /single-file-upload-url-fail',
-        },
-        {
-            type: 'form',
-            schema: { $ref: '#schema-2' },
-        },
-        {
-            type: 'button',
-            action: {
-                url: '/submit-uploads',
-                type: 'primary',
-                method: 'POST',
-                disabled: false,
-                title: 'Next',
-            },
-        },
-    ],
-    model: {
-        frontSide: 0,
-    },
-};
-exports.default = step;

package/build/fixtures/examples/step-validation-errors.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const step = {
-    key: 'Examples/Step Validation Errors',
-    title: 'Step with validation errors',
-    type: 'form',
-    errors: {
-        validation: {
-            'bridekeeper-questions': {
-                'favourite-colour': 'Auuuuuuuugh',
-            },
-        },
-    },
-    actions: [],
-    layout: [
-        {
-            type: 'form',
-            schema: { $ref: '#the-schema' },
-        },
-    ],
-    schemas: [
-        {
-            $id: '#the-schema',
-            type: 'object',
-            displayOrder: ['bridekeeper-questions'],
-            properties: {
-                'bridekeeper-questions': {
-                    type: 'object',
-                    displayOrder: ['name', 'quest', 'favourite-colour'],
-                    properties: {
-                        name: {
-                            title: 'What is your name?',
-                            type: 'string',
-                            placeholder: 'Sir Lancelot of Camelot',
-                        },
-                        quest: {
-                            title: 'What is your quest?',
-                            type: 'string',
-                            placeholder: 'to seek the Holy Grail',
-                        },
-                        'favourite-colour': {
-                            title: 'What is your favourite colour?',
-                            analyticsId: 'colour-select',
-                            oneOf: [
-                                {
-                                    title: 'Blue',
-                                    analyticsId: 'colour-select-blue',
-                                    image: {
-                                        url: 'https://placeholder.pics/svg/128/0099ff/FFFFFF',
-                                    },
-                                    const: 1,
-                                },
-                                {
-                                    title: 'Yellow',
-                                    analyticsId: 'colour-select-yellow',
-                                    image: {
-                                        url: 'https://placeholder.pics/svg/128/ffcc00/FFFFFF',
-                                    },
-                                    const: 2,
-                                },
-                                {
-                                    title: 'Red',
-                                    analyticsId: 'colour-select-red',
-                                    image: {
-                                        url: 'https://placeholder.pics/svg/128/ff6600/FFFFFF',
-                                    },
-                                    const: 2,
-                                },
-                            ],
-                        },
-                    },
-                },
-            },
-        },
-    ],
-};
-exports.default = step;

package/build/fixtures/features/action-response.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const step = {
-    key: 'Features/Action Response',
-    title: 'Action Response',
-    description: '',
-    type: 'form',
-    actions: [],
-    schemas: [],
-    layout: [
-        {
-            type: 'paragraph',
-            text: "The button below will trigger an action that fetches '/responses/action'.",
-            align: 'center',
-        },
-        {
-            type: 'paragraph',
-            text: 'That should return an action response that will load a final step.',
-            align: 'center',
-        },
-        {
-            type: 'button',
-            action: {
-                url: '/responses/action',
-                title: 'Submit',
-                type: 'primary',
-            },
-        },
-    ],
-};
-exports.default = step;

package/build/fixtures/features/external.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const step = {
-    type: 'form',
-    key: 'Features/External',
-    title: 'External Feature',
-    description: 'Your bank is opening in another window.',
-    external: { url: 'http://google.com/' },
-    polling: {
-        url: '/polling/1234',
-        interval: 2,
-        maxAttempts: 5,
-        onError: {
-            action: { url: '/failure' },
-        },
-    },
-    layout: [
-        {
-            type: 'paragraph',
-            align: 'center',
-            text: 'Please, follow their instructions. Keep this window open.',
-        },
-        { type: 'loading-indicator', margin: 'xl' },
-        {
-            type: 'info',
-            align: 'center',
-            markdown: `If it didn't work, you can [reopen](http://google.com/) the tab`,
-        },
-    ],
-    actions: [],
-    schemas: [],
-};
-exports.default = step;

package/build/fixtures/features/index.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validationAsync = exports.polling = exports.persistAsync = exports.external = exports.actionResponse = void 0;
-var action_response_1 = require("./action-response");
-Object.defineProperty(exports, "actionResponse", { enumerable: true, get: function () { return __importDefault(action_response_1).default; } });
-var external_1 = require("./external");
-Object.defineProperty(exports, "external", { enumerable: true, get: function () { return __importDefault(external_1).default; } });
-var persist_async_1 = require("./persist-async");
-Object.defineProperty(exports, "persistAsync", { enumerable: true, get: function () { return __importDefault(persist_async_1).default; } });
-var polling_1 = require("./polling");
-Object.defineProperty(exports, "polling", { enumerable: true, get: function () { return __importDefault(polling_1).default; } });
-var validation_async_1 = require("./validation-async");
-Object.defineProperty(exports, "validationAsync", { enumerable: true, get: function () { return __importDefault(validation_async_1).default; } });

package/build/fixtures/features/persist-async.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const step = {
-    type: 'form',
-    key: 'Features/Persist Async',
-    title: 'Persist Async Feature',
-    schemas: [
-        {
-            $id: 'the-schema',
-            type: 'object',
-            title: 'Some Object',
-            displayOrder: ['nameToken'],
-            properties: {
-                nameToken: {
-                    type: 'string',
-                    title: 'Text input',
-                    persistAsync: {
-                        method: 'POST',
-                        url: '/persist-async-upload',
-                        param: 'name',
-                        idProperty: 'nameToken',
-                        schema: {
-                            title: 'Enter your name',
-                            type: 'string',
-                        },
-                    },
-                },
-            },
-        },
-    ],
-    actions: [
-        {
-            title: 'Submit Persist Async',
-            url: '/persist-async-submit',
-            method: 'POST',
-            type: 'primary',
-        },
-    ],
-    layout: [
-        {
-            type: 'form',
-            schema: { $ref: 'the-schema' },
-        },
-    ],
-};
-exports.default = step;

package/build/fixtures/features/polling.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const step = {
-    type: 'form',
-    key: 'Features/Polling',
-    title: 'Polling Feature',
-    description: 'Polling feature in a form step.',
-    polling: {
-        url: '/polling/1234',
-        interval: 2,
-        maxAttempts: 5,
-        onError: {
-            action: { url: '/failure' },
-        },
-    },
-    layout: [
-        {
-            type: 'paragraph',
-            align: 'center',
-            text: 'We are waiting for something to happen.',
-        },
-        { type: 'loading-indicator', margin: 'xl' },
-        {
-            type: 'button',
-            action: {
-                title: 'Back',
-                type: 'link',
-                url: '/back',
-            },
-        },
-    ],
-    actions: [],
-    schemas: [],
-};
-exports.default = step;