@wise/dynamic-flow-client 0.4.2 → 0.4.4

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

@@ -1,13 +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");
-const react_intl_1 = require("react-intl");
-const CameraNotSupported_messages_1 = __importDefault(require("./CameraNotSupported.messages"));
-const CameraNotSupported = () => {
-    const intl = (0, react_intl_1.useIntl)();
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ id: "camera-not-supported" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "container p-t-5" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "row" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col-md-6 col-md-offset-3" }, { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "text-xs-center m-b-3" }, { children: intl.formatMessage(CameraNotSupported_messages_1.default.title) })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-xs-center m-b-5" }, { children: intl.formatMessage(CameraNotSupported_messages_1.default.paragraph) }))] })) })) })) })));
-};
-exports.default = CameraNotSupported;

package/build/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.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)({
-    title: {
-        id: 'dynamicFlows.CameraCapture.CameraNotSupported.title',
-        defaultMessage: 'Camera not supported',
-        description: 'Title of standalone page prompting that camera is not available on users browser',
-    },
-    paragraph: {
-        id: 'dynamicFlows.CameraCapture.CameraNotSupported.paragraph',
-        defaultMessage: "The browser you're using doesn't have support for a camera. Try a different browser, device, or download our mobile app.",
-        description: "Further text of standalone page prompting that camera is not available on user's browser",
-    },
-});

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

@@ -1,14 +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");
-const components_1 = require("@transferwise/components");
-const react_intl_1 = require("react-intl");
-const NoCameraAccess_messages_1 = __importDefault(require("./NoCameraAccess.messages"));
-const NoCameraAccess = ({ onAction }) => {
-    const intl = (0, react_intl_1.useIntl)();
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ id: "no-camera-access" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "container p-t-5" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "row" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col-md-6 col-md-offset-3" }, { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "text-xs-center m-b-3" }, { children: intl.formatMessage(NoCameraAccess_messages_1.default.title) })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-xs-center m-b-5" }, { children: intl.formatMessage(NoCameraAccess_messages_1.default.paragraph) })), (0, jsx_runtime_1.jsx)(components_1.Button, Object.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

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

@@ -1,10 +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.CameraNotSupported = exports.NoCameraAccess = void 0;
-var NoCameraAccess_1 = require("./NoCameraAccess/NoCameraAccess");
-Object.defineProperty(exports, "NoCameraAccess", { enumerable: true, get: function () { return __importDefault(NoCameraAccess_1).default; } });
-var CameraNotSupported_1 = require("./CameraNotSupported/CameraNotSupported");
-Object.defineProperty(exports, "CameraNotSupported", { enumerable: true, get: function () { return __importDefault(CameraNotSupported_1).default; } });

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

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.trackCameraNotSupported = exports.trackCameraFeedStarted = exports.trackCameraPermissionDenied = void 0;
-const utils_1 = require("../utils");
-const trackCameraPermissionDenied = (onEvent) => onEvent === null || onEvent === void 0 ? void 0 : onEvent('Dynamic Flow - Camera Permission Denied', {});
-exports.trackCameraPermissionDenied = trackCameraPermissionDenied;
-const trackCameraFeedStarted = async (onEvent, props, stream) => onEvent === null || onEvent === void 0 ? void 0 : onEvent('Dynamic Flow - Camera Feed Started', await getCameraStartedProperties(props, stream));
-exports.trackCameraFeedStarted = trackCameraFeedStarted;
-const trackCameraNotSupported = (onEvent, error) => onEvent === null || onEvent === void 0 ? void 0 : onEvent('Dynamic Flow - Camera Not Supported', { Error: error });
-exports.trackCameraNotSupported = trackCameraNotSupported;
-const getCameraStartedProperties = async (props, videoStream) => {
-    var _a;
-    const videoTrack = (0, utils_1.getVideoTrack)(videoStream);
-    const capabilities = (0, utils_1.getVideoCapabilities)(videoStream);
-    const settings = (_a = videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.getSettings) === null || _a === void 0 ? void 0 : _a.call(videoTrack);
-    return Object.assign(Object.assign({}, (videoTrack && {
-        'Available Video Devices (by label)': await (0, utils_1.getAvailableVideoDeviceLabels)(),
-        'Active Video Device (by label)': await (0, utils_1.getActiveVideoDeviceLabel)(videoStream),
-        'Camera Capabilities': capabilities,
-        'Camera Settings': settings,
-    })), { 'Camera Direction (Asked)': props === null || props === void 0 ? void 0 : props.direction });
-};

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

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVideoCapabilities = exports.getVideoTrack = exports.getActiveVideoDeviceLabel = exports.getAvailableVideoDeviceLabels = exports.getAvailableVideoDevices = exports.generateCanvasFromVideo = exports.isMainBackCamera = exports.isSelfieCamera = void 0;
-const isSelfieCamera = (stream) => {
-    var _a;
-    const { facingMode } = ((_a = (0, exports.getVideoTrack)(stream)) === null || _a === void 0 ? void 0 : _a.getSettings()) || {};
-    // facingMode === undefined for desktop users
-    return facingMode === 'user' || facingMode === undefined;
-};
-exports.isSelfieCamera = isSelfieCamera;
-const isMainBackCamera = (deviceInfo) => !!((deviceInfo === null || deviceInfo === void 0 ? void 0 : deviceInfo.label) || '').match(/camera2? 0/g);
-exports.isMainBackCamera = isMainBackCamera;
-const generateCanvasFromVideo = async (video) => {
-    const canvas = document.createElement('canvas');
-    if (video) {
-        canvas.setAttribute('height', `${video.videoHeight}`);
-        canvas.setAttribute('width', `${video.videoWidth}`);
-        const context = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d');
-        if (context) {
-            // Timeout is needed for intermittent iOS issue
-            await new Promise((resolve) => setTimeout(resolve, 100));
-            context.drawImage(video, 0, 0, canvas.width, canvas.height);
-        }
-    }
-    return canvas;
-};
-exports.generateCanvasFromVideo = generateCanvasFromVideo;
-const getAvailableVideoDevices = async () => {
-    var _a, _b;
-    return ((await ((_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))) || []).filter((deviceInfo) => deviceInfo.kind === 'videoinput');
-};
-exports.getAvailableVideoDevices = getAvailableVideoDevices;
-const getAvailableVideoDeviceLabels = async () => {
-    var _a, _b;
-    return ((await ((_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))) || [])
-        .filter((deviceInfo) => deviceInfo.kind === 'videoinput')
-        .map((deviceInfo) => deviceInfo.label);
-};
-exports.getAvailableVideoDeviceLabels = getAvailableVideoDeviceLabels;
-const getActiveVideoDeviceLabel = async (videoStream) => {
-    var _a, _b, _c;
-    const capabilities = (0, exports.getVideoCapabilities)(videoStream);
-    return (_c = ((await ((_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))) || [])
-        .filter((deviceInfo) => deviceInfo.kind === 'videoinput')
-        .find((deviceInfo) => deviceInfo.deviceId === (capabilities === null || capabilities === void 0 ? void 0 : capabilities.deviceId))) === null || _c === void 0 ? void 0 : _c.label;
-};
-exports.getActiveVideoDeviceLabel = getActiveVideoDeviceLabel;
-const getVideoTrack = (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;
-const getVideoCapabilities = (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

@@ -1,8 +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.default = void 0;
-var CameraStep_1 = require("./CameraStep");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CameraStep_1).default; } });

package/build/step/externalConfirmationStep/ExternalConfirmationStep.js

@@ -1,68 +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");
-const react_intl_1 = require("react-intl");
-const layout_1 = require("../../layout");
-const ExternalConfirmationStep_messages_1 = __importDefault(require("./ExternalConfirmationStep.messages"));
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => { };
-const ExternalConfirmationStep = ({ url, onClose }) => {
-    const { formatMessage } = (0, react_intl_1.useIntl)();
-    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, exit: true },
-                            },
-                            {
-                                type: 'button',
-                                action: {
-                                    title: formatMessage(ExternalConfirmationStep_messages_1.default.cancel),
-                                    type: 'link',
-                                    url: '',
-                                    exit: true,
-                                },
-                            },
-                        ],
-                    },
-                ],
-            },
-        ], submitted: false, onAction: (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

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

@@ -1,8 +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.default = void 0;
-var ExternalConfirmationStep_1 = require("./ExternalConfirmationStep");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ExternalConfirmationStep_1).default; } });

package/build/step/index.js

@@ -1,12 +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.ExternalConfirmationStep = exports.CameraStep = exports.LayoutStep = void 0;
-var layoutStep_1 = require("./layoutStep");
-Object.defineProperty(exports, "LayoutStep", { enumerable: true, get: function () { return __importDefault(layoutStep_1).default; } });
-var cameraStep_1 = require("./cameraStep");
-Object.defineProperty(exports, "CameraStep", { enumerable: true, get: function () { return __importDefault(cameraStep_1).default; } });
-var externalConfirmationStep_1 = require("./externalConfirmationStep");
-Object.defineProperty(exports, "ExternalConfirmationStep", { enumerable: true, get: function () { return __importDefault(externalConfirmationStep_1).default; } });

package/build/step/layoutStep/LayoutStep.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const contexts_1 = require("../../common/contexts");
-const hooks_1 = require("../../common/hooks");
-const validators_1 = require("../../common/validators");
-const layout_1 = require("../../layout");
-const utils_1 = require("./utils");
-const getComponents = (step, options) => {
-    var _a;
-    if (!step || (0, validators_1.isEmpty)(step) || (!step.layout && !step.type)) {
-        return [];
-    }
-    const layout = (0, utils_1.convertStepToLayout)(step, options);
-    return (0, utils_1.inlineReferences)({
-        layout,
-        schemas: step.schemas || [],
-        actions: step.actions || [],
-        model: (_a = step.model) !== null && _a !== void 0 ? _a : null,
-    });
-};
-const LayoutStep = (props) => {
-    const { stepSpecification, stepLayoutOptions, submitted, model, formErrors, onModelChange } = props;
-    const components = getComponents(stepSpecification, stepLayoutOptions);
-    const { loading, registerPersistAsyncPromise } = (0, contexts_1.useDynamicFlow)();
-    const onEvent = (0, contexts_1.useEventDispatcher)();
-    const onAction = !loading
-        ? props.onAction
-        : () => {
-            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

@@ -1,8 +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.default = void 0;
-var LayoutStep_1 = require("./LayoutStep");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(LayoutStep_1).default; } });

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.inlineReferences = exports.convertStepToLayout = void 0;
-var layout_utils_1 = require("./layout-utils");
-Object.defineProperty(exports, "convertStepToLayout", { enumerable: true, get: function () { return layout_utils_1.convertStepToLayout; } });
-var inline_reference_utils_1 = require("./inline-reference-utils");
-Object.defineProperty(exports, "inlineReferences", { enumerable: true, get: function () { return inline_reference_utils_1.inlineReferences; } });

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

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.inlineReferences = void 0;
-const layout_utils_1 = require("./layout-utils");
-function inlineReferences({ layout, schemas, actions, model, }) {
-    if (!layout) {
-        return [];
-    }
-    if (!schemas) {
-        return layout;
-    }
-    return layout.map((component) => {
-        if (component.type === 'form') {
-            return inlineFormSchema({ formComponent: component, schemas });
-        }
-        if (component.type === 'decision') {
-            return inlineDecisionActions({ decisionComponent: component, actions });
-        }
-        if (component.type === 'button') {
-            return inlineAction({ actionComponent: component, actions });
-        }
-        if (component.type === 'box') {
-            return inlineBoxReferences({ boxComponent: component, schemas, actions, model });
-        }
-        if (component.type === 'columns') {
-            return inlineColumnsReferences({ columnsComponent: component, schemas, actions, model });
-        }
-        return component;
-    });
-}
-exports.inlineReferences = inlineReferences;
-function inlineFormSchema({ formComponent, schemas, }) {
-    if (isReference(formComponent.schema) && formComponent.schema.$ref) {
-        return Object.assign(Object.assign({}, formComponent), { schema: getSchemaById(schemas, formComponent.schema.$ref) });
-    }
-    return Object.assign({}, formComponent);
-}
-function inlineDecisionActions({ decisionComponent, actions, }) {
-    var _a;
-    const newOptions = (_a = decisionComponent === null || decisionComponent === void 0 ? void 0 : decisionComponent.options) === null || _a === void 0 ? void 0 : _a.map((option) => {
-        return option.action && isReference(option.action)
-            ? Object.assign(Object.assign({}, option), { action: getActionById(actions, option.action.$ref) }) : option;
-    });
-    return Object.assign(Object.assign({}, decisionComponent), { options: newOptions });
-}
-function inlineAction({ actionComponent, actions, }) {
-    var _a;
-    if (actionComponent.action &&
-        isReference(actionComponent.action) &&
-        ((_a = actionComponent.action) === null || _a === void 0 ? void 0 : _a.$ref)) {
-        const newAction = getActionById(actions, actionComponent.action.$ref);
-        return (0, layout_utils_1.convertStepActionToDynamicAction)(newAction);
-    }
-    return actionComponent;
-}
-function inlineBoxReferences({ boxComponent, schemas, actions, model, }) {
-    return Object.assign(Object.assign({}, boxComponent), { components: inlineReferences({ layout: boxComponent.components, schemas, actions, model }) });
-}
-function inlineColumnsReferences({ columnsComponent, schemas, actions, model, }) {
-    return Object.assign(Object.assign({}, columnsComponent), { left: inlineReferences({ layout: columnsComponent.left, schemas, actions, model }), right: inlineReferences({ layout: columnsComponent.right, schemas, actions, model }) });
-}
-function getSchemaById(schemas, id) {
-    const schema = schemas.find((schema) => schema.$id === id);
-    if (!schema) {
-        throw new Error(`Fatal Error. Schema not found. $id ${id}`);
-    }
-    return schema;
-}
-function getActionById(actions, id) {
-    const action = actions.find((action) => action.$id === id);
-    if (!action) {
-        throw new Error(`Fatal Error. Action not found. $id ${id}`);
-    }
-    return action;
-}
-function isReference(block) {
-    return Object.prototype.hasOwnProperty.call(block, '$ref');
-}

package/build/step/layoutStep/utils/layout-utils.js

@@ -1,203 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertStepActionToDynamicAction = exports.convertStepToLayout = void 0;
-function convertStepToLayout(step, { displayStepTitle = true } = {}) {
-    if (!step || !step.type) {
-        throw new Error('Missing step type');
-    }
-    // This condition is meant as a temporary hack until mobile platforms will be refactored to fully support the layout property
-    if (step.layout) {
-        return addMissingTitleAndDescriptionToStep(step, displayStepTitle);
-    }
-    switch (step.type) {
-        case 'final':
-            return convertFinalStepToDynamicLayout(step);
-        case 'decision':
-            return convertDecisionStepToDynamicLayout(step);
-        case 'form':
-            return convertFormStepToDynamicLayout(step);
-        case 'external':
-            return convertExternalStepToDynamicLayout(step);
-        default:
-            throw new Error('invalid step type');
-    }
-}
-exports.convertStepToLayout = convertStepToLayout;
-function convertCommonComponents(step) {
-    const layout = [];
-    if (step.title) {
-        layout.push(convertStepTitleToDynamicHeading(step.title));
-    }
-    if (step.image) {
-        const image = convertStepImageToDynamicImage(step.image);
-        layout.push(image);
-    }
-    if (step.description) {
-        layout.push(convertStepDescriptionToDynamicParagraph(step.description));
-    }
-    return layout;
-}
-function convertExternalStepToDynamicLayout(step) {
-    return [...convertCommonComponents(step), convertStepToExternalComponent(step)];
-}
-function convertStepToExternalComponent(step) {
-    return {
-        type: 'external',
-        requestUrl: step.requestUrl,
-        polling: step.polling,
-        responseHandlers: step.responseHandlers,
-        retryTitle: step.retryTitle,
-    };
-}
-function convertFormStepToDynamicLayout(step) {
-    const layout = convertCommonComponents(step);
-    if (step.reviewFields) {
-        layout.push(convertStepReviewToDynamicReview(step.reviewFields));
-    }
-    if (step.schemas) {
-        layout.push(...getSchemaLayout(step));
-    }
-    if (step.actions) {
-        const actions = step.actions.map(convertStepActionToDynamicAction);
-        layout.push(dynamicBox(actions, 'md'));
-    }
-    return layout;
-}
-function convertFinalStepToDynamicLayout(step) {
-    const layout = [];
-    if (step.details) {
-        if (step.details.image) {
-            const image = convertFinalStepImageToDynamicImage(step.details.image);
-            layout.push(image);
-        }
-        if (step.details.title) {
-            layout.push(convertStepTitleToDynamicHeading(step.details.title));
-        }
-        if (step.details.description) {
-            layout.push(convertStepDescriptionToDynamicParagraph(step.details.description));
-        }
-    }
-    if (step.actions) {
-        const actions = step.actions.map((action) => convertStepActionToDynamicAction(Object.assign(Object.assign({}, action), { type: action.type || 'primary' })));
-        layout.push(dynamicBox(actions, 'md'));
-    }
-    return layout;
-}
-function convertDecisionStepToDynamicLayout(step) {
-    const layout = convertCommonComponents(step);
-    if (step.options) {
-        layout.push(convertStepDecisionToDynamicDecision(step.options));
-    }
-    return layout;
-}
-function dynamicBox(components, size) {
-    return {
-        type: 'box',
-        width: size || 'md',
-        components,
-    };
-}
-function convertStepTitleToDynamicHeading(title) {
-    return {
-        type: 'heading',
-        text: title,
-        size: 'lg',
-        margin: 'lg',
-        align: 'center',
-    };
-}
-function convertStepDescriptionToDynamicParagraph(description) {
-    return {
-        type: 'paragraph',
-        text: description,
-        align: 'center',
-    };
-}
-function convertStepSchemaToDynamicForm(schema) {
-    return { type: 'form', schema };
-}
-function convertStepDecisionToDynamicDecision(options) {
-    return {
-        type: 'decision',
-        options: options.map(convertStepDecisionOption),
-    };
-}
-function convertStepDecisionOption(option) {
-    return {
-        title: option.title,
-        description: option.description,
-        action: {
-            title: option.title,
-            method: 'GET',
-            url: option.url,
-            disabled: option.disabled,
-        },
-    };
-}
-function convertStepImageToDynamicImage(image) {
-    return {
-        type: 'image',
-        url: image.url,
-        text: image.text,
-        margin: image.margin || 'lg',
-        size: image.size || 'md',
-    };
-}
-function convertFinalStepImageToDynamicImage(image) {
-    return typeof image === 'string'
-        ? {
-            type: 'image',
-            url: image,
-            text: undefined,
-            margin: 'lg',
-            size: 'md',
-        }
-        : convertStepImageToDynamicImage(image);
-}
-function convertStepActionToDynamicAction(action) {
-    const newAction = Object.assign(Object.assign({}, action), { title: action.title });
-    return {
-        type: 'button',
-        action: newAction,
-    };
-}
-exports.convertStepActionToDynamicAction = convertStepActionToDynamicAction;
-function convertStepReviewToDynamicReview(reviewFields) {
-    return {
-        type: 'review',
-        title: reviewFields.title,
-        fields: reviewFields.fields.map(convertReviewFieldToDefinition),
-    };
-}
-function convertReviewFieldToDefinition(reviewField) {
-    return {
-        label: reviewField.title,
-        value: reviewField.value,
-    };
-}
-function getSchemaLayout(step) {
-    const layout = [];
-    if (step.schemas && step.schemas[0]) {
-        const schema = step.schemas[0];
-        const dynamicForm = convertStepSchemaToDynamicForm(schema);
-        if (isWideForm()) {
-            layout.push(dynamicForm);
-        }
-        else {
-            layout.push(dynamicBox([dynamicForm], 'md'));
-        }
-    }
-    return layout;
-}
-function isWideForm() {
-    // For the time being we won't support automatically widening forms
-    // Unlike it V2, there is no way to easily iterate and identify narrow fields
-    return false;
-}
-function addMissingTitleAndDescriptionToStep(step, displayStepTitle) {
-    return [
-        ...(displayStepTitle && step.title ? [convertStepTitleToDynamicHeading(step.title)] : []),
-        ...(step.description ? [convertStepDescriptionToDynamicParagraph(step.description)] : []),
-        ...(step.layout || []),
-    ];
-}

package/build/types/common/FormControl.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });