@wise/dynamic-flow-client 0.1.1 → 0.1.3

package/build/jsonSchemaForm/oneOfSchema/OneOfSchema.js

@@ -0,0 +1,153 @@
+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 { isArray, isEmpty } from '@transferwise/neptune-validation';
+import classNames from 'classnames';
+import { useEffect, useMemo, useState } from 'react';
+import { useDebouncedFunction } from '../../common/hooks/useDebouncedFunction';
+import { useTracking } from '../../common/tracking';
+import { generateRandomId } from '../../common/utils/generate-random-id';
+import { getValidModelParts } from '../../common/validation/valid-model';
+import { getValidationFailures } from '../../common/validation/validation-failures';
+import DynamicAlert from '../../layout/alert';
+import ControlFeedback from '../controlFeedback';
+import GenericSchema from '../genericSchema';
+import Help from '../help';
+import SchemaFormControl from '../schemaFormControl';
+import { getActiveSchemaIndex, getValidIndexFromValue } from './getActiveSchemaIndex';
+import { isConstSchema, isNoNConstSchema } from './isConstSchema';
+var OneOfSchema = function (props) {
+    var trackEvent = useTracking();
+    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(trackEvent, 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) {
+        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
+            });
+        }
+        else {
+            props.onChange({
+                model: models[index],
+                triggerSchema: newSchema,
+                triggerModel: models[index],
+                type: type
+            });
+        }
+        if (type !== 'init' && props.schema.analyticsId) {
+            trackEvent('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)
+    };
+    return (_jsxs(_Fragment, { children: [(props.schema.oneOf.length > 1 || isConstSchema(props.schema.oneOf[0])) && (_jsxs(_Fragment, { children: [_jsxs("div", __assign({ className: classNames(formGroupClasses) }, { children: [getTitleAndHelp(props.schema, id), _jsx(SchemaFormControl, { id: id, schema: schemaForSelect, value: schemaIndex, disabled: props.disabled, onChange: onChooseNewSchema, onFocus: onFocus, onBlur: onBlur, onSearchChange: onSearchChange }), _jsx(ControlFeedback, { changed: changed, focused: focused, blurred: blurred, submitted: props.submitted, errors: errorsToString(props.errors), schema: props.schema, validations: validations, infoMessage: null })] })), props.schema.alert && _jsx(DynamicAlert, { component: props.schema.alert })] })), 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, id) {
+    var helpElement = schema.help ? _jsx(Help, { help: schema.help }) : null;
+    var titleElement = isConstSchema(schema.oneOf[0]) ? (_jsxs("label", __assign({ className: "control-label d-inline", htmlFor: id }, { children: [schema.title, " ", helpElement] }))) : (_jsxs("h4", __assign({ className: "m-b-2" }, { children: [schema.title, " ", helpElement] })));
+    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, !!props.required);
+    }
+    if (schemaIndex === null || schemaIndex < 0) {
+        return getValidationFailures(null, props.schema, !!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/jsonSchemaForm/oneOfSchema/getActiveSchemaIndex.d.ts

@@ -0,0 +1,3 @@
+import { Model, OneOfSchema } from '../../dynamic-flow-types';
+export declare const getActiveSchemaIndex: (schema: OneOfSchema, model: Model) => number | null;
+export declare const getValidIndexFromValue: (schema: OneOfSchema, value: Model | undefined) => number;

package/build/jsonSchemaForm/oneOfSchema/getActiveSchemaIndex.js

@@ -0,0 +1,40 @@
+import { isUndefined } from '@transferwise/neptune-validation';
+import { isValidSchema } from '../../common/validation/schema-validators';
+import { isObjectModel } from '../../dynamic-flow-types';
+import { isOneOfObjectSchema } from '../../dynamic-flow-types/Schema';
+import { getBestMatchingSchemaIndexForValue } from './getBestMatchingSchemaIndexForValue';
+import { isConstSchema, isNoNConstSchema } from './isConstSchema';
+export var getActiveSchemaIndex = function (schema, model) {
+    var indexFromModel = getValidIndexFromValue(schema, model);
+    // If our model satisfies one of the schemas, use that schema.
+    if (indexFromModel >= 0) {
+        return indexFromModel;
+    }
+    // If we have a non-const oneOf and there's only one, active index must be the first one
+    if (schema.oneOf.length === 1 && isNoNConstSchema(schema.oneOf[0])) {
+        return 0;
+    }
+    if (isConstSchema(schema.oneOf[0])) {
+        var indexFromDefault = getValidIndexFromValue(schema, schema["default"]);
+        // If the default value satisfies one of the schemas, use that schema.
+        if (indexFromDefault >= 0) {
+            return indexFromDefault;
+        }
+    }
+    if (isOneOfObjectSchema(schema) && isObjectModel(model) && Object.keys(model).length >= 1) {
+        // Even if the model does not satisfy any of the schemas, it may be closer to one of them.
+        return getBestMatchingSchemaIndexForValue(schema, model);
+    }
+    if (isOneOfObjectSchema(schema) &&
+        !isUndefined(schema["default"]) &&
+        isObjectModel(schema["default"]) &&
+        Object.keys(schema["default"]).length >= 1) {
+        // Even if the default value does not satisfy any of the schemas, it may be closer to one of them.
+        return getBestMatchingSchemaIndexForValue(schema, schema["default"]);
+    }
+    // Otherwise do not default
+    return null;
+};
+export var getValidIndexFromValue = function (schema, value) {
+    return schema.oneOf.findIndex(function (childSchema) { return !isUndefined(value) && isValidSchema(value, childSchema); });
+};

package/build/jsonSchemaForm/oneOfSchema/getBestMatchingSchemaIndexForValue.d.ts

@@ -0,0 +1,2 @@
+import { ObjectModel, OneOfObjectSchema } from '../../dynamic-flow-types';
+export declare function getBestMatchingSchemaIndexForValue(schema: OneOfObjectSchema, value: ObjectModel): number | null;

package/build/jsonSchemaForm/oneOfSchema/getBestMatchingSchemaIndexForValue.js

@@ -0,0 +1,27 @@
+import { isConstSchema, isNoNConstSchema } from './isConstSchema';
+export function getBestMatchingSchemaIndexForValue(schema, value) {
+    if (value === null || value === undefined) {
+        return null;
+    }
+    var schemaPoints = schema.oneOf.map(function (childSchema) {
+        return getSchemaProperties(childSchema).reduce(function (total, _a) {
+            var key = _a[0], propertySchema = _a[1];
+            if (isConstSchema(propertySchema) && propertySchema["const"] === value[key]) {
+                return total + 2;
+            }
+            else if (isNoNConstSchema(propertySchema) && typeof value[key] !== 'undefined') {
+                return total + 1;
+            }
+            return total;
+        }, 0);
+    });
+    if (schemaPoints.every(function (p) { return p === schemaPoints[0]; })) {
+        return null;
+    }
+    return schemaPoints.indexOf(Math.max.apply(Math, schemaPoints));
+}
+function getSchemaProperties(childSchema) {
+    return childSchema.properties !== null && typeof childSchema.properties === 'object'
+        ? Object.entries(childSchema.properties)
+        : [];
+}

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

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

package/build/jsonSchemaForm/oneOfSchema/index.js

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

package/build/jsonSchemaForm/oneOfSchema/isConstSchema.d.ts

@@ -0,0 +1,3 @@
+import { ConstSchema, Schema } from '../../dynamic-flow-types/Schema';
+export declare function isConstSchema(schema: Schema | undefined): schema is ConstSchema;
+export declare function isNoNConstSchema(schema: Schema | undefined): boolean;

package/build/jsonSchemaForm/oneOfSchema/isConstSchema.js

@@ -0,0 +1,7 @@
+import { isUndefined } from '@transferwise/neptune-validation';
+export function isConstSchema(schema) {
+    return !isUndefined(schema === null || schema === void 0 ? void 0 : schema["const"]);
+}
+export function isNoNConstSchema(schema) {
+    return !!schema && !isConstSchema(schema);
+}

package/build/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { PersistAsyncSchema as PersistAsyncSchemaType } from '../../dynamic-flow-types';
+import { GenericSchemaProps } from '../genericSchema/GenericSchema';
+declare const PersistAsyncSchema: {
+    (props: PersistAsyncSchemaProps): JSX.Element;
+    defaultProps: {
+        required: boolean;
+    };
+};
+export type PersistAsyncSchemaProps = Omit<GenericSchemaProps, 'schema' | 'model' | 'errors'> & {
+    schema: PersistAsyncSchemaType;
+    model: string | null;
+    errors: string | null;
+    required?: boolean;
+};
+export default PersistAsyncSchema;

package/build/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.js

@@ -0,0 +1,26 @@
+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 PersistAsyncBasicSchema from './basic';
+import PersistAsyncBlobSchema from './blob';
+var PersistAsyncSchema = function (props) {
+    var schema = props.schema;
+    var persistAsyncSchemaType = schema.persistAsync.schema.type;
+    if (persistAsyncSchemaType === 'blob') {
+        return (_jsx(PersistAsyncBlobSchema, __assign({}, props)));
+    }
+    return _jsx(PersistAsyncBasicSchema, __assign({}, props));
+};
+PersistAsyncSchema.defaultProps = {
+    required: false
+};
+export default PersistAsyncSchema;

package/build/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.messages.d.ts

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

package/build/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl';
+export default defineMessages({
+    genericError: {
+        id: 'dynamicFlows.PersistAsyncSchema.genericError',
+        defaultMessage: 'Something went wrong, please try again later!',
+        description: 'Generic error message for persist async schema'
+    }
+});

package/build/jsonSchemaForm/persistAsyncSchema/basic/PersistAsyncBasicSchema.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { PersistAsync, Schema } from '../../../dynamic-flow-types';
+import { GenericSchemaProps } from '../../genericSchema/GenericSchema';
+export declare const getIdFromResponse: (idProperty: string, response: Record<string, unknown>) => string | number;
+export declare const getErrorFromResponse: (errorProperty: string, response: {
+    validation?: Record<string, unknown>;
+}) => unknown;
+declare const PersistAsyncBasicSchema: {
+    (props: PersistAsyncBasicSchemaProps): JSX.Element;
+    defaultProps: {
+        required: boolean;
+    };
+};
+type PersistAsyncBasicSchemaProps = Omit<GenericSchemaProps, 'schema'> & {
+    schema: Schema & {
+        persistAsync: PersistAsync;
+    };
+    errors: string | null;
+    required?: boolean;
+};
+export default PersistAsyncBasicSchema;

package/build/jsonSchemaForm/persistAsyncSchema/basic/PersistAsyncBasicSchema.js

@@ -0,0 +1,168 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNull, isObject } from '@transferwise/neptune-validation';
+import isEqual from 'lodash.isequal';
+import { useEffect, useState } from 'react';
+import { useIntl } from 'react-intl';
+import { FormControlType } from '../../../common';
+import { isStatus2xx, isStatus422 } from '../../../common/api/utils';
+import { useFetcher } from '../../../common/contexts/fetcherContext';
+import usePrevious from '../../../common/hooks/usePrevious';
+import { useTracking } from '../../../common/tracking';
+import { isValidSchema } from '../../../common/validation/schema-validators';
+import BasicTypeSchema from '../../basicTypeSchema';
+import { getControlType } from '../../schemaFormControl/SchemaFormControl';
+import schema from '../../schemas/allOf.json';
+import messages from '../PersistAsyncSchema.messages';
+// TODO: LOW avoid type assertion below -- consider throwing if return value is not the expected type
+export var getIdFromResponse = function (idProperty, response) {
+    return response[idProperty];
+};
+export var getErrorFromResponse = function (errorProperty, response) {
+    var _a;
+    return (_a = response.validation) === null || _a === void 0 ? void 0 : _a[errorProperty];
+};
+var controlTypesWithPersistOnChange = new Set([
+    FormControlType.RADIO,
+    FormControlType.SELECT,
+    FormControlType.DATELOOKUP,
+    FormControlType.FILE,
+    FormControlType.UPLOAD,
+]);
+var PersistAsyncBasicSchema = function (props) {
+    var intl = useIntl();
+    var fetcher = useFetcher();
+    var trackEvent = useTracking();
+    var _a = useState(null), persistAsyncModel = _a[0], setPersistAsyncModel = _a[1];
+    var previousPersistAsyncModel = usePrevious(persistAsyncModel);
+    var _b = useState(null), persistAsyncError = _b[0], setPersistAsyncError = _b[1];
+    var _c = useState(false), fieldSubmitted = _c[0], setFieldSubmitted = _c[1];
+    var _d = useState(null), abortController = _d[0], setAbortController = _d[1];
+    useEffect(function () {
+        if (controlTypesWithPersistOnChange.has(
+        // TODO: LOW avoid type assertion below -- control type may be nullish. consider ?? ''
+        getControlType(props.schema.persistAsync.schema))) {
+            persistAsyncIfValid();
+        }
+    }, [persistAsyncModel]);
+    var setGenericPersistAsyncError = function () {
+        return setPersistAsyncError(intl.formatMessage(messages.genericError));
+    };
+    var getPersistAsyncResponse = function (currentPersistAsyncModel, persistAsyncSpec) { return __awaiter(void 0, void 0, void 0, function () {
+        var signal, requestBody, persistAsyncFetch, response, responseBody, _a, idProperty, param, id, validation, error, _b;
+        var _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    signal = abortCurrentRequestAndGetNewAbortSignal();
+                    requestBody = (_c = {}, _c[persistAsyncSpec.param] = currentPersistAsyncModel, _c);
+                    setFieldSubmitted(true); // persist async initiated implied the field has been submitted
+                    _d.label = 1;
+                case 1:
+                    _d.trys.push([1, 4, , 5]);
+                    trackEvent('Dynamic Flow - PersistAsync', { status: 'pending', schemaId: schema.$id });
+                    persistAsyncFetch = fetcher(persistAsyncSpec.url, {
+                        method: persistAsyncSpec.method,
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify(requestBody),
+                        signal: signal
+                    });
+                    props.onPersistAsync(persistAsyncFetch);
+                    return [4 /*yield*/, persistAsyncFetch];
+                case 2:
+                    response = _d.sent();
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    responseBody = _d.sent();
+                    if (!isObject(responseBody)) {
+                        throw new Error('Response is not an object');
+                    }
+                    _a = props.schema.persistAsync, idProperty = _a.idProperty, param = _a.param;
+                    if (isStatus2xx(response.status)) {
+                        id = getIdFromResponse(idProperty, responseBody);
+                        props.onChange({ model: id, triggerSchema: props.schema, triggerModel: id });
+                    }
+                    else if (isStatus422(response.status)) {
+                        validation = responseBody.validation;
+                        error = (isObject(validation) && (validation === null || validation === void 0 ? void 0 : validation[param])) || null;
+                        setPersistAsyncError(error);
+                        props.onChange({ model: null, triggerSchema: props.schema, triggerModel: null });
+                    }
+                    else {
+                        setGenericPersistAsyncError();
+                    }
+                    trackEvent('Dynamic Flow - PersistAsync', { status: 'success', schemaId: schema.$id });
+                    return [3 /*break*/, 5];
+                case 4:
+                    _b = _d.sent();
+                    trackEvent('Dynamic Flow - PersistAsync', { status: 'failure', schemaId: schema.$id });
+                    setGenericPersistAsyncError();
+                    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 persistAsyncIfValid = function () {
+        if (!isNull(persistAsyncModel) && !isEqual(persistAsyncModel, previousPersistAsyncModel)) {
+            void getPersistAsyncResponse(persistAsyncModel, props.schema.persistAsync);
+        }
+    };
+    var onBlur = function () {
+        persistAsyncIfValid();
+    };
+    var persistAsyncOnChange = function (_a) {
+        var newPersistAsyncModel = _a.model;
+        setPersistAsyncError(null);
+        if (isValidSchema(newPersistAsyncModel, props.schema.persistAsync.schema)) {
+            setPersistAsyncModel(newPersistAsyncModel);
+        }
+    };
+    return (_jsx(BasicTypeSchema, { required: props.required, submitted: props.submitted || fieldSubmitted, schema: props.schema.persistAsync.schema, errors: persistAsyncError || props.errors, model: null, infoMessage: null, onChange: persistAsyncOnChange, onBlur: onBlur }));
+};
+PersistAsyncBasicSchema.defaultProps = {
+    required: false
+};
+export default PersistAsyncBasicSchema;

package/build/jsonSchemaForm/persistAsyncSchema/basic/index.d.ts

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

package/build/jsonSchemaForm/persistAsyncSchema/basic/index.js

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

package/build/jsonSchemaForm/persistAsyncSchema/blob/PersistAsyncBlobSchema.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { BlobSchema, PersistAsync, Schema } from '../../../dynamic-flow-types';
+import { GenericSchemaProps } from '../../genericSchema/GenericSchema';
+declare const PersistAsyncBlobSchema: {
+    (props: PersistAsyncBlobSchemaProps): JSX.Element;
+    defaultProps: {
+        required: boolean;
+    };
+};
+type PersistAsyncBlobSchemaProps = Omit<GenericSchemaProps, 'model'> & {
+    schema: Schema & {
+        persistAsync: PersistAsync & {
+            schema: BlobSchema;
+        };
+    };
+    model: string | null;
+    errors: string | null;
+    required?: boolean;
+};
+export default PersistAsyncBlobSchema;