@wise/dynamic-flow-client 0.4.0-beta-d2067b.7 → 0.4.0

package/build/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.js

@@ -0,0 +1,26 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var components_1 = require("@transferwise/components");
+var react_intl_1 = require("react-intl");
+var NoCameraAccess_messages_1 = __importDefault(require("./NoCameraAccess.messages"));
+var NoCameraAccess = function (_a) {
+    var onAction = _a.onAction;
+    var intl = (0, react_intl_1.useIntl)();
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ id: "no-camera-access" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "container p-t-5" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "row" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "col-md-6 col-md-offset-3" }, { children: [(0, jsx_runtime_1.jsx)("h2", __assign({ className: "text-xs-center m-b-3" }, { children: intl.formatMessage(NoCameraAccess_messages_1["default"].title) })), (0, jsx_runtime_1.jsx)("p", __assign({ className: "text-xs-center m-b-5" }, { children: intl.formatMessage(NoCameraAccess_messages_1["default"].paragraph) })), (0, jsx_runtime_1.jsx)(components_1.Button, __assign({ block: true, onClick: onAction }, { children: intl.formatMessage(NoCameraAccess_messages_1["default"].action) }))] })) })) })) })));
+};
+exports["default"] = NoCameraAccess;

package/build/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.messages.js

@@ -0,0 +1,20 @@
+"use strict";
+exports.__esModule = true;
+var react_intl_1 = require("react-intl");
+exports["default"] = (0, react_intl_1.defineMessages)({
+    title: {
+        id: 'dynamicFlows.CameraCapture.NoCameraAccess.title',
+        defaultMessage: "We can't access your camera",
+        description: 'Title of standalone page prompting missing camera permissions'
+    },
+    paragraph: {
+        id: 'dynamicFlows.CameraCapture.NoCameraAccess.paragraph',
+        defaultMessage: "Enable camera access in your browser's settings to get going again.",
+        description: 'Further text of standalone page prompting missing camera permissions'
+    },
+    action: {
+        id: 'dynamicFlows.CameraCapture.NoCameraAccess.action',
+        defaultMessage: 'Enable camera access',
+        description: 'Action to ask for camera permissions again'
+    }
+});

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

@@ -0,0 +1,18 @@
+"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];
+}));
+exports.__esModule = true;
+exports.CameraNotSupported = exports.NoCameraAccess = void 0;
+var NoCameraAccess_1 = require("./NoCameraAccess/NoCameraAccess");
+__createBinding(exports, NoCameraAccess_1, "default", "NoCameraAccess");
+var CameraNotSupported_1 = require("./CameraNotSupported/CameraNotSupported");
+__createBinding(exports, CameraNotSupported_1, "default", "CameraNotSupported");

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

@@ -0,0 +1,104 @@
+"use strict";
+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 };
+    }
+};
+exports.__esModule = true;
+exports.trackCameraNotSupported = exports.trackCameraFeedStarted = exports.trackCameraPermissionDenied = void 0;
+var utils_1 = require("../utils");
+var trackCameraPermissionDenied = function (onEvent) {
+    return onEvent === null || onEvent === void 0 ? void 0 : onEvent('Dynamic Flow - Camera Permission Denied', {});
+};
+exports.trackCameraPermissionDenied = trackCameraPermissionDenied;
+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];
+    }
+}); }); };
+exports.trackCameraFeedStarted = trackCameraFeedStarted;
+var trackCameraNotSupported = function (onEvent, error) { return onEvent === null || onEvent === void 0 ? void 0 : onEvent('Dynamic Flow - Camera Not Supported', { Error: error }); };
+exports.trackCameraNotSupported = trackCameraNotSupported;
+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 = (0, utils_1.getVideoTrack)(videoStream);
+                capabilities = (0, utils_1.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*/, (0, utils_1.getAvailableVideoDeviceLabels)()];
+            case 1:
+                _e[_c] = _g.sent();
+                _d = 'Active Video Device (by label)';
+                return [4 /*yield*/, (0, utils_1.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 }])];
+        }
+    });
+}); };

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

@@ -0,0 +1,114 @@
+"use strict";
+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 };
+    }
+};
+exports.__esModule = true;
+exports.getVideoCapabilities = exports.getVideoTrack = exports.getActiveVideoDeviceLabel = exports.getAvailableVideoDeviceLabels = exports.getAvailableVideoDevices = exports.generateCanvasFromVideo = exports.isMainBackCamera = exports.isSelfieCamera = void 0;
+var isSelfieCamera = function (stream) {
+    var _a;
+    var facingMode = (((_a = (0, exports.getVideoTrack)(stream)) === null || _a === void 0 ? void 0 : _a.getSettings()) || {}).facingMode;
+    // facingMode === undefined for desktop users
+    return facingMode === 'user' || facingMode === undefined;
+};
+exports.isSelfieCamera = isSelfieCamera;
+var isMainBackCamera = function (deviceInfo) {
+    return !!((deviceInfo === null || deviceInfo === void 0 ? void 0 : deviceInfo.label) || '').match(/camera2? 0/g);
+};
+exports.isMainBackCamera = isMainBackCamera;
+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) { return 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];
+        }
+    });
+}); };
+exports.generateCanvasFromVideo = generateCanvasFromVideo;
+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'; })];
+        }
+    });
+}); };
+exports.getAvailableVideoDevices = getAvailableVideoDevices;
+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; })];
+        }
+    });
+}); };
+exports.getAvailableVideoDeviceLabels = getAvailableVideoDeviceLabels;
+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 = (0, exports.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];
+        }
+    });
+}); };
+exports.getActiveVideoDeviceLabel = getActiveVideoDeviceLabel;
+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]; };
+exports.getVideoTrack = getVideoTrack;
+var getVideoCapabilities = function (videoStream) { var _a, _b; return (_b = (_a = (0, exports.getVideoTrack)(videoStream)) === null || _a === void 0 ? void 0 : _a.getCapabilities) === null || _b === void 0 ? void 0 : _b.call(_a); };
+exports.getVideoCapabilities = getVideoCapabilities;

package/build/step/cameraStep/index.js

@@ -0,0 +1,16 @@
+"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];
+}));
+exports.__esModule = true;
+exports["default"] = void 0;
+var CameraStep_1 = require("./CameraStep");
+__createBinding(exports, CameraStep_1, "default");

package/build/step/externalConfirmationStep/ExternalConfirmationStep.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_intl_1 = require("react-intl");
+var layout_1 = require("../../layout");
+var ExternalConfirmationStep_messages_1 = __importDefault(require("./ExternalConfirmationStep.messages"));
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+var noop = function () { };
+var ExternalConfirmationStep = function (_a) {
+    var url = _a.url, onClose = _a.onClose;
+    var formatMessage = (0, react_intl_1.useIntl)().formatMessage;
+    return ((0, jsx_runtime_1.jsx)(layout_1.DynamicLayout, { components: [
+            {
+                type: 'box',
+                width: 'lg',
+                components: [
+                    {
+                        type: 'heading',
+                        text: formatMessage(ExternalConfirmationStep_messages_1["default"].title),
+                        size: 'lg',
+                        align: 'center',
+                        margin: 'xl'
+                    },
+                    {
+                        type: 'info',
+                        markdown: formatMessage(ExternalConfirmationStep_messages_1["default"].description, { origin: getOrigin(url) }),
+                        align: 'center',
+                        margin: 'xl'
+                    },
+                    {
+                        type: 'box',
+                        width: 'md',
+                        components: [
+                            {
+                                type: 'button',
+                                action: { title: formatMessage(ExternalConfirmationStep_messages_1["default"].open), type: 'primary', url: url, exit: true }
+                            },
+                            {
+                                type: 'button',
+                                action: {
+                                    title: formatMessage(ExternalConfirmationStep_messages_1["default"].cancel),
+                                    type: 'link',
+                                    url: '',
+                                    exit: true
+                                }
+                            },
+                        ]
+                    },
+                ]
+            },
+        ], submitted: false, onAction: function (action) {
+            if (action.url) {
+                window.open(action.url, '_blank');
+            }
+            onClose();
+        }, onModelChange: noop, onPersistAsync: noop }));
+};
+exports["default"] = ExternalConfirmationStep;
+function getOrigin(url) {
+    try {
+        return new URL(url).origin;
+    }
+    catch (_a) {
+        return url;
+    }
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+exports.__esModule = true;
+var react_intl_1 = require("react-intl");
+exports["default"] = (0, react_intl_1.defineMessages)({
+    title: {
+        id: 'dynamicFlows.ExternalConfirmation.title',
+        defaultMessage: 'Please confirm',
+        description: 'Heading for the confirmation screen.'
+    },
+    description: {
+        id: 'dynamicFlows.ExternalConfirmation.description',
+        defaultMessage: 'Please confirm you want to open **{origin}** in a new browser tab.',
+        description: 'Description for the confirmation screen.'
+    },
+    open: {
+        id: 'dynamicFlows.ExternalConfirmation.open',
+        defaultMessage: 'Open in new tab',
+        description: 'Button text confirming opening a new browser tab.'
+    },
+    cancel: {
+        id: 'dynamicFlows.ExternalConfirmation.cancel',
+        defaultMessage: 'Cancel',
+        description: 'Button text rejecting opening a new browser tab.'
+    }
+});

package/build/step/externalConfirmationStep/index.js

@@ -0,0 +1,16 @@
+"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];
+}));
+exports.__esModule = true;
+exports["default"] = void 0;
+var ExternalConfirmationStep_1 = require("./ExternalConfirmationStep");
+__createBinding(exports, ExternalConfirmationStep_1, "default");

package/build/step/index.js

@@ -0,0 +1,20 @@
+"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];
+}));
+exports.__esModule = true;
+exports.ExternalConfirmationStep = exports.CameraStep = exports.LayoutStep = void 0;
+var layoutStep_1 = require("./layoutStep");
+__createBinding(exports, layoutStep_1, "default", "LayoutStep");
+var cameraStep_1 = require("./cameraStep");
+__createBinding(exports, cameraStep_1, "default", "CameraStep");
+var externalConfirmationStep_1 = require("./externalConfirmationStep");
+__createBinding(exports, externalConfirmationStep_1, "default", "ExternalConfirmationStep");

package/build/step/layoutStep/LayoutStep.js

@@ -0,0 +1,35 @@
+"use strict";
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var contexts_1 = require("../../common/contexts");
+var hooks_1 = require("../../common/hooks");
+var validators_1 = require("../../common/validators");
+var layout_1 = require("../../layout");
+var utils_1 = require("./utils");
+var getComponents = function (step, options) {
+    var _a;
+    if (!step || (0, validators_1.isEmpty)(step) || (!step.layout && !step.type)) {
+        return [];
+    }
+    var layout = (0, utils_1.convertStepToLayout)(step, options);
+    return (0, utils_1.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 = (0, contexts_1.useDynamicFlow)(), loading = _a.loading, registerPersistAsyncPromise = _a.registerPersistAsyncPromise;
+    var onEvent = (0, contexts_1.useEventDispatcher)();
+    var onAction = !loading
+        ? props.onAction
+        : function () {
+            onEvent('Dynamic Flow - onAction supressed', { reason: 'LayoutStep - loading state' });
+        };
+    (0, hooks_1.useStepPolling)(stepSpecification.polling, onAction);
+    return ((0, jsx_runtime_1.jsx)(layout_1.DynamicLayout, { components: components, submitted: submitted, model: model, errors: formErrors, onAction: onAction, onModelChange: onModelChange, onPersistAsync: registerPersistAsyncPromise }));
+};
+exports["default"] = LayoutStep;

package/build/step/layoutStep/index.js

@@ -0,0 +1,16 @@
+"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];
+}));
+exports.__esModule = true;
+exports["default"] = void 0;
+var LayoutStep_1 = require("./LayoutStep");
+__createBinding(exports, LayoutStep_1, "default");

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

@@ -0,0 +1,18 @@
+"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];
+}));
+exports.__esModule = true;
+exports.inlineReferences = exports.convertStepToLayout = void 0;
+var layout_utils_1 = require("./layout-utils");
+__createBinding(exports, layout_utils_1, "convertStepToLayout");
+var inline_reference_utils_1 = require("./inline-reference-utils");
+__createBinding(exports, inline_reference_utils_1, "inlineReferences");

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

@@ -0,0 +1,95 @@
+"use strict";
+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);
+};
+exports.__esModule = true;
+exports.inlineReferences = void 0;
+var layout_utils_1 = require("./layout-utils");
+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 inlineBoxReferences({ boxComponent: component, schemas: schemas, actions: actions, model: model });
+        }
+        if (component.type === 'columns') {
+            return inlineColumnsReferences({ columnsComponent: component, schemas: schemas, actions: actions, model: model });
+        }
+        return component;
+    });
+}
+exports.inlineReferences = inlineReferences;
+function inlineFormSchema(_a) {
+    var formComponent = _a.formComponent, schemas = _a.schemas;
+    if (isReference(formComponent.schema) && formComponent.schema.$ref) {
+        return __assign(__assign({}, formComponent), { schema: getSchemaById(schemas, formComponent.schema.$ref) });
+    }
+    return __assign({}, formComponent);
+}
+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 (0, layout_utils_1.convertStepActionToDynamicAction)(newAction);
+    }
+    return actionComponent;
+}
+function inlineBoxReferences(_a) {
+    var boxComponent = _a.boxComponent, schemas = _a.schemas, actions = _a.actions, model = _a.model;
+    return __assign(__assign({}, boxComponent), { components: inlineReferences({ layout: boxComponent.components, schemas: schemas, actions: actions, model: model }) });
+}
+function inlineColumnsReferences(_a) {
+    var columnsComponent = _a.columnsComponent, schemas = _a.schemas, actions = _a.actions, model = _a.model;
+    return __assign(__assign({}, columnsComponent), { left: inlineReferences({ layout: columnsComponent.left, schemas: schemas, actions: actions, model: model }), right: inlineReferences({ layout: columnsComponent.right, schemas: schemas, actions: actions, model: model }) });
+}
+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.prototype.hasOwnProperty.call(block, '$ref');
+}