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

package/build/jsonSchemaForm/readOnlySchema/ReadOnlySchema.messages.js

@@ -0,0 +1,15 @@
+"use strict";
+exports.__esModule = true;
+var react_intl_1 = require("react-intl");
+exports["default"] = (0, react_intl_1.defineMessages)({
+    yes: {
+        id: 'dynamicFlows.ReadOnlySchema.yes',
+        defaultMessage: 'Yes',
+        description: 'Yes, used for boolean schemas with a value of true.'
+    },
+    no: {
+        id: 'dynamicFlows.ReadOnlySchema.no',
+        defaultMessage: 'No',
+        description: 'No: used for boolean schemas with a value of false.'
+    }
+});

package/build/jsonSchemaForm/readOnlySchema/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 ReadOnlySchema_1 = require("./ReadOnlySchema");
+__createBinding(exports, ReadOnlySchema_1, "default");

package/build/jsonSchemaForm/schemaFormControl/SchemaFormControl.js

@@ -0,0 +1,111 @@
+"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;
+exports.getControlType = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var constants_1 = require("../../common/constants");
+var contexts_1 = require("../../common/contexts");
+var validators_1 = require("../../common/validators");
+var formControl_1 = __importDefault(require("../../formControl"));
+var types_1 = require("../../types");
+var utils_1 = require("./utils");
+var isNativeInput = function (propsSchemaType) {
+    return propsSchemaType === 'string' || propsSchemaType === 'number';
+};
+var getControlType = function (schema) {
+    if ('control' in schema && schema.control) {
+        if ((0, types_1.isOneOfSchema)(schema) && schema.oneOf.length > 3) {
+            return constants_1.FormControlType.SELECT;
+        }
+        return schema.control;
+    }
+    if (schema.oneOf) {
+        return schema.oneOf.length === 1 || schema.oneOf.length >= 3 ? 'select' : 'radio';
+    }
+    if (schema.type === 'string') {
+        switch (schema.format) {
+            case 'date':
+                return 'date';
+            case 'password':
+                return 'password';
+            case 'phone-number':
+                return 'tel';
+            case 'base64url':
+                return 'file';
+            default:
+                return 'text';
+        }
+    }
+    if (schema.type === 'boolean') {
+        return 'checkbox';
+    }
+    if (schema.type === 'integer') {
+        return 'number';
+    }
+    return schema.type;
+};
+exports.getControlType = getControlType;
+var getOptions = function (schema, controlType) {
+    if (schema.oneOf) {
+        return schema.oneOf.map(function (childSchema) { return (0, utils_1.mapConstSchemaToOption)(childSchema, controlType); });
+    }
+    return null;
+};
+var SchemaFormControl = function (props) {
+    var log = (0, contexts_1.useLogger)();
+    var getSanitisedValue = function (value) {
+        return isNativeInput(props.schema.type) && ((0, validators_1.isNull)(value) || (0, validators_1.isUndefined)(value)) ? '' : value;
+    };
+    var onChange = function (value, type) {
+        props.onChange((0, validators_1.getValidBasicModelOrNull)(value, props.schema), type);
+    };
+    var controlType = (0, exports.getControlType)(props.schema);
+    if (controlType === 'file') {
+        log.warning('Deprecation advanced warning', 'Please use a persist-async blob schema instead of string with base64url for file uploads. The base64url does not perform well on low end devices. Support for this schema will be removed in a later release.');
+    }
+    if (props.schema.values) {
+        log.error('Deprecated schema', 'Schema.values is a legacy approach. Please use oneOf.');
+    }
+    var options = props.schema.values || getOptions(props.schema, controlType);
+    var events = {
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        onSearchChange: props.onSearchChange,
+        onChange: onChange
+    };
+    var safeValue = getSanitisedValue(props.value);
+    var controlProps = {
+        id: props.id,
+        name: props.id,
+        label: props.schema.title,
+        options: options || [],
+        placeholder: props.schema.placeholder,
+        autoComplete: !props.schema.help,
+        disabled: props.disabled || props.schema.disabled,
+        displayPattern: props.schema.displayFormat,
+        // TODO: LOW avoid type assertion below
+        uploadProps: (0, utils_1.mapSchemaToUploadOptions)(props.schema)
+    };
+    return (0, jsx_runtime_1.jsx)(formControl_1["default"], __assign({ type: controlType, value: safeValue }, events, controlProps));
+};
+SchemaFormControl.defaultProps = {
+    value: null,
+    onFocus: null,
+    onBlur: null,
+    onSearchChange: null,
+    disabled: false
+};
+exports["default"] = SchemaFormControl;

package/build/jsonSchemaForm/schemaFormControl/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 SchemaFormControl_1 = require("./SchemaFormControl");
+__createBinding(exports, SchemaFormControl_1, "default");

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

@@ -0,0 +1,77 @@
+"use strict";
+exports.__esModule = true;
+exports.getCurrencyFlag = void 0;
+function getCurrencyFlag(iconName) {
+    if (iconName) {
+        var index = availablePrefixedCurrencyFlags.indexOf(iconName);
+        if (index >= 0) {
+            return {
+                currency: availableCurrencyFlags[index]
+            };
+        }
+    }
+    return null;
+}
+exports.getCurrencyFlag = getCurrencyFlag;
+var 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',
+];
+var availablePrefixedCurrencyFlags = availableCurrencyFlags.map(function (code) { return "flag-".concat(code); });

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

@@ -0,0 +1,17 @@
+"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);
+};
+exports.__esModule = true;
+__exportStar(require("./mapping-utils"), exports);

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

@@ -0,0 +1,127 @@
+"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 __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;
+};
+exports.__esModule = true;
+exports.mapSchemaToUploadOptions = exports.mapAvatar = exports.mapIconToAvatar = exports.mapIcon = exports.mapImage = exports.mapConstSchemaToOption = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var components_1 = require("@transferwise/components");
+var validators_1 = require("../../../common/validators");
+var DynamicIcon_1 = __importStar(require("../../../layout/icon/DynamicIcon"));
+var currency_utils_1 = require("./currency-utils");
+var mapConstSchemaToOption = function (schema, controlType) {
+    switch (controlType) {
+        case 'select':
+            return mapConstSchemaToSelectOption(schema);
+        case 'radio':
+        default:
+            return mapConstSchemaToRadioOption(schema);
+    }
+};
+exports.mapConstSchemaToOption = mapConstSchemaToOption;
+var mapConstSchemaToRadioOption = function (schema) {
+    return __assign(__assign(__assign(__assign(__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));
+};
+var mapConstSchemaToSelectOption = function (schema) {
+    return __assign(__assign(__assign(__assign(__assign(__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
+var mapCurrency = function (icon) { return (icon ? (0, currency_utils_1.getCurrencyFlag)(icon.name) : null); };
+var mapKeywordsToSearchStrings = function (searchStrings) {
+    return (0, validators_1.isArray)(searchStrings) ? { searchStrings: searchStrings } : {};
+};
+var mapImage = function (image) {
+    if (image === null || image === void 0 ? void 0 : image.url) {
+        return {
+            icon: ((0, jsx_runtime_1.jsx)("div", __assign({ className: "media" }, { children: (0, jsx_runtime_1.jsx)("div", __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;
+var mapIcon = function (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;
+var mapIconToAvatar = function (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, __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, __assign({ type: components_1.AvatarType.INITIALS }, { children: icon.text }))
+        };
+    }
+    return null;
+};
+exports.mapIconToAvatar = mapIconToAvatar;
+var mapAvatar = function (image) {
+    return image && image.url
+        ? {
+            avatar: ((0, jsx_runtime_1.jsx)(components_1.Avatar, __assign({ type: components_1.AvatarType.THUMBNAIL }, { children: (0, jsx_runtime_1.jsx)("img", { src: image.url, alt: "User avatar" }) })))
+        }
+        : null;
+};
+exports.mapAvatar = mapAvatar;
+var mapSchemaToUploadOptions = function (_a) {
+    var accepts = _a.accepts;
+    return (__assign({}, ((0, validators_1.isArray)(accepts) && { usAccept: accepts.join(',') })));
+};
+exports.mapSchemaToUploadOptions = mapSchemaToUploadOptions;
+var getOptionDescription = function (title, description) {
+    var _a;
+    if (title && description) {
+        var keyForDescription = (title + description).length > 50 ? 'secondary' : 'note';
+        return _a = {}, _a[keyForDescription] = description, _a;
+    }
+    return undefined;
+};
+var getDisabled = function (disabled) {
+    if (!(0, validators_1.isUndefined)(disabled) && !(0, validators_1.isNull)(disabled)) {
+        return { disabled: disabled };
+    }
+    return undefined;
+};

package/build/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.js

@@ -0,0 +1,151 @@
+"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 };
+    }
+};
+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_1 = require("react");
+var contexts_1 = require("../../common/contexts");
+var utils_1 = require("../../common/utils");
+var validators_1 = require("../../common/validators");
+var basicTypeSchema_1 = __importDefault(require("../basicTypeSchema"));
+var ValidationAsyncSchema = function (props) {
+    var _a = (0, react_1.useState)(props.model), validationAsyncModel = _a[0], setValidationAsyncModel = _a[1];
+    var previousRequestedModelReference = (0, react_1.useRef)(null);
+    var _b = (0, react_1.useState)(null), validationAsyncSuccessMessage = _b[0], setValidationAsyncSuccessMessage = _b[1];
+    var _c = (0, react_1.useState)(null), validationAsyncErrors = _c[0], setValidationAsyncErrors = _c[1];
+    var _d = (0, react_1.useState)(false), fieldSubmitted = _d[0], setFieldSubmitted = _d[1];
+    var _e = (0, react_1.useState)(null), abortController = _e[0], setAbortController = _e[1];
+    var fetcher = (0, contexts_1.useFetcher)();
+    var onEvent = (0, contexts_1.useEventDispatcher)();
+    var logger = (0, contexts_1.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".', {});
+                    }
+                    onEvent('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 (!(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);
+                    }
+                    return [3 /*break*/, 5];
+                case 4:
+                    _a = _c.sent();
+                    onEvent('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 (!(0, validators_1.isNull)(validationAsyncModel) &&
+            !(0, utils_1.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 ((0, validators_1.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 (0, jsx_runtime_1.jsx)(basicTypeSchema_1["default"], __assign({}, basicTypeSchemaProps));
+};
+ValidationAsyncSchema.defaultProps = { required: false };
+exports["default"] = ValidationAsyncSchema;

package/build/jsonSchemaForm/validationAsyncSchema/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 ValidationAsyncSchema_1 = require("./ValidationAsyncSchema");
+__createBinding(exports, ValidationAsyncSchema_1, "default");

package/build/layout/DynamicLayout.js

@@ -0,0 +1,63 @@
+"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;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var contexts_1 = require("../common/contexts");
+var _1 = require(".");
+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 (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, __assign({ baseUrl: baseUrl }, { children: components.map(renderComponent) })));
+    }
+};
+exports["default"] = DynamicLayout;

package/build/layout/alert/DynamicAlert.js

@@ -0,0 +1,31 @@
+"use strict";
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var components_1 = require("@transferwise/components");
+var utils_1 = require("../utils");
+var DynamicAlert = function (props) {
+    var 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 }));
+};
+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;
+};
+exports["default"] = DynamicAlert;