@wise/dynamic-flow-client 3.4.0 → 3.5.0-experimental-6654c72

package/build/legacy/jsonSchemaForm/promotedOneOfSchema/PromotedOneOfSchema.js

@@ -0,0 +1,72 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { DynamicAlert } from '../../layout';
+import GenericSchema from '../genericSchema';
+import ObjectSchema from '../objectSchema';
+import { getSelectionFromModel } from './promoted-one-of-utils';
+import PromotedOneOfControl from './promotedOneOfControl/PromotedOneOfControl';
+var isPromoted = function (schema) { return schema.promoted === true; };
+var PromotedOneOfSchema = function (props) {
+    var _a;
+    // TODO: LOW avoid type assertion -- actually non-null assertion operator: props.model!
+    var _b = useState(getSelectionFromModel(props.schema, props.model) ||
+        ((_a = props.schema.promotion) === null || _a === void 0 ? void 0 : _a["default"]) ||
+        'promoted'), selection = _b[0], setSelection = _b[1];
+    var promotedAlert = props.schema.alert;
+    var promotedOneOf = props.schema.oneOf.find(isPromoted);
+    // TODO: LOW avoid type assertion -- actually non-null assertion operator
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    var promotedObjectSchema = getPromotedObjectSchema(promotedOneOf);
+    var otherOneOf = getOtherOneOf(props.schema);
+    return (_jsxs(_Fragment, { children: [promotedAlert && _jsx(DynamicAlert, { component: promotedAlert }), _jsx(PromotedOneOfControl, { id: props.schema.$id, title: props.schema.title, 
+                // TODO: LOW avoid type assertion -- actually non-null assertion operator
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                promotedOneOf: promotedOneOf, 
+                // TODO: LOW avoid type assertion -- actually non-null assertion operator
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                promotion: props.schema.promotion, selection: selection, setSelection: setSelection }), selection === 'promoted' && _jsx(ObjectSchema, __assign({}, props, { schema: promotedObjectSchema })), selection === 'other' && _jsx(GenericSchema, __assign({}, props, { schema: otherOneOf }))] }));
+};
+function getPromotedObjectSchema(promotedSchema) {
+    return __assign(__assign({}, promotedSchema), { 
+        // We don't need to show these since they are already displayed in the radio option
+        title: undefined, description: undefined });
+}
+function getOtherOneOf(schema) {
+    var _a, _b, _c;
+    var other = ((_a = schema.promotion) === null || _a === void 0 ? void 0 : _a.displayTwice)
+        ? __spreadArray([], schema.oneOf, true) : schema.oneOf.filter(function (one) { return !isPromoted(one); });
+    var title = (_c = (_b = schema.promotion) === null || _b === void 0 ? void 0 : _b.other.heading) === null || _c === void 0 ? void 0 : _c.text;
+    if (other.length === 1) {
+        return __assign(__assign({}, other[0]), { title: title });
+    }
+    if (other.length > 1) {
+        return {
+            title: title,
+            oneOf: other,
+            // TODO: LOW avoid type assertion -- the spec does not recognise a `control` property in ObjectSchema
+            control: schema.control
+        };
+    }
+    return null;
+}
+export default PromotedOneOfSchema;

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

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

package/build/legacy/jsonSchemaForm/promotedOneOfSchema/promoted-one-of-utils.js

@@ -0,0 +1,8 @@
+import { getBestMatchingSchemaIndexForValue } from '../oneOfSchema/utils';
+export var getSelectionFromModel = function (schema, model) {
+    var index = getBestMatchingSchemaIndexForValue(schema, model);
+    if (index !== null) {
+        return schema.oneOf[index].promoted ? 'promoted' : 'other';
+    }
+    return null;
+};

package/build/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfCheckboxControl.js

@@ -0,0 +1,27 @@
+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 { Checkbox } from '@transferwise/components';
+var PromotedOneOfCheckboxControl = function (props) {
+    var id = props.id, selection = props.selection, setSelection = props.setSelection;
+    var _a = props.promotion, promoted = _a.promoted, other = _a.other, checkedMeans = _a.checkedMeans;
+    var title = checkedMeans === 'other' ? other.title : (promoted === null || promoted === void 0 ? void 0 : promoted.title) || props.promotedOneOf.title;
+    var selectionWhenChecked = checkedMeans === 'other' ? 'other' : 'promoted';
+    var selectionWhenUnchecked = checkedMeans === 'other' ? 'promoted' : 'other';
+    var checked = selection === selectionWhenChecked;
+    var toggleSelection = function () {
+        setSelection(checked ? selectionWhenUnchecked : selectionWhenChecked);
+    };
+    return (_jsx("div", __assign({ className: "form-group" }, { children: _jsx(Checkbox, { id: id, label: title, checked: checked, onChange: toggleSelection }) })));
+};
+PromotedOneOfCheckboxControl.defaultProps = {};
+export default PromotedOneOfCheckboxControl;

package/build/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfControl.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { generateRandomId } from '../../../common/utils';
+import PromotedOneOfCheckboxControl from './PromotedOneOfCheckboxControl';
+import PromotedOneOfRadioControl from './PromotedOneOfRadioControl';
+function PromotedOneOfControl(props) {
+    var controlType = props.promotion.control || 'radio';
+    switch (controlType) {
+        case 'radio':
+            return _jsx(PromotedOneOfRadioControl, __assign({}, props));
+        case 'checkbox':
+            return _jsx(PromotedOneOfCheckboxControl, __assign({}, props));
+        default:
+            return _jsx(_Fragment, {});
+    }
+}
+PromotedOneOfControl.defaultProps = {
+    id: generateRandomId(),
+    title: undefined
+};
+export default PromotedOneOfControl;

package/build/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfRadioControl.js

@@ -0,0 +1,32 @@
+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 { RadioGroup } from '@transferwise/components';
+import { getAvatarPropertyForRadioOption } from '../../schemaFormControl/utils';
+function PromotedOneOfRadioControl(props) {
+    var _a, _b;
+    var id = props.id, selection = props.selection, setSelection = props.setSelection, promotion = props.promotion, promotedOneOf = props.promotedOneOf, title = props.title;
+    var radios = [
+        __assign({ value: 'promoted', 
+            // TODO: LOW avoid type assertion below: the expression may be nullish, but "label" cannot be
+            label: (((_a = promotion.promoted) === null || _a === void 0 ? void 0 : _a.title) || promotedOneOf.title), secondary: ((_b = promotion.promoted) === null || _b === void 0 ? void 0 : _b.description) || promotedOneOf.description }, getAvatarPropertyForRadioOption(promotedOneOf)),
+        __assign({ value: 'other', label: promotion.other.title, secondary: promotion.other.description }, getAvatarPropertyForRadioOption(promotion.other)),
+    ];
+    return (_jsxs("div", __assign({ className: "form-group" }, { children: [title && (_jsx("label", __assign({ className: "control-label", htmlFor: id }, { children: title }))), _jsx(RadioGroup, { name: "promoted-selection", selectedValue: selection, radios: radios, 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-expect-error -- TODO: avoid @ts-ignore -- apparently RadioGroup does not expect an id prop
+                id: id, onChange: setSelection })] })));
+}
+PromotedOneOfRadioControl.defaultProps = {
+    title: undefined
+};
+export default PromotedOneOfRadioControl;

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

@@ -0,0 +1,54 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { DefinitionList, Layout } from '@transferwise/components';
+import { useIntl } from 'react-intl';
+import { isBasicSchema, isOneOfSchema } from '../../common/utils';
+import { isBoolean } from '../../common/validators';
+import { getAvatarPropertyForRadioOption } from '../schemaFormControl/utils';
+import messages from './ReadOnlySchema.messages';
+function ReadOnlySchema(_a) {
+    var schema = _a.schema, model = _a.model;
+    var _b = schema.title, title = _b === void 0 ? '' : _b;
+    var formatMessage = useIntl().formatMessage;
+    var value = getValueForSchema({ schema: schema, model: model, formatMessage: formatMessage });
+    // FIXME: This is a workaround for the fact that the DefinitionList component value prop doesn't match Model
+    return (_jsx(DefinitionList, { layout: Layout.VERTICAL_ONE_COLUMN, definitions: [{ title: title, value: value, key: '' }] }));
+}
+export default ReadOnlySchema;
+function getValueForSchema(_a) {
+    var schema = _a.schema, model = _a.model, formatMessage = _a.formatMessage;
+    if (isBasicSchema(schema)) {
+        if (isOneOfSchema(schema)) {
+            return getValueFromOneOfSchema(schema, model);
+            // eslint-disable-next-line no-else-return
+        }
+        else {
+            // eslint-disable-next-line no-lonely-if
+            if (schema.type === 'boolean' && isBoolean(model)) {
+                return model ? formatMessage(messages.yes) : formatMessage(messages.no);
+                // eslint-disable-next-line no-else-return
+            }
+            else {
+                // eslint-disable-next-line @typescript-eslint/no-base-to-string
+                return (model && model.toString()) || '';
+            }
+        }
+    }
+    return '';
+}
+function getValueFromOneOfSchema(schema, model) {
+    var option = getSelectedOneOf(schema, model);
+    // FIXME Remove type assertion
+    return option ? getValueFromOption(option) : model;
+}
+function getSelectedOneOf(schema, model) {
+    return schema.oneOf.find(function (childSchema) {
+        return 'const' in childSchema ? model === childSchema["const"] : false;
+    });
+}
+function getValueFromOption(option) {
+    var text = option.title && option.description
+        ? "".concat(option.title, " - ").concat(option.description)
+        : option.title || '';
+    var icon = getAvatarPropertyForRadioOption({ icon: option.icon });
+    return (icon === null || icon === void 0 ? void 0 : icon.avatar) ? (_jsxs(_Fragment, { children: [icon.avatar, " ", text] })) : (text);
+}

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

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl';
+export default 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/legacy/jsonSchemaForm/readOnlySchema/index.js

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

package/build/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.js

@@ -0,0 +1,133 @@
+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 { useEffect } from 'react';
+import { FormControlType } from '../../common/constants';
+import { isOneOfSchema, isStringSchema } from '../../common/utils';
+import { getValidBasicModelOrNull, isNull, isUndefined } from '../../common/validators';
+import FormControl from '../../formControl';
+import { mapConstSchemaToOption, mapSchemaToUploadOptions } from './utils';
+import { useLogger } from '../../common/contexts';
+var isNativeInput = function (propsSchemaType) {
+    return propsSchemaType === 'string' || propsSchemaType === 'number';
+};
+export var getControlType = function (schema) {
+    if (isOneOfSchema(schema)) {
+        if (schema.control === FormControlType.TAB && schema.oneOf.length > 3) {
+            return FormControlType.SELECT;
+        }
+        return schema.control || FormControlType.SELECT;
+    }
+    if (isStringSchema(schema)) {
+        return getStringSchemaControlType(schema);
+    }
+    // We should really check if the control is known, but I don't want to break behaviour so I'm leaving it as is for now
+    if ('control' in schema && schema.control) {
+        return schema.control;
+    }
+    if (schema.type === 'boolean') {
+        return 'checkbox';
+    }
+    if (schema.type === 'integer') {
+        return 'number';
+    }
+    return schema.type;
+};
+export var getStringSchemaControlType = function (_a) {
+    var format = _a.format, control = _a.control;
+    if (control) {
+        return stringControlToFormControlType[control] || control;
+    }
+    if (format) {
+        return stringFormatToFormControlType[format] || 'text';
+    }
+    return 'text';
+};
+var stringControlToFormControlType = {
+    'date-lookup': 'date-lookup',
+    password: 'password',
+    textarea: 'textarea',
+    email: 'email',
+    numeric: 'numeric',
+    'phone-number': 'tel'
+};
+var stringFormatToFormControlType = {
+    date: 'date',
+    // Legacy formats
+    email: 'email',
+    base64url: 'file',
+    password: 'password',
+    'phone-number': 'tel'
+};
+var getOptions = function (schema, controlType) {
+    if (schema.oneOf) {
+        return schema.oneOf.map(function (childSchema) { return mapConstSchemaToOption(childSchema, controlType); });
+    }
+    return null;
+};
+function SchemaFormControl(props) {
+    var id = props.id, schema = props.schema, value = props.value, disabled = props.disabled, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onSearchChange = props.onSearchChange, describedBy = props.describedBy;
+    var log = useLogger();
+    var getSanitisedValue = function (value) {
+        return isNativeInput(schema.type) && (isNull(value) || isUndefined(value)) ? '' : value;
+    };
+    var onModelChange = function (value, type, metadata) {
+        onChange(getValidBasicModelOrNull(value, schema), type, metadata);
+    };
+    var controlType = getControlType(schema);
+    useEffect(function () {
+        warnIfInvalidSchema(schema, log, controlType);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [JSON.stringify(schema), log, controlType]);
+    var options = schema.values || getOptions(schema, controlType);
+    var events = {
+        onFocus: onFocus,
+        onBlur: onBlur,
+        onSearchChange: onSearchChange,
+        onChange: onModelChange
+    };
+    var safeValue = getSanitisedValue(value);
+    var controlProps = {
+        id: id,
+        name: id,
+        label: schema.title,
+        options: options || [],
+        placeholder: schema.placeholder,
+        autoComplete: !schema.help,
+        autocompleteHint: schema.autocompleteHint,
+        disabled: disabled || schema.disabled,
+        displayPattern: schema.displayFormat,
+        // TODO: LOW avoid type assertion below
+        uploadProps: mapSchemaToUploadOptions(schema),
+        describedBy: describedBy
+    };
+    return (_jsx("div", __assign({ "aria-describedby": describedBy }, { children: _jsx(FormControl, __assign({ type: controlType, value: safeValue }, events, controlProps)) })));
+}
+SchemaFormControl.defaultProps = {
+    value: null,
+    onFocus: null,
+    onBlur: null,
+    onSearchChange: null,
+    disabled: false
+};
+var warnIfInvalidSchema = function (schema, log, controlType) {
+    if (isOneOfSchema(schema) && schema.oneOf.length === 2 && !schema.control) {
+        log.warning('Deprecation warning', 'A oneOf schema with 2 options and no control type currently renders as a "radio" but will be changed to render as a "select". Please specify control radio to retain the existing behaviour.');
+    }
+    if (controlType === 'file') {
+        log.warning('Deprecation 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 (schema.values) {
+        log.warning('Deprecated schema', 'Schema.values is a legacy approach. Please use oneOf.');
+    }
+};
+export default SchemaFormControl;

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

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

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

@@ -0,0 +1 @@
+export * from './mapping-utils';

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

@@ -0,0 +1,107 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar, AvatarType } from '@transferwise/components';
+import { Flag } from '@wise/art';
+import { isArray, isNull, isUndefined } from '../../../common/validators';
+import DynamicIcon, { isValidIconName } from '../../../layout/icon/DynamicIcon';
+import { isFlagIcon } from '../../../layout/icon/FlagIcon';
+var mapConstSchemaToOption = function (schema, controlType) {
+    switch (controlType) {
+        case 'select':
+            return mapConstSchemaToSelectOption(schema);
+        case 'radio':
+        default:
+            return mapConstSchemaToRadioOption(schema);
+    }
+};
+var mapConstSchemaToRadioOption = function (schema) { return (__assign(__assign(__assign({ 
+    // TODO: LOW avoid type assertion -- using || '' would fail some tests
+    label: schema.title, value: schema["const"] }, getRadioOptionDescription(schema.title, schema.description)), getAvatarPropertyForRadioOption(schema)), getDisabled(schema.disabled))); };
+var mapConstSchemaToSelectOption = 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)), getIconPropertyForSelectOption(schema.icon)), mapImage(schema.image)), getDisabled(schema.disabled)), mapKeywordsToSearchStrings(schema.keywords))); };
+var mapKeywordsToSearchStrings = function (searchStrings) {
+    return isArray(searchStrings) ? { searchStrings: searchStrings } : {};
+};
+var mapImage = function (image) {
+    if (image === null || image === void 0 ? void 0 : image.url) {
+        return {
+            icon: (_jsx("div", __assign({ className: "media" }, { children: _jsx("div", __assign({ className: "np-option__no-media-circle" }, { children: _jsx("img", { src: image.url, alt: image.name || '' }) })) }))),
+            hideIconInTrigger: true
+        };
+    }
+    return null;
+};
+var getIconPropertyForSelectOption = function (icon) {
+    if ((icon === null || icon === void 0 ? void 0 : icon.name) && isFlagIcon(icon.name)) {
+        return {
+            icon: _jsx(Flag, { code: icon.name.substring(5), intrinsicSize: 24 })
+        };
+    }
+    if ((icon === null || icon === void 0 ? void 0 : icon.name) && isValidIconName(icon.name)) {
+        return {
+            icon: _jsx(DynamicIcon, { type: icon.name })
+        };
+    }
+    if (icon === null || icon === void 0 ? void 0 : icon.text) {
+        return {
+            icon: _jsx("span", { children: icon.text })
+        };
+    }
+    return null;
+};
+var getAvatarPropertyForRadioOption = function (_a) {
+    var image = _a.image, icon = _a.icon;
+    if (image === null || image === void 0 ? void 0 : image.url) {
+        return {
+            avatar: (_jsx(Avatar, __assign({ type: AvatarType.THUMBNAIL }, { children: _jsx("img", { src: image.url, alt: "" }) })))
+        };
+    }
+    if ((icon === null || icon === void 0 ? void 0 : icon.name) && isValidIconName(icon.name)) {
+        return {
+            avatar: (_jsx(Avatar, __assign({ type: AvatarType.ICON }, { children: _jsx(DynamicIcon, { type: icon.name }) })))
+        };
+    }
+    if (icon === null || icon === void 0 ? void 0 : icon.text) {
+        return {
+            avatar: _jsx(Avatar, __assign({ type: AvatarType.INITIALS }, { children: icon.text }))
+        };
+    }
+    return null;
+};
+var mapSchemaToUploadOptions = function (_a) {
+    var accepts = _a.accepts;
+    return (__assign({}, (isArray(accepts) && { usAccept: accepts.join(',') })));
+};
+var getOptionDescription = function (title, description) {
+    if (title && description) {
+        if ((title + description).length > 50) {
+            return { secondary: description };
+        }
+        return { note: description };
+    }
+    return undefined;
+};
+var getRadioOptionDescription = function (title, description) {
+    if (title && description) {
+        return { note: description };
+    }
+    return undefined;
+};
+var getDisabled = function (disabled) {
+    if (!isUndefined(disabled) && !isNull(disabled)) {
+        return { disabled: disabled };
+    }
+    return undefined;
+};
+export { mapConstSchemaToOption, getAvatarPropertyForRadioOption, mapSchemaToUploadOptions };

package/build/legacy/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.js

@@ -0,0 +1,150 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { useEventDispatcher, useLogger } from '../../common/contexts';
+import { isEqual } from '../../common/utils';
+import { isValidSchema, isNull, isObject, isString } from '../../common/validators';
+import BasicTypeSchema from '../basicTypeSchema';
+import { useHttpClient } from '../../../common/httpClientContext';
+function ValidationAsyncSchema(props) {
+    var _this = this;
+    var schema = props.schema, model = props.model, required = props.required, submitted = props.submitted, errors = props.errors, onChange = props.onChange;
+    var _a = useState(model), validationAsyncModel = _a[0], setValidationAsyncModel = _a[1];
+    var previousRequestedModelReference = useRef(null);
+    var _b = useState(null), validationAsyncSuccessMessage = _b[0], setValidationAsyncSuccessMessage = _b[1];
+    var _c = useState(null), validationAsyncErrors = _c[0], setValidationAsyncErrors = _c[1];
+    var _d = useState(false), fieldSubmitted = _d[0], setFieldSubmitted = _d[1];
+    var _e = useState(null), abortController = _e[0], setAbortController = _e[1];
+    var httpClient = useHttpClient();
+    var onEvent = useEventDispatcher();
+    var log = useLogger();
+    useEffect(function () {
+        if (!schema.validationAsync.method) {
+            log.warning('Invalid schema or model', 'ValidationAsyncSchema without a "method" property would have defaulted to "GET" in previous versions. Now defaults to "POST".', {});
+        }
+    }, [log, schema.validationAsync.method]);
+    var getValidationAsyncResponse = function (currentValidationAsyncModel, validationAsyncSpec) { return __awaiter(_this, 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);
+                    onEvent('Dynamic Flow - ValidationAsync', { status: 'pending' });
+                    return [4 /*yield*/, httpClient(validationAsyncSpec.url, {
+                            method: validationAsyncSpec.method || 'POST',
+                            headers: { 'Content-Type': 'application/json' },
+                            body: validationAsyncSpec.method === 'GET' ? undefined : JSON.stringify(requestBody),
+                            signal: signal
+                        })];
+                case 1:
+                    response = _c.sent();
+                    _c.label = 2;
+                case 2:
+                    _c.trys.push([2, 4, , 5]);
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    jsonResponse = _c.sent();
+                    if (!isObject(jsonResponse)) {
+                        throw new Error('Response body is not an object');
+                    }
+                    onEvent('Dynamic Flow - ValidationAsync', { status: 'success' });
+                    if (response.status === 200) {
+                        setValidationAsyncSuccessMessage(isString(jsonResponse.message) ? jsonResponse.message : null);
+                    }
+                    else if (response.status === 422) {
+                        setValidationAsyncErrors(isString(jsonResponse.message) ? jsonResponse.message : null);
+                    }
+                    return [3 /*break*/, 5];
+                case 4:
+                    _a = _c.sent();
+                    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 (!isNull(validationAsyncModel) &&
+            !isEqual(validationAsyncModel, previousRequestedModelReference.current) &&
+            isValidSchema(validationAsyncModel, schema)) {
+            void getValidationAsyncResponse(validationAsyncModel, schema.validationAsync);
+        }
+    };
+    var onValidationAsyncChange = function (parameters) {
+        onChange(__assign(__assign({}, parameters), { triggerSchema: schema, triggerModel: parameters.model }));
+        setValidationAsyncErrors(null);
+        setValidationAsyncSuccessMessage(null);
+        setValidationAsyncModel(parameters.model);
+    };
+    var basicTypeSchemaProps = {
+        submitted: submitted || fieldSubmitted,
+        model: validationAsyncModel,
+        errors: validationAsyncErrors || errors,
+        infoMessage: validationAsyncSuccessMessage,
+        onChange: onValidationAsyncChange,
+        onBlur: onBlur,
+        required: required,
+        schema: schema
+    };
+    return _jsx(BasicTypeSchema, __assign({}, basicTypeSchemaProps));
+}
+ValidationAsyncSchema.defaultProps = { required: false };
+export default ValidationAsyncSchema;

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

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