@wise/dynamic-flow-client 0.3.0-beta-d45b31.38 → 0.3.0

package/build/fixtures/responses/recipient-update-final.d.ts

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

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

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

package/build/fixtures/schemas/basic-form.d.ts

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

package/build/fixtures/schemas/basic-form.js

@@ -0,0 +1,39 @@
+var step = {
+    key: 'Schemas/Basic Form',
+    title: 'Simple Form',
+    description: 'A simple form with text fields and a checkbox.',
+    type: 'form',
+    actions: [],
+    schemas: [
+        {
+            $id: '#the-schema',
+            type: 'object',
+            displayOrder: ['name', 'pineapple'],
+            properties: {
+                name: {
+                    title: 'Name (string schema)',
+                    type: 'string'
+                },
+                pineapple: {
+                    title: 'Pineapple on pizza (boolean schema)',
+                    type: 'boolean'
+                }
+            }
+        },
+    ],
+    layout: [
+        {
+            type: 'form',
+            schema: { $ref: '#the-schema' }
+        },
+        {
+            type: 'button',
+            action: {
+                url: '/submit',
+                title: 'Submit',
+                type: 'primary'
+            }
+        },
+    ]
+};
+export default step;

package/build/fixtures/schemas/index.d.ts

@@ -0,0 +1,4 @@
+export { default as simpleForm } from './basic-form';
+export { default as numberAndInteger } from './number-and-integer';
+export { default as oneOf } from './one-of';
+export { default as stringFormats } from './string-formats';

package/build/fixtures/schemas/index.js

@@ -0,0 +1,4 @@
+export { default as simpleForm } from './basic-form';
+export { default as numberAndInteger } from './number-and-integer';
+export { default as oneOf } from './one-of';
+export { default as stringFormats } from './string-formats';

package/build/fixtures/schemas/number-and-integer.d.ts

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

package/build/fixtures/schemas/number-and-integer.js

@@ -0,0 +1,41 @@
+var step = {
+    key: 'Schemas/Number And Integer',
+    title: 'Number and Integer Schemas',
+    description: 'Number and Integer Schemas.',
+    type: 'form',
+    actions: [],
+    schemas: [
+        {
+            $id: '#the-schema',
+            type: 'object',
+            displayOrder: ['some-number', 'some-integer'],
+            properties: {
+                'some-number': {
+                    title: 'Number (number schema)',
+                    type: 'number',
+                    validationMessages: { type: 'This is not an number' }
+                },
+                'some-integer': {
+                    title: 'Integer (integer schema, does not support decimals)',
+                    type: 'integer',
+                    validationMessages: { type: 'This is not an integer' }
+                }
+            }
+        },
+    ],
+    layout: [
+        {
+            type: 'form',
+            schema: { $ref: '#the-schema' }
+        },
+        {
+            type: 'button',
+            action: {
+                url: '/submit',
+                title: 'Submit',
+                type: 'primary'
+            }
+        },
+    ]
+};
+export default step;

package/build/fixtures/schemas/one-of.d.ts

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

package/build/fixtures/schemas/one-of.js

@@ -0,0 +1,223 @@
+var currencies = [
+    ['EUR', 'Euro'],
+    ['GBP', 'British pound'],
+    ['INR', 'Indian rupee'],
+    ['USD', 'United States dollar'],
+    ['AED', 'United Arab Emirates dirham'],
+    ['ARS', 'Argentine peso'],
+    ['AUD', 'Australian dollar'],
+    ['BDT', 'Bangladeshi taka'],
+    ['BGN', 'Bulgarian lev'],
+    ['BRL', 'Brazilian real'],
+    ['BWP', 'Botswana pula'],
+    ['CAD', 'Canadian dollar'],
+    ['CHF', 'Swiss franc'],
+    ['CLP', 'Chilean peso'],
+    ['CNY', 'Chinese yuan'],
+    ['COP', 'Colombian peso'],
+    ['CRC', 'Costa Rican colón'],
+    ['CZK', 'Czech koruna'],
+    ['DKK', 'Danish krone'],
+    ['EGP', 'Egyptian pound'],
+    ['FJD', 'Fijian dollar'],
+    ['GEL', 'Georgian lari'],
+    ['GHS', 'Ghanaian cedi'],
+    ['GTQ', 'Guatemalan quetzal'],
+    ['HKD', 'Hong Kong dollar'],
+    ['HRK', 'Croatian kuna'],
+    ['HUF', 'Hungarian forint'],
+    ['IDR', 'Indonesian rupiah'],
+    ['ILS', 'Israeli shekel'],
+    ['JPY', 'Japanese yen'],
+    ['KES', 'Kenyan shilling'],
+    ['KRW', 'South Korean won'],
+    ['LKR', 'Sri Lankan rupee'],
+    ['MAD', 'Moroccan dirham'],
+    ['MXN', 'Mexican peso'],
+    ['MYR', 'Malaysian ringgit'],
+    ['MZN', 'Mozambican metical'],
+    ['NAD', 'Namibian dollar'],
+    ['NGN', 'Nigerian naira'],
+    ['NOK', 'Norwegian krone'],
+    ['NPR', 'Nepalese rupee'],
+    ['NZD', 'New Zealand dollar'],
+    ['PEN', 'Peruvian nuevo sol'],
+    ['PHP', 'Philippine peso'],
+    ['PKR', 'Pakistani rupee'],
+    ['PLN', 'Polish złoty'],
+    ['RON', 'Romanian leu'],
+    ['RUB', 'Russian rouble'],
+    ['SEK', 'Swedish krona'],
+    ['SGD', 'Singapore dollar'],
+    ['THB', 'Thai baht'],
+    ['TRY', 'Turkish lira'],
+    ['TZS', 'Tanzanian shilling'],
+    ['UAH', 'Ukrainian hryvnia'],
+    ['UGX', 'Ugandan shilling'],
+    ['UYU', 'Uruguayan peso'],
+    ['VND', 'Vietnamese dong'],
+    ['XOF', 'West African CFA franc'],
+    ['ZAR', 'South African rand'],
+    ['ZMW', 'Zambian kwacha'],
+];
+var step = {
+    key: 'Schemas/OneOf',
+    title: 'OneOf Schemas',
+    description: 'OneOf Schema using select, radio buttons and tabs.',
+    type: 'form',
+    analytics: { custom: 'this is the oneOf fixture' },
+    actions: [],
+    schemas: [
+        {
+            $id: '#the-schema',
+            type: 'object',
+            displayOrder: ['account-type-radio', 'colour-select', 'currency', 'bank-details-tabs'],
+            required: ['bank-details-tabs'],
+            properties: {
+                'account-type-radio': {
+                    title: 'Personal or Business Account? (oneOf schema with two options default to control: "radio")',
+                    analyticsId: 'account-type-radio',
+                    oneOf: [
+                        {
+                            title: 'Personal',
+                            analyticsId: 'account-type-radio-personal',
+                            icon: {
+                                name: 'person'
+                            },
+                            "const": 'PERSONAL'
+                        },
+                        {
+                            title: 'Business',
+                            analyticsId: 'account-type-radio-business',
+                            icon: {
+                                name: 'briefcase'
+                            },
+                            "const": 'BUSINESS'
+                        },
+                    ]
+                },
+                'colour-select': {
+                    title: 'What is your favourite colour? (oneOf schema with more than two options default to control: "select")',
+                    placeholder: 'Please select a colour',
+                    analyticsId: 'colour-select',
+                    oneOf: [
+                        {
+                            title: 'Blue',
+                            analyticsId: 'colour-select-blue',
+                            image: {
+                                url: 'https://placeholder.pics/svg/64/0099ff/FFFFFF'
+                            },
+                            "const": 1
+                        },
+                        {
+                            title: 'Yellow',
+                            analyticsId: 'colour-select-yellow',
+                            image: {
+                                url: 'https://placeholder.pics/svg/64/ffcc00/FFFFFF'
+                            },
+                            "const": 2
+                        },
+                        {
+                            title: 'Red',
+                            analyticsId: 'colour-select-red',
+                            image: {
+                                url: 'https://placeholder.pics/svg/64/ff6600/FFFFFF'
+                            },
+                            "const": 3
+                        },
+                    ]
+                },
+                currency: {
+                    title: 'Currency (oneof schema of const schemas with default value)',
+                    type: 'string',
+                    analyticsId: 'currency',
+                    oneOf: currencies.map(function (_a) {
+                        var code = _a[0], name = _a[1];
+                        return ({
+                            title: code,
+                            analyticsId: code,
+                            icon: { name: "flag-".concat(code.toLowerCase()) },
+                            description: name,
+                            "const": code
+                        });
+                    }),
+                    validationMessages: { required: 'Please enter currency.' },
+                    "default": 'EUR'
+                },
+                'bank-details-tabs': {
+                    title: 'Bank Details (oneOf schema of object schemas and control: "tab")',
+                    control: 'tab',
+                    analyticsId: 'bank-details-tabs',
+                    oneOf: [
+                        {
+                            type: 'object',
+                            title: 'UK Sortcode and Account Number',
+                            analyticsId: 'bank-details-tabs-uk',
+                            displayOrder: ['account-number', 'sort-code'],
+                            required: ['account-number', 'sort-code'],
+                            properties: {
+                                'account-number': {
+                                    title: 'Account Number',
+                                    type: 'string'
+                                },
+                                'sort-code': {
+                                    title: 'Sort Code',
+                                    type: 'string'
+                                }
+                            }
+                        },
+                        {
+                            type: 'object',
+                            title: 'IBAN and BIC',
+                            analyticsId: 'bank-details-tabs-iban',
+                            displayOrder: ['iban', 'bic'],
+                            required: ['iban', 'bic'],
+                            properties: {
+                                iban: {
+                                    title: 'IBAN',
+                                    type: 'string'
+                                },
+                                bic: {
+                                    title: 'BIC',
+                                    type: 'string'
+                                }
+                            }
+                        },
+                        {
+                            type: 'object',
+                            title: 'US Routing Number and Account Number',
+                            analyticsId: 'bank-details-tabs-us',
+                            displayOrder: ['account-number', 'routing-number'],
+                            required: ['account-number', 'routing-number'],
+                            properties: {
+                                'account-number': {
+                                    title: 'Account Number',
+                                    type: 'string'
+                                },
+                                'routing-number': {
+                                    title: 'Routing Number',
+                                    type: 'string'
+                                }
+                            }
+                        },
+                    ]
+                }
+            }
+        },
+    ],
+    layout: [
+        {
+            type: 'form',
+            schema: { $ref: '#the-schema' }
+        },
+        {
+            type: 'button',
+            action: {
+                url: '/submit',
+                title: 'Submit',
+                type: 'primary'
+            }
+        },
+    ]
+};
+export default step;

package/build/fixtures/schemas/string-formats.d.ts

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

package/build/fixtures/schemas/string-formats.js

@@ -0,0 +1,62 @@
+var step = {
+    key: 'Schemas/String Formats',
+    title: 'String Schema Formats',
+    description: 'String schemas with different formats (password, date, telephone).',
+    type: 'form',
+    actions: [],
+    schemas: [
+        {
+            $id: '#the-schema',
+            type: 'object',
+            displayOrder: ['name', 'password', 'dob', 'date-lookup', 'telephone'],
+            properties: {
+                name: {
+                    title: 'Name (string schema no format)',
+                    type: 'string'
+                },
+                password: {
+                    title: 'Password (string schema with format: "password")',
+                    type: 'string',
+                    format: 'password'
+                },
+                dob: {
+                    title: 'Date of birth (string schema with format: "date")',
+                    type: 'string',
+                    format: 'date'
+                },
+                'date-lookup': {
+                    title: 'Date Lookup (string schema with format: "date" and control: "date-lookup")',
+                    type: 'string',
+                    format: 'date',
+                    control: 'date-lookup',
+                    minimum: '2023-01-01',
+                    maximum: '2023-12-31',
+                    placeholder: 'Select a date'
+                },
+                telephone: {
+                    title: 'Phone number (string schema with format: "phone-number")',
+                    type: 'string',
+                    format: 'phone-number'
+                }
+            }
+        },
+    ],
+    layout: [
+        {
+            type: 'form',
+            schema: { $ref: '#the-schema' }
+        },
+        {
+            type: 'button',
+            action: {
+                url: '/submit',
+                title: 'Submit',
+                type: 'primary'
+            }
+        },
+    ],
+    model: {
+        'date-lookup': '2023-01-01'
+    }
+};
+export default step;

package/build/fixtures/utils/image-util.d.ts

@@ -0,0 +1,2 @@
+import { FormStep, Size } from '../../types';
+export declare const getImageStep: (size: Size) => FormStep;

package/build/fixtures/utils/image-util.js

@@ -0,0 +1,18 @@
+export var getImageStep = function (size) {
+    return {
+        type: 'form',
+        key: "Components/Image-".concat(size),
+        title: "Image Component - ".concat(size),
+        description: "This is an image with size: \"".concat(size, "\""),
+        actions: [],
+        schemas: [],
+        layout: [
+            {
+                type: 'image',
+                url: 'http://placekitten.com/g/400/400',
+                text: "This is an image with size: \"".concat(size, "\""),
+                size: size
+            },
+        ]
+    };
+};

package/build/formControl/FormControl.d.ts

@@ -0,0 +1,86 @@
+import { RadioGroupRadios } from '@transferwise/components/build/types/radioGroup/RadioGroup';
+import { PureComponent } from 'react';
+import { FormControlProps, FormControlState, FormControlOption } from '../types';
+export default class FormControl extends PureComponent<FormControlProps, FormControlState> {
+    static Type: {
+        RADIO: string;
+        CHECKBOX: string;
+        SELECT: string;
+        FILE: string;
+        DATE: string;
+        DATETIME: string;
+        DATELOOKUP: string;
+        TEL: string;
+        NUMBER: string;
+        HIDDEN: string;
+        PASSWORD: string;
+        TEXT: string;
+        TEXTAREA: string;
+        UPLOAD: string;
+        TAB: string;
+    };
+    static Size: {
+        EXTRA_SMALL: string;
+        SMALL: string;
+        MEDIUM: string;
+        LARGE: string;
+        EXTRA_LARGE: string;
+    };
+    static MonthFormat: {
+        SHORT: string;
+        LONG: string;
+    };
+    static DateMode: {
+        DAY_MONTH_YEAR: string;
+        MONTH_YEAR: string;
+    };
+    constructor(props: FormControlProps);
+    static getDerivedStateFromProps(nextProps: FormControlProps, previousState: FormControlState): {
+        prevValue: string | number | boolean | Date | null;
+        value: string | number | boolean | Date | null;
+    } | null;
+    /**
+     * autocomplete hides our form help so we need to disable it when help text
+     * is present. Chrome ignores autocomplete=off, the only way to disable it is
+     * to provide an 'invalid' value, for which 'disabled' serves.
+     */
+    getAutocompleteStatus: () => "disabled" | "on";
+    handleOnChange: (value: string | number | boolean | null) => void;
+    handleInputOnChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    handleOnFocus: () => void;
+    handleOnBlur: () => void;
+    getSelectedOption: (options: FormControlOption[]) => FormControlOption | undefined;
+    mapOption: (option: FormControlOption) => RadioGroupRadios;
+    render(): JSX.Element;
+    static defaultProps: {
+        autoComplete: boolean;
+        countryCode: null;
+        disabled: boolean;
+        displayPattern: null;
+        id: null;
+        label: string;
+        max: null;
+        maxDate: null;
+        maxLength: null;
+        min: null;
+        minDate: null;
+        minLength: null;
+        mode: string;
+        monthFormat: string;
+        onBlur: null;
+        onFocus: null;
+        onSearchChange: null;
+        options: never[];
+        placeholder: null;
+        readOnly: boolean;
+        required: boolean;
+        searchPlaceholder: null;
+        searchValue: string;
+        selectedOption: null;
+        size: string;
+        step: number;
+        type: string;
+        uploadProps: {};
+        value: null;
+    };
+}