@wise/dynamic-flow-client 0.1.2 → 0.1.3

package/build/flow/fixtures/components/button.js

@@ -0,0 +1,65 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var buttons = ['primary', 'secondary', 'negative', 'link'].map(function (type, i) {
+    return ({
+        type: 'button',
+        action: {
+            url: '/action-url',
+            method: 'POST',
+            title: "Button ".concat(i + 1, ", type: \"").concat(type, "\""),
+            type: type,
+            data: { 'button-number': i + 1 }
+        }
+    });
+});
+var step = {
+    type: 'form',
+    key: 'Components/Button',
+    title: 'Button Component',
+    description: 'Buttons typically trigger actions.',
+    actions: [],
+    schemas: [
+        {
+            $id: '#schema',
+            type: 'object',
+            displayOrder: [],
+            properties: {
+                'form-field': {
+                    type: 'string',
+                    "default": 'Some text',
+                    title: 'Enter any text. It will be submitted under "form-field".'
+                }
+            }
+        },
+    ],
+    layout: [
+        {
+            type: 'box',
+            width: 'md',
+            components: __spreadArray(__spreadArray([
+                {
+                    type: 'paragraph',
+                    text: 'Action buttons merge the form data with their own action.data before submitting it to the specified URL.'
+                },
+                {
+                    type: 'form',
+                    schema: { $ref: '#schema' }
+                }
+            ], buttons, true), [
+                {
+                    type: 'paragraph',
+                    text: 'Press any buttons and see the fetcher calls below.',
+                    align: 'center'
+                },
+            ], false)
+        },
+    ]
+};
+export default step;

package/build/flow/fixtures/components/columns.d.ts

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

package/build/flow/fixtures/components/columns.js

@@ -0,0 +1,36 @@
+var step = {
+    type: 'form',
+    key: 'Components/Columns',
+    title: 'Columns Component',
+    description: "Arrange components in two columns (when there's enough space)",
+    actions: [],
+    schemas: [],
+    layout: [
+        {
+            type: 'columns',
+            left: [
+                {
+                    type: 'button',
+                    action: {
+                        title: 'Save',
+                        type: 'primary',
+                        exit: true,
+                        result: { side: 'left' }
+                    }
+                },
+            ],
+            right: [
+                {
+                    type: 'button',
+                    action: {
+                        title: 'Delete',
+                        type: 'negative',
+                        exit: true,
+                        result: { side: 'right' }
+                    }
+                },
+            ]
+        },
+    ]
+};
+export default step;

package/build/flow/fixtures/components/copyable.d.ts

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

package/build/flow/fixtures/components/copyable.js

@@ -0,0 +1,22 @@
+var step = {
+    key: 'Components/Copyable',
+    type: 'form',
+    title: 'Copyable Text',
+    description: 'Copyable Text Component.',
+    actions: [],
+    layout: [
+        {
+            type: 'paragraph',
+            align: 'center',
+            text: 'Please copy the code below and use it in that other thing.'
+        },
+        {
+            type: 'paragraph',
+            text: '7Xtiq6fnX9aEVF7yZAmb2qyqS857ro8S',
+            align: 'center',
+            control: 'copyable'
+        },
+    ],
+    schemas: []
+};
+export default step;

package/build/flow/fixtures/components/decision.d.ts

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

package/build/flow/fixtures/components/decision.js

@@ -0,0 +1,54 @@
+var step = {
+    type: 'form',
+    key: 'Components/Decision',
+    title: 'Decision Component',
+    description: 'A step with a decision Component.',
+    actions: [],
+    schemas: [],
+    layout: [
+        {
+            type: 'heading',
+            size: 'sm',
+            text: 'Please continue using one of the following options:'
+        },
+        {
+            type: 'decision',
+            options: [
+                {
+                    title: 'Create a new recipient',
+                    description: 'You will need their bank details to hand',
+                    icon: {
+                        name: 'plus'
+                    },
+                    action: {
+                        title: '',
+                        url: 'recipient'
+                    }
+                },
+                {
+                    title: 'Choose an existing recipient',
+                    disabled: false,
+                    icon: {
+                        name: 'bank'
+                    },
+                    action: {
+                        title: '',
+                        url: 'review'
+                    }
+                },
+                {
+                    title: 'Show me the external step',
+                    disabled: false,
+                    icon: {
+                        name: 'bulb'
+                    },
+                    action: {
+                        title: '',
+                        url: 'external'
+                    }
+                },
+            ]
+        },
+    ]
+};
+export default step;

package/build/flow/fixtures/components/heading.d.ts

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

package/build/flow/fixtures/components/heading.js

@@ -0,0 +1,14 @@
+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
+    }); })
+};
+export default step;

package/build/flow/fixtures/components/image.d.ts

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

package/build/flow/fixtures/components/image.js

@@ -0,0 +1,22 @@
+var step = {
+    type: 'form',
+    key: 'Components/Image',
+    title: 'Image Component',
+    description: 'Images can have different sizes: "xs", "sm", "md", "lg", "xl".',
+    actions: [],
+    schemas: [],
+    layout: ['xs', 'sm', 'md', 'lg', 'xl'].flatMap(function (size) { return [
+        {
+            type: 'paragraph',
+            text: "This is an image with size: \"".concat(size, "\""),
+            align: 'center'
+        },
+        {
+            type: 'image',
+            url: 'https://bootstrap.transferwise.com/assets/img/css2-bg.jpg',
+            text: "This is heading with size: \"".concat(size, "\""),
+            size: size
+        },
+    ]; })
+};
+export default step;

package/build/flow/fixtures/components/info.d.ts

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

package/build/flow/fixtures/components/info.js

@@ -0,0 +1,17 @@
+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' },
+    ]
+};
+export default step;

package/build/flow/fixtures/components/list.d.ts

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

package/build/flow/fixtures/components/list.js

@@ -0,0 +1,34 @@
+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'
+                },
+            ]
+        },
+    ]
+};
+export default step;

package/build/flow/fixtures/components/loading-indicator.d.ts

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

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

@@ -0,0 +1,16 @@
+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'
+        },
+    ]
+};
+export default step;

package/build/flow/fixtures/components/paragraph.d.ts

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

package/build/flow/fixtures/components/paragraph.js

@@ -0,0 +1,28 @@
+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'
+        },
+    ]
+};
+export default step;

package/build/flow/fixtures/components/review.d.ts

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

package/build/flow/fixtures/components/review.js

@@ -0,0 +1,60 @@
+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' },
+                    ]
+                },
+            ]
+        },
+    ]
+};
+export default step;

package/build/flow/fixtures/examples/camera-capture.d.ts

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

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

@@ -0,0 +1,121 @@
+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: '/'
+};
+export default step;

package/build/flow/fixtures/examples/recipient-update.d.ts

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