@wise/dynamic-flow-client 0.4.2 → 0.4.4

package/build/dynamicFlow/stories/EditableDynamicFlow.js

@@ -1,54 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable react/forbid-dom-props */
-const addon_actions_1 = require("@storybook/addon-actions");
-const react_1 = require("react");
-const fixtures_1 = require("../../fixtures");
-const DynamicFlow_1 = __importDefault(require("../DynamicFlow"));
-const fixtureFetcher_1 = require("./fixtureFetcher");
-const EditableDynamicFlow = ({ initialStepName = '' }) => {
-    const selectedStep = fixtures_1.fixtures.steps[initialStepName] || {};
-    const selectedInitialStep = JSON.stringify(selectedStep, null, 2);
-    return (0, jsx_runtime_1.jsx)(InteractiveDemo, { selectedInitialStep: selectedInitialStep }, selectedInitialStep);
-};
-const InteractiveDemo = ({ selectedInitialStep }) => {
-    const [initialStep, setInitialStep] = (0, react_1.useState)(selectedInitialStep);
-    const onTextAreaChange = (event) => {
-        setInitialStep(event.target.value);
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { display: 'flex', gap: '1em' } }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { flexBasis: '50%' } }, { children: [(0, jsx_runtime_1.jsx)("h3", { children: "Editable Demo" }), (0, jsx_runtime_1.jsxs)("p", { children: ["You can select an initial step from the drop down in the controls panel.", (0, jsx_runtime_1.jsx)("br", {}), "You can edit the JSON below and see the result on the right."] }), (0, jsx_runtime_1.jsx)("textarea", { wrap: "off", rows: 40, style: { fontFamily: 'monospace', fontSize: '0.9em', width: '100%' }, value: initialStep, onChange: onTextAreaChange })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { flexBasis: '50%' } }, { children: (0, jsx_runtime_1.jsx)(DynamicFlow_1.default, { flowId: "the-flow-id", initialStep: safeParseStepJson(initialStep), fetcher: fixtureFetcher_1.fixtureFetcher, onComplete: (0, addon_actions_1.action)('onComplete'), onStepChange: (0, addon_actions_1.action)('onStepChange'), onError: (0, addon_actions_1.action)('onError'), onEvent: (0, addon_actions_1.action)('onEvent'), onLog: (0, addon_actions_1.action)('onLog') }, initialStep) }))] })));
-};
-function safeParseStepJson(jsonStep) {
-    try {
-        return JSON.parse(jsonStep);
-    }
-    catch (_a) {
-        // eslint-disable-next-line no-console
-        console.warn('JSON parsing error');
-        return {
-            type: 'final',
-            layout: [
-                {
-                    type: 'box',
-                    width: 'lg',
-                    components: [
-                        {
-                            type: 'alert',
-                            markdown: `**Error parsing JSON.**`,
-                            context: 'warning',
-                        },
-                        {
-                            type: 'paragraph',
-                            text: ` Invalid syntax or missing elements are preventing the JSON code you entered from being parsed. Carefully review and edit the code for errors such as missing commas or brackets.`,
-                        },
-                    ],
-                },
-            ],
-        };
-    }
-}
-exports.default = EditableDynamicFlow;

package/build/dynamicFlow/stories/fixtureFetcher.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fixtureFetcher = void 0;
-const addon_actions_1 = require("@storybook/addon-actions");
-const validators_1 = require("../../common/validators");
-const fixtures_1 = require("../../fixtures");
-const DynamicFlow_story_1 = require("./DynamicFlow.story");
-const fixtureFetcher = async (input, init) => {
-    (0, addon_actions_1.action)('fixtureFetcher')(input, init);
-    const url = getURL(input);
-    if (url.pathname.startsWith('/steps/')) {
-        return respondWithFixture(fixtures_1.fixtures.steps, url, init);
-    }
-    if (url.pathname.startsWith('/responses/')) {
-        return respondWithFixture(fixtures_1.fixtures.responses, url, init);
-    }
-    if (url.pathname.startsWith('/validate')) {
-        return new Response(JSON.stringify({ message: 'Validation-async OK' }));
-    }
-    return new Response(null, { status: 404 });
-};
-exports.fixtureFetcher = fixtureFetcher;
-const getURL = (input) => {
-    if (input instanceof URL) {
-        return input;
-    }
-    if (input instanceof Request) {
-        return new URL(input.url, 'http://foo');
-    }
-    return new URL(input, 'http://foo');
-};
-const respondWithFixture = async (fixtures, url, init) => {
-    var _a;
-    const fixtureNames = (0, DynamicFlow_story_1.getObjectKeys)(fixtures);
-    const name = url.pathname
-        .split('/')
-        .filter((part) => !!part)
-        .pop();
-    if (fixtureNames.includes(name !== null && name !== void 0 ? name : '')) {
-        const fixture = fixtures[name];
-        // by convention if the url contains a "delay" query parameter, we delay the response
-        if (url.searchParams.has('delay')) {
-            await new Promise((resolve) => setTimeout(resolve, Number(url.searchParams.get('delay'))));
-        }
-        // by convention if the url contains a "refresh"query parameterm we use the payload as model
-        if (url.searchParams.has('refresh') &&
-            (init === null || init === void 0 ? void 0 : init.body) &&
-            typeof init.body === 'string' &&
-            (0, validators_1.isObject)(fixture)) {
-            const body = JSON.parse(init.body);
-            return new Response(JSON.stringify(Object.assign(Object.assign({}, fixture), { model: Object.assign(Object.assign({}, ((_a = fixture.model) !== null && _a !== void 0 ? _a : {})), body) })));
-        }
-        if (url.pathname.includes('exit')) {
-            return new Response(JSON.stringify(fixture), { headers: { 'X-DF-Exit': 'true' } });
-        }
-        return new Response(JSON.stringify(fixture));
-    }
-    (0, addon_actions_1.action)('ERROR 404')(url);
-    return new Response(null, { status: 404 });
-};

package/build/dynamicFlow/utils/errorBoundary/ErrorBoundary.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ErrorBoundaryAlert_1 = require("./ErrorBoundaryAlert");
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => { };
-class ErrorBoundary extends react_1.Component {
-    constructor(props) {
-        super(props);
-        this.handleErrorReset = () => {
-            this.setState({ hasError: false, isFatalError: false });
-        };
-        this.state = { hasError: false, isFatalError: false };
-    }
-    static getDerivedStateFromError() {
-        return { hasError: true, isFatalError: true };
-    }
-    componentDidCatch(error) {
-        const { onError = noop } = this.props;
-        onError(error);
-    }
-    render() {
-        const { children } = this.props;
-        const { hasError, isFatalError } = this.state;
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasError && (0, jsx_runtime_1.jsx)(ErrorBoundaryAlert_1.ErrorBoundaryAlert, { onDismiss: this.handleErrorReset }), !isFatalError && children] }));
-    }
-}
-exports.default = ErrorBoundary;

package/build/dynamicFlow/utils/errorBoundary/ErrorBoundary.messages.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_intl_1 = require("react-intl");
-exports.default = (0, react_intl_1.defineMessages)({
-    errorAlert: {
-        id: 'dynamicFlows.ErrorBoundary.errorAlert',
-        defaultMessage: 'Oops. Something went wrong...',
-        description: 'Generic error message for when something has gone wrong',
-    },
-    retry: {
-        id: 'dynamicFlows.ErrorBoundary.retry',
-        defaultMessage: 'Retry',
-        description: 'Retry',
-    },
-});

package/build/dynamicFlow/utils/errorBoundary/ErrorBoundaryAlert.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.ErrorBoundaryAlert = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("@transferwise/components");
-const react_intl_1 = require("react-intl");
-const ErrorBoundary_messages_1 = __importDefault(require("./ErrorBoundary.messages"));
-const ErrorBoundaryAlert = ({ onDismiss }) => {
-    const { formatMessage } = (0, react_intl_1.useIntl)();
-    return ((0, jsx_runtime_1.jsx)(components_1.Alert, { action: {
-            text: formatMessage(ErrorBoundary_messages_1.default.retry),
-            href: window.location.href,
-        }, message: formatMessage(ErrorBoundary_messages_1.default.errorAlert), type: components_1.Sentiment.NEGATIVE, className: "m-b-3", onDismiss: onDismiss }));
-};
-exports.ErrorBoundaryAlert = ErrorBoundaryAlert;

package/build/dynamicFlow/utils/index.js

@@ -1,26 +0,0 @@
-"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];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = void 0;
-__exportStar(require("./useDebouncedRefresh/useDebouncedRefresh"), exports);
-__exportStar(require("./useDynamicFlowState"), exports);
-__exportStar(require("./useLoader"), exports);
-var ErrorBoundary_1 = require("./errorBoundary/ErrorBoundary");
-Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return __importDefault(ErrorBoundary_1).default; } });
-__exportStar(require("./responseParsers/response-parsers"), exports);

package/build/dynamicFlow/utils/responseParsers/response-parsers.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseExitResponse = exports.parseErrorResponse = exports.parseFetchResponse = void 0;
-const validators_1 = require("../../../common/validators");
-const parseFetchResponse = async (response) => {
-    var _a;
-    assertResponseIsValid(response);
-    if ((_a = response.headers) === null || _a === void 0 ? void 0 : _a.has('X-Df-Exit')) {
-        return { type: 'exit', result: await (0, exports.parseExitResponse)(response) };
-    }
-    const jsonBody = await parseResponseJson(response);
-    if (!(0, validators_1.isObject)(jsonBody)) {
-        throw new Error('Incorrect response body in response. Expected an object.');
-    }
-    if (jsonBody.action) {
-        if (!(0, validators_1.isObject)(jsonBody.action)) {
-            throw new Error('Incorrect response body in action response. Expected an object satisfying the type { action: Action }.');
-        }
-        const action = jsonBody.action;
-        if (action.exit === true && (0, validators_1.isObject)(action.result)) {
-            return { type: 'exit', result: action.result };
-        }
-        return { type: 'action', action: jsonBody.action };
-    }
-    const etag = response.headers.get('etag') || undefined;
-    return { type: 'step', step: jsonBody, etag };
-};
-exports.parseFetchResponse = parseFetchResponse;
-const parseErrorResponse = async (response) => {
-    assertResponseIsValid(response);
-    const jsonBody = await parseResponseJson(response);
-    if (!(0, validators_1.isObject)(jsonBody)) {
-        throw new Error('Incorrect response body in error response. Expected an object.');
-    }
-    return jsonBody;
-};
-exports.parseErrorResponse = parseErrorResponse;
-const parseExitResponse = async (response) => {
-    assertResponseIsValid(response);
-    const result = await parseResponseJson(response);
-    if ((0, validators_1.isObject)(result) || result === null) {
-        return result;
-    }
-    return null;
-};
-exports.parseExitResponse = parseExitResponse;
-const parseResponseJson = async (response) => {
-    try {
-        return (await response.json());
-    }
-    catch (_a) {
-        return null;
-    }
-};
-const assertResponseIsValid = (response) => {
-    if (!isResponse(response)) {
-        throw new Error('Incorrect type of response from fetch. Expected object of type Response.');
-    }
-    if (response.bodyUsed) {
-        throw new Error('The body of the provided Response object has already been used. Every request must respond with a new Response object.');
-    }
-};
-const isResponse = (response) => typeof response === 'object' &&
-    response !== null &&
-    'clone' in response &&
-    'bodyUsed' in response;

package/build/dynamicFlow/utils/useDebouncedRefresh/useDebouncedRefresh.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDebouncedRefresh = void 0;
-const react_1 = require("react");
-const utils_1 = require("../../../common/utils");
-const DEBOUNCE_DELAY = 1000; // milliseconds
-function useDebouncedRefresh(fetchRefresh) {
-    const map = (0, react_1.useRef)(new Map());
-    const retrieveOrCreate = (key) => {
-        if (map.current.has(key)) {
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            return map.current.get(key);
-        }
-        const debouncedFetchRefresh = (0, utils_1.debounce)((action, data, etag) => fetchRefresh(action, data, etag), DEBOUNCE_DELAY);
-        map.current.set(key, debouncedFetchRefresh);
-        return debouncedFetchRefresh;
-    };
-    return function (action, data, etag, schema) {
-        const key = action.url || '';
-        const debouncedFetchRefresh = retrieveOrCreate(key);
-        void debouncedFetchRefresh(action, data, etag);
-        if (!schema || !(0, utils_1.shouldDebounceSchema)(schema)) {
-            void debouncedFetchRefresh.flush();
-        }
-    };
-}
-exports.useDebouncedRefresh = useDebouncedRefresh;

package/build/dynamicFlow/utils/useDynamicFlowState.js

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDynamicFlowState = void 0;
-const react_1 = require("react");
-const validators_1 = require("../../common/validators");
-const DynamicFlowTypes_1 = require("../DynamicFlowTypes");
-const useDynamicFlowState = (initialStep) => {
-    var _a, _b;
-    const [formErrors, setFormErrors] = (0, react_1.useState)((_a = initialStep === null || initialStep === void 0 ? void 0 : initialStep.errors) === null || _a === void 0 ? void 0 : _a.validation);
-    const [globalError, setGlobalError] = (0, react_1.useState)((_b = initialStep === null || initialStep === void 0 ? void 0 : initialStep.errors) === null || _b === void 0 ? void 0 : _b.error);
-    const [stepAndModels, setStepAndModels] = (0, react_1.useState)({
-        step: initialStep || undefined,
-        models: (initialStep === null || initialStep === void 0 ? void 0 : initialStep.model)
-            ? buildInitialModels(initialStep.model, getAllSchemas(initialStep))
-            : {},
-        etag: undefined,
-    });
-    const { step, models, etag } = stepAndModels;
-    const setStepAndEtag = (step, etag) => {
-        var _a, _b, _c, _d;
-        setStepAndModels((previous) => ({
-            step: step,
-            models: step.model ? buildInitialModels(step.model, getAllSchemas(step)) : previous.models,
-            etag,
-        }));
-        setFormErrors((_b = (_a = step === null || step === void 0 ? void 0 : step.errors) === null || _a === void 0 ? void 0 : _a.validation) !== null && _b !== void 0 ? _b : null);
-        setGlobalError((_d = (_c = step === null || step === void 0 ? void 0 : step.errors) === null || _c === void 0 ? void 0 : _c.error) !== null && _d !== void 0 ? _d : null);
-    };
-    const setSchemaModel = (schemaId, objectModel, onModelsUpdated) => {
-        setStepAndModels((previous) => {
-            const updatedModels = Object.assign(Object.assign({}, previous.models), { [schemaId]: objectModel });
-            const updatedState = {
-                step: previous.step,
-                models: updatedModels,
-                etag: previous.etag,
-            };
-            onModelsUpdated(updatedModels);
-            return updatedState;
-        });
-    };
-    const modelIsValid = (0, react_1.useMemo)(() => areModelsValid(models, getAllSchemas(step)), [models, step]);
-    return {
-        formErrors,
-        globalError,
-        step: step,
-        models,
-        etag,
-        modelIsValid,
-        setFormErrors,
-        setGlobalError,
-        setStepAndEtag,
-        setSchemaModel,
-    };
-};
-exports.useDynamicFlowState = useDynamicFlowState;
-const buildInitialModels = (model, schemas = []) => {
-    return schemas.reduce((acc, schema) => {
-        if (!schema.$id) {
-            // TODO: MC-3224
-            // eslint-disable-next-line no-console
-            console.warn('Schema without $id property found.');
-        }
-        return Object.assign(Object.assign({}, acc), { [schema.$id || '']: (0, validators_1.getValidObjectModelParts)(model, schema) || {} });
-    }, {});
-};
-const getAllSchemas = (step) => [
-    ...getAllSchemasInLayout((step === null || step === void 0 ? void 0 : step.layout) || []),
-    ...((step === null || step === void 0 ? void 0 : step.schemas) || []),
-];
-const getAllSchemasInLayout = (components) => components.flatMap((component) => {
-    switch (component.type) {
-        case 'columns':
-            return [...getAllSchemasInLayout([...component.left, ...component.right])];
-        case 'box':
-            return getAllSchemasInLayout(component.components);
-        case 'form':
-            return (0, DynamicFlowTypes_1.isSchema)(component.schema) ? [component.schema] : [];
-        default:
-            return [];
-    }
-});
-const areModelsValid = (formModels, schemas = []) => {
-    return !(schemas === null || schemas === void 0 ? void 0 : schemas.some((schema) => {
-        if (!schema.$id) {
-            // TODO: MC-3224
-            // eslint-disable-next-line no-console
-            console.warn('Schema without $id property found.');
-        }
-        return !(0, validators_1.isValidSchema)(formModels[schema.$id || ''] || {}, schema);
-    }));
-};

package/build/dynamicFlow/utils/useLoader.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLoader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("@transferwise/components");
-const react_1 = require("react");
-function useLoader(loaderConfig, initialState) {
-    const config = Object.assign({ size: components_1.Size.EXTRA_LARGE, initial: true, submission: false }, loaderConfig);
-    const [loadingState, setLoadingState] = (0, react_1.useState)(initialState);
-    const shouldDisplayLoader = (config.initial && loadingState === 'initial') ||
-        (config.submission && loadingState === 'submission');
-    const loader = shouldDisplayLoader ? ((0, jsx_runtime_1.jsx)(components_1.Loader, { size: config.size, classNames: { 'tw-loader': 'tw-loader m-x-auto' }, "data-testid": "loader" })) : null;
-    return { loadingState, setLoadingState, loader };
-}
-exports.useLoader = useLoader;

package/build/fixtures/components/alert.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const step = {
-    type: 'form',
-    key: 'Components/Alert',
-    title: 'Alert Component',
-    description: 'Alerts can have different contexts.',
-    actions: [],
-    schemas: [],
-    layout: [
-        {
-            type: 'alert',
-            markdown: 'This is an alert with "neutral" context. A subset of Markdown features are supported, like **bold text**, and __italic__ I think. But no line breaks nor links.',
-            context: 'neutral',
-        },
-        {
-            type: 'alert',
-            markdown: 'This is an alert with "warning" context. A subset of Markdown features are supported, like **bold text**, and __italic__ I think. But no line breaks nor links.',
-            context: 'warning',
-        },
-        {
-            type: 'alert',
-            markdown: 'This is an alert with "positive" context. A subset of Markdown features are supported, like **bold text**, and __italic__ I think. But no line breaks nor links.',
-            context: 'positive',
-        },
-        {
-            type: 'alert',
-            markdown: 'This is an alert with "negative" context. A subset of Markdown features are supported, like **bold text**, and __italic__ I think. But no line breaks nor links.',
-            context: 'negative',
-        },
-    ],
-};
-exports.default = step;

package/build/fixtures/components/box.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const step = {
-    type: 'form',
-    key: 'Components/Box',
-    title: 'Box Component',
-    description: 'Box is a container for other layour components. It can have a border!',
-    actions: [],
-    schemas: [],
-    layout: ['xs', 'sm', 'md', 'lg', 'xl'].map((size) => ({
-        type: 'box',
-        width: size,
-        border: true,
-        components: [
-            {
-                type: 'paragraph',
-                text: `This paragraph is inside a box with border: "true" and width: "${size}".`,
-            },
-        ],
-    })),
-};
-exports.default = step;

package/build/fixtures/components/button.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const buttons = ['primary', 'secondary', 'negative', 'link'].map((type, i) => ({
-    type: 'button',
-    action: {
-        url: '/action-url',
-        method: 'POST',
-        title: `Button ${i + 1}, type: "${type}"`,
-        type,
-        data: { 'button-number': i + 1 },
-    },
-}));
-const 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: [
-                {
-                    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,
-                {
-                    type: 'paragraph',
-                    text: 'Press any buttons and see the fetcher calls below.',
-                    align: 'center',
-                },
-            ],
-        },
-    ],
-};
-exports.default = step;

package/build/fixtures/components/columns.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const 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' },
-                    },
-                },
-            ],
-        },
-    ],
-};
-exports.default = step;

package/build/fixtures/components/copyable.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const 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: [],
-};
-exports.default = step;

package/build/fixtures/components/decision.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const 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',
-                    },
-                },
-            ],
-        },
-    ],
-};
-exports.default = step;

package/build/fixtures/components/heading.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const 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((size) => ({
-        type: 'heading',
-        text: `This is heading with size: "${size}"`,
-        size,
-    })),
-};
-exports.default = step;