@wise/dynamic-flow-client 0.4.0-beta-0489d0.8 → 0.4.0

package/build/fixtures/layouts/all.js

@@ -0,0 +1,178 @@
+"use strict";
+exports.__esModule = true;
+var 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

@@ -0,0 +1,41 @@
+"use strict";
+exports.__esModule = true;
+var 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

@@ -0,0 +1,26 @@
+"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.successLayout = exports.reviewLayout = exports.payInLayout = exports.listLayout = exports.finalStepLayout = exports.allLayoutComponents = void 0;
+var all_1 = require("./all");
+__createBinding(exports, all_1, "default", "allLayoutComponents");
+var final_step_layout_1 = require("./final-step-layout");
+__createBinding(exports, final_step_layout_1, "default", "finalStepLayout");
+var list_1 = require("./list");
+__createBinding(exports, list_1, "default", "listLayout");
+var pay_in_1 = require("./pay-in");
+__createBinding(exports, pay_in_1, "default", "payInLayout");
+var review_1 = require("./review");
+__createBinding(exports, review_1, "default", "reviewLayout");
+var success_1 = require("./success");
+__createBinding(exports, success_1, "default", "successLayout");

package/build/fixtures/layouts/list.js

@@ -0,0 +1,35 @@
+"use strict";
+exports.__esModule = true;
+var 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

@@ -0,0 +1,99 @@
+"use strict";
+exports.__esModule = true;
+var 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

@@ -0,0 +1,162 @@
+"use strict";
+exports.__esModule = true;
+var 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

@@ -0,0 +1,68 @@
+"use strict";
+exports.__esModule = true;
+var 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

@@ -0,0 +1,26 @@
+"use strict";
+exports.__esModule = true;
+var 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

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var action = { action: { url: '/responses/success', method: 'POST' } };
+exports["default"] = action;

package/build/fixtures/responses/exit.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var exit = { id: '123456', name: 'Bob Loblaw', country: 'US' };
+exports["default"] = exit;

package/build/fixtures/responses/index.js

@@ -0,0 +1,22 @@
+"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.recipientUpdateFinal = exports.exit = exports.actionResponseFinal = exports.action = void 0;
+var action_1 = require("./action");
+__createBinding(exports, action_1, "default", "action");
+var action_response_final_1 = require("./action-response-final");
+__createBinding(exports, action_response_final_1, "default", "actionResponseFinal");
+var exit_1 = require("./exit");
+__createBinding(exports, exit_1, "default", "exit");
+var recipient_update_final_1 = require("./recipient-update-final");
+__createBinding(exports, recipient_update_final_1, "default", "recipientUpdateFinal");