@wise/dynamic-flow-client 0.4.2 → 0.4.4

package/build/jsonSchemaForm/schemaFormControl/utils/currency-utils.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCurrencyFlag = void 0;
-function getCurrencyFlag(iconName) {
-    if (iconName) {
-        const index = availablePrefixedCurrencyFlags.indexOf(iconName);
-        if (index >= 0) {
-            return {
-                currency: availableCurrencyFlags[index],
-            };
-        }
-    }
-    return null;
-}
-exports.getCurrencyFlag = getCurrencyFlag;
-const availableCurrencyFlags = [
-    'eur',
-    'gbp',
-    'inr',
-    'usd',
-    'aed',
-    'ars',
-    'aud',
-    'bdt',
-    'bgn',
-    'brl',
-    'bwp',
-    'cad',
-    'chf',
-    'clp',
-    'cny',
-    'cop',
-    'crc',
-    'czk',
-    'dkk',
-    'egp',
-    'fjd',
-    'gel',
-    'ghs',
-    'hkd',
-    'hrk',
-    'huf',
-    'idr',
-    'ils',
-    'jpy',
-    'kes',
-    'krw',
-    'lkr',
-    'mad',
-    'mxn',
-    'myr',
-    'mzn',
-    'nad',
-    'ngn',
-    'nok',
-    'npr',
-    'nzd',
-    'pen',
-    'php',
-    'pkr',
-    'pln',
-    'ron',
-    'rub',
-    'sek',
-    'sgd',
-    'thb',
-    'try',
-    'tzs',
-    'uah',
-    'ugx',
-    'uyu',
-    'vnd',
-    'xof',
-    'zar',
-    'zmw',
-];
-const availablePrefixedCurrencyFlags = availableCurrencyFlags.map((code) => `flag-${code}`);

package/build/jsonSchemaForm/schemaFormControl/utils/index.js

@@ -1,17 +0,0 @@
-"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];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./mapping-utils"), exports);

package/build/jsonSchemaForm/schemaFormControl/utils/mapping-utils.js

@@ -1,110 +0,0 @@
-"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];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapSchemaToUploadOptions = exports.mapAvatar = exports.mapIconToAvatar = exports.mapIcon = exports.mapImage = exports.mapConstSchemaToOption = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("@transferwise/components");
-const validators_1 = require("../../../common/validators");
-const DynamicIcon_1 = __importStar(require("../../../layout/icon/DynamicIcon"));
-const currency_utils_1 = require("./currency-utils");
-const mapConstSchemaToOption = (schema, controlType) => {
-    switch (controlType) {
-        case 'select':
-            return mapConstSchemaToSelectOption(schema);
-        case 'radio':
-        default:
-            return mapConstSchemaToRadioOption(schema);
-    }
-};
-exports.mapConstSchemaToOption = mapConstSchemaToOption;
-const mapConstSchemaToRadioOption = (schema) => {
-    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 
-        // TODO: LOW avoid type assertion -- using || '' would fail some tests
-        label: schema.title, value: schema.const }, getOptionDescription(schema.title, schema.description)), (0, exports.mapIconToAvatar)(schema.icon)), mapCurrency(schema.icon)), (0, exports.mapAvatar)(schema.image)), getDisabled(schema.disabled));
-};
-const mapConstSchemaToSelectOption = (schema) => {
-    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 
-        // TODO: LOW avoid type assertion -- using || '' would fail some tests
-        label: schema.title, value: schema.const }, getOptionDescription(schema.title, schema.description)), (0, exports.mapIcon)(schema.icon)), mapCurrency(schema.icon)), (0, exports.mapImage)(schema.image)), getDisabled(schema.disabled)), mapKeywordsToSearchStrings(schema.keywords));
-};
-// TODO: LOW avoid type assertion below -- icon.name may be undefined
-const mapCurrency = (icon) => (icon ? (0, currency_utils_1.getCurrencyFlag)(icon.name) : null);
-const mapKeywordsToSearchStrings = (searchStrings) => (0, validators_1.isArray)(searchStrings) ? { searchStrings } : {};
-const mapImage = (image) => {
-    if (image === null || image === void 0 ? void 0 : image.url) {
-        return {
-            icon: ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "media" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "np-option__no-media-circle" }, { children: (0, jsx_runtime_1.jsx)("img", { src: image.url, alt: image.name || '' }) })) }))),
-        };
-    }
-    return null;
-};
-exports.mapImage = mapImage;
-const mapIcon = (icon) => {
-    if ((icon === null || icon === void 0 ? void 0 : icon.name) && (0, DynamicIcon_1.isValidIconName)(icon.name)) {
-        return { icon: (0, jsx_runtime_1.jsx)(DynamicIcon_1.default, { type: icon.name }) };
-    }
-    if (icon === null || icon === void 0 ? void 0 : icon.text) {
-        return { icon: (0, jsx_runtime_1.jsx)("span", { children: icon.text }) };
-    }
-    return null;
-};
-exports.mapIcon = mapIcon;
-const mapIconToAvatar = (icon) => {
-    if ((icon === null || icon === void 0 ? void 0 : icon.name) && (0, DynamicIcon_1.isValidIconName)(icon.name)) {
-        return {
-            avatar: ((0, jsx_runtime_1.jsx)(components_1.Avatar, Object.assign({ type: components_1.AvatarType.ICON }, { children: (0, jsx_runtime_1.jsx)(DynamicIcon_1.default, { type: icon.name }) }))),
-        };
-    }
-    if (icon === null || icon === void 0 ? void 0 : icon.text) {
-        return {
-            avatar: (0, jsx_runtime_1.jsx)(components_1.Avatar, Object.assign({ type: components_1.AvatarType.INITIALS }, { children: icon.text })),
-        };
-    }
-    return null;
-};
-exports.mapIconToAvatar = mapIconToAvatar;
-const mapAvatar = (image) => {
-    return image && image.url
-        ? {
-            avatar: ((0, jsx_runtime_1.jsx)(components_1.Avatar, Object.assign({ type: components_1.AvatarType.THUMBNAIL }, { children: (0, jsx_runtime_1.jsx)("img", { src: image.url, alt: "User avatar" }) }))),
-        }
-        : null;
-};
-exports.mapAvatar = mapAvatar;
-const mapSchemaToUploadOptions = ({ accepts }) => (Object.assign({}, ((0, validators_1.isArray)(accepts) && { usAccept: accepts.join(',') })));
-exports.mapSchemaToUploadOptions = mapSchemaToUploadOptions;
-const getOptionDescription = (title, description) => {
-    if (title && description) {
-        const keyForDescription = (title + description).length > 50 ? 'secondary' : 'note';
-        return { [keyForDescription]: description };
-    }
-    return undefined;
-};
-const getDisabled = (disabled) => {
-    if (!(0, validators_1.isUndefined)(disabled) && !(0, validators_1.isNull)(disabled)) {
-        return { disabled };
-    }
-    return undefined;
-};

package/build/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.js

@@ -1,89 +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_1 = require("react");
-const contexts_1 = require("../../common/contexts");
-const utils_1 = require("../../common/utils");
-const validators_1 = require("../../common/validators");
-const basicTypeSchema_1 = __importDefault(require("../basicTypeSchema"));
-const ValidationAsyncSchema = (props) => {
-    const [validationAsyncModel, setValidationAsyncModel] = (0, react_1.useState)(props.model);
-    const previousRequestedModelReference = (0, react_1.useRef)(null);
-    const [validationAsyncSuccessMessage, setValidationAsyncSuccessMessage] = (0, react_1.useState)(null);
-    const [validationAsyncErrors, setValidationAsyncErrors] = (0, react_1.useState)(null);
-    const [fieldSubmitted, setFieldSubmitted] = (0, react_1.useState)(false);
-    const [abortController, setAbortController] = (0, react_1.useState)(null);
-    const fetcher = (0, contexts_1.useFetcher)();
-    const onEvent = (0, contexts_1.useEventDispatcher)();
-    const logger = (0, contexts_1.useLogger)();
-    const getValidationAsyncResponse = async (currentValidationAsyncModel, validationAsyncSpec) => {
-        const signal = abortCurrentRequestAndGetNewAbortSignal();
-        const requestBody = { [validationAsyncSpec.param]: currentValidationAsyncModel };
-        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".', {});
-        }
-        onEvent('Dynamic Flow - ValidationAsync', { status: 'pending' });
-        const response = await fetcher(validationAsyncSpec.url, {
-            method: validationAsyncSpec.method || 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: validationAsyncSpec.method === 'GET' ? undefined : JSON.stringify(requestBody),
-            signal,
-        });
-        try {
-            const jsonResponse = await response.json();
-            if (!(0, validators_1.isObject)(jsonResponse)) {
-                throw new Error('Response body is not an object');
-            }
-            onEvent('Dynamic Flow - ValidationAsync', { status: 'success' });
-            if (response.status === 200) {
-                setValidationAsyncSuccessMessage((0, validators_1.isString)(jsonResponse.message) ? jsonResponse.message : null);
-            }
-            else if (response.status === 422) {
-                setValidationAsyncErrors((0, validators_1.isString)(jsonResponse.message) ? jsonResponse.message : null);
-            }
-        }
-        catch (_a) {
-            onEvent('Dynamic Flow - ValidationAsync', { status: 'failure' });
-        }
-    };
-    const abortCurrentRequestAndGetNewAbortSignal = () => {
-        if (abortController) {
-            abortController.abort();
-        }
-        const newAbortController = new AbortController();
-        setAbortController(newAbortController);
-        return newAbortController.signal;
-    };
-    const onBlur = () => {
-        if (!(0, validators_1.isNull)(validationAsyncModel) &&
-            !(0, utils_1.isEqual)(validationAsyncModel, previousRequestedModelReference.current)) {
-            void getValidationAsyncResponse(validationAsyncModel, props.schema.validationAsync);
-        }
-    };
-    const validationAsyncOnChange = (parameters) => {
-        props.onChange(Object.assign(Object.assign({}, parameters), { triggerSchema: props.schema, triggerModel: parameters.model }));
-        setValidationAsyncErrors(null);
-        setValidationAsyncSuccessMessage(null);
-        if ((0, validators_1.isValidSchema)(parameters.model, props.schema)) {
-            setValidationAsyncModel(parameters.model);
-        }
-    };
-    const basicTypeSchemaProps = {
-        required: props.required,
-        submitted: props.submitted || fieldSubmitted,
-        schema: props.schema,
-        model: validationAsyncModel,
-        errors: validationAsyncErrors || props.errors,
-        onChange: validationAsyncOnChange,
-        onBlur: onBlur,
-        infoMessage: validationAsyncSuccessMessage,
-    };
-    return (0, jsx_runtime_1.jsx)(basicTypeSchema_1.default, Object.assign({}, basicTypeSchemaProps));
-};
-ValidationAsyncSchema.defaultProps = { required: false };
-exports.default = ValidationAsyncSchema;

package/build/jsonSchemaForm/validationAsyncSchema/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 ValidationAsyncSchema_1 = require("./ValidationAsyncSchema");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ValidationAsyncSchema_1).default; } });

package/build/layout/DynamicLayout.js

@@ -1,52 +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 _1 = require(".");
-const getKey = (component) => JSON.stringify(component);
-const DynamicLayout = (props) => {
-    const { components, model, submitted, errors, onModelChange, onAction, onPersistAsync, baseUrl } = props;
-    const renderComponent = (component) => {
-        switch (component.type) {
-            case 'heading':
-                return (0, jsx_runtime_1.jsx)(_1.DynamicHeading, { component: component }, getKey(component));
-            case 'paragraph':
-                return (0, jsx_runtime_1.jsx)(_1.DynamicParagraph, { component: component }, getKey(component));
-            case 'image':
-                return (0, jsx_runtime_1.jsx)(_1.DynamicImage, { component: component }, getKey(component));
-            case 'alert':
-                return (0, jsx_runtime_1.jsx)(_1.DynamicAlert, { component: component }, getKey(component));
-            case 'review':
-                return (0, jsx_runtime_1.jsx)(_1.DynamicReview, { component: component, onAction: onAction }, getKey(component));
-            case 'divider':
-                return (0, jsx_runtime_1.jsx)(_1.DynamicDivider, { component: component }, getKey(component));
-            case 'info':
-                return (0, jsx_runtime_1.jsx)(_1.DynamicInfo, { component: component }, getKey(component));
-            case 'columns':
-                return ((0, jsx_runtime_1.jsx)(_1.DynamicColumns, { component: component, model: model, submitted: submitted, errors: errors, onModelChange: onModelChange, onAction: onAction, onPersistAsync: onPersistAsync }, getKey(component)));
-            case 'form':
-                return ((0, jsx_runtime_1.jsx)(_1.DynamicForm, { component: component, model: model, submitted: submitted, errors: errors, onModelChange: onModelChange, onPersistAsync: onPersistAsync }, getKey(component)));
-            case 'button':
-                return (0, jsx_runtime_1.jsx)(_1.DynamicButton, { component: component, onAction: onAction }, getKey(component));
-            case 'box':
-                return ((0, jsx_runtime_1.jsx)(_1.DynamicBox, { component: component, model: model, submitted: submitted, errors: errors, onModelChange: onModelChange, onAction: onAction, onPersistAsync: onPersistAsync }, getKey(component)));
-            case 'decision':
-                return ((0, jsx_runtime_1.jsx)(_1.DynamicDecision, { component: component, onAction: onAction }, getKey(component)));
-            case 'external':
-                return ((0, jsx_runtime_1.jsx)(_1.DynamicExternal, { component: component, onAction: onAction }, getKey(component)));
-            case 'list':
-                return (0, jsx_runtime_1.jsx)(_1.DynamicList, { component: component, onAction: onAction }, getKey(component));
-            case 'loading-indicator':
-                return (0, jsx_runtime_1.jsx)(_1.DynamicLoadingIndicator, { component: component }, getKey(component));
-            default:
-                return (0, jsx_runtime_1.jsx)("div", {}, getKey(component));
-        }
-    };
-    if ((0, contexts_1.useHasFetcherProvider)() || baseUrl == null) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: components.map(renderComponent) });
-    }
-    else {
-        return ((0, jsx_runtime_1.jsx)(contexts_1.FetcherProviderFromBaseUrl, Object.assign({ baseUrl: baseUrl }, { children: components.map(renderComponent) })));
-    }
-};
-exports.default = DynamicLayout;

package/build/layout/alert/DynamicAlert.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("@transferwise/components");
-const utils_1 = require("../utils");
-const DynamicAlert = (props) => {
-    const alert = props.component;
-    return ((0, jsx_runtime_1.jsx)(components_1.Alert, { type: mapContextToAlertType(legacy_mapContext(alert.context)), className: (0, utils_1.getMarginBottom)(alert.margin), message: alert.markdown }));
-};
-const legacy_mapContext = (context) => {
-    switch (context) {
-        case 'success':
-            return 'positive';
-        case 'failure':
-            return 'negative';
-        case 'warning':
-            return 'warning';
-        case 'info':
-        case 'primary':
-            return 'neutral';
-        default:
-            return context;
-    }
-};
-const mapContextToAlertType = (context) => {
-    if (!context || !['neutral', 'warning', 'negative', 'positive'].includes(context)) {
-        return 'neutral';
-    }
-    return context;
-};
-exports.default = DynamicAlert;

package/build/layout/box/DynamicBox.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-const utils_1 = require("../utils");
-const DynamicBox = (props) => {
-    const box = props.component;
-    const margin = (0, utils_1.getMarginBottom)(box.margin || box.border ? 'lg' : 'xs');
-    if (!box.width || box.width === 'xl') {
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: margin + getBorderClass(box.border) }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicLayout, { components: box.components, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })));
-    }
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "row" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: margin + getBoxWidthClasses(box) }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: getBorderClass(box.border) }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicLayout, { components: box.components, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })) })) })));
-};
-const getBorderClass = (border) => {
-    return border ? ' well p-b-0' : '';
-};
-const getBoxWidthClasses = (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';
-    }
-};
-exports.default = DynamicBox;

package/build/layout/button/DynamicButton.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("@transferwise/components");
-const contexts_1 = require("../../common/contexts");
-const utils_1 = require("../utils");
-const DynamicButton = (props) => {
-    const { component, onAction } = props;
-    const componentAction = component.action; // there should be no $ref at this point
-    const { type, priority } = getButtonTypeAndPriority(componentAction);
-    const { loading } = (0, contexts_1.useDynamicFlow)();
-    const className = (0, utils_1.getMarginBottom)(component.margin || 'md') +
-        ' ' +
-        getActionClasses(componentAction); // this can probably be removed
-    return ((0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ size: getButtonSize(component.size), type: type, priority: priority, block: true, className: className, disabled: componentAction.disabled || loading, onClick: () => onAction(componentAction) }, { children: componentAction.title })));
-};
-const getActionClasses = (action) => {
-    return action.primary ? 'btn-primary' : '';
-};
-const getButtonSize = (size) => {
-    switch (size) {
-        case 'xs':
-        case 'sm':
-            return 'sm';
-        case 'lg':
-        case 'xl':
-            return 'lg';
-        case 'md':
-        default:
-            return 'md';
-    }
-};
-const getButtonTypeAndPriority = (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' };
-    }
-};
-exports.default = DynamicButton;

package/build/layout/columns/DynamicColumns.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-const utils_1 = require("../utils");
-const DynamicColumns = (props) => {
-    const columns = props.component;
-    const { leftWidth, rightWidth } = getWidth(columns.bias);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `${(0, utils_1.getMarginBottom)(columns.margin || 'xs')} row` }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${leftWidth} m-b-0` }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicLayout, { components: columns.left, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${rightWidth} m-b-0` }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicLayout, { components: columns.right, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) }))] })));
-};
-const getWidth = (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',
-    };
-};
-exports.default = DynamicColumns;

package/build/layout/decision/DynamicDecision.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("@transferwise/components");
-const __1 = require("..");
-const utils_1 = require("../utils");
-const getMedia = (option) => {
-    var _a, _b, _c;
-    if ((_a = option.icon) === null || _a === void 0 ? void 0 : _a.name) {
-        return ((0, jsx_runtime_1.jsx)(components_1.Avatar, Object.assign({ type: components_1.AvatarType.ICON }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicIcon, { type: option.icon.name }) })));
-    }
-    if ((_b = option.icon) === null || _b === void 0 ? void 0 : _b.text) {
-        return (0, jsx_runtime_1.jsx)(components_1.Avatar, Object.assign({ type: components_1.AvatarType.INITIALS }, { children: option.icon.text }));
-    }
-    if ((_c = option.image) === null || _c === void 0 ? void 0 : _c.url) {
-        const { url, text } = option.image;
-        return (0, jsx_runtime_1.jsx)("img", { src: url, alt: text });
-    }
-    return undefined;
-};
-const DynamicDecision = (props) => {
-    const decision = props.component;
-    const renderDecisionOption = (option, onAction) => {
-        const media = getMedia(option);
-        return ((0, jsx_runtime_1.jsx)(components_1.NavigationOption, { title: option.title, content: option.description, disabled: option.disabled, media: media, showMediaCircle: false, showMediaAtAllSizes: true, onClick: () => onAction(option.action) }, JSON.stringify(option)));
-    };
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, utils_1.getMarginBottom)(decision.margin) }, { children: (0, jsx_runtime_1.jsx)(components_1.NavigationOptionsList, { children: decision.options.map((option) => renderDecisionOption(option, props.onAction)) }) })));
-};
-exports.default = DynamicDecision;

package/build/layout/divider/DynamicDivider.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../utils");
-const DynamicDivider = ({ component }) => {
-    const margin = (0, utils_1.getMarginBottom)(component.margin);
-    const className = `m-t-0 ${margin}`;
-    return (0, jsx_runtime_1.jsx)("hr", { className: className });
-};
-exports.default = DynamicDivider;

package/build/layout/external/DynamicExternal.js

@@ -1,25 +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_1 = require("react");
-const react_intl_1 = require("react-intl");
-const hooks_1 = require("../../common/hooks");
-const DynamicExternal_messages_1 = __importDefault(require("./DynamicExternal.messages"));
-/** @deprecated - No longer supported, use the external feature instead */
-const DynamicExternal = ({ component, onAction }) => {
-    const { requestUrl, responseHandlers, polling, retryTitle } = component;
-    const intl = (0, react_intl_1.useIntl)();
-    const openExternalUrl = (0, react_1.useCallback)(() => window.open(requestUrl, 'df-external-window'), [requestUrl]);
-    (0, react_1.useEffect)(() => {
-        openExternalUrl();
-    }, [openExternalUrl]);
-    const pollingConfiguration = polling && responseHandlers
-        ? Object.assign(Object.assign({}, polling), { responseHandlers }) : undefined;
-    (0, hooks_1.useExternalStepPolling)(pollingConfiguration, onAction);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Loader, { size: components_1.Size.LARGE, classNames: { 'tw-loader': 'tw-loader m-x-auto' } }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ priority: "tertiary", block: true, onClick: openExternalUrl }, { children: retryTitle || intl.formatMessage(DynamicExternal_messages_1.default.retryTitle) }))] }));
-};
-exports.default = DynamicExternal;

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_intl_1 = require("react-intl");
-exports.default = (0, react_intl_1.defineMessages)({
-    retryTitle: {
-        id: 'dynamicFlows.DynamicExternal.retryTitle',
-        defaultMessage: 'Reopen window',
-        description: '',
-    },
-});

package/build/layout/form/DynamicForm.js

@@ -1,16 +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 jsonSchemaForm_1 = __importDefault(require("../../jsonSchemaForm"));
-const utils_1 = require("../utils");
-const DynamicForm = (props) => {
-    const form = props.component;
-    const formSchema = form.schema; // There should be no $ref at this point
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, utils_1.getMarginBottom)(form.margin || 'md') }, { children: (0, jsx_runtime_1.jsx)(jsonSchemaForm_1.default, { schema: formSchema, model: props.model, submitted: props.submitted, errors: props.errors, onChange: (parameters) => {
-                props.onModelChange(Object.assign({ formSchema }, parameters));
-            }, onPersistAsync: props.onPersistAsync }) })));
-};
-exports.default = DynamicForm;

package/build/layout/heading/DynamicHeading.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../utils");
-const DynamicHeading = (props) => {
-    const { text, size = 'md', align = 'left', margin = 'md' } = props.component;
-    const classes = (0, utils_1.getTextAlignmentAndMargin)({ align, margin });
-    switch (size) {
-        case 'xs':
-            return (0, jsx_runtime_1.jsx)("h5", Object.assign({ className: classes }, { children: text }));
-        case 'sm':
-            return (0, jsx_runtime_1.jsx)("h4", Object.assign({ className: classes }, { children: text }));
-        case 'lg':
-            return (0, jsx_runtime_1.jsx)("h2", Object.assign({ className: classes }, { children: text }));
-        case 'xl':
-            return (0, jsx_runtime_1.jsx)("h1", Object.assign({ className: classes }, { children: text }));
-        case 'md':
-        default:
-            return (0, jsx_runtime_1.jsx)("h3", Object.assign({ className: classes }, { children: text }));
-    }
-};
-exports.default = DynamicHeading;