@wise/dynamic-flow-client 0.4.0-beta-d2067b.7 → 0.4.0

package/build/fixtures/components/heading.js

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+var step = {
+    type: 'form',
+    key: 'Components/Heading',
+    title: 'Heading Component',
+    description: 'Headings can have different sizes: "xs", "sm", "md", "lg", "xl".',
+    actions: [],
+    schemas: [],
+    layout: ['xs', 'sm', 'md', 'lg', 'xl'].map(function (size) { return ({
+        type: 'heading',
+        text: "This is heading with size: \"".concat(size, "\""),
+        size: size
+    }); })
+};
+exports["default"] = step;

package/build/fixtures/components/image.js

@@ -0,0 +1,25 @@
+"use strict";
+exports.__esModule = true;
+var sizes = ['xs', 'sm', 'md', 'lg', 'xl'];
+var step = {
+    type: 'form',
+    key: 'Components/Image',
+    title: 'Image Component',
+    description: 'Images can have different sizes: "xs", "sm", "md", "lg", "xl".',
+    actions: [],
+    schemas: [],
+    layout: sizes.flatMap(function (size) { return [
+        {
+            type: 'paragraph',
+            text: "This is an image with size: \"".concat(size, "\""),
+            align: 'center'
+        },
+        {
+            type: 'image',
+            url: 'http://placekitten.com/g/400/400',
+            text: "This is an image with size: \"".concat(size, "\""),
+            size: size
+        },
+    ]; })
+};
+exports["default"] = step;

package/build/fixtures/components/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+exports.__esModule = true;
+exports.review = exports.paragraph = exports.loadingIndicator = exports.list = exports.info = exports.image = exports.heading = exports.decision = exports.copyable = exports.columns = exports.button = exports.box = exports.alert = void 0;
+var alert_1 = require("./alert");
+__createBinding(exports, alert_1, "default", "alert");
+var box_1 = require("./box");
+__createBinding(exports, box_1, "default", "box");
+var button_1 = require("./button");
+__createBinding(exports, button_1, "default", "button");
+var columns_1 = require("./columns");
+__createBinding(exports, columns_1, "default", "columns");
+var copyable_1 = require("./copyable");
+__createBinding(exports, copyable_1, "default", "copyable");
+var decision_1 = require("./decision");
+__createBinding(exports, decision_1, "default", "decision");
+var heading_1 = require("./heading");
+__createBinding(exports, heading_1, "default", "heading");
+var image_1 = require("./image");
+__createBinding(exports, image_1, "default", "image");
+var info_1 = require("./info");
+__createBinding(exports, info_1, "default", "info");
+var list_1 = require("./list");
+__createBinding(exports, list_1, "default", "list");
+var loading_indicator_1 = require("./loading-indicator");
+__createBinding(exports, loading_indicator_1, "default", "loadingIndicator");
+var paragraph_1 = require("./paragraph");
+__createBinding(exports, paragraph_1, "default", "paragraph");
+var review_1 = require("./review");
+__createBinding(exports, review_1, "default", "review");

package/build/fixtures/components/info.js

@@ -0,0 +1,19 @@
+"use strict";
+exports.__esModule = true;
+var step = {
+    type: 'form',
+    key: 'Components/Info',
+    title: 'Info Component',
+    description: 'A block of markdown content.',
+    actions: [],
+    schemas: [],
+    layout: [
+        {
+            type: 'info',
+            markdown: "## The Advantages of Using Bananas for Data Backup\n\nIf you're looking for a fruit-based solution to your data backup needs, bananas might just be the perfect choice. Here are some reasons why:\n\n### Portability\n\nBananas are portable and can fit in any backpack or briefcase. So, you can take your backup with you wherever you go.\n\n### Unique Banana Code\n\nWho needs passwords when you have bananas? With each backup, you can create a unique banana code by peeling the skin in a particular pattern, thus ensuring the safety of your data.\n\n### Environmentally-Friendly\n\nBut the best part? Bananas are biodegradable and environmentally-friendly, making them the ideal choice for anyone concerned about the planet. When you're done with your backup, you can simply toss the [bananas](https://en.wikipedia.org/wiki/Banana) in the compost bin or plant them in your garden. Who knew data backup could be so good for the earth?\n\n",
+            align: 'left'
+        },
+        { type: 'alert', markdown: 'Links always open in a new tab.', context: 'neutral' },
+    ]
+};
+exports["default"] = step;

package/build/fixtures/components/list.js

@@ -0,0 +1,36 @@
+"use strict";
+exports.__esModule = true;
+var step = {
+    type: 'form',
+    key: 'Components/List',
+    title: 'List Component',
+    description: 'A list of items with optional states, subtitles, and images.',
+    actions: [],
+    schemas: [],
+    layout: [
+        {
+            type: 'list',
+            items: [
+                {
+                    title: 'Step 1',
+                    description: 'Get a chip.',
+                    icon: { name: 'chip' },
+                    status: 'positive'
+                },
+                {
+                    title: 'Step 2',
+                    description: 'Get a car.',
+                    icon: { name: 'car' },
+                    status: 'neutral'
+                },
+                {
+                    title: 'Step 3',
+                    description: 'Get a building.',
+                    icon: { name: 'building' },
+                    status: 'warning'
+                },
+            ]
+        },
+    ]
+};
+exports["default"] = step;

package/build/fixtures/components/loading-indicator.js

@@ -0,0 +1,18 @@
+"use strict";
+exports.__esModule = true;
+var step = {
+    type: 'form',
+    key: 'Components/Loading Indicator',
+    title: 'Loading Indicator Component',
+    description: 'A loading indicator to be displayed within a layout.',
+    actions: [],
+    schemas: [],
+    layout: [
+        {
+            type: 'loading-indicator',
+            size: 'lg',
+            margin: 'md'
+        },
+    ]
+};
+exports["default"] = step;

package/build/fixtures/components/paragraph.js

@@ -0,0 +1,30 @@
+"use strict";
+exports.__esModule = true;
+var step = {
+    type: 'form',
+    key: 'Components/Paragraph',
+    title: 'Paragraph Component',
+    description: "A block of plain text.",
+    actions: [],
+    schemas: [],
+    layout: [
+        {
+            type: 'paragraph',
+            text: "Well, if you're really bent on using fruit for data backup, bananas might just be the perfect choice. For starters, they're portable and can fit in any backpack or briefcase. So, you can take your backup with you wherever you go."
+        },
+        {
+            type: 'paragraph',
+            text: "And who needs passwords when you have bananas? With each backup, you can create a unique banana code by peeling the skin in a particular pattern, thus ensuring the safety of your data."
+        },
+        {
+            type: 'paragraph',
+            text: "But the best part? Bananas are biodegradable and environmentally-friendly, making them the ideal choice for anyone concerned about the planet. When you're done with your backup, you can simply toss the bananas in the compost bin or plant them in your garden. Who knew data backup could be so good for the earth?"
+        },
+        {
+            type: 'alert',
+            markdown: 'Paragraph is a block of plain text content. If you need richer formatting and layout options, consider using Info Layout.',
+            context: 'neutral'
+        },
+    ]
+};
+exports["default"] = step;

package/build/fixtures/components/review.js

@@ -0,0 +1,62 @@
+"use strict";
+exports.__esModule = true;
+var step = {
+    type: 'form',
+    key: 'Components/Review',
+    title: 'Review Component',
+    description: "Show a list of read-only fields.",
+    actions: [],
+    schemas: [],
+    layout: [
+        {
+            type: 'box',
+            border: true,
+            components: [
+                {
+                    type: 'review',
+                    title: 'Please check your details (vertical orientation)',
+                    orientation: 'vertical',
+                    fields: [
+                        { label: 'name', value: 'Bob Loblaw' },
+                        { label: 'email', value: 'bob.loblaw@law.blog' },
+                        { label: 'address', value: '123 Fake St, New York, NY 10001' },
+                    ]
+                },
+            ]
+        },
+        {
+            type: 'box',
+            border: true,
+            components: [
+                {
+                    type: 'review',
+                    title: 'Please check your details (horizontal orientation)',
+                    orientation: 'horizontal',
+                    fields: [
+                        { label: 'name', value: 'Bob Loblaw' },
+                        { label: 'email', value: 'bob.loblaw@law.blog' },
+                        { label: 'address', value: '123 Fake St, New York, NY 10001' },
+                    ]
+                },
+            ]
+        },
+        {
+            type: 'box',
+            border: true,
+            components: [
+                {
+                    type: 'review',
+                    title: 'The action property is only supported on web',
+                    orientation: 'horizontal',
+                    action: { title: 'Edit', url: '/edit' },
+                    fields: [
+                        { label: 'name', value: 'Bob Loblaw' },
+                        { label: 'email', value: 'bob.loblaw@law.blog' },
+                        { label: 'address', value: '123 Fake St, New York, NY 10001' },
+                    ]
+                },
+            ]
+        },
+    ]
+};
+exports["default"] = step;

package/build/fixtures/examples/camera-capture.js

@@ -0,0 +1,123 @@
+"use strict";
+exports.__esModule = true;
+var step = {
+    key: 'Examples/Camera Capture',
+    title: 'Camera Capture Example',
+    type: 'form',
+    schemas: [
+        {
+            properties: {
+                frontSideFile: {
+                    refreshFormOnChange: false,
+                    format: 'base64url',
+                    $id: 'frontSideFile',
+                    title: 'Passport photo page',
+                    hidden: false,
+                    cameraConfig: {
+                        assets: {
+                            overlay: 'https://wise.com/public-resources/assets/camera-guidelines/v2/overlay_passport.png',
+                            outline: 'https://wise.com/public-resources/assets/camera-guidelines/v2/outline_passport.png'
+                        },
+                        direction: 'back'
+                    },
+                    source: 'camera',
+                    type: 'string'
+                }
+            },
+            required: ['frontSideFile'],
+            displayOrder: ['frontSideFile'],
+            $id: 'ee2501a9-2566-459b-a42e-f9f0932be0e6',
+            type: 'object'
+        },
+        {
+            properties: {
+                type: {
+                    refreshFormOnChange: false,
+                    $id: '9200f887-bfdd-46ad-8386-e76f455a7cc8',
+                    "const": 'ID_DOCUMENT_WITH_LIVENESS',
+                    hidden: true,
+                    type: 'string'
+                }
+            },
+            required: ['type'],
+            displayOrder: ['type'],
+            $id: 'c59a2881-a2e0-4108-b42e-0d30fc95bd7f',
+            type: 'object'
+        },
+        {
+            properties: {
+                profileId: {
+                    refreshFormOnChange: false,
+                    $id: '75d888dc-208a-4d7d-a2a7-aeca0dd1b533',
+                    "const": 14551053,
+                    hidden: true,
+                    type: 'integer'
+                }
+            },
+            required: ['profileId'],
+            displayOrder: ['profileId'],
+            $id: '3eec6add-2d0e-41d7-8317-49542c841484',
+            type: 'object'
+        },
+        {
+            properties: {
+                sessionId: {
+                    refreshFormOnChange: false,
+                    $id: 'df82adf3-8a66-46b5-bef8-72f59be2188d',
+                    "const": '62dfe7d026c6da1ac0db1ee4',
+                    hidden: true,
+                    type: 'string'
+                }
+            },
+            required: ['sessionId'],
+            displayOrder: ['sessionId'],
+            $id: 'e1a8fb67-9af2-47e8-97c1-f2a88e5d5f3a',
+            type: 'object'
+        },
+    ],
+    actions: [
+        {
+            url: '/v3/kyc-checks/87785/flow?actionId=SINGLE_PAGE_REVIEW&sessionId=62dfe7d026c6da1ac0db1ee4&',
+            type: 'primary',
+            method: 'POST',
+            disabled: false,
+            $id: '6789eac5-7bbe-49d8-9da8-6edb8e7ef165',
+            title: ''
+        },
+    ],
+    layout: [
+        {
+            type: 'form',
+            schema: {
+                $ref: 'ee2501a9-2566-459b-a42e-f9f0932be0e6'
+            }
+        },
+        {
+            components: [
+                {
+                    action: {
+                        $ref: '6789eac5-7bbe-49d8-9da8-6edb8e7ef165'
+                    },
+                    margin: 'lg',
+                    size: 'md',
+                    type: 'button'
+                },
+            ],
+            border: false,
+            width: 'xl',
+            type: 'box'
+        },
+    ],
+    model: {
+        profileId: 14551053,
+        sessionId: '62dfe7d026c6da1ac0db1ee4',
+        issuingCountry: 'HU',
+        documentType: 'PASSPORT',
+        type: 'ID_DOCUMENT_WITH_LIVENESS',
+        key: {
+            value: 'ID_DOCUMENT_WITH_LIVENESS14551053'
+        }
+    },
+    refreshFormUrl: '/'
+};
+exports["default"] = step;

package/build/fixtures/examples/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+exports.__esModule = true;
+exports.stepValidationErrors = exports.singleFileUpload = exports.recipientUpdate = exports.recipient = exports.cameraCapture = void 0;
+var camera_capture_1 = require("./camera-capture");
+__createBinding(exports, camera_capture_1, "default", "cameraCapture");
+var recipient_1 = require("./recipient");
+__createBinding(exports, recipient_1, "default", "recipient");
+var recipient_update_1 = require("./recipient-update");
+__createBinding(exports, recipient_update_1, "default", "recipientUpdate");
+var single_file_upload_1 = require("./single-file-upload");
+__createBinding(exports, single_file_upload_1, "default", "singleFileUpload");
+var step_validation_errors_1 = require("./step-validation-errors");
+__createBinding(exports, step_validation_errors_1, "default", "stepValidationErrors");

package/build/fixtures/examples/recipient-update.js

@@ -0,0 +1,252 @@
+"use strict";
+exports.__esModule = true;
+var step = {
+    key: 'Examples/Recipient Update',
+    type: 'form',
+    title: 'Edit recipient',
+    actions: [
+        {
+            title: 'Update',
+            url: '/responses/recipientUpdate/?delay=5000',
+            type: 'primary',
+            method: 'PATCH',
+            $id: 'submit'
+        },
+    ],
+    schemas: [
+        {
+            $id: 'form',
+            allOf: [
+                {
+                    type: 'object',
+                    displayOrder: ['currency'],
+                    properties: {
+                        currency: {
+                            title: 'Currency',
+                            type: 'string',
+                            analyticsId: 'currency-select',
+                            oneOf: [
+                                {
+                                    title: 'GBP',
+                                    analyticsId: 'GBP',
+                                    icon: {
+                                        name: 'flag-gbp'
+                                    },
+                                    description: 'British pound',
+                                    "const": 'GBP'
+                                },
+                            ],
+                            readOnly: true
+                        }
+                    },
+                    required: []
+                },
+                {
+                    title: 'Bank details',
+                    type: 'object',
+                    analyticsId: 'SortCode',
+                    icon: {
+                        name: 'bank'
+                    },
+                    displayOrder: ['name', 'details', 'address'],
+                    properties: {
+                        name: {
+                            type: 'object',
+                            displayOrder: ['fullName'],
+                            properties: {
+                                fullName: {
+                                    title: 'Full name of the account holder',
+                                    type: 'string',
+                                    disabled: true,
+                                    readOnly: true,
+                                    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 may contain invalid characters or is not the full name. Please try again.'
+                                    },
+                                    autofillProvider: 'contact',
+                                    autofillKey: 'contact.fullName',
+                                    pattern: "^[0-9A-Za-zÀ-ÖØ-öø-ÿ-_()'*,.]+ +[0-9A-Za-zÀ-ÖØ-öø-ÿ-_()'*,.]+([0-9A-Za-zÀ-ÖØ-öø-ÿ-_()'*,. ]*)$",
+                                    minLength: 2,
+                                    maxLength: 140
+                                }
+                            },
+                            required: []
+                        },
+                        details: {
+                            type: 'object',
+                            displayOrder: ['sortCode', 'accountNumber'],
+                            properties: {
+                                sortCode: {
+                                    title: 'UK sort code',
+                                    type: 'string',
+                                    placeholder: '40-30-20',
+                                    disabled: true,
+                                    readOnly: true,
+                                    validationMessages: {
+                                        pattern: 'Please enter a valid bank code.'
+                                    },
+                                    pattern: '^\\d{2}-?\\d{2}-?\\d{2}$',
+                                    minLength: 6,
+                                    maxLength: 8,
+                                    format: 'numeric',
+                                    displayFormat: '**-**-**'
+                                },
+                                accountNumber: {
+                                    title: 'Account number',
+                                    type: 'string',
+                                    placeholder: '12345678',
+                                    disabled: true,
+                                    readOnly: true,
+                                    validationMessages: {
+                                        minLength: 'Account number is too short.',
+                                        maxLength: 'Account number is too large.',
+                                        pattern: 'Please enter a valid account number.'
+                                    },
+                                    pattern: '[0-9]{8}',
+                                    minLength: 8,
+                                    maxLength: 8,
+                                    format: 'numeric'
+                                }
+                            },
+                            required: []
+                        },
+                        address: {
+                            title: 'Recipient address',
+                            type: 'object',
+                            displayOrder: ['country', 'city', 'firstLine', 'postCode'],
+                            properties: {
+                                country: {
+                                    title: 'Country',
+                                    type: 'string',
+                                    placeholder: 'Choose a country',
+                                    oneOf: [
+                                        { title: 'Argentina', "const": 'AR' },
+                                        { title: 'Brazil', "const": 'BR' },
+                                        { title: 'Canada', "const": 'CA' },
+                                        { title: 'Denmark', "const": 'DK' },
+                                        { title: 'Egypt', "const": 'EG' },
+                                        { title: 'France', "const": 'FR' },
+                                        { title: 'Germany', "const": 'DE' },
+                                        { title: 'Honduras', "const": 'HN' },
+                                        { title: 'Italy', "const": 'IT' },
+                                        { title: 'Japan', "const": 'JP' },
+                                        { title: 'Korea, Republic of', "const": 'KR' },
+                                        { title: 'Liberia', "const": 'LR' },
+                                        { title: 'Morocco', "const": 'MA' },
+                                        { title: 'New Zealand', "const": 'NZ' },
+                                        { title: 'Oman', "const": 'OM' },
+                                        { title: 'Peru', "const": 'PE' },
+                                        { title: 'Qatar', "const": 'QA' },
+                                        { title: 'Russian Federation', "const": 'RU' },
+                                        { title: 'Spain', "const": 'ES' },
+                                        { title: 'Turkey', "const": 'TR' },
+                                        { title: 'United Kingdom of Great Britain and Northern Ireland', "const": 'GB' },
+                                        { title: 'United States of America', "const": 'US' },
+                                        { title: 'Viet Nam', "const": 'VN' },
+                                        { title: 'Yemen', "const": 'YE' },
+                                        { title: 'Zimbabwe', "const": 'ZW' },
+                                    ],
+                                    validationMessages: {
+                                        required: 'Please select a country.'
+                                    },
+                                    autofillProvider: 'contact',
+                                    autofillKey: 'contact.countryCode'
+                                },
+                                city: {
+                                    title: 'City',
+                                    type: 'string',
+                                    autofillProvider: 'contact',
+                                    autofillKey: 'contact.city',
+                                    pattern: '^.{1,255}$',
+                                    minLength: 1,
+                                    maxLength: 255
+                                },
+                                firstLine: {
+                                    title: 'Recipient address',
+                                    type: 'string',
+                                    autofillProvider: 'contact',
+                                    autofillKey: 'contact.firstLine',
+                                    pattern: '^.{1,255}$',
+                                    minLength: 1,
+                                    maxLength: 255
+                                },
+                                postCode: {
+                                    title: 'Post code',
+                                    type: 'string',
+                                    validationMessages: {
+                                        pattern: 'Please specify a valid post code.',
+                                        required: "Please specify the recipient's post code."
+                                    },
+                                    autofillProvider: 'contact',
+                                    autofillKey: 'contact.postalCode',
+                                    pattern: '^.{1,32}$',
+                                    minLength: 1,
+                                    maxLength: 32
+                                }
+                            },
+                            required: ['country', 'city', 'firstLine', 'postCode'],
+                            help: {
+                                markdown: "For legal reasons, we need to ask for the recipient's address (not the bank's address). Don't worry, they won't get any post from us."
+                            }
+                        }
+                    },
+                    required: ['address']
+                },
+            ]
+        },
+    ],
+    errors: {
+        validation: {
+            address: {
+                country: 'Please select a country.',
+                city: 'Please enter a city.',
+                postCode: 'Please enter a post code.',
+                firstLine: 'Please enter a residential address.'
+            }
+        }
+    },
+    refreshFormUrl: '/steps/recipientUpdate/?refresh',
+    model: {
+        country: 'GB',
+        ownedByCustomer: false,
+        creatorId: 5465158,
+        accountSummary: '(04-00-04) 27832001',
+        active: true,
+        longAccountSummary: 'GBP account ending in 2001',
+        type: 'SortCode',
+        isInternal: false,
+        profileId: 5461759,
+        legalEntityType: 'PERSON',
+        name: {
+            fullName: 'Fergus Jordan'
+        },
+        currency: 'GBP',
+        details: {
+            accountNumber: '27832001',
+            sortCode: '040004',
+            hashedByLooseHashAlgorithm: '5c577703b845c613532bf0e08bbb38ce37644f76af58e1af6fa7447df7041a27'
+        },
+        id: 67912450,
+        hash: 'fe319d809ce8a4f155412afe1b62bc2f1abf6e4af89f762a85a47811f54dab53',
+        commonFieldMap: {
+            bankCodeField: 'sortCode',
+            accountNumberField: 'accountNumber'
+        }
+    },
+    layout: [
+        {
+            schema: {
+                $ref: 'form'
+            },
+            type: 'form'
+        },
+        {
+            type: 'button',
+            action: {
+                $ref: 'submit'
+            }
+        },
+    ]
+};
+exports["default"] = step;