@wise/dynamic-flow-client 3.15.0 → 3.15.2-experimental-9ab778d

package/build/legacy/layout/search/DynamicSearch.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { Search } from '@transferwise/icons';
+import { useEventDispatcher } from '../../common/contexts';
+import { debounce } from '../../common/utils';
+import DynamicLoadingIndicator from '../loadingIndicator/DynamicLoadingIndicator';
+import { getMargin } from '../utils';
+import { SearchInput } from './SearchInput';
+import { ErrorResult, SearchResults } from './SearchResults';
+import { useSearch } from './useSearch';
+import { Markdown, Typeahead } from '@transferwise/components';
+import classNames from 'classnames';
+var DEBOUNCE_TIME = 400;
+function DynamicSearch(_a) {
+    var component = _a.component, onAction = _a.onAction;
+    var _b = useState(''), query = _b[0], setQuery = _b[1];
+    var control = component.control, title = component.title, margin = component.margin, url = component.url, method = component.method, param = component.param, emptyMessage = component.emptyMessage;
+    var _c = useSearch({ url: url, method: method, param: param }), status = _c.status, results = _c.results, search = _c.search;
+    var onEvent = useEventDispatcher();
+    var debouncedSearch = useMemo(function () { return debounce(search, DEBOUNCE_TIME); }, [search]);
+    var onSearchStart = function () {
+        onEvent('Dynamic Flow - Search Started', {});
+    };
+    var onChange = function (value) {
+        setQuery(value);
+        debouncedSearch(value);
+    };
+    var onResultSelected = function (_a) {
+        var type = _a.type, value = _a.value;
+        if (type === 'action') {
+            setQuery('');
+            onEvent('Dynamic Flow - Search Result Selected', {
+                type: 'action',
+                actionId: value.id || value.$id,
+            });
+            onAction(value);
+        }
+        if (type === 'search') {
+            setQuery(value.query);
+            var url_1 = value.url, method_1 = value.method, param_1 = value.param, query_1 = value.query;
+            onEvent('Dynamic Flow - Search Result Selected', { type: 'search' });
+            void search(query_1, { url: url_1, method: method_1, param: param_1 });
+        }
+    };
+    var onRetrySearch = function () {
+        setQuery(query);
+        void search(query);
+    };
+    if (control === 'inline') {
+        return (_jsx("div", { className: classNames(getMargin(margin !== null && margin !== void 0 ? margin : 'md'), 'df-search-typeahead'), children: _jsxs("label", { className: "control-label d-inline", children: [title, _jsx("div", { className: "m-t-1", children: _jsx(Typeahead, { id: "typeahead-input-id", name: "typeahead-input-name", size: "md", maxHeight: 100, footer: _jsx(TypeaheadFooter, { state: status, results: results, emptyMessage: emptyMessage, onRetrySearch: onRetrySearch }), multiple: false, clearable: false, addon: _jsx(Search, { size: 24 }), options: results.map(mapResultToTypeaheadOption), onChange: function (values) {
+                                if (values.length > 0) {
+                                    var updatedValue = values[0];
+                                    if (updatedValue.value) {
+                                        onResultSelected(updatedValue.value);
+                                    }
+                                }
+                            }, onInputChange: onChange }) })] }) }));
+    }
+    return (_jsxs("div", { className: getMargin(margin !== null && margin !== void 0 ? margin : 'md'), children: [_jsx(SearchInput, { title: title, value: query, onChange: onChange, onFocus: onSearchStart }), status === 'loading' && (_jsx(DynamicLoadingIndicator, { component: { type: 'loading-indicator', size: 'sm' } })), status === 'error' && _jsx(ErrorResult, { onRetrySearch: onRetrySearch }), status === 'success' && (_jsx(SearchResults, { results: results, emptyMessage: emptyMessage, onSelect: onResultSelected }))] }));
+}
+function mapResultToTypeaheadOption(result) {
+    return {
+        label: result.title,
+        secondary: result.description,
+        value: result,
+        clearQueryOnSelect: result.type === 'action',
+        keepFocusOnSelect: result.type === 'search',
+    };
+}
+function TypeaheadFooter(_a) {
+    var results = _a.results, state = _a.state, onRetrySearch = _a.onRetrySearch, emptyMessage = _a.emptyMessage;
+    if (state === 'success' && results.length === 0) {
+        return (_jsx(Markdown, { className: "m-t-2 m-x-2", config: { link: { target: '_blank' } }, children: emptyMessage }));
+    }
+    if (state === 'error' && results.length === 0) {
+        return (_jsx("div", { className: "m-t-2 m-x-2", children: _jsx(ErrorResult, { onRetrySearch: onRetrySearch }) }));
+    }
+    if (state === 'loading' || results.length === 0) {
+        return _jsx("p", { className: "m-t-2 m-x-2", children: "Loading..." });
+    }
+    return null;
+}
+export default DynamicSearch;

package/build/legacy/layout/search/SearchInput.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from '@transferwise/components';
+export var SearchInput = function (_a) {
+    var title = _a.title, value = _a.value, onFocus = _a.onFocus, onChange = _a.onChange;
+    return (_jsxs("label", { className: "control-label d-inline", children: [title, _jsx(Input, { type: "text", value: value, className: "m-t-1", onFocus: onFocus, onChange: function (event) { return onChange(event.currentTarget.value); } })] }));
+};

package/build/legacy/layout/search/SearchResults.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NavigationOption, NavigationOptionsList } from '@transferwise/components';
+import { useIntl } from 'react-intl';
+import messages from '../../../common/messages/generic-error.messages';
+import { getNavigationOptionMedia } from '../utils';
+export function SearchResults(_a) {
+    var results = _a.results, emptyMessage = _a.emptyMessage, onSelect = _a.onSelect;
+    if (results.length === 0) {
+        return _jsx("p", { className: "m-t-2", children: emptyMessage });
+    }
+    return (_jsx(NavigationOptionsList, { children: results.map(function (result) { return (_jsx(NavigationOption, { title: result.title, content: result.description, media: getNavigationOptionMedia(result), showMediaCircle: false, showMediaAtAllSizes: true, onClick: function () { return onSelect(result); } }, JSON.stringify(result))); }) }));
+}
+export function ErrorResult(_a) {
+    var onRetrySearch = _a.onRetrySearch;
+    var intl = useIntl();
+    return (_jsxs("p", { className: "m-t-2", children: [intl.formatMessage(messages.genericError), "\u00A0", _jsx("a", { href: "/", onClick: function (e) {
+                    e.preventDefault();
+                    onRetrySearch();
+                }, children: intl.formatMessage(messages.retry) })] }));
+}

package/build/legacy/layout/search/useSearch.js

@@ -0,0 +1,150 @@
+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 };
+    }
+};
+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));
+};
+import { useCallback, useRef, useState } from 'react';
+import { isArray, isObject } from '../../common/validators';
+import { useHttpClient } from '../../../common/httpClientContext';
+var headers = { 'Content-Type': 'application/json' };
+export var useSearch = function (defaultSearchConfig) {
+    var _a = useState({
+        status: 'idle',
+    }), state = _a[0], setState = _a[1];
+    var abortControllerRef = useRef(null);
+    var httpClient = useHttpClient();
+    var search = useCallback(function (query_1) {
+        var args_1 = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args_1[_i - 1] = arguments[_i];
+        }
+        return __awaiter(void 0, __spreadArray([query_1], args_1, true), void 0, function (query, _a) {
+            var signal, request, response, error_1;
+            var _b;
+            var _c;
+            var _d = _a === void 0 ? defaultSearchConfig : _a, url = _d.url, method = _d.method, param = _d.param;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
+                    case 0:
+                        (_c = abortControllerRef.current) === null || _c === void 0 ? void 0 : _c.abort();
+                        if (!query) {
+                            setState({ status: 'idle' });
+                            return [2 /*return*/];
+                        }
+                        abortControllerRef.current = new AbortController();
+                        signal = abortControllerRef.current.signal;
+                        setState({ status: 'loading' });
+                        _e.label = 1;
+                    case 1:
+                        _e.trys.push([1, 3, , 4]);
+                        request = method === 'GET'
+                            ? httpClient(addQueryParameter(url, param, query), {
+                                method: method,
+                                signal: signal,
+                                headers: headers,
+                            })
+                            : httpClient(url, {
+                                method: method,
+                                signal: signal,
+                                headers: headers,
+                                body: JSON.stringify((_b = {}, _b[param] = query, _b)),
+                            });
+                        return [4 /*yield*/, request];
+                    case 2:
+                        response = _e.sent();
+                        void handleResponse(response, query);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_1 = _e.sent();
+                        handleError(error_1, query);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [httpClient, JSON.stringify(defaultSearchConfig)]);
+    var handleResponse = function (response, query) { return __awaiter(void 0, void 0, void 0, function () {
+        var body;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!response.ok) return [3 /*break*/, 2];
+                    return [4 /*yield*/, response.json().catch(function () { return null; })];
+                case 1:
+                    body = _a.sent();
+                    if (isValidResponseBody(body)) {
+                        setState({ status: 'success', results: body.results });
+                        return [2 /*return*/];
+                    }
+                    _a.label = 2;
+                case 2:
+                    setState({ status: 'error' });
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleError = function (error, query) {
+        if (!isAbortError(error)) {
+            setState({ status: 'error' });
+        }
+    };
+    var results = state.status === 'success' ? state.results : [];
+    return { status: state.status, results: results, search: search };
+};
+var isValidResponseBody = function (body) {
+    return isObject(body) &&
+        'results' in body &&
+        isArray(body.results) &&
+        body.results.every(function (result) { return isObject(result) && 'title' in result && 'type' in result && 'value' in result; });
+};
+var isAbortError = function (error) {
+    return error instanceof DOMException && error.name === 'AbortError';
+};
+var addQueryParameter = function (url, key, value) {
+    var _a = url.split('?'), urlBase = _a[0], urlQuery = _a[1];
+    var urlQueryParams = new URLSearchParams(urlQuery);
+    urlQueryParams.set(key, value);
+    return "".concat(urlBase, "?").concat(urlQueryParams.toString());
+};

package/build/legacy/layout/utils/getNavigationOptionMedia.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar, AvatarType } from '@transferwise/components';
+import DynamicIcon from '../icon/DynamicIcon';
+export var getNavigationOptionMedia = function (_a) {
+    var icon = _a.icon, image = _a.image;
+    if (icon === null || icon === void 0 ? void 0 : icon.name) {
+        return (_jsx(Avatar, { type: AvatarType.ICON, children: _jsx(DynamicIcon, { type: icon.name }) }));
+    }
+    if (icon === null || icon === void 0 ? void 0 : icon.text) {
+        return _jsx(Avatar, { type: AvatarType.INITIALS, children: icon.text });
+    }
+    if (image === null || image === void 0 ? void 0 : image.url) {
+        var url = image.url, text = image.text;
+        return _jsx("img", { src: url, alt: text });
+    }
+    return null;
+};

package/build/legacy/layout/utils/index.js

@@ -0,0 +1,32 @@
+export { getNavigationOptionMedia } from './getNavigationOptionMedia';
+var getMargin = function (size) {
+    switch (size) {
+        case 'xs':
+            return 'm-b-0';
+        case 'sm':
+            return 'm-b-1';
+        case 'md':
+            return 'm-b-2';
+        case 'lg':
+            return 'm-b-3';
+        case 'xl':
+            return 'm-b-5';
+        default:
+            return '';
+    }
+};
+var getTextAlignment = function (align) {
+    switch (align) {
+        case 'right':
+            return 'text-xs-right';
+        case 'center':
+            return 'text-xs-center';
+        case 'left':
+        default:
+            return '';
+    }
+};
+var getTextAlignmentAndMargin = function (component) {
+    return "".concat(getTextAlignment(component.align), " ").concat(getMargin(component.margin));
+};
+export { getMargin, getTextAlignmentAndMargin };

package/build/legacy/step/cameraStep/CameraStep.js

@@ -0,0 +1,124 @@
+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";
+import { useEffect, useState } from 'react';
+import { useEventDispatcher } from '../../common/contexts';
+import { filterHiddenSchemas, isObjectSchema } from '../../common/utils';
+import CameraCapture from '../../../common/cameraCapture';
+function blobToBase64(blob) {
+    return new Promise(function (resolve, _) {
+        // we can safely assume the type of reader.result is string
+        // because we're calling reader.readAsDataURL
+        // https://developer.mozilla.org/en-US/docs/Web/API/FileReader/result
+        var reader = new FileReader();
+        reader.onloadend = function () { return resolve(reader.result); };
+        reader.readAsDataURL(blob);
+    });
+}
+function CameraStep(props) {
+    var _this = this;
+    var step = props.step, model = props.model, onModelChange = props.onModelChange, onAction = props.onAction;
+    var onEvent = useEventDispatcher();
+    var objectSchema = getObjectSchema(step);
+    var cameraSchema = getCameraSchema(step);
+    var action = getFirstAction(step);
+    var title = cameraSchema.title, image = cameraSchema.image, cameraConfig = cameraSchema.cameraConfig;
+    var _a = cameraConfig || {}, assets = _a.assets, direction = _a.direction, instructions = _a.instructions;
+    var _b = assets || {}, overlay = _b.overlay, outline = _b.outline;
+    var imageUrl = (image || {}).url;
+    var _c = useState(false), captureClicked = _c[0], setCaptureClicked = _c[1];
+    // We need to wait for model to update before we call onAction()
+    useEffect(function () {
+        if (captureClicked) {
+            onAction(action);
+        }
+    }, [model]);
+    var handleCapture = function (blob) { return __awaiter(_this, void 0, void 0, function () {
+        var $id, newValue, newModel;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    $id = cameraSchema.$id;
+                    if (!blob) return [3 /*break*/, 2];
+                    return [4 /*yield*/, blobToBase64(blob)];
+                case 1:
+                    newValue = _b.sent();
+                    newModel = (_a = {}, _a[$id || ''] = newValue, _a);
+                    setCaptureClicked(true);
+                    onModelChange({
+                        model: newModel,
+                        formSchema: objectSchema,
+                        triggerModel: newValue,
+                        triggerSchema: cameraSchema,
+                    });
+                    _b.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsx(CameraCapture, { overlay: overlay, outline: outline, title: title, imageUrl: imageUrl, instructions: instructions, direction: direction, onEvent: onEvent, onCapture: function (blob) {
+            void handleCapture(blob);
+        } }));
+}
+export default CameraStep;
+function getObjectSchema(step) {
+    var nonHiddenSchemas = filterHiddenSchemas(step.schemas || []);
+    var objectSchema = nonHiddenSchemas[0];
+    if (!objectSchema || !isObjectSchema(objectSchema)) {
+        throw new Error('The first schema in a camera step is expected to be of type object and have at least one property with a schema...');
+    }
+    return objectSchema;
+}
+function getCameraSchema(step) {
+    var objectSchema = getObjectSchema(step);
+    var firstProperty = Object.values(objectSchema.properties)[0];
+    if (!firstProperty) {
+        throw new Error('The first schema in a camera step is expected to be of type object and have at least one property with a schema...');
+    }
+    return firstProperty;
+}
+function getFirstAction(step) {
+    var _a, _b;
+    if (!step.schemas || ((_a = filterHiddenSchemas(step.schemas)) === null || _a === void 0 ? void 0 : _a.length) !== 1) {
+        throw new Error('camera step expects 1 non-hidden object schema');
+    }
+    if (((_b = step === null || step === void 0 ? void 0 : step.actions) === null || _b === void 0 ? void 0 : _b.length) !== 1) {
+        throw new Error('camera step expects 1 action');
+    }
+    return step.actions[0];
+}

package/build/legacy/step/cameraStep/index.js

@@ -0,0 +1 @@
+export { default } from './CameraStep';

package/build/legacy/step/externalConfirmationStep/ExternalConfirmationStep.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIntl } from 'react-intl';
+import { DynamicLayout } from '../../layout';
+import messages from '../../../common/messages/external-confirmation.messages';
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+var noop = function () { };
+function ExternalConfirmationStep(_a) {
+    var url = _a.url, onClose = _a.onClose;
+    var formatMessage = useIntl().formatMessage;
+    return (_jsx(DynamicLayout, { components: [
+            {
+                type: 'box',
+                width: 'lg',
+                components: [
+                    {
+                        type: 'heading',
+                        text: formatMessage(messages.title),
+                        size: 'lg',
+                        align: 'center',
+                        margin: 'xl',
+                    },
+                    {
+                        type: 'info',
+                        markdown: formatMessage(messages.description, { origin: getOrigin(url) }),
+                        align: 'center',
+                        margin: 'xl',
+                    },
+                    {
+                        type: 'box',
+                        width: 'md',
+                        components: [
+                            {
+                                type: 'button',
+                                action: { title: formatMessage(messages.open), type: 'primary', url: url, exit: true },
+                            },
+                            {
+                                type: 'button',
+                                action: {
+                                    title: formatMessage(messages.cancel),
+                                    type: 'link',
+                                    url: '',
+                                    exit: true,
+                                },
+                            },
+                        ],
+                    },
+                ],
+            },
+        ], submitted: false, onAction: function (action) {
+            if (action.url) {
+                window.open(action.url, '_blank');
+            }
+            onClose();
+        }, onModelChange: noop, onPersistAsync: noop }));
+}
+export default ExternalConfirmationStep;
+function getOrigin(url) {
+    try {
+        return new URL(url).origin;
+    }
+    catch (_a) {
+        return url;
+    }
+}

package/build/legacy/step/externalConfirmationStep/index.js

@@ -0,0 +1 @@
+export { default } from './ExternalConfirmationStep';

package/build/legacy/step/index.js

@@ -0,0 +1,3 @@
+export { default as LayoutStep } from './layoutStep';
+export { default as CameraStep } from './cameraStep';
+export { default as ExternalConfirmationStep } from './externalConfirmationStep';

package/build/legacy/step/layoutStep/LayoutStep.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDynamicFlow, useEventDispatcher } from '../../common/contexts';
+import { useStepPolling } from '../../common/hooks';
+import { isEmpty } from '../../common/validators';
+import { DynamicLayout } from '../../layout';
+import { convertStepToLayout, inlineReferences } from './utils';
+var getComponents = function (step, options) {
+    var _a;
+    if (isEmpty(step)) {
+        return [];
+    }
+    var layout = convertStepToLayout(step, options);
+    return inlineReferences({
+        layout: layout,
+        schemas: step.schemas || [],
+        actions: step.actions || [],
+        model: (_a = step.model) !== null && _a !== void 0 ? _a : null,
+    });
+};
+var LayoutStep = function (props) {
+    var stepSpecification = props.stepSpecification, stepLayoutOptions = props.stepLayoutOptions, submitted = props.submitted, model = props.model, formErrors = props.formErrors, onModelChange = props.onModelChange;
+    var components = getComponents(stepSpecification, stepLayoutOptions);
+    var _a = useDynamicFlow(), loading = _a.loading, registerPersistAsyncPromise = _a.registerPersistAsyncPromise;
+    var onEvent = useEventDispatcher();
+    var onAction = !loading
+        ? props.onAction
+        : function () {
+            onEvent('Dynamic Flow - onAction supressed', { reason: 'LayoutStep - loading state' });
+        };
+    useStepPolling(stepSpecification.polling, onAction);
+    return (_jsx(DynamicLayout, { components: components, submitted: submitted, model: model, errors: formErrors, onAction: onAction, onModelChange: onModelChange, onPersistAsync: registerPersistAsyncPromise }));
+};
+export default LayoutStep;