@wise/dynamic-flow-client 3.5.1-experimental-ccbce45 → 3.5.2

package/build/revamp/stories/dev-tools/DynamicFlowRevamp.story.js

@@ -1,304 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable no-console */
-import { action } from '@storybook/addon-actions';
-import DynamicFlowWise from '../../DynamicFlowWise';
-import { fixtureHttpClient } from '../utils/fixtureHttpClient';
-import { mockSearchHandler } from '../utils/mockSearchHandler';
-import { features } from '@wise/dynamic-flow-fixtures';
-export default {
-    component: DynamicFlowWise,
-    title: 'Revamp/Dev Tools',
-    parameters: {
-        chromatic: { disableSnapshot: true },
-    },
-};
-export function ExampleStep() {
-    var step = getBasicStep();
-    return renderWithStep(step);
-}
-export function Modal() {
-    return renderWithStep(features.modal);
-}
-export var ModelStep = function () {
-    var step = getModelStep();
-    return renderWithStep(step);
-};
-export function GlobalErrorStep() {
-    var step = getGlobalErrorStep();
-    return renderWithStep(step);
-}
-export function Search() {
-    var step = getSearchStep();
-    return (_jsxs(_Fragment, { children: [_jsx("div", { style: { display: 'flex', justifyContent: 'center' }, children: _jsxs("ul", { children: [_jsx("li", { children: "If your search term has 3 or fewer characters, the search results will take 2 seconds to load." }), _jsx("li", { children: "If your search term has more than 3 characters, the search results will take 1 second to load." }), _jsx("li", { children: "If your search term is \"nothing\", then the search results will take 1 second to load, but will be empty." }), _jsx("li", { children: "If your search term is \"error\", then the search results will take 1 second to load, with a status 500." })] }) }), _jsx(DynamicFlowWise, { flowId: "new-df-flow-id", httpClient: mockSearchHandler, initialStep: step, onCompletion: action('onCompletion'), onEvent: action('onEvent'), onError: function (error) {
-                    action('onError');
-                    console.error(error);
-                }, onLog: action('onLog') })] }));
-}
-var renderWithStep = function (step, httpClient) {
-    if (httpClient === void 0) { httpClient = fixtureHttpClient; }
-    return (_jsx(DynamicFlowWise, { flowId: "new-df-flow-id", httpClient: httpClient, initialStep: step, onCompletion: action('onCompletion'), onEvent: action('onEvent'), onError: function (error) {
-            action('onError');
-            console.error(error);
-        }, onLog: action('onLog') }));
-};
-var getBasicStep = function () { return ({
-    id: 'new-df-initial-step',
-    title: 'Revamped Dynamic Flow',
-    schemas: [
-        {
-            $id: '#personal-details',
-            type: 'object',
-            title: 'Personal details object',
-            description: 'Personal details schema description',
-            displayOrder: ['name', 'date', 'occupation', 'age', 'money', 'profileId'],
-            alert: {
-                type: 'alert',
-                markdown: 'Please enter the correct details here',
-            },
-            properties: {
-                profileId: { const: 12345678 },
-                name: {
-                    title: 'Full name',
-                    type: 'string',
-                    minLength: 3,
-                    maxLength: 50,
-                    help: { markdown: 'Put your name here' },
-                    validationMessages: {
-                        required: 'Name is required',
-                        minLength: 'Name is too short',
-                        maxLength: 'Name is too long',
-                    },
-                },
-                occupation: {
-                    title: 'Occupation',
-                    type: 'string',
-                },
-                date: {
-                    title: 'Date',
-                    type: 'string',
-                    format: 'date',
-                    control: 'date-lookup',
-                    minimum: '2023-01-01',
-                    maximum: '2023-12-31',
-                },
-                age: {
-                    title: 'Age',
-                    type: 'integer',
-                    minimum: 10,
-                    maximum: 99,
-                    help: { markdown: 'Put your age here' },
-                    validationMessages: {
-                        required: 'Age is required',
-                        minimum: 'Age is too low',
-                        maximum: 'Age is too high',
-                    },
-                    alert: { type: 'alert', markdown: 'You must be over 18' },
-                },
-                money: {
-                    title: 'How much money would you like?',
-                    type: 'number',
-                    minimum: 0,
-                    maximum: 9999,
-                    validationMessages: {
-                        required: 'Money is required',
-                        minimum: 'Money is too low',
-                        maximum: 'Money is too high',
-                    },
-                },
-            },
-            required: ['name', 'age'],
-        },
-        {
-            $id: '#bank-info',
-            type: 'object',
-            title: 'Bank info object',
-            description: 'Bank info schema description',
-            displayOrder: ['currency', 'complexOneOf'],
-            required: ['currency', 'complexOneOf'],
-            properties: {
-                currency: {
-                    description: 'Currency schema description.',
-                    help: { markdown: 'Currency schema help' },
-                    control: 'select',
-                    autocompleteHint: ['transaction-currency'],
-                    placeholder: 'This is a placeholder',
-                    disabled: false,
-                    validationMessages: { required: 'Please select an option' },
-                    default: 'EUR',
-                    oneOf: [
-                        {
-                            title: 'EUR',
-                            icon: { name: 'flag-eur' },
-                            description: 'Euro (schema default)',
-                            const: 'EUR',
-                        },
-                        {
-                            title: 'GBP',
-                            icon: { name: 'flag-gbp' },
-                            description: 'British pound',
-                            const: { gbp: 'GBP' },
-                        },
-                        {
-                            title: 'USD',
-                            icon: { name: 'flag-usd' },
-                            description: 'United States dollar',
-                            const: 'USD',
-                        },
-                    ],
-                },
-                complexOneOf: {
-                    title: 'Complex oneOf',
-                    description: 'Complex oneOf schema description blah blah blah blah.',
-                    control: 'tab',
-                    default: { type: 'type-a', accountNumber: '12345678' },
-                    oneOf: [
-                        {
-                            type: 'object',
-                            title: 'Option A (schema default)',
-                            icon: { name: 'flag-ars' },
-                            description: 'Option A description',
-                            displayOrder: ['type', 'accountNumber', 'sortCodeA'],
-                            required: ['sortCodeA'],
-                            properties: {
-                                type: { const: 'type-a' },
-                                accountNumber: {
-                                    title: '(A) Account number',
-                                    type: 'string',
-                                },
-                                sortCodeA: {
-                                    title: '(A) Sort code',
-                                    type: 'string',
-                                },
-                            },
-                        },
-                        {
-                            type: 'object',
-                            title: 'Option B',
-                            icon: { name: 'flag-brl' },
-                            description: 'Option B description',
-                            displayOrder: ['type', 'accountNumber', 'sortCodeB'],
-                            properties: {
-                                type: { const: 'type-b' },
-                                accountNumber: {
-                                    title: '(B) Account number',
-                                    type: 'string',
-                                },
-                                sortCodeB: {
-                                    title: '(B) Sort code',
-                                    type: 'string',
-                                },
-                            },
-                        },
-                    ],
-                },
-            },
-        },
-    ],
-    layout: [
-        { type: 'heading', text: 'Welcome to the revamped Dynamic Flow', size: 'sm' },
-        {
-            type: 'alert',
-            markdown: 'If you can see this, things are going **well**.',
-            context: 'positive',
-        },
-        {
-            type: 'columns',
-            left: [
-                {
-                    type: 'form',
-                    schemaId: '#personal-details',
-                },
-            ],
-            right: [
-                {
-                    type: 'form',
-                    schemaId: '#bank-info',
-                },
-            ],
-        },
-        {
-            type: 'columns',
-            bias: 'left',
-            left: [
-                {
-                    type: 'paragraph',
-                    text: "Starting paragraph: The Wise account is the universal way for you to manage money internationally. It's made for the world. And it's built to save your money and time, so you can do more of the things you love.",
-                },
-            ],
-            right: [
-                {
-                    type: 'paragraph',
-                    text: "Ending paragraph: The Wise account is the universal way for you to manage money internationally. It's made for the world. And it's built to save your money and time, so you can do more of the things you love.",
-                },
-            ],
-        },
-        {
-            type: 'box',
-            border: true,
-            width: 'md',
-            components: [
-                {
-                    type: 'paragraph',
-                    text: "The Wise account is the universal way for you to manage money internationally. It's made for the world. And it's built to save your money and time, so you can do more of the things you love.",
-                    align: 'center',
-                },
-            ],
-        },
-        {
-            type: 'button',
-            title: 'Submit',
-            control: 'primary',
-            action: {
-                url: '/submit',
-                method: 'POST',
-            },
-        },
-        {
-            type: 'button',
-            title: 'Cancel',
-            control: 'secondary',
-            action: {
-                url: '/cancel',
-                method: 'POST',
-            },
-        },
-    ],
-}); };
-var getModelStep = function () { return (__assign(__assign({}, getBasicStep()), { model: {
-        name: 'John Smith',
-        currency: 'USD',
-        complexOneOf: { type: 'type-a', accountNumber: '12345678', sortCodeA: '123456' },
-    } })); };
-var getSearchStep = function () { return ({
-    id: 'new-df-initial-step',
-    title: 'Revamped Dynamic Flow',
-    schemas: [],
-    layout: [
-        {
-            type: 'search',
-            title: 'What is your company name?',
-            method: 'GET',
-            emptyMessage: 'No results found',
-            url: '/search/',
-            param: 'query',
-        },
-    ],
-}); };
-var getGlobalErrorStep = function () { return (__assign(__assign({}, getBasicStep()), { errors: {
-        error: 'This is a global error',
-        validation: {
-            name: "I don't like your name",
-            complexOneOf: { sortCodeB: 'This is a validation error' },
-        },
-    } })); };

package/build/revamp/stories/dev-tools/EditableStep.story.js

@@ -1,71 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable no-console */
-/* eslint-disable react/forbid-dom-props */
-import { action } from '@storybook/addon-actions';
-import { layouts, schemas, examples, features } from '@wise/dynamic-flow-fixtures';
-import { useMemo, useState } from 'react';
-import DynamicFlowWise from '../../DynamicFlowWise';
-import { fixtureHttpClient } from '../utils/fixtureHttpClient';
-var fixtures = __assign(__assign(__assign(__assign({}, features), schemas), layouts), examples);
-export function EditableStep(_a) {
-    var _b = _a.initialStepName, initialStepName = _b === void 0 ? '' : _b;
-    var selectedStep = fixtures[initialStepName] || {};
-    var selectedInitialStep = JSON.stringify(selectedStep, null, 2);
-    return _jsx(InteractiveDemo, { selectedInitialStep: selectedInitialStep }, selectedInitialStep);
-}
-function InteractiveDemo(_a) {
-    var selectedInitialStep = _a.selectedInitialStep;
-    var _b = useState(200), initialStatusCode = _b[0], setInitialStatusCode = _b[1];
-    var _c = useState(selectedInitialStep), initialStep = _c[0], setInitialStep = _c[1];
-    var onTextAreaChange = function (event) {
-        setInitialStep(event.target.value);
-    };
-    return (_jsxs("div", { style: { display: 'flex', gap: '1em' }, children: [_jsxs("div", { style: { flexBasis: '50%' }, children: [_jsx("h3", { children: "Revamp Editable Demo" }), _jsxs("p", { children: ["You can specify a response status code and body, and DF will load your step.", _jsx("br", {}), "(for ideas, you can select an initial step from the drop down in the controls panel)"] }), _jsxs("fieldset", { children: [_jsx("label", { htmlFor: "status-code", children: "Response Status code: " }), _jsx(StatusCodeSelect, { id: "status-code", state: [initialStatusCode, setInitialStatusCode] })] }), _jsxs("fieldset", { children: [_jsx("label", { htmlFor: "textarea", children: "Response Body:" }), _jsx(InvalidJsonWarning, { initialStep: initialStep }), _jsx("textarea", { id: "textarea", wrap: "off", rows: 40, style: { fontFamily: 'monospace', fontSize: '0.9em', width: '100%' }, value: initialStep, onChange: onTextAreaChange })] })] }), _jsx("div", { style: { flexBasis: '50%' }, children: _jsx(DynamicFlowWise, { flowId: "the-flow-id", initialStep: JSON.parse(initialStep), httpClient: fixtureHttpClient, onCompletion: action('onCompletion'), onError: function (error) {
-                        action('onError');
-                        console.error(error);
-                    }, onEvent: action('onEvent'), onLog: action('onLog') }, "".concat(initialStep, "-").concat(initialStatusCode)) })] }));
-}
-function InvalidJsonWarning(_a) {
-    var initialStep = _a.initialStep;
-    var validJson = useMemo(function () { return isValidJson(initialStep); }, [initialStep]);
-    return !validJson ? (_jsx("p", { children: "\u274C Invalid syntax or missing elements are preventing the JSON code you entered from being parsed." })) : null;
-}
-var isValidJson = function (value) {
-    try {
-        JSON.parse(value);
-        return true;
-    }
-    catch (_a) {
-        return false;
-    }
-};
-function StatusCodeSelect(_a) {
-    var id = _a.id, _b = _a.state, value = _b[0], setValue = _b[1];
-    return (_jsxs("select", { id: id, value: value, onChange: function (event) { return setValue(Number.parseInt(event.target.value, 10)); }, children: [_jsx("option", { children: "200" }), _jsx("option", { children: "400" }), _jsx("option", { children: "500" })] }));
-}
-export default {
-    component: EditableStep,
-    title: 'Revamp/Dev Tools',
-    parameters: {
-        chromatic: { disableSnapshot: true },
-    },
-    argTypes: {
-        initialStepName: {
-            label: 'Initial Step',
-            control: 'select',
-            options: Object.keys(fixtures),
-        },
-    },
-    args: { initialStepName: Object.keys(fixtures)[0] },
-};

package/build/revamp/stories/dev-tools/ErrorHandling.story.js

@@ -1,149 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable no-console */
-import { action } from '@storybook/addon-actions';
-import DynamicFlowWise from '../../DynamicFlowWise';
-import { fixtureHttpClient } from '../utils/fixtureHttpClient';
-import { getMockHttpClient, respondWith } from '../../../test-utils';
-export default {
-    component: DynamicFlowWise,
-    title: 'Revamp/Features/Error Handling',
-    parameters: {
-        chromatic: { disableSnapshot: true },
-    },
-};
-export function ExampleStep() {
-    var step = getBasicStep();
-    return renderWithStep(step, getHttpClient());
-}
-export function StepValidationErrorsStep() {
-    var step = getGlobalErrorStep();
-    return renderWithStep(step);
-}
-var getHttpClient = function () {
-    return getMockHttpClient({
-        '/submit': function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, respondWith({
-                        error: 'Server-side Global Error',
-                        validation: {
-                            name: "I don't like your name",
-                            age: 'You are too young',
-                            date: 'You are too old',
-                            money: 'You are too poor',
-                        },
-                    }, { status: 422 })];
-            });
-        }); },
-    });
-};
-var renderWithStep = function (step, httpClient) {
-    if (httpClient === void 0) { httpClient = fixtureHttpClient; }
-    return (_jsx(DynamicFlowWise, { flowId: "new-df-flow-id", httpClient: httpClient, initialStep: step, onCompletion: action('onCompletion'), onEvent: action('onEvent'), onLog: action('onLog'), onError: function (error) {
-            action('onError');
-            console.error(error);
-        } }));
-};
-var getBasicStep = function () { return ({
-    id: 'new-df-initial-step',
-    title: 'Error Handling in Dynamic Flow',
-    schemas: [
-        {
-            $id: '#personal-details',
-            type: 'object',
-            title: 'Personal details object',
-            description: 'Personal details schema description',
-            displayOrder: ['name', 'date', 'age', 'money'],
-            properties: {
-                name: {
-                    title: 'Full name',
-                    type: 'string',
-                },
-                date: {
-                    title: 'Date',
-                    type: 'string',
-                    format: 'date',
-                    control: 'date-lookup',
-                },
-                age: {
-                    title: 'Age',
-                    type: 'integer',
-                },
-                money: {
-                    title: 'How much money would you like?',
-                    type: 'number',
-                },
-            },
-        },
-    ],
-    layout: [
-        {
-            type: 'form',
-            schemaId: '#personal-details',
-        },
-        {
-            type: 'button',
-            title: 'Submit',
-            control: 'primary',
-            action: {
-                url: '/submit',
-                method: 'POST',
-            },
-        },
-    ],
-}); };
-var getGlobalErrorStep = function () { return (__assign(__assign({}, getBasicStep()), { errors: {
-        error: 'This is a global error',
-        validation: {
-            name: "I don't like your name",
-            age: 'You are too young',
-            date: 'You are too old',
-            money: 'You are too poor',
-        },
-    } })); };

package/build/revamp/stories/dev-tools/External.story.js

@@ -1,83 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable no-console */
-import { action } from '@storybook/addon-actions';
-import DynamicFlowWise from '../../DynamicFlowWise';
-export default {
-    component: DynamicFlowWise,
-    title: 'Revamp/Features/External',
-    parameters: {
-        chromatic: { disableSnapshot: true },
-    },
-};
-export function External() {
-    return renderWithStep(initialStep);
-}
-var renderWithStep = function (step) { return (_jsx(DynamicFlowWise, { flowId: "new-df-flow-id", httpClient: function (input, init) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            action('httpClient')(input, init === null || init === void 0 ? void 0 : init.body);
-            return [2 /*return*/, fetch(input, init)];
-        });
-    }); }, initialStep: step, onCompletion: action('onCompletion'), onEvent: action('onEvent'), onLog: action('onLog'), onError: function (error) {
-        action('onError');
-        console.error(error);
-    } })); };
-var initialStep = {
-    id: 'step-id',
-    title: 'Step Title',
-    external: { url: 'https://www.google.com' },
-    schemas: [],
-    layout: [
-        {
-            type: 'paragraph',
-            align: 'center',
-            text: 'Your bank is opening in another window.',
-        },
-        {
-            type: 'paragraph',
-            align: 'center',
-            text: 'Please, follow their instructions. Keep this window open.',
-        },
-        { type: 'loading-indicator', margin: 'xl' },
-        {
-            type: 'info',
-            align: 'center',
-            markdown: "If it didn't work, you can [reopen](http://google.com/) the tab",
-        },
-    ],
-};