@wise/dynamic-flow-client 3.9.2-experimental-535221d → 3.9.3

package/build/legacy/step/cameraStep/cameraCapture/overlay/Overlay.js

@@ -1,77 +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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
-import { debounce } from '../../../../common/utils/debounce';
-var captureButtonHeight = 92;
-var reviewButtonsHeight = 120;
-var imageHeight = 40;
-var titleHeight = 32;
-var instructionsHeight = 48;
-var reviewInstructionsHeight = 40;
-var overlayMaxWidth = 800;
-function Overlay(_a) {
-    var overlay = _a.overlay, outline = _a.outline, imageUrl = _a.imageUrl, title = _a.title, instructions = _a.instructions, reviewInstructions = _a.reviewInstructions;
-    var svgReference = useRef(null);
-    /*
-      SVG doesn't always rerender when screen orientation changes,
-      so need to force rerender
-     */
-    useEffect(function () {
-        var listener = debounce(function () {
-            var _a;
-            if ((_a = svgReference.current) === null || _a === void 0 ? void 0 : _a.innerHTML) {
-                var reference = svgReference.current;
-                reference.innerHTML = String(reference.innerHTML);
-            }
-        }, 100);
-        window.addEventListener('resize', listener);
-        return function () { return window.removeEventListener('resize', listener); };
-    });
-    var helperBoxHeight = (imageUrl ? imageHeight : 0) +
-        (title ? titleHeight : 0) +
-        (instructions ? instructionsHeight : 0);
-    var helperBox = (_jsxs(_Fragment, { children: [imageUrl && _jsx("img", { className: "camera-capture-img", src: imageUrl, alt: "" }), title && _jsx("h4", { className: "camera-capture-title", children: title }), instructions && _jsx("small", { className: "camera-capture-instructions", children: instructions })] }));
-    var frameBottomMargin = captureButtonHeight + helperBoxHeight;
-    /*
-        frameBottomMargin needs to stay the same for the review page so that
-        the overlay position does not change! Basically if it is the review step
-        and there is a 'reviewInstructions' specified, the overlay position stays
-        the same, but the helperBox height and content changes to adjust for the
-        large review buttons and smaller height required by 'reviewInstructionsHeight'
-     */
-    if (reviewInstructions) {
-        helperBoxHeight = frameBottomMargin - reviewButtonsHeight;
-        helperBox = _jsx("small", { className: "camera-capture-instructions", children: reviewInstructions });
-        var frameWithReviewInstructionsMinBottomMargin = reviewButtonsHeight + reviewInstructionsHeight;
-        if (frameBottomMargin < frameWithReviewInstructionsMinBottomMargin) {
-            helperBox = _jsx(_Fragment, {});
-        }
-    }
-    var framePosition = {
-        x: '50%',
-        y: '5%',
-        width: "min(90%, ".concat(overlayMaxWidth, "px)"),
-        height: "calc(90% - ".concat(frameBottomMargin, "px)"),
-        style: { transform: "translateX(max(-45%, -".concat(overlayMaxWidth / 2, "px))") },
-    };
-    var helperBoxPosition = {
-        style: {
-            left: '5%',
-            top: "calc(100% - ".concat(frameBottomMargin, "px - 5%)"),
-            height: "calc(".concat(helperBoxHeight, "px + 5%)"),
-            width: '90%',
-        },
-    };
-    return (_jsxs("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("defs", { children: _jsxs("mask", { id: "mask", children: [_jsx("rect", { width: "100%", height: "100%", fill: "#fff" }), _jsx("image", __assign({ href: overlay }, framePosition))] }) }), overlay && _jsx("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }), outline && _jsx("image", __assign({ href: outline }, framePosition)), _jsx("foreignObject", { width: "100%", height: "100%", children: _jsx("div", __assign({ className: "camera-capture-text-and-image-container" }, helperBoxPosition, { children: helperBox })) })] }));
-}
-export default Overlay;

package/build/legacy/step/cameraStep/cameraCapture/screens/cameraErrorScreen/CameraErrorScreen.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@transferwise/components';
-function CameraErrorScreen(_a) {
-    var title = _a.title, description = _a.description, actionButton = _a.actionButton, onAction = _a.onAction;
-    return (_jsx("div", { className: "container p-t-5", children: _jsx("div", { className: "row", children: _jsxs("div", { className: "col-md-6 col-md-offset-3", children: [_jsx("h2", { className: "text-xs-center m-b-3", children: title }), _jsx("p", { className: "text-xs-center m-b-5", children: description }), onAction && actionButton && (_jsx(Button, { block: true, onClick: onAction, children: actionButton }))] }) }) }));
-}
-export default CameraErrorScreen;

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

@@ -1 +0,0 @@
-export { default as CameraErrorScreen } from "./cameraErrorScreen/CameraErrorScreen";

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

@@ -1,109 +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 { getActiveVideoDeviceLabel, getAvailableVideoDeviceLabels, getVideoCapabilities, getVideoTrack, } from '../utils';
-export var trackCameraError = function (message, onEvent, error) { return onEvent === null || onEvent === void 0 ? void 0 : onEvent(message, { Error: getSerializedError(error) }); };
-var getSerializedError = function (error) {
-    return error instanceof DOMException
-        ? JSON.stringify({
-            name: error === null || error === void 0 ? void 0 : error.name,
-            message: error === null || error === void 0 ? void 0 : error.message,
-        })
-        : error;
-};
-export var trackCameraFeedStarted = function (onEvent, props, stream) { return __awaiter(void 0, void 0, void 0, function () { var _a, _b, _c; return __generator(this, function (_d) {
-    switch (_d.label) {
-        case 0:
-            if (!(onEvent === null || onEvent === void 0)) return [3 /*break*/, 1];
-            _a = void 0;
-            return [3 /*break*/, 3];
-        case 1:
-            _b = onEvent;
-            _c = ['Dynamic Flow - Camera Feed Started'];
-            return [4 /*yield*/, getCameraStartedProperties(props, stream)];
-        case 2:
-            _a = _b.apply(void 0, _c.concat([_d.sent()]));
-            _d.label = 3;
-        case 3: return [2 /*return*/, _a];
-    }
-}); }); };
-var getCameraStartedProperties = function (props, videoStream) { return __awaiter(void 0, void 0, void 0, function () {
-    var videoTrack, capabilities, settings, _a, _b, _c, _d;
-    var _e;
-    var _f;
-    return __generator(this, function (_g) {
-        switch (_g.label) {
-            case 0:
-                videoTrack = getVideoTrack(videoStream);
-                capabilities = getVideoCapabilities(videoStream);
-                settings = (_f = videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.getSettings) === null || _f === void 0 ? void 0 : _f.call(videoTrack);
-                _a = [{}];
-                _b = videoTrack;
-                if (!_b) return [3 /*break*/, 3];
-                _e = {};
-                _c = 'Available Video Devices (by label)';
-                return [4 /*yield*/, getAvailableVideoDeviceLabels()];
-            case 1:
-                _e[_c] = _g.sent();
-                _d = 'Active Video Device (by label)';
-                return [4 /*yield*/, getActiveVideoDeviceLabel(videoStream)];
-            case 2:
-                _b = (_e[_d] = _g.sent(),
-                    _e['Camera Capabilities'] = capabilities,
-                    _e['Camera Settings'] = settings,
-                    _e);
-                _g.label = 3;
-            case 3: return [2 /*return*/, __assign.apply(void 0, [__assign.apply(void 0, _a.concat([(_b)])), { 'Camera Direction (Asked)': props === null || props === void 0 ? void 0 : props.direction }])];
-        }
-    });
-}); };
-export var trackCameraOrientationLandscape = function (onEvent) {
-    onEvent === null || onEvent === void 0 ? void 0 : onEvent('Dynamic Flow - Camera Orientation Lock Overlay Shown', {});
-};
-export var trackCameraOrientationLocked = function (onEvent) {
-    onEvent === null || onEvent === void 0 ? void 0 : onEvent('Dynamic Flow - Camera Orientation Locked', {});
-};

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

@@ -1,7 +0,0 @@
-export var CameraMode;
-(function (CameraMode) {
-    CameraMode["CAPTURE"] = "CAPTURE";
-    CameraMode["REVIEW"] = "REVIEW";
-    CameraMode["ERROR"] = "ERROR";
-})(CameraMode || (CameraMode = {}));
-;

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

@@ -1,107 +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 };
-    }
-};
-/* eslint-disable no-implicit-coercion */
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
-export var isSelfieCamera = function (stream) {
-    var _a;
-    var facingMode = (((_a = getVideoTrack(stream)) === null || _a === void 0 ? void 0 : _a.getSettings()) || {}).facingMode;
-    // facingMode === undefined for desktop users
-    return facingMode === 'user' || facingMode === undefined;
-};
-export var isMainBackCamera = function (deviceInfo) {
-    return !!((deviceInfo === null || deviceInfo === void 0 ? void 0 : deviceInfo.label) || '').match(/camera2? 0/g);
-};
-export var generateCanvasFromVideo = function (video) { return __awaiter(void 0, void 0, void 0, function () {
-    var canvas, context;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                canvas = document.createElement('canvas');
-                if (!video) return [3 /*break*/, 2];
-                canvas.setAttribute('height', "".concat(video.videoHeight));
-                canvas.setAttribute('width', "".concat(video.videoWidth));
-                context = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d');
-                if (!context) return [3 /*break*/, 2];
-                // Timeout is needed for intermittent iOS issue
-                return [4 /*yield*/, new Promise(function (resolve) {
-                        setTimeout(resolve, 100);
-                    })];
-            case 1:
-                // Timeout is needed for intermittent iOS issue
-                _a.sent();
-                context.drawImage(video, 0, 0, canvas.width, canvas.height);
-                _a.label = 2;
-            case 2: return [2 /*return*/, canvas];
-        }
-    });
-}); };
-export var getAvailableVideoDevices = function () { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, _b;
-    return __generator(this, function (_c) {
-        switch (_c.label) {
-            case 0: return [4 /*yield*/, ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.enumerateDevices) === null || _b === void 0 ? void 0 : _b.call(_a))];
-            case 1: return [2 /*return*/, ((_c.sent()) || []).filter(function (deviceInfo) { return deviceInfo.kind === 'videoinput'; })];
-        }
-    });
-}); };
-export var getAvailableVideoDeviceLabels = function () { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, _b;
-    return __generator(this, function (_c) {
-        switch (_c.label) {
-            case 0: return [4 /*yield*/, ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.enumerateDevices) === null || _b === void 0 ? void 0 : _b.call(_a))];
-            case 1: return [2 /*return*/, ((_c.sent()) || [])
-                    .filter(function (deviceInfo) { return deviceInfo.kind === 'videoinput'; })
-                    .map(function (deviceInfo) { return deviceInfo.label; })];
-        }
-    });
-}); };
-export var getActiveVideoDeviceLabel = function (videoStream) { return __awaiter(void 0, void 0, void 0, function () {
-    var capabilities;
-    var _a, _b, _c;
-    return __generator(this, function (_d) {
-        switch (_d.label) {
-            case 0:
-                capabilities = getVideoCapabilities(videoStream);
-                return [4 /*yield*/, ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.enumerateDevices) === null || _b === void 0 ? void 0 : _b.call(_a))];
-            case 1: return [2 /*return*/, (_c = ((_d.sent()) || [])
-                    .filter(function (deviceInfo) { return deviceInfo.kind === 'videoinput'; })
-                    .find(function (deviceInfo) { return deviceInfo.deviceId === (capabilities === null || capabilities === void 0 ? void 0 : capabilities.deviceId); })) === null || _c === void 0 ? void 0 : _c.label];
-        }
-    });
-}); };
-export var getVideoTrack = function (videoStream) { var _a; return (((_a = videoStream === null || videoStream === void 0 ? void 0 : videoStream.getVideoTracks) === null || _a === void 0 ? void 0 : _a.call(videoStream)) || [])[0]; };
-export var getVideoCapabilities = function (videoStream) { var _a, _b; return (_b = (_a = getVideoTrack(videoStream)) === null || _a === void 0 ? void 0 : _a.getCapabilities) === null || _b === void 0 ? void 0 : _b.call(_a); };

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

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

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

@@ -1,64 +0,0 @@
-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

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

package/build/legacy/step/index.js

@@ -1,3 +0,0 @@
-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

@@ -1,33 +0,0 @@
-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;

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

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

package/build/legacy/step/layoutStep/utils/index.js

@@ -1,2 +0,0 @@
-export { convertStepToLayout } from './layout-utils';
-export { inlineReferences } from './inline-reference-utils';

package/build/legacy/step/layoutStep/utils/inline-reference-utils.js

@@ -1,105 +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 { convertStepActionToDynamicAction } from './layout-utils';
-export function inlineReferences(_a) {
-    var layout = _a.layout, schemas = _a.schemas, actions = _a.actions, model = _a.model;
-    if (!layout) {
-        return [];
-    }
-    if (!schemas) {
-        return layout;
-    }
-    return layout.map(function (component) {
-        if (component.type === 'form') {
-            return inlineFormSchema({ formComponent: component, schemas: schemas });
-        }
-        if (component.type === 'decision') {
-            return inlineDecisionActions({ decisionComponent: component, actions: actions });
-        }
-        if (component.type === 'button') {
-            return inlineAction({ actionComponent: component, actions: actions });
-        }
-        if (component.type === 'box') {
-            return __assign(__assign({}, component), { components: inlineReferences({ layout: component.components, schemas: schemas, actions: actions, model: model }) });
-        }
-        if (component.type === 'modal') {
-            return __assign(__assign({}, component), { components: inlineReferences({
-                    layout: component.content.components,
-                    schemas: schemas,
-                    actions: actions,
-                    model: model,
-                }) });
-        }
-        if (component.type === 'columns') {
-            return __assign(__assign({}, component), { left: inlineReferences({ layout: component.left, schemas: schemas, actions: actions, model: model }), right: inlineReferences({ layout: component.right, schemas: schemas, actions: actions, model: model }) });
-        }
-        return component;
-    });
-}
-function inlineFormSchema(_a) {
-    var formComponent = _a.formComponent, schemas = _a.schemas;
-    if (formComponent.schemaId) {
-        return {
-            type: 'form',
-            margin: formComponent.margin,
-            schema: getSchemaById(schemas, formComponent.schemaId),
-        };
-    }
-    if (formComponent.schema && isReference(formComponent.schema) && formComponent.schema.$ref) {
-        return {
-            type: 'form',
-            margin: formComponent.margin,
-            schema: getSchemaById(schemas, formComponent.schema.$ref),
-        };
-    }
-    if (formComponent.schema && !isReference(formComponent.schema)) {
-        return __assign({}, formComponent);
-    }
-    throw new Error('Invalid form layout component. Missing "schema" or "schemaId" properties.');
-}
-function inlineDecisionActions(_a) {
-    var _b;
-    var decisionComponent = _a.decisionComponent, actions = _a.actions;
-    var newOptions = (_b = decisionComponent === null || decisionComponent === void 0 ? void 0 : decisionComponent.options) === null || _b === void 0 ? void 0 : _b.map(function (option) {
-        return option.action && isReference(option.action)
-            ? __assign(__assign({}, option), { action: getActionById(actions, option.action.$ref) }) : option;
-    });
-    return __assign(__assign({}, decisionComponent), { options: newOptions });
-}
-function inlineAction(_a) {
-    var _b;
-    var actionComponent = _a.actionComponent, actions = _a.actions;
-    if (actionComponent.action &&
-        isReference(actionComponent.action) &&
-        ((_b = actionComponent.action) === null || _b === void 0 ? void 0 : _b.$ref)) {
-        var newAction = getActionById(actions, actionComponent.action.$ref);
-        return convertStepActionToDynamicAction(newAction);
-    }
-    return actionComponent;
-}
-function getSchemaById(schemas, id) {
-    var schema = schemas.find(function (schema) { return schema.$id === id; });
-    if (!schema) {
-        throw new Error("Fatal Error. Schema not found. $id ".concat(id));
-    }
-    return schema;
-}
-function getActionById(actions, id) {
-    var action = actions.find(function (action) { return action.$id === id; });
-    if (!action) {
-        throw new Error("Fatal Error. Action not found. $id ".concat(id));
-    }
-    return action;
-}
-function isReference(block) {
-    return Object.hasOwnProperty.call(block, '$ref');
-}