@wise/dynamic-flow-client 0.4.2 → 0.4.3

package/build/fixtures/layouts/all.js

@@ -1,178 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const layout = [
-    {
-        type: 'box',
-        width: 'md',
-        components: [
-            {
-                type: 'heading',
-                text: 'This is a large heading',
-                size: 'lg',
-                align: 'center',
-                margin: 'md',
-            },
-            {
-                type: 'paragraph',
-                text: 'This is a paragraph of text. This is a paragraph of text. This is a paragraph of text.',
-                align: 'center',
-                margin: 'xl',
-            },
-            {
-                type: 'loading-indicator',
-                size: 'lg',
-                margin: 'md',
-            },
-        ],
-    },
-    {
-        type: 'columns',
-        bias: 'left',
-        left: [
-            {
-                type: 'box',
-                border: true,
-                components: [
-                    {
-                        type: 'heading',
-                        text: 'Small heading',
-                        size: 'sm',
-                        margin: 'md',
-                    },
-                    {
-                        type: 'divider',
-                        margin: 'xl',
-                    },
-                    {
-                        type: 'review',
-                        title: 'Review title',
-                        margin: 'lg',
-                        orientation: 'horizontal',
-                        action: {
-                            $id: 'edit-profile',
-                            title: 'Edit',
-                            url: '/edit',
-                            method: 'GET',
-                        },
-                        fields: [
-                            {
-                                label: 'First name',
-                                value: 'John',
-                            },
-                            {
-                                label: 'Last name',
-                                value: 'Smith',
-                            },
-                        ],
-                    },
-                    {
-                        type: 'image',
-                        text: 'An image of cascading stylesheet computer code',
-                        url: 'https://bootstrap.transferwise.com/assets/img/css2-bg.jpg',
-                        margin: 'xs',
-                    },
-                ],
-            },
-        ],
-        right: [
-            {
-                type: 'form',
-                schema: {
-                    type: 'object',
-                    title: 'Personal details',
-                    // info: {
-                    //   markdown:
-                    //     'We need to gather this data to make sure you are who you say you here [click here for more information](/somewhere)',
-                    // },
-                    alert: {
-                        markdown: 'Make sure you get this correct, or your transfer could be held up!',
-                        context: 'neutral',
-                    },
-                    displayOrder: ['firstname', 'lastname'],
-                    properties: {
-                        firstname: {
-                            type: 'string',
-                            title: 'First name',
-                            alert: {
-                                markdown: 'Please use **only** latin characters.',
-                                context: 'warning',
-                            },
-                        },
-                        lastname: {
-                            type: 'string',
-                            title: 'Last name',
-                            minLength: 3,
-                            help: {
-                                markdown: 'help!',
-                            },
-                        },
-                    },
-                },
-            },
-            {
-                type: 'alert',
-                markdown: 'This is an alert - we can use **bold** to provide emphasis.',
-                context: 'warning',
-            },
-            {
-                type: 'info',
-                markdown: '### This heading comes from markdown \n\r We can use markdown to add [links](https://transferwise.com) and _other_ **formatting** \n\r. It will also let us add simple lists: \n - one\n - two\n - #### three',
-            },
-        ],
-    },
-    {
-        type: 'box',
-        width: 'sm',
-        components: [
-            {
-                type: 'button',
-                action: {
-                    title: 'Submit',
-                    url: '',
-                    method: 'GET',
-                    data: {},
-                    type: 'primary',
-                },
-            },
-            {
-                type: 'button',
-                action: {
-                    title: 'Cancel',
-                    url: '',
-                    method: 'GET',
-                    data: {},
-                    disabled: true,
-                },
-            },
-        ],
-    },
-    {
-        type: 'decision',
-        options: [
-            {
-                title: 'More information about this option',
-                icon: { name: 'profile' },
-                action: {
-                    title: 'Option 1',
-                    url: '/option1',
-                    method: 'POST',
-                    data: {
-                        a: 1,
-                    },
-                },
-            },
-            {
-                title: 'More information about this option',
-                icon: { name: 'bank' },
-                action: {
-                    title: 'Option 2',
-                    url: '/option2',
-                    method: 'GET',
-                    data: {},
-                    disabled: true,
-                },
-            },
-        ],
-    },
-];
-exports.default = layout;

package/build/fixtures/layouts/final-step-layout.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const layout = [
-    {
-        type: 'image',
-        url: 'https://via.placeholder.com/1024',
-        text: 'Image alt text',
-        margin: 'lg',
-        size: 'sm',
-    },
-    {
-        type: 'heading',
-        text: 'Image size sm',
-        size: 'lg',
-        margin: 'lg',
-        align: 'center',
-    },
-    {
-        type: 'paragraph',
-        text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel ante felis. Nullam auctor posuere justo ac posuere. Nullam efficitur enim ut turpis venenatis vestibulum.',
-        align: 'center',
-    },
-    {
-        type: 'box',
-        width: 'md',
-        components: [
-            {
-                type: 'button',
-                action: {
-                    title: 'Button',
-                    type: 'primary',
-                    exit: true,
-                    data: { someKey: 'some value' },
-                    url: '/success',
-                    method: 'GET',
-                },
-            },
-        ],
-    },
-];
-exports.default = layout;

package/build/fixtures/layouts/index.js

@@ -1,18 +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.successLayout = exports.reviewLayout = exports.payInLayout = exports.listLayout = exports.finalStepLayout = exports.allLayoutComponents = void 0;
-var all_1 = require("./all");
-Object.defineProperty(exports, "allLayoutComponents", { enumerable: true, get: function () { return __importDefault(all_1).default; } });
-var final_step_layout_1 = require("./final-step-layout");
-Object.defineProperty(exports, "finalStepLayout", { enumerable: true, get: function () { return __importDefault(final_step_layout_1).default; } });
-var list_1 = require("./list");
-Object.defineProperty(exports, "listLayout", { enumerable: true, get: function () { return __importDefault(list_1).default; } });
-var pay_in_1 = require("./pay-in");
-Object.defineProperty(exports, "payInLayout", { enumerable: true, get: function () { return __importDefault(pay_in_1).default; } });
-var review_1 = require("./review");
-Object.defineProperty(exports, "reviewLayout", { enumerable: true, get: function () { return __importDefault(review_1).default; } });
-var success_1 = require("./success");
-Object.defineProperty(exports, "successLayout", { enumerable: true, get: function () { return __importDefault(success_1).default; } });

package/build/fixtures/layouts/list.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const layout = [
-    {
-        type: 'list',
-        title: 'This is a List',
-        items: [
-            {
-                title: 'Item 1',
-                description: 'The first item is positive',
-                icon: {
-                    name: 'bank',
-                },
-                status: 'positive',
-            },
-            {
-                title: 'Item 2',
-                description: 'The second item is neutral',
-                icon: {
-                    name: 'emoji',
-                },
-                status: 'neutral',
-            },
-            {
-                title: 'Item 3',
-                description: 'The third item is warning',
-                icon: {
-                    name: 'gift-box',
-                },
-                status: 'warning',
-            },
-        ],
-    },
-];
-exports.default = layout;

package/build/fixtures/layouts/pay-in.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const step = {
-    key: 'PAY_ID',
-    type: 'form',
-    title: 'Pay Using PayID',
-    actions: [
-        {
-            title: 'I have paid',
-            type: 'primary',
-            exit: true,
-            result: {
-                paid: 'POTENTIALLY_PAID',
-            },
-            $id: '#payNow',
-        },
-        {
-            title: "I'll transfer my money later",
-            type: 'secondary',
-            exit: true,
-            result: {
-                paid: 'NOT_PAID',
-            },
-            $id: '#payLater',
-        },
-    ],
-    schemas: [
-        {
-            title: 'Pay Using PayID',
-            type: 'string',
-            hidden: true,
-            default: 'PayId',
-        },
-    ],
-    layout: [
-        {
-            type: 'info',
-            markdown: 'Go to your online banking and transfer **50.25 AUD** to our account using the email below.',
-        },
-        {
-            components: [
-                {
-                    context: 'neutral',
-                    markdown: "We've updated our PayID email and no longer require you to enter any reference numbers. Use this PayID going forward.",
-                    type: 'alert',
-                },
-                {
-                    type: 'review',
-                    title: 'Our Bank Details',
-                    fields: [
-                        {
-                            label: 'Email',
-                            value: 'rahul@wise.com',
-                        },
-                    ],
-                },
-                {
-                    left: [
-                        {
-                            type: 'review',
-                            fields: [
-                                {
-                                    label: 'Account Name',
-                                    value: 'Wise Australia Pty Ltd',
-                                },
-                            ],
-                        },
-                    ],
-                    right: [
-                        {
-                            type: 'review',
-                            fields: [
-                                {
-                                    label: 'Amount',
-                                    value: '50.25 AUD',
-                                },
-                            ],
-                        },
-                    ],
-                    type: 'columns',
-                },
-            ],
-            type: 'box',
-        },
-        {
-            type: 'button',
-            action: {
-                $ref: '#payNow',
-            },
-        },
-        {
-            type: 'button',
-            action: {
-                $ref: '#payLater',
-            },
-        },
-    ],
-};
-exports.default = step;

package/build/fixtures/layouts/review.js

@@ -1,162 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const layout = [
-    {
-        type: 'box',
-        width: 'md',
-        components: [
-            {
-                type: 'heading',
-                align: 'center',
-                margin: 'lg',
-                text: 'Review your transfer details',
-            },
-            {
-                type: 'box',
-                border: true,
-                components: [
-                    {
-                        type: 'review',
-                        title: 'Transfer details',
-                        orientation: 'horizontal',
-                        action: {
-                            title: 'Edit',
-                            url: '/edit-transfer',
-                            method: 'GET',
-                        },
-                        fields: [
-                            {
-                                label: 'You send approximately',
-                                value: '88.86 GBP',
-                            },
-                            {
-                                label: 'You send from',
-                                value: 'GBP balance',
-                            },
-                            {
-                                label: 'Estimate total fees (included)',
-                                value: '0.86 GBP',
-                            },
-                            {
-                                label: "Estimate amount we'll convert",
-                                value: '88 GBP',
-                            },
-                            {
-                                label: 'Live rate',
-                                value: '1.1363',
-                            },
-                            {
-                                label: 'Test gets exactly',
-                                value: '100 EUR',
-                            },
-                            {
-                                label: 'Should arrive',
-                                value: 'in seconds',
-                            },
-                        ],
-                    },
-                    {
-                        type: 'divider',
-                    },
-                    {
-                        type: 'review',
-                        title: 'Recipient details',
-                        orientation: 'horizontal',
-                        action: {
-                            title: 'Edit',
-                            url: '/recipient',
-                            method: 'GET',
-                        },
-                        fields: [
-                            {
-                                label: 'Name',
-                                value: 'Test Name',
-                            },
-                            {
-                                label: 'Email',
-                                value: 'test@example.com',
-                            },
-                            {
-                                label: 'Sort code',
-                                value: '12-34-56',
-                            },
-                            {
-                                label: 'Account number',
-                                value: '12345678',
-                            },
-                        ],
-                    },
-                ],
-            },
-            {
-                type: 'box',
-                border: true,
-                components: [
-                    {
-                        type: 'form',
-                        schema: {
-                            title: 'Schedule',
-                            type: 'object',
-                            displayOrder: ['date', 'frequency'],
-                            properties: {
-                                date: {
-                                    title: 'Date',
-                                    type: 'string',
-                                    format: 'date',
-                                },
-                                frequency: {
-                                    type: 'string',
-                                    title: 'Frequency',
-                                    control: 'select',
-                                    placeholder: 'How often?',
-                                    oneOf: [
-                                        {
-                                            title: 'Daily',
-                                            const: 'day',
-                                        },
-                                        {
-                                            title: 'Weekly',
-                                            const: 'week',
-                                        },
-                                        {
-                                            title: 'Monthly',
-                                            const: 'month',
-                                        },
-                                    ],
-                                },
-                            },
-                        },
-                    },
-                    {
-                        type: 'alert',
-                        markdown: "We'll deduct the required amount **from your GBP balance** at the **real exchange rate** on the **28th of each month**, so that Rayna always gets exactly **100 EUR**. First **monthly** transfer will be made on **April 28, 2020 (BST)**",
-                    },
-                ],
-            },
-            {
-                type: 'form',
-                schema: {
-                    type: 'object',
-                    displayOrder: ['reference'],
-                    properties: {
-                        reference: {
-                            type: 'string',
-                            title: 'Reference',
-                            placeholder: 'Type a reference',
-                        },
-                    },
-                },
-            },
-            {
-                type: 'button',
-                action: {
-                    title: 'Create transfer',
-                    method: 'POST',
-                    url: '/final',
-                    type: 'primary',
-                },
-            },
-        ],
-    },
-];
-exports.default = layout;

package/build/fixtures/layouts/success.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const layout = [
-    {
-        type: 'box',
-        width: 'xs',
-        components: [
-            {
-                type: 'image',
-                url: 'https://transferwise.com/staticrab/homepage/_next/static/images/how_to_2-06281f8ea9caa50445f075d460434bcf.svg',
-                text: 'An illustration',
-            },
-        ],
-    },
-    {
-        type: 'box',
-        width: 'lg',
-        components: [
-            {
-                type: 'heading',
-                align: 'center',
-                text: "You've scheduled a monthly payment of 100 EUR to Rayna Kenter",
-            },
-        ],
-    },
-    {
-        type: 'box',
-        width: 'md',
-        components: [
-            {
-                type: 'info',
-                align: 'center',
-                markdown: 'Your first payment has been sent **now**',
-                margin: 'xs',
-            },
-            {
-                type: 'paragraph',
-                align: 'center',
-                text: 'Your next payment will be made on July 29th, 2020 (BST)',
-            },
-            {
-                type: 'columns',
-                left: [
-                    {
-                        type: 'button',
-                        action: {
-                            title: 'Check transfer details',
-                            url: '/check',
-                            method: 'GET',
-                        },
-                    },
-                ],
-                right: [
-                    {
-                        type: 'button',
-                        action: {
-                            title: 'Invite & earn',
-                            url: '/check',
-                            method: 'GET',
-                            type: 'primary',
-                        },
-                    },
-                ],
-            },
-        ],
-    },
-];
-exports.default = layout;

package/build/fixtures/responses/action-response-final.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const step = {
-    type: 'form',
-    key: 'action-response-final',
-    title: 'Action Response Final Step',
-    description: `This step was loaded as a result of an Action Response.`,
-    actions: [],
-    schemas: [],
-    layout: [
-        {
-            type: 'alert',
-            markdown: 'If you want to see this again, perhaps go back to "Action Response" story.',
-            context: 'positive',
-        },
-        {
-            type: 'button',
-            action: {
-                title: 'Start Over',
-                type: 'primary',
-                url: '/steps/actionResponse',
-            },
-        },
-    ],
-};
-exports.default = step;

package/build/fixtures/responses/action.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const action = { action: { url: '/responses/success', method: 'POST' } };
-exports.default = action;

package/build/fixtures/responses/exit.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const exit = { id: '123456', name: 'Bob Loblaw', country: 'US' };
-exports.default = exit;

package/build/fixtures/responses/index.js

@@ -1,14 +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.recipientUpdateFinal = exports.exit = exports.actionResponseFinal = exports.action = void 0;
-var action_1 = require("./action");
-Object.defineProperty(exports, "action", { enumerable: true, get: function () { return __importDefault(action_1).default; } });
-var action_response_final_1 = require("./action-response-final");
-Object.defineProperty(exports, "actionResponseFinal", { enumerable: true, get: function () { return __importDefault(action_response_final_1).default; } });
-var exit_1 = require("./exit");
-Object.defineProperty(exports, "exit", { enumerable: true, get: function () { return __importDefault(exit_1).default; } });
-var recipient_update_final_1 = require("./recipient-update-final");
-Object.defineProperty(exports, "recipientUpdateFinal", { enumerable: true, get: function () { return __importDefault(recipient_update_final_1).default; } });

package/build/fixtures/responses/recipient-update-final.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const step = {
-    type: 'form',
-    key: 'recipient-update-final',
-    title: 'Recipient Update Final Step',
-    description: `The recipient has been updated.`,
-    actions: [],
-    schemas: [],
-    layout: [
-        {
-            type: 'alert',
-            markdown: 'Nothing to see here.',
-            context: 'positive',
-        },
-        {
-            type: 'button',
-            action: {
-                title: 'Start Over',
-                type: 'primary',
-                url: '/steps/recipientUpdate',
-            },
-        },
-    ],
-};
-exports.default = step;