@wise/dynamic-flow-client 3.7.1 → 3.7.2-experimental-1ba6fef

package/build/legacy/jsonSchemaForm/arrayTypeSchema/index.js

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

package/build/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useEffect, useMemo, useState } from 'react';
+import { generateRandomId } from '../../common/utils';
+import { getValidBasicModelOrNull, getValidationFailures, isNull, isUndefined, } from '../../common/validators';
+import { DynamicAlert } from '../../layout';
+import ControlFeedback from '../controlFeedback';
+import Help from '../help';
+import SchemaFormControl from '../schemaFormControl';
+var isNullish = function (value) {
+    return isNull(value) || isUndefined(value);
+};
+var getDefaultValue = function (schema) {
+    return schema.type === 'boolean' && isNullish(schema.default) ? false : schema.default;
+};
+var BasicTypeSchema = function (props) {
+    var _a, _b, _c;
+    var onChange = function (newModel, _type, metadata) {
+        setChanged(true);
+        setModelAndBroadcast(sanitiseModel(newModel), 'user', metadata);
+    };
+    var getValidationKeys = function (newModel) {
+        return getValidationFailures(newModel, props.schema, props.required);
+    }; // TODO: LOW avoid type assertion
+    var setModelAndBroadcast = function (newModel, type, metadata) {
+        setModel(newModel);
+        var validationKeys = getValidationKeys(newModel);
+        setValidations(validationKeys);
+        var broadcastModel = newModel;
+        setLastModel(broadcastModel);
+        if (broadcastModel !== lastModel) {
+            props.onChange({
+                model: broadcastModel,
+                triggerSchema: props.schema,
+                triggerModel: broadcastModel,
+                lastTriggerModel: lastModel,
+                type: type,
+                metadata: metadata,
+            });
+        }
+    };
+    var sanitiseModel = function (newModel) {
+        return getValidBasicModelOrNull(newModel, props.schema);
+    };
+    var onFocus = function () { return setFocused(true); };
+    var onBlur = function () {
+        setFocused(false);
+        setBlurred(true);
+        if (props.onBlur) {
+            props.onBlur();
+        }
+    };
+    var _d = useState((_a = props.model) !== null && _a !== void 0 ? _a : null), model = _d[0], setModel = _d[1];
+    var _e = useState((_b = props.model) !== null && _b !== void 0 ? _b : null), lastModel = _e[0], setLastModel = _e[1];
+    var _f = useState(false), changed = _f[0], setChanged = _f[1];
+    var _g = useState(false), focused = _g[0], setFocused = _g[1];
+    var _h = useState(false), blurred = _h[0], setBlurred = _h[1];
+    var _j = useState([]), validations = _j[0], setValidations = _j[1];
+    var id = useMemo(function () { return props.schema.$id || generateRandomId(); }, [props.schema.$id]);
+    var onSchemaChange = function () {
+        var defaultValue = getDefaultValue(props.schema);
+        // if no model, change to the default, only run this when the schema changes
+        if (isNullish(model) && !isNullish(defaultValue)) {
+            setModelAndBroadcast(defaultValue, 'init');
+        }
+        if (props.schema.const) {
+            setModelAndBroadcast(props.schema.const, 'init');
+        }
+    };
+    var refreshValidations = function () {
+        setValidations(getValidationKeys(model));
+    };
+    var isConst = props.schema.const;
+    var isHidden = props.schema.hidden || isConst;
+    useEffect(refreshValidations, [props.model, props.submitted]);
+    useEffect(onSchemaChange, [props.schema]);
+    useEffect(function () {
+        var _a;
+        var newModel = (_a = props.model) !== null && _a !== void 0 ? _a : null;
+        if (newModel !== model) {
+            setModel(newModel);
+        }
+    }, [props.model]);
+    var formGroupClasses = {
+        'form-group': true,
+        'has-error': ((props.submitted || !changed) && !!props.errors) ||
+            ((props.submitted || (changed && blurred)) && !!validations.length),
+        'has-info': !!props.schema.description || !!props.infoMessage,
+    };
+    var showLabel = props.schema.format !== 'file' && props.schema.type !== 'boolean';
+    var schemaHelp = props.schema.help;
+    var feedbackId = "".concat(id, "-feedback");
+    return !isHidden ? (_jsxs(_Fragment, { children: [props.schema.alert && _jsx(DynamicAlert, { component: props.schema.alert }), _jsxs("div", { className: classNames(formGroupClasses), children: [showLabel && (_jsxs("div", { className: "d-inline-block m-b-1", children: [_jsx("label", { className: "control-label d-inline", htmlFor: id, children: props.schema.title }), !!schemaHelp && _jsx(Help, { help: schemaHelp })] })), !showLabel && !!schemaHelp && _jsx(Help, { help: schemaHelp }), _jsx(SchemaFormControl, { id: id, schema: props.schema, value: model, disabled: !!props.disabled, onChange: onChange, onFocus: onFocus, onBlur: onBlur, describedBy: feedbackId }), _jsx(ControlFeedback, { id: feedbackId, changed: changed, focused: focused, blurred: blurred, submitted: props.submitted, errors: (_c = props.errors) !== null && _c !== void 0 ? _c : null, schema: props.schema, validations: validations, infoMessage: props.infoMessage })] })] })) : null;
+};
+BasicTypeSchema.defaultProps = {
+    required: false,
+    disabled: false,
+    onBlur: null,
+};
+export default BasicTypeSchema;

package/build/legacy/jsonSchemaForm/basicTypeSchema/index.js

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

package/build/legacy/jsonSchemaForm/controlFeedback/ControlFeedback.js

@@ -0,0 +1,89 @@
+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 { InlineAlert } from '@transferwise/components';
+import { formatDate } from '@transferwise/formatting';
+import { useIntl } from 'react-intl';
+import validationArrayMessages from '../../../common/messages/validation.array.messages';
+import controlFeedbackMessages from '../../../common/messages/validation.messages';
+function ControlFeedback(props) {
+    var _a;
+    var defaultValidationMessages = useDefaultValidationMessages(props.schema);
+    var validationMessages = __assign(__assign(__assign({}, defaultValidationMessages), props.validationMessages), props.schema.validationMessages);
+    var isErrorVisible = (props.submitted || !props.changed) && Boolean(props.errors);
+    var isValidationVisible = !isErrorVisible &&
+        (props.submitted || (props.changed && props.blurred)) &&
+        Boolean((_a = props.validations) === null || _a === void 0 ? void 0 : _a.length);
+    var isDescriptionVisible = props.schema.type !== 'boolean' &&
+        props.schema.description &&
+        !isErrorVisible &&
+        !isValidationVisible;
+    var hasInfoMessage = Boolean(props.infoMessage);
+    return (_jsxs("div", { id: props.id, children: [isErrorVisible ? _jsx(InlineAlert, { type: "error", children: props.errors }) : null, isValidationVisible ? (_jsx(InlineAlert, { type: "error", children: props.validations.map(function (validation) { return (_jsx("div", { children: validationMessages[validation] }, validation)); }) })) : null, (isDescriptionVisible || hasInfoMessage) && (_jsxs(InlineAlert, { type: "info", children: [isDescriptionVisible && _jsx("div", { children: props.schema.description }), hasInfoMessage && _jsx("div", { children: props.infoMessage })] }))] }));
+}
+ControlFeedback.defaultProps = {
+    errors: '',
+    validations: [],
+    validationMessages: {},
+    validationAsyncSuccessMessage: null,
+};
+// TODO: avoid typre assertions in this function
+function useDefaultValidationMessages(schema) {
+    var _a = useIntl(), formatMessage = _a.formatMessage, locale = _a.locale;
+    var formattedMessages = {
+        type: formatMessage(controlFeedbackMessages.type),
+        minimum: formatMessage(controlFeedbackMessages.minimum, {
+            minimum: schema.minimum,
+        }),
+        maximum: formatMessage(controlFeedbackMessages.maximum, {
+            maximum: schema.maximum,
+        }),
+        minLength: formatMessage(controlFeedbackMessages.minLength, {
+            minLength: schema.minLength,
+        }),
+        maxLength: formatMessage(controlFeedbackMessages.maxLength, {
+            maxLength: schema.maxLength,
+        }),
+        minItems: formatMessage(validationArrayMessages.minItemsError, {
+            minItems: schema.minItems,
+        }),
+        maxItems: formatMessage(validationArrayMessages.maxItemsError, {
+            maxItems: schema.maxItems,
+        }),
+        pattern: formatMessage(controlFeedbackMessages.pattern),
+        required: formatMessage(controlFeedbackMessages.required),
+    };
+    if (schema.format === 'date') {
+        var dateOverrides = {
+            pattern: formatMessage(controlFeedbackMessages.patternDate),
+            minimum: schema.minimum
+                ? formatMessage(controlFeedbackMessages.minimumDate, {
+                    minimum: formatDate(new Date(schema.minimum), locale, {
+                        timeZone: 'UTC',
+                        dateStyle: 'long',
+                    }),
+                })
+                : undefined,
+            maximum: schema.maximum
+                ? formatMessage(controlFeedbackMessages.maximumDate, {
+                    maximum: formatDate(new Date(schema.maximum), locale, {
+                        timeZone: 'UTC',
+                        dateStyle: 'long',
+                    }),
+                })
+                : undefined,
+        };
+        return __assign(__assign({}, formattedMessages), dateOverrides);
+    }
+    return formattedMessages;
+}
+export default ControlFeedback;

package/build/legacy/jsonSchemaForm/controlFeedback/index.js

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

package/build/legacy/jsonSchemaForm/genericSchema/GenericSchema.js

@@ -0,0 +1,85 @@
+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 { createElement as _createElement } from "react";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { getSchemaType, isBasicError, isNullableBasicModel, isNullableObjectModel, isNullableArrayModel, isNullableStringModel, isObjectModel, isAllOfSchema, isOneOfSchema, isObjectSchema, isArraySchema, isPersistAsyncSchema, isValidationAsyncSchema, isBasicSchema, isOneOfObjectSchema, } from '../../common/utils';
+import AllOfSchema from '../allOfSchema';
+import ArraySchema from '../arrayTypeSchema';
+import BasicTypeSchema from '../basicTypeSchema';
+import ObjectSchema from '../objectSchema';
+import OneOfSchema from '../oneOfSchema';
+import PersistAsyncSchema from '../persistAsyncSchema';
+import PromotedOneOfSchema from '../promotedOneOfSchema';
+import ReadOnlySchema from '../readOnlySchema';
+import ValidationAsyncSchema from '../validationAsyncSchema';
+import { useLogger } from '../../common/contexts';
+function GenericSchemaForm(props) {
+    var schema = props.schema, _a = props.model, model = _a === void 0 ? null : _a, _b = props.errors, errors = _b === void 0 ? null : _b, _c = props.hideTitle, hideTitle = _c === void 0 ? false : _c, _d = props.disabled, disabled = _d === void 0 ? false : _d;
+    var schemaProps = __assign(__assign({}, props), { model: model, errors: errors, hideTitle: hideTitle, disabled: disabled });
+    var type = getSchemaType(schema);
+    var log = useLogger();
+    useEffect(function () {
+        if (!isValidGenericSchema(schema, model, errors)) {
+            log.error('Invalid schema or model', "Schema of type ".concat(type || 'undefined', " requested, but schema did not pass validation."));
+        }
+    }, [JSON.stringify(schema), JSON.stringify(model), JSON.stringify(errors), type, log]);
+    // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check
+    switch (type) {
+        case 'readOnly':
+            return _jsx(ReadOnlySchema, __assign({}, schemaProps));
+        case 'persistAsync':
+            return _jsx(PersistAsyncSchema, __assign({}, schemaProps));
+        case 'validationAsync':
+            return _jsx(ValidationAsyncSchema, __assign({}, schemaProps));
+        case 'basic': {
+            var basicTypeProps = __assign({ infoMessage: null }, schemaProps);
+            return _jsx(BasicTypeSchema, __assign({}, basicTypeProps));
+        }
+        case 'object':
+            return _createElement(ObjectSchema, __assign({}, schemaProps, { key: JSON.stringify(schema) }));
+        case 'array':
+            return _jsx(ArraySchema, __assign({}, schemaProps));
+        case 'promotedOneOf':
+            return _jsx(PromotedOneOfSchema, __assign({}, schemaProps));
+        case 'oneOf':
+            return _jsx(OneOfSchema, __assign({}, schemaProps));
+        case 'allOf':
+            return _jsx(AllOfSchema, __assign({}, schemaProps));
+    }
+    return _jsx(_Fragment, {});
+}
+export default GenericSchemaForm;
+// TODO: MC-3224 - We want to implement proper schema validation
+var isValidGenericSchema = function (schema, model, errors) {
+    var type = getSchemaType(schema);
+    // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check
+    switch (type) {
+        case 'persistAsync':
+            return isPersistAsyncSchema(schema) && isNullableStringModel(model) && isBasicError(errors);
+        case 'validationAsync':
+            return isValidationAsyncSchema(schema) && isNullableBasicModel(model) && isBasicError(errors);
+        case 'basic':
+            return isBasicSchema(schema) && isNullableBasicModel(model) && isBasicError(errors);
+        case 'object':
+            return isObjectSchema(schema) && isNullableObjectModel(model);
+        case 'array':
+            return isArraySchema(schema) && isNullableArrayModel(model) && isBasicError(errors);
+        case 'promotedOneOf':
+            return isOneOfObjectSchema(schema) && isNullableObjectModel(model);
+        case 'oneOf':
+            return isOneOfSchema(schema);
+        case 'allOf':
+            return isAllOfSchema(schema) && isObjectModel(model);
+    }
+    return false;
+};

package/build/legacy/jsonSchemaForm/genericSchema/GenericSchema.rtl.spec.js

@@ -0,0 +1,55 @@
+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 * as loggingModule from '../../common/contexts/logContext/LogContext';
+import { mockUseLogger, renderWithProviders } from '../../test-utils';
+import GenericSchemaForm from './GenericSchema';
+var mockLogger = mockUseLogger();
+jest.spyOn(loggingModule, 'useLogger').mockImplementation(function () { return mockLogger; });
+beforeEach(function () {
+    Object.values(mockLogger).forEach(function (logger) { return logger.mockClear(); });
+});
+describe('GenericSchema', function () {
+    var getProps = function () { return ({
+        schema: { type: 'string' },
+        model: null,
+        errors: null,
+        submitted: false,
+        onChange: jest.fn(),
+        onPersistAsync: jest.fn(),
+    }); };
+    describe('when an invalid schema-model combination is supplied', function () {
+        var getSchema = function () { return ({
+            $id: 'id',
+            type: 'string',
+            title: 'String Schema A',
+        }); };
+        var getModel = function () { return ({ name: 'Bob' }); };
+        it('logs an error', function () {
+            var consoleWarnSpy = jest.spyOn(console, 'warn').mockImplementation();
+            renderWithProviders(_jsx(GenericSchemaForm, __assign({}, getProps(), { schema: getSchema(), model: getModel() })));
+            expect(mockLogger.error).toHaveBeenCalledWith('Invalid schema or model', expect.anything());
+            expect(mockLogger.error).toHaveBeenCalledTimes(1);
+            consoleWarnSpy.mockRestore();
+        });
+        describe('when the component is re-rendered with an identical schema', function () {
+            it('only logs an error one time', function () {
+                var consoleWarnSpy = jest.spyOn(console, 'warn').mockImplementation();
+                var rerender = renderWithProviders(_jsx(GenericSchemaForm, __assign({}, getProps(), { schema: getSchema(), model: getModel() }))).rerender;
+                expect(mockLogger.error).toHaveBeenCalledTimes(1);
+                rerender(_jsx(GenericSchemaForm, __assign({}, getProps(), { schema: getSchema(), model: getModel() })));
+                expect(mockLogger.error).toHaveBeenCalledTimes(1);
+                consoleWarnSpy.mockRestore();
+            });
+        });
+    });
+});

package/build/legacy/jsonSchemaForm/genericSchema/index.js

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

package/build/legacy/jsonSchemaForm/help/Help.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Markdown, Info } from '@transferwise/components';
+import { useIntl } from 'react-intl';
+import helpMessages from '../../../common/messages/help.messages';
+function Help(props) {
+    var intl = useIntl();
+    return (_jsx(Info, { className: "m-l-1", content: _jsx(Markdown, { config: { link: { target: '_blank' } }, children: props.help.markdown }), presentation: "POPOVER", size: "sm", "aria-label": intl.formatMessage(helpMessages.helpAria) }));
+}
+export default Help;

package/build/legacy/jsonSchemaForm/help/index.js

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

package/build/legacy/jsonSchemaForm/index.js

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

package/build/legacy/jsonSchemaForm/objectSchema/ObjectSchema.js

@@ -0,0 +1,77 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Header } from '@transferwise/components';
+import classNames from 'classnames';
+import { useState, useEffect } from 'react';
+import { isEqual } from '../../common/utils';
+import { getValidObjectModelParts } from '../../common/validators';
+import { DynamicAlert } from '../../layout';
+import GenericSchema from '../genericSchema';
+var getSchemaColumnClasses = function (width) { return ({
+    'col-xs-12': true,
+    'col-sm-6': width === 'md',
+    'col-sm-4': width === 'sm',
+}); };
+function ObjectSchema(props) {
+    var _a = useState(function () { return (__assign({}, getValidObjectModelParts(props.model, props.schema))); }), model = _a[0], setModel = _a[1];
+    var onChangeProperty = function (propertyName, onChangeProps) {
+        if (onChangeProps.model !== null) {
+            // FIXME we should not mutate the model here
+            model[propertyName] = onChangeProps.model;
+        }
+        else {
+            // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+            delete model[propertyName];
+        }
+        setModel(model);
+        props.onChange(__assign(__assign({}, onChangeProps), { model: model }));
+    };
+    var isRequired = function (propertyName) {
+        return props.schema.required && props.schema.required.includes(propertyName);
+    };
+    useEffect(function () {
+        // When the schema changes, only retain valid parts of the model
+        var newModel = getValidObjectModelParts(model, props.schema) || {};
+        setModel(newModel);
+        if (!isEqual(newModel, model)) {
+            props.onChange({
+                model: newModel,
+                triggerSchema: props.schema,
+                triggerModel: newModel,
+            });
+        }
+    }, [props.schema]);
+    var allorderedPropertiesSet = new Set(__spreadArray(__spreadArray([], (props.schema.displayOrder || []), true), Object.keys(props.schema.properties), true));
+    var isPropertyDefined = function (propertyName) {
+        return typeof props.schema.properties[propertyName] !== 'undefined';
+    };
+    // eslint-disable-next-line unicorn/prefer-spread
+    var orderedPropertyNames = Array.from(allorderedPropertiesSet).filter(isPropertyDefined);
+    // TODO: LOW avoid type assertion -- what happens when props.errors is not an object?
+    var propsErrors = props.errors;
+    return (_jsxs(_Fragment, { children: [props.schema.alert && _jsx(DynamicAlert, { component: props.schema.alert }), _jsxs("fieldset", { children: [props.schema.title && !props.hideTitle && (_jsx(Header, { title: props.schema.title, as: "legend" })), props.schema.description && !props.hideTitle && _jsxs("p", { children: [" ", props.schema.description, " "] }), _jsx("div", { className: "row", children: orderedPropertyNames.map(function (propertyName) { return (_jsx("div", { className: classNames(getSchemaColumnClasses(props.schema.properties[propertyName].width)), children: _jsx(GenericSchema, { schema: props.schema.properties[propertyName], model: props.model && props.model[propertyName], errors: propsErrors === null || propsErrors === void 0 ? void 0 : propsErrors[propertyName], submitted: props.submitted, required: isRequired(propertyName), disabled: props.disabled, onChange: function (onChangeProps) { return onChangeProperty(propertyName, onChangeProps); }, onPersistAsync: props.onPersistAsync }) }, propertyName)); }) })] })] }));
+}
+ObjectSchema.defaultProps = {
+    hideTitle: false,
+    disabled: false,
+};
+export default ObjectSchema;

package/build/legacy/jsonSchemaForm/objectSchema/index.js

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

package/build/legacy/jsonSchemaForm/oneOfSchema/OneOfSchema.js

@@ -0,0 +1,155 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Header } from '@transferwise/components';
+import classNames from 'classnames';
+import { useEffect, useMemo, useState } from 'react';
+import { useEventDispatcher } from '../../common/contexts';
+import { useDebouncedFunction } from '../../common/hooks';
+import { generateRandomId, isConstSchema, isNoNConstSchema } from '../../common/utils';
+import { getValidModelParts, getValidationFailures, isArray, isEmpty, } from '../../common/validators';
+import { DynamicAlert } from '../../layout';
+import ControlFeedback from '../controlFeedback';
+import GenericSchema from '../genericSchema';
+import Help from '../help';
+import SchemaFormControl from '../schemaFormControl';
+import { getActiveSchemaIndex, getValidIndexFromValue } from './utils';
+function OneOfSchema(props) {
+    var onEvent = useEventDispatcher();
+    var _a = useState(false), changed = _a[0], setChanged = _a[1];
+    var _b = useState(false), focused = _b[0], setFocused = _b[1];
+    var _c = useState(false), blurred = _c[0], setBlurred = _c[1];
+    var id = useMemo(function () { return props.schema.$id || generateRandomId(); }, [props.schema.$id]);
+    var _d = useState(getActiveSchemaIndex(props.schema, props.model)), schemaIndex = _d[0], setSchemaIndex = _d[1];
+    var _e = useState(getModelPartsForSchemas(props.model, props.schema.oneOf)), models = _e[0], setModels = _e[1];
+    var debouncedTrackEvent = useDebouncedFunction(onEvent, 200);
+    var onSearchChange = function (searchValue) {
+        debouncedTrackEvent('Dynamic Flow - OneOf Searched', {
+            oneOfId: props.schema.analyticsId,
+            searchValueLength: searchValue.length,
+        });
+    };
+    // When the schema we receive from parent changes
+    useEffect(function () {
+        var modelIndex = getValidIndexFromValue(props.schema, props.model);
+        var defaultIndex = getValidIndexFromValue(props.schema, props.schema.default);
+        if (modelIndex === -1 && defaultIndex >= 0) {
+            onChooseNewSchema(defaultIndex, 'init');
+        }
+    }, [props.schema]);
+    if (!isArray(props.schema.oneOf)) {
+        // eslint-disable-next-line no-console
+        console.error('Incorrect format', props.schema);
+        return null;
+    }
+    var onChildModelChange = function (index, onChangeParameters) {
+        setModels(__spreadArray(__spreadArray(__spreadArray([], models.slice(0, index), true), [onChangeParameters.model], false), models.slice(index + 1), true));
+        setChanged(true);
+        props.onChange(onChangeParameters);
+    };
+    var onFocus = function () {
+        setFocused(true);
+    };
+    var onBlur = function () {
+        setFocused(false);
+        setBlurred(true);
+    };
+    // TODO: LOW avoid type assertion
+    var onChooseNewSchema = function (index, type, metadata) {
+        setSchemaIndex(index);
+        var newSchema = props.schema.oneOf[index];
+        if (isConstSchema(newSchema)) {
+            // If new schema is a const we want to share the parent schema, not the const
+            var model = newSchema.const;
+            props.onChange({
+                model: model,
+                triggerSchema: props.schema,
+                triggerModel: model,
+                type: type,
+                metadata: metadata,
+            });
+        }
+        else {
+            props.onChange({
+                model: models[index],
+                triggerSchema: newSchema,
+                triggerModel: models[index],
+                type: type,
+                metadata: metadata,
+            });
+        }
+        if (type !== 'init' && props.schema.analyticsId) {
+            onEvent('Dynamic Flow - OneOf Selected', {
+                oneOfId: props.schema.analyticsId,
+                schemaId: newSchema === null || newSchema === void 0 ? void 0 : newSchema.analyticsId,
+            });
+        }
+    };
+    var schemaForSelect = mapSchemasForSelect(props.schema);
+    var validations = getValidations(props, schemaIndex);
+    var formGroupClasses = {
+        'form-group': true,
+        'has-error': (!changed && props.errors && !isEmpty(props.errors)) ||
+            ((props.submitted || (changed && blurred)) && validations.length),
+    };
+    var feedbackId = "".concat(id, "-feedback");
+    return (_jsxs(_Fragment, { children: [(props.schema.oneOf.length > 1 || isConstSchema(props.schema.oneOf[0])) && (_jsxs(_Fragment, { children: [props.schema.alert && _jsx(DynamicAlert, { component: props.schema.alert }), _jsxs("div", { className: classNames(formGroupClasses), children: [getTitleAndHelp(props.schema, id), _jsx(SchemaFormControl, { id: id, schema: schemaForSelect, value: schemaIndex, disabled: props.disabled, describedBy: feedbackId, onChange: onChooseNewSchema, onFocus: onFocus, onBlur: onBlur, onSearchChange: onSearchChange }), _jsx(ControlFeedback, { id: feedbackId, changed: changed, focused: focused, blurred: blurred, submitted: props.submitted, errors: errorsToString(props.errors), schema: props.schema, validations: validations, infoMessage: null })] })] })), isNoNConstSchema(props.schema.oneOf[schemaIndex]) && (_jsx(GenericSchema, { schema: props.schema.oneOf[schemaIndex], model: models[schemaIndex], errors: props.errors, submitted: props.submitted, hideTitle: true, disabled: props.disabled, onChange: function (parameters) { return onChildModelChange(schemaIndex, parameters); }, onPersistAsync: props.onPersistAsync }))] }));
+}
+function getTitleAndHelp(schema, forId) {
+    var _a;
+    var helpElement = schema.help ? _jsx(Help, { help: schema.help }) : null;
+    var titleElement = isConstSchema(schema.oneOf[0]) ? (_jsx("div", { className: "m-b-1", children: _jsxs("label", { className: "control-label d-inline", htmlFor: forId, children: [schema.title, " ", helpElement] }) })) : (_jsx(_Fragment, { children: helpElement ? (_jsxs("h4", { className: "m-b-2", children: [schema.title, " ", helpElement] })) : (_jsx(Header, { title: (_a = schema.title) !== null && _a !== void 0 ? _a : '' })) }));
+    return schema.title ? titleElement : helpElement;
+}
+function getValidations(props, schemaIndex) {
+    var selectedSchema = props.schema.oneOf[schemaIndex !== null && schemaIndex !== void 0 ? schemaIndex : -1];
+    if (isConstSchema(selectedSchema)) {
+        return getValidationFailures(selectedSchema.const, props.schema, Boolean(props.required));
+    }
+    if (schemaIndex === null || schemaIndex < 0) {
+        return getValidationFailures(null, props.schema, Boolean(props.required));
+    }
+    return [];
+}
+function errorsToString(errors) {
+    // When oneOf represents a select, errors should be of type string
+    if (typeof errors === 'string') {
+        return errors;
+    }
+    return null;
+}
+function getModelPartsForSchemas(model, schemas) {
+    return schemas.map(function (schema) { return getValidModelParts(model, schema); });
+}
+// We want our model to be the index, so alter the oneOf schemas to be a const
+function mapSchemasForSelect(schema) {
+    return __assign(__assign({}, schema), { oneOf: schema.oneOf.map(mapOneOfToConst) });
+}
+function mapOneOfToConst(schema, index) {
+    var title = schema.title, description = schema.description, _a = schema.disabled, disabled = _a === void 0 ? false : _a, icon = schema.icon, image = schema.image, keywords = schema.keywords;
+    // TODO LOW avoid type assertion below -- consider adding { type: 'integer' }
+    return { title: title, description: description, disabled: disabled, icon: icon, image: image, const: index, keywords: keywords };
+}
+OneOfSchema.defaultProps = {
+    required: false,
+    disabled: false,
+};
+export default OneOfSchema;

package/build/legacy/jsonSchemaForm/oneOfSchema/index.js

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