@wise/dynamic-flow-client 0.1.4 → 0.3.0-beta-d45b31.38

package/build/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.js

@@ -1,149 +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 { jsx as _jsx } from "react/jsx-runtime";
-import { isNull, isObject, isString } from '@transferwise/neptune-validation';
-import isEqual from 'lodash.isequal';
-import { useRef, useState } from 'react';
-import { useFetcher } from '../../common/contexts/fetcherContext';
-import { useLogger } from '../../common/logging';
-import { useTracking } from '../../common/tracking';
-import { isValidSchema } from '../../common/validation/schema-validators';
-import BasicTypeSchema from '../basicTypeSchema';
-var ValidationAsyncSchema = function (props) {
-    var _a = useState(props.model), validationAsyncModel = _a[0], setValidationAsyncModel = _a[1];
-    var previousRequestedModelReference = useRef(null);
-    var _b = useState(null), validationAsyncSuccessMessage = _b[0], setValidationAsyncSuccessMessage = _b[1];
-    var _c = useState(null), validationAsyncErrors = _c[0], setValidationAsyncErrors = _c[1];
-    var _d = useState(false), fieldSubmitted = _d[0], setFieldSubmitted = _d[1];
-    var _e = useState(null), abortController = _e[0], setAbortController = _e[1];
-    var fetcher = useFetcher();
-    var trackEvent = useTracking();
-    var logger = useLogger();
-    var getValidationAsyncResponse = function (currentValidationAsyncModel, validationAsyncSpec) { return __awaiter(void 0, void 0, void 0, function () {
-        var signal, requestBody, response, jsonResponse, _a;
-        var _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    signal = abortCurrentRequestAndGetNewAbortSignal();
-                    requestBody = (_b = {}, _b[validationAsyncSpec.param] = currentValidationAsyncModel, _b);
-                    previousRequestedModelReference.current = currentValidationAsyncModel;
-                    setFieldSubmitted(true);
-                    if (!validationAsyncSpec.method) {
-                        logger.warning('Invalid schema or model', 'ValidationAsyncSchema without a "method" property would have defaulted to "GET" in previous versions. Now defaults to "POST".', {});
-                    }
-                    trackEvent('Dynamic Flow - ValidationAsync', { status: 'pending' });
-                    return [4 /*yield*/, fetcher(validationAsyncSpec.url, {
-                            method: validationAsyncSpec.method || 'POST',
-                            headers: { 'Content-Type': 'application/json' },
-                            body: validationAsyncSpec.method === 'GET' ? undefined : JSON.stringify(requestBody),
-                            signal: signal
-                        })];
-                case 1:
-                    response = _c.sent();
-                    _c.label = 2;
-                case 2:
-                    _c.trys.push([2, 4, , 5]);
-                    return [4 /*yield*/, response.json()];
-                case 3:
-                    jsonResponse = _c.sent();
-                    if (!isObject(jsonResponse)) {
-                        throw new Error('Response body is not an object');
-                    }
-                    trackEvent('Dynamic Flow - ValidationAsync', { status: 'success' });
-                    if (response.status === 200) {
-                        setValidationAsyncSuccessMessage(isString(jsonResponse.message) ? jsonResponse.message : null);
-                    }
-                    else if (response.status === 422) {
-                        setValidationAsyncErrors(isString(jsonResponse.message) ? jsonResponse.message : null);
-                    }
-                    return [3 /*break*/, 5];
-                case 4:
-                    _a = _c.sent();
-                    trackEvent('Dynamic Flow - ValidationAsync', { status: 'failure' });
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    var abortCurrentRequestAndGetNewAbortSignal = function () {
-        if (abortController) {
-            abortController.abort();
-        }
-        var newAbortController = new AbortController();
-        setAbortController(newAbortController);
-        return newAbortController.signal;
-    };
-    var onBlur = function () {
-        if (!isNull(validationAsyncModel) &&
-            !isEqual(validationAsyncModel, previousRequestedModelReference.current)) {
-            void getValidationAsyncResponse(validationAsyncModel, props.schema.validationAsync);
-        }
-    };
-    var validationAsyncOnChange = function (parameters) {
-        props.onChange(__assign(__assign({}, parameters), { triggerSchema: props.schema, triggerModel: parameters.model }));
-        setValidationAsyncErrors(null);
-        setValidationAsyncSuccessMessage(null);
-        if (isValidSchema(parameters.model, props.schema)) {
-            setValidationAsyncModel(parameters.model);
-        }
-    };
-    var basicTypeSchemaProps = {
-        required: props.required,
-        submitted: props.submitted || fieldSubmitted,
-        schema: props.schema,
-        model: validationAsyncModel,
-        errors: validationAsyncErrors || props.errors,
-        onChange: validationAsyncOnChange,
-        onBlur: onBlur,
-        infoMessage: validationAsyncSuccessMessage
-    };
-    return _jsx(BasicTypeSchema, __assign({}, basicTypeSchemaProps));
-};
-ValidationAsyncSchema.defaultProps = { required: false };
-export default ValidationAsyncSchema;

package/build/jsonSchemaForm/validationAsyncSchema/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './ValidationAsyncSchema';
-export type { ValidationAsyncSchemaProps } from './ValidationAsyncSchema';

package/build/jsonSchemaForm/validationAsyncSchema/index.js

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

package/build/layout/DynamicLayout.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { FormErrors, LayoutComponent, Model } from '../dynamic-flow-types';
-import { OnAction, OnModelChange, OnPersistAsync } from '../schema';
-export type CommonLayoutProps = {
-    model?: Model;
-    submitted: boolean;
-    errors?: FormErrors;
-    baseUrl?: string;
-    onAction: OnAction;
-    onModelChange: OnModelChange;
-    onPersistAsync: OnPersistAsync;
-};
-type DynamicLayoutProps = {
-    components: LayoutComponent[];
-} & CommonLayoutProps;
-declare const DynamicLayout: (props: DynamicLayoutProps) => JSX.Element;
-export default DynamicLayout;

package/build/layout/DynamicLayout.js

@@ -1,75 +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 } from "react/jsx-runtime";
-import { FetcherProviderFromBaseUrl, useHasFetcherProvider, } from '../common/contexts/fetcherContext';
-import DynamicAlert from './alert';
-import DynamicBox from './box';
-import DynamicButton from './button';
-import DynamicColumns from './columns';
-import DynamicDecision from './decision';
-import DynamicDivider from './divider';
-import { DynamicExternal } from './external';
-import DynamicForm from './form';
-import DynamicHeading from './heading';
-import DynamicImage from './image';
-import DynamicInfo from './info';
-import { DynamicList } from './list';
-import { DynamicLoadingIndicator } from './loading-indicator';
-import { DynamicParagraph } from './paragraph';
-import DynamicReview from './review';
-var getKey = function (component) { return JSON.stringify(component); };
-var DynamicLayout = function (props) {
-    var components = props.components, model = props.model, submitted = props.submitted, errors = props.errors, onModelChange = props.onModelChange, onAction = props.onAction, onPersistAsync = props.onPersistAsync, baseUrl = props.baseUrl;
-    var renderComponent = function (component) {
-        switch (component.type) {
-            case 'heading':
-                return _jsx(DynamicHeading, { component: component }, getKey(component));
-            case 'paragraph':
-                return _jsx(DynamicParagraph, { component: component }, getKey(component));
-            case 'image':
-                return _jsx(DynamicImage, { component: component }, getKey(component));
-            case 'alert':
-                return _jsx(DynamicAlert, { component: component }, getKey(component));
-            case 'review':
-                return _jsx(DynamicReview, { component: component, onAction: onAction }, getKey(component));
-            case 'divider':
-                return _jsx(DynamicDivider, { component: component }, getKey(component));
-            case 'info':
-                return _jsx(DynamicInfo, { component: component }, getKey(component));
-            case 'columns':
-                return (_jsx(DynamicColumns, { component: component, model: model, submitted: submitted, errors: errors, onModelChange: onModelChange, onAction: onAction, onPersistAsync: onPersistAsync }, getKey(component)));
-            case 'form':
-                return (_jsx(DynamicForm, { component: component, model: model, submitted: submitted, errors: errors, onModelChange: onModelChange, onPersistAsync: onPersistAsync }, getKey(component)));
-            case 'button':
-                return _jsx(DynamicButton, { component: component, onAction: onAction }, getKey(component));
-            case 'box':
-                return (_jsx(DynamicBox, { component: component, model: model, submitted: submitted, errors: errors, onModelChange: onModelChange, onAction: onAction, onPersistAsync: onPersistAsync }, getKey(component)));
-            case 'decision':
-                return (_jsx(DynamicDecision, { component: component, onAction: onAction }, getKey(component)));
-            case 'external':
-                return (_jsx(DynamicExternal, { component: component, onAction: onAction }, getKey(component)));
-            case 'list':
-                return _jsx(DynamicList, { component: component, onAction: onAction }, getKey(component));
-            case 'loading-indicator':
-                return _jsx(DynamicLoadingIndicator, { component: component }, getKey(component));
-            default:
-                return _jsx("div", {}, getKey(component));
-        }
-    };
-    if (useHasFetcherProvider() || baseUrl == null) {
-        return _jsx(_Fragment, { children: components.map(renderComponent) });
-    }
-    else {
-        return (_jsx(FetcherProviderFromBaseUrl, __assign({ baseUrl: baseUrl }, { children: components.map(renderComponent) })));
-    }
-};
-export default DynamicLayout;

package/build/layout/alert/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { Alert as AlertType } from '../../dynamic-flow-types';
-declare const DynamicAlert: (props: {
-    component: AlertType;
-}) => JSX.Element;
-export default DynamicAlert;

package/build/layout/alert/index.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Alert } from '@transferwise/components';
-import { getMarginBottom } from '../utils';
-var DynamicAlert = function (props) {
-    var alert = props.component;
-    return (_jsx(Alert, { type: mapContextToAlertType(legacy_mapContext(alert.context)), className: getMarginBottom(alert.margin), message: alert.markdown }));
-};
-var legacy_mapContext = function (context) {
-    switch (context) {
-        case 'success':
-            return 'positive';
-        case 'failure':
-            return 'negative';
-        case 'warning':
-            return 'warning';
-        case 'info':
-        case 'primary':
-            return 'neutral';
-        default:
-            return context;
-    }
-};
-var mapContextToAlertType = function (context) {
-    if (!context || !['neutral', 'warning', 'negative', 'positive'].includes(context)) {
-        return 'neutral';
-    }
-    return context;
-};
-export default DynamicAlert;

package/build/layout/box/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { BoxLayout } from '../../dynamic-flow-types';
-import { CommonLayoutProps } from '../DynamicLayout';
-type Props = CommonLayoutProps & {
-    component: BoxLayout;
-};
-declare const DynamicBox: (props: Props) => JSX.Element;
-export default DynamicBox;

package/build/layout/box/index.js

@@ -1,41 +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 } from "react/jsx-runtime";
-import DynamicLayout from '..';
-import { getMarginBottom } from '../utils';
-var DynamicBox = function (props) {
-    var box = props.component;
-    var margin = getMarginBottom(box.margin || box.border ? 'lg' : 'xs');
-    if (!box.width || box.width === 'xl') {
-        return (_jsx("div", __assign({ className: margin + getBorderClass(box.border) }, { children: _jsx(DynamicLayout, { components: box.components, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })));
-    }
-    return (_jsx("div", __assign({ className: "row" }, { children: _jsx("div", __assign({ className: margin + getBoxWidthClasses(box) }, { children: _jsx("div", __assign({ className: getBorderClass(box.border) }, { children: _jsx(DynamicLayout, { components: box.components, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })) })) })));
-};
-var getBorderClass = function (border) {
-    return border ? ' well p-b-0' : '';
-};
-var getBoxWidthClasses = function (component) {
-    switch (component.width) {
-        case 'xs':
-            return ' col-md-4 col-md-offset-4';
-        case 'sm':
-            return ' col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4';
-        case 'md':
-            return ' col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3';
-        case 'lg':
-            return ' col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2';
-        case 'xl':
-        default:
-            return ' col-xs-12';
-    }
-};
-export default DynamicBox;

package/build/layout/button/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ButtonLayout } from '../../dynamic-flow-types';
-import { CommonLayoutProps } from '../DynamicLayout';
-type Props = Omit<CommonLayoutProps, 'submitted' | 'onModelChange' | 'onPersistAsync'> & {
-    component: ButtonLayout;
-};
-declare const DynamicButton: (props: Props) => JSX.Element;
-export default DynamicButton;

package/build/layout/button/index.js

@@ -1,58 +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 } from "react/jsx-runtime";
-import { Button } from '@transferwise/components';
-import { useDynamicFlow } from '../../common/contexts/dynamicFlowContext/dynamicFlowContext';
-import { getMarginBottom } from '../utils';
-var DynamicButton = function (props) {
-    var component = props.component, onAction = props.onAction;
-    var componentAction = component.action; // there should be no $ref at this point
-    var _a = getButtonTypeAndPriority(componentAction), type = _a.type, priority = _a.priority;
-    var loading = useDynamicFlow().loading;
-    var className = getMarginBottom(component.margin || 'md') +
-        ' ' +
-        getActionClasses(componentAction); // this can probably be removed
-    return (_jsx(Button, __assign({ size: getButtonSize(component.size), type: type, priority: priority, block: true, className: className, disabled: componentAction.disabled || loading, onClick: function () { return onAction(componentAction); } }, { children: componentAction.title })));
-};
-var getActionClasses = function (action) {
-    return action.primary ? 'btn-primary' : '';
-};
-var getButtonSize = function (size) {
-    switch (size) {
-        case 'xs':
-        case 'sm':
-            return 'sm';
-        case 'lg':
-        case 'xl':
-            return 'lg';
-        case 'md':
-        default:
-            return 'md';
-    }
-};
-var getButtonTypeAndPriority = function (action) {
-    switch (action.type) {
-        case 'link':
-            return { type: 'accent', priority: 'tertiary' };
-        case 'primary':
-            return { type: 'accent', priority: 'primary' };
-        case 'secondary':
-            return { type: 'accent', priority: 'secondary' };
-        case 'positive':
-            return { type: 'positive', priority: 'primary' };
-        case 'negative':
-            return { type: 'negative', priority: 'primary' };
-        default:
-            return { type: 'accent', priority: 'secondary' };
-    }
-};
-export default DynamicButton;

package/build/layout/columns/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ColumnsLayout } from '../../dynamic-flow-types';
-import { CommonLayoutProps } from '../DynamicLayout';
-type Props = CommonLayoutProps & {
-    component: ColumnsLayout;
-};
-declare const DynamicColumns: (props: Props) => JSX.Element;
-export default DynamicColumns;

package/build/layout/columns/index.js

@@ -1,38 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import DynamicLayout from '..';
-import { getMarginBottom } from '../utils';
-var DynamicColumns = function (props) {
-    var columns = props.component;
-    var _a = getWidth(columns.bias), leftWidth = _a.leftWidth, rightWidth = _a.rightWidth;
-    return (_jsxs("div", __assign({ className: "".concat(getMarginBottom(columns.margin || 'xs'), " row") }, { children: [_jsx("div", __assign({ className: "".concat(leftWidth, " m-b-0") }, { children: _jsx(DynamicLayout, { components: columns.left, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })), _jsx("div", __assign({ className: "".concat(rightWidth, " m-b-0") }, { children: _jsx(DynamicLayout, { components: columns.right, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) }))] })));
-};
-var getWidth = function (bias) {
-    if (bias === 'left') {
-        return {
-            leftWidth: 'col-md-8',
-            rightWidth: 'col-md-4'
-        };
-    }
-    if (bias === 'right') {
-        return {
-            leftWidth: 'col-md-4',
-            rightWidth: 'col-md-8'
-        };
-    }
-    return {
-        leftWidth: 'col-md-6',
-        rightWidth: 'col-md-6'
-    };
-};
-export default DynamicColumns;

package/build/layout/decision/index.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { DecisionLayout } from '../../dynamic-flow-types';
-import { OnAction } from '../../schema';
-type Props = {
-    component: DecisionLayout;
-    onAction: OnAction;
-};
-declare const DynamicDecision: (props: Props) => JSX.Element;
-export default DynamicDecision;

package/build/layout/decision/index.js

@@ -1,38 +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 } from "react/jsx-runtime";
-import { Avatar, AvatarType, NavigationOption, NavigationOptionsList, } from '@transferwise/components';
-import DynamicIcon from '../icon';
-import { getMarginBottom } from '../utils';
-var getMedia = function (option) {
-    var _a, _b, _c;
-    if ((_a = option.icon) === null || _a === void 0 ? void 0 : _a.name) {
-        return (_jsx(Avatar, __assign({ type: AvatarType.ICON }, { children: _jsx(DynamicIcon, { type: option.icon.name }) })));
-    }
-    if ((_b = option.icon) === null || _b === void 0 ? void 0 : _b.text) {
-        return _jsx(Avatar, __assign({ type: AvatarType.INITIALS }, { children: option.icon.text }));
-    }
-    if ((_c = option.image) === null || _c === void 0 ? void 0 : _c.url) {
-        var _d = option.image, url = _d.url, text = _d.text;
-        return _jsx("img", { src: url, alt: text });
-    }
-    return undefined;
-};
-var DynamicDecision = function (props) {
-    var decision = props.component;
-    var renderDecisionOption = function (option, onAction) {
-        var media = getMedia(option);
-        return (_jsx(NavigationOption, { title: option.title, content: option.description, disabled: option.disabled, media: media, showMediaCircle: false, showMediaAtAllSizes: true, onClick: function () { return onAction(option.action); } }, JSON.stringify(option)));
-    };
-    return (_jsx("div", __assign({ className: getMarginBottom(decision.margin) }, { children: _jsx(NavigationOptionsList, { children: decision.options.map(function (option) { return renderDecisionOption(option, props.onAction); }) }) })));
-};
-export default DynamicDecision;

package/build/layout/divider/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { DividerLayout } from '../../dynamic-flow-types';
-type Props = {
-    component: DividerLayout;
-};
-declare const DynamicDivider: ({ component }: Props) => JSX.Element;
-export default DynamicDivider;

package/build/layout/divider/index.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getMarginBottom } from '../utils';
-var DynamicDivider = function (_a) {
-    var component = _a.component;
-    var margin = getMarginBottom(component.margin);
-    var className = "m-t-0 ".concat(margin);
-    return _jsx("hr", { className: className });
-};
-export default DynamicDivider;

package/build/layout/external/DynamicExternal.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Action, ExternalLayout } from '../../dynamic-flow-types';
-type Props = {
-    component: ExternalLayout;
-    onAction: (action: Action) => void;
-};
-export declare const DynamicExternal: ({ component, onAction }: Props) => JSX.Element;
-export {};

package/build/layout/external/DynamicExternal.js

@@ -1,30 +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 { Button, Loader, Size } from '@transferwise/components';
-import { useCallback, useEffect } from 'react';
-import { useIntl } from 'react-intl';
-import messages from './DynamicExternal.messages';
-import { useStepPolling } from './useExternalStepPolling';
-export var DynamicExternal = function (_a) {
-    var component = _a.component, onAction = _a.onAction;
-    var requestUrl = component.requestUrl, responseHandlers = component.responseHandlers, polling = component.polling, retryTitle = component.retryTitle;
-    var intl = useIntl();
-    var openExternalUrl = useCallback(function () { return window.open(requestUrl, 'df-external-window'); }, [requestUrl]);
-    useEffect(function () {
-        openExternalUrl();
-    }, [openExternalUrl]);
-    var pollingConfiguration = polling && responseHandlers
-        ? __assign(__assign({}, polling), { responseHandlers: responseHandlers }) : undefined;
-    useStepPolling(pollingConfiguration, onAction);
-    return (_jsxs(_Fragment, { children: [_jsx(Loader, { size: Size.LARGE, classNames: { 'tw-loader': 'tw-loader m-x-auto' } }), _jsx("br", {}), _jsx(Button, __assign({ priority: "tertiary", block: true, onClick: openExternalUrl }, { children: retryTitle || intl.formatMessage(messages.retryTitle) }))] }));
-};

package/build/layout/external/DynamicExternal.messages.d.ts

@@ -1,8 +0,0 @@
-declare namespace _default {
-    namespace retryTitle {
-        const id: string;
-        const defaultMessage: string;
-        const description: string;
-    }
-}
-export default _default;

package/build/layout/external/DynamicExternal.messages.js

@@ -1,8 +0,0 @@
-import { defineMessages } from 'react-intl';
-export default defineMessages({
-    retryTitle: {
-        id: 'dynamicFlows.DynamicExternal.retryTitle',
-        defaultMessage: 'Reopen window',
-        description: ''
-    }
-});

package/build/layout/external/index.d.ts

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

package/build/layout/external/index.js

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

package/build/layout/external/useExternalStepPolling.d.ts

@@ -1,11 +0,0 @@
-import { Action, PollingConfiguration } from '../../dynamic-flow-types';
-export type ExternalStepPollingConfiguration = PollingConfiguration & {
-    maxConsecutiveFails: number;
-    responseHandlers: ResponseHandler[];
-};
-type ResponseHandler = {
-    result: string;
-    action: Action;
-};
-export declare function useStepPolling(polling: ExternalStepPollingConfiguration | undefined, onAction: (action: Action) => void): void;
-export {};