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

package/build/legacy/dynamicFlow/utils/responseParsers/response-parsers.js

@@ -1,185 +0,0 @@
-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 { isObject } from '../../../common/validators';
-var parseFetchResponseByResponseType = function (response, type) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        switch (type) {
-            case 'step':
-                return [2 /*return*/, parseStepResponse(response)];
-            case 'exit':
-                return [2 /*return*/, parseExitResponse(response)];
-            case 'action':
-                return [2 /*return*/, parseActionResponse(response)];
-            default:
-                throw new Error("Unsupported X-Df-Response-Type. Allowed values are 'step', 'action', 'exit'.");
-        }
-        return [2 /*return*/];
-    });
-}); };
-var parseStepResponse = function (response) { return __awaiter(void 0, void 0, void 0, function () {
-    var jsonBody, etag;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, parseResponseJson(response)];
-            case 1:
-                jsonBody = _a.sent();
-                if (!isObject(jsonBody)) {
-                    throw new Error('Incorrect response body in response. Expected an object.');
-                }
-                etag = response.headers.get('etag') || undefined;
-                return [2 /*return*/, { type: 'step', step: jsonBody, etag: etag }];
-        }
-    });
-}); };
-var parseActionResponse = function (response) { return __awaiter(void 0, void 0, void 0, function () {
-    var jsonBody, action;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, parseResponseJson(response)];
-            case 1:
-                jsonBody = _a.sent();
-                if (!isObject(jsonBody)) {
-                    throw new Error('Incorrect response body in response. Expected an object.');
-                }
-                if (!isObject(jsonBody.action)) {
-                    throw new Error('Incorrect response body in action response. Expected an object satisfying the type { action: Action }.');
-                }
-                action = jsonBody.action;
-                if (action.exit === true && isObject(action.result)) {
-                    return [2 /*return*/, { type: 'exit', result: action.result }];
-                }
-                return [2 /*return*/, { type: 'action', action: jsonBody.action }];
-        }
-    });
-}); };
-var parseExitResponse = function (response) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0:
-                _a = { type: 'exit' };
-                return [4 /*yield*/, getJsonObjectOrNull(response)];
-            case 1: return [2 /*return*/, (_a.result = _b.sent(), _a)];
-        }
-    });
-}); };
-export var parseFetchResponse = function (response) { return __awaiter(void 0, void 0, void 0, function () {
-    var type, jsonBody;
-    var _a, _b;
-    return __generator(this, function (_c) {
-        switch (_c.label) {
-            case 0:
-                assertResponseIsValid(response);
-                if ((_a = response.headers) === null || _a === void 0 ? void 0 : _a.has('X-Df-Response-Type')) {
-                    type = response.headers.get('X-Df-Response-Type');
-                    return [2 /*return*/, parseFetchResponseByResponseType(response, type)];
-                }
-                if ((_b = response.headers) === null || _b === void 0 ? void 0 : _b.has('X-Df-Exit')) {
-                    return [2 /*return*/, parseExitResponse(response)];
-                }
-                return [4 /*yield*/, parseResponseJson(response.clone())];
-            case 1:
-                jsonBody = _c.sent();
-                if (isObject(jsonBody) && jsonBody.action) {
-                    return [2 /*return*/, parseActionResponse(response)];
-                }
-                return [2 /*return*/, parseStepResponse(response)];
-        }
-    });
-}); };
-export var parseErrorResponse = function (response) { return __awaiter(void 0, void 0, void 0, function () {
-    var jsonBody;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                assertResponseIsValid(response);
-                return [4 /*yield*/, parseResponseJson(response)];
-            case 1:
-                jsonBody = _a.sent();
-                if (!isObject(jsonBody)) {
-                    throw new Error('Incorrect response body in error response. Expected an object.');
-                }
-                if (!jsonBody.refreshFormUrl && !jsonBody.refreshUrl && !jsonBody.validation && !jsonBody.error) {
-                    // eslint-disable-next-line @typescript-eslint/no-throw-literal
-                    throw jsonBody;
-                }
-                return [2 /*return*/, jsonBody];
-        }
-    });
-}); };
-export var getJsonObjectOrNull = function (response) { return __awaiter(void 0, void 0, void 0, function () {
-    var result;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                assertResponseIsValid(response);
-                return [4 /*yield*/, parseResponseJson(response)];
-            case 1:
-                result = _a.sent();
-                return [2 /*return*/, isObject(result) ? result : null];
-        }
-    });
-}); };
-var parseResponseJson = function (response) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0:
-                _b.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, response.json()];
-            case 1: return [2 /*return*/, (_b.sent())];
-            case 2:
-                _a = _b.sent();
-                return [2 /*return*/, null];
-            case 3: return [2 /*return*/];
-        }
-    });
-}); };
-var assertResponseIsValid = function (response) {
-    if (!isResponse(response)) {
-        throw new Error('Incorrect type of response from fetch. Expected object of type Response.');
-    }
-    if (response.bodyUsed) {
-        throw new Error('The body of the provided Response object has already been used. Every request must respond with a new Response object.');
-    }
-};
-var isResponse = function (response) {
-    return typeof response === 'object' &&
-        response !== null &&
-        'clone' in response &&
-        'bodyUsed' in response;
-};

package/build/legacy/dynamicFlow/utils/useDebouncedRefresh/useDebouncedRefresh.js

@@ -1,26 +0,0 @@
-import { useRef } from 'react';
-import { debounce, getSchemaType } from '../../../common/utils';
-var DEBOUNCE_DELAY = 1000; // milliseconds
-export function useDebouncedRefresh(fetchRefresh) {
-    var map = useRef(new Map());
-    var retrieveOrCreate = function (key) {
-        if (map.current.has(key)) {
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            return map.current.get(key);
-        }
-        var debouncedFetchRefresh = debounce(function (url, data, etag) { return fetchRefresh(url, data, etag); }, DEBOUNCE_DELAY);
-        map.current.set(key, debouncedFetchRefresh);
-        return debouncedFetchRefresh;
-    };
-    return function (url, data, etag, schema) {
-        var debouncedFetchRefresh = retrieveOrCreate(url);
-        debouncedFetchRefresh(url, data, etag);
-        if (!schema || !shouldDebounceSchema(schema)) {
-            debouncedFetchRefresh.flush();
-        }
-    };
-}
-// TODO: only exporting for testing. we should improve the tests
-export var shouldDebounceSchema = function (schema) {
-    return getSchemaType(schema) === 'basic' && schema.type !== 'boolean' && schema.format !== 'base64url';
-};

package/build/legacy/dynamicFlow/utils/useDynamicFlowState.js

@@ -1,137 +0,0 @@
-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 { useMemo, useState } from 'react';
-import { isValidSchema, getValidObjectModelParts } from '../../common/validators';
-export var useDynamicFlowState = function (initialStep) {
-    var _a, _b;
-    var _c = useState((_a = initialStep === null || initialStep === void 0 ? void 0 : initialStep.errors) === null || _a === void 0 ? void 0 : _a.validation), formErrors = _c[0], setFormErrors = _c[1];
-    var _d = useState((_b = initialStep === null || initialStep === void 0 ? void 0 : initialStep.errors) === null || _b === void 0 ? void 0 : _b.error), globalError = _d[0], setGlobalError = _d[1];
-    var _e = useState({
-        step: initialStep || undefined,
-        models: (initialStep === null || initialStep === void 0 ? void 0 : initialStep.model)
-            ? buildInitialModels(initialStep.model, getAllSchemas(initialStep))
-            : {},
-        etag: undefined
-    }), stepAndModels = _e[0], setStepAndModels = _e[1];
-    var step = stepAndModels.step, models = stepAndModels.models, etag = stepAndModels.etag;
-    var setStepAndEtag = function (step, etag) {
-        var _a, _b, _c, _d;
-        setStepAndModels({
-            step: step,
-            models: step.model ? buildInitialModels(step.model, getAllSchemas(step)) : {},
-            etag: etag
-        });
-        setFormErrors((_b = (_a = step === null || step === void 0 ? void 0 : step.errors) === null || _a === void 0 ? void 0 : _a.validation) !== null && _b !== void 0 ? _b : null);
-        setGlobalError((_d = (_c = step === null || step === void 0 ? void 0 : step.errors) === null || _c === void 0 ? void 0 : _c.error) !== null && _d !== void 0 ? _d : null);
-    };
-    var setSchemaModel = function (schemaId, objectModel, onModelsUpdated) {
-        setStepAndModels(function (previous) {
-            var _a;
-            var updatedModels = __assign(__assign({}, previous.models), (_a = {}, _a[schemaId] = objectModel, _a));
-            var updatedState = {
-                step: previous.step,
-                models: updatedModels,
-                etag: previous.etag
-            };
-            onModelsUpdated(updatedModels);
-            return updatedState;
-        });
-    };
-    var modelIsValid = useMemo(function () { return areModelsValid(models, getAllValidatableSchemas(step)); }, [models, step]);
-    return {
-        formErrors: formErrors,
-        globalError: globalError,
-        step: step,
-        models: models,
-        etag: etag,
-        modelIsValid: modelIsValid,
-        setFormErrors: setFormErrors,
-        setGlobalError: setGlobalError,
-        setStepAndEtag: setStepAndEtag,
-        setSchemaModel: setSchemaModel
-    };
-};
-var buildInitialModels = function (model, schemas) {
-    if (schemas === void 0) { schemas = []; }
-    return schemas.reduce(function (acc, schema) {
-        var _a;
-        if (!schema.$id) {
-            // TODO: DF-473 - Remove type assertions once we're confident people have had time to fix any errors
-            // eslint-disable-next-line no-console
-            console.warn('Schema without $id property found.');
-        }
-        return __assign(__assign({}, acc), (_a = {}, _a[schema.$id || ''] = getValidObjectModelParts(model, schema) || {}, _a));
-    }, {});
-};
-var getAllSchemas = function (step) { return __spreadArray(__spreadArray([], getAllSchemasInLayout((step === null || step === void 0 ? void 0 : step.layout) || []), true), ((step === null || step === void 0 ? void 0 : step.schemas) || []), true); };
-var getAllSchemasInLayout = function (components) {
-    return components.flatMap(function (component) {
-        switch (component.type) {
-            case 'columns':
-                return __spreadArray([], getAllSchemasInLayout(__spreadArray(__spreadArray([], component.left, true), component.right, true)), true);
-            case 'box':
-                return getAllSchemasInLayout(component.components);
-            case 'form':
-                return isInlineSchema(component.schema) ? [component.schema] : [];
-            default:
-                return [];
-        }
-    });
-};
-var getAllValidatableSchemas = function (step) { return __spreadArray(__spreadArray([], getAllReferencedSchemaIds((step === null || step === void 0 ? void 0 : step.layout) || [])
-    .map(function (id) { return ((step === null || step === void 0 ? void 0 : step.schemas) || []).find(function (schema) { return schema.$id === id; }); })
-    .filter(Boolean), true), getAllSchemasInLayout((step === null || step === void 0 ? void 0 : step.layout) || []), true); };
-var getAllReferencedSchemaIds = function (components) {
-    return components
-        .flatMap(function (component) {
-        switch (component.type) {
-            case 'columns':
-                return __spreadArray([], getAllReferencedSchemaIds(__spreadArray(__spreadArray([], component.left, true), component.right, true)), true);
-            case 'box':
-                return getAllReferencedSchemaIds(component.components);
-            case 'form':
-                return [getSchemaReference(component)];
-            default:
-                return [];
-        }
-    })
-        .filter(Boolean);
-};
-var areModelsValid = function (formModels, schemas) {
-    if (schemas === void 0) { schemas = []; }
-    return !(schemas === null || schemas === void 0 ? void 0 : schemas.some(function (schema) {
-        if (!schema.$id) {
-            // TODO: DF-473
-            // eslint-disable-next-line no-console
-            console.warn('Schema without $id property found.');
-        }
-        return !isValidSchema(formModels[schema.$id || ''] || {}, schema);
-    }));
-};
-var getSchemaReference = function (component) {
-    if (component.schema && !isInlineSchema(component.schema)) {
-        return component.schema.$ref;
-    }
-    return component.schemaId;
-};
-var isInlineSchema = function (schema) {
-    return schema !== undefined && typeof schema === 'object' && !Object.hasOwnProperty.call(schema, '$ref');
-};

package/build/legacy/dynamicFlow/utils/useLoader.js

@@ -1,22 +0,0 @@
-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 { Loader, Size } from '@transferwise/components';
-import { useState } from 'react';
-export function useLoader(loaderConfig, initialState) {
-    var config = __assign({ size: Size.EXTRA_LARGE, initial: true, submission: false }, loaderConfig);
-    var _a = useState(initialState), loadingState = _a[0], setLoadingState = _a[1];
-    var shouldDisplayLoader = (config.initial && loadingState === 'initial') ||
-        (config.submission && loadingState === 'submission');
-    var loader = shouldDisplayLoader ? (_jsx(Loader, { size: config.size, classNames: { 'tw-loader': 'tw-loader m-x-auto' }, "data-testid": "loader" })) : null;
-    return { isLoading: loadingState !== 'idle', setLoadingState: setLoadingState, loader: loader };
-}

package/build/legacy/jsonSchemaForm/JsonSchemaForm.js

@@ -1,24 +0,0 @@
-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 { LogProvider, EventsContextProvider } from '../common/contexts';
-import GenericSchema from './genericSchema';
-import { HttpClientProviderFromBaseUrl } from '../../common/httpClientContext';
-function JsonSchemaForm(props) {
-    var schemaProps = __assign({ model: null, errors: null }, props);
-    var _a = props.baseUrl, baseUrl = _a === void 0 ? '' : _a, _b = props.onEvent, onEvent = _b === void 0 ? noop : _b, _c = props.onLog, onLog = _c === void 0 ? noop : _c;
-    return (_jsx(LogProvider, __assign({ flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog: onLog }, { children: _jsx(EventsContextProvider, __assign({ metadata: { flowId: 'JsonSchemaForm', stepId: 'JsonSchemaForm' }, onEvent: onEvent }, { children: _jsx(HttpClientProviderFromBaseUrl, __assign({ baseUrl: baseUrl }, { children: _jsx(GenericSchema, __assign({}, schemaProps)) })) })) })));
-}
-export default JsonSchemaForm;
-var noop = function () {
-    // noop
-};

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

@@ -1,25 +0,0 @@
-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 { isListArraySchema } from '../../common/utils';
-import ArrayListSchema from './arrayListSchema/ArrayListSchema';
-var ArraySchema = function (props) {
-    var schema = props.schema;
-    if (isListArraySchema(schema)) {
-        return _jsx(ArrayListSchema, __assign({}, props));
-    }
-    throw new Error('Not implemented'); // Tuple not implemented
-};
-ArraySchema.defaultProps = {
-    required: false
-};
-export default ArraySchema;

package/build/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/ArrayListSchema.js

@@ -1,34 +0,0 @@
-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 { isListArraySchema, isMultipleFileUploadSchema, isMultiSelectConstSchema, } from '../../../common/utils';
-import MultipleFileUploadSchema from './multipleFileUploadSchema';
-import { MultiSelectSchema } from './multiSelectSchema/MultiSelectSchema';
-import RepeatableSchema from './repeatableSchema/RepeatableSchema';
-function ArrayListSchema(props) {
-    var schema = props.schema;
-    if (isMultipleFileUploadSchema(schema)) {
-        return _jsx(MultipleFileUploadSchema, __assign({}, props, { schema: schema }));
-    }
-    if (isMultiSelectConstSchema(schema)) {
-        return _jsx(MultiSelectSchema, __assign({}, props, { schema: schema }));
-    }
-    if (isListArraySchema(schema)) {
-        return _jsx(RepeatableSchema, __assign({}, props, { schema: schema }));
-    }
-    throw new Error('Invalid array list schema');
-}
-ArrayListSchema.defaultProps = {
-    errors: null,
-    required: false
-};
-export default ArrayListSchema;

package/build/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.js

@@ -1,134 +0,0 @@
-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 } from "react/jsx-runtime";
-import { Header, Modal, NavigationOption } from '@transferwise/components';
-import { Plus } from '@transferwise/icons';
-import { useMemo, useState } from 'react';
-import { useIntl } from 'react-intl';
-import { getValidationFailures, isArray, isEmpty, isObject, isValidSchema, } from '../../../../common/validators';
-import { ItemSummaryOption } from './ItemSummary';
-import messages from '../../../../../common/messages/repeatable.messages';
-import RepeatableSchemaStep from './RepeatableSchemaStep';
-import { getItemSummaryFromSchema } from './utils/summary-utils';
-import classNames from 'classnames';
-import ControlFeedback from '../../../controlFeedback';
-import { generateRandomId } from '../../../../common/utils';
-import { useFormattedDefaultErrorMessages } from '../multipleFileUploadSchema/utils';
-function RepeatableSchema(_a) {
-    var _b;
-    var schema = _a.schema, model = _a.model, errors = _a.errors, submitted = _a.submitted, _c = _a.required, required = _c === void 0 ? false : _c, onChange = _a.onChange;
-    var _d = useState(null), openModalType = _d[0], setOpenModalType = _d[1];
-    var _e = useState(false), changed = _e[0], setChanged = _e[1];
-    var _f = useState(function () {
-        if (isObject(model) && !isArray(model)) {
-            throw new Error('RepeatableSchema does not support object models. Ensure your array schema is wrapped inside an object schema.');
-        }
-        return model
-            ? model.map(function (item) { return getItemSummaryFromSchema(schema.items, item, schema === null || schema === void 0 ? void 0 : schema.summary); })
-            : null;
-    }), itemSummaries = _f[0], setItemSummaries = _f[1];
-    var _g = useState({ item: null, model: null }), editableItem = _g[0], setEditableItem = _g[1];
-    var id = useMemo(function () { return schema.$id || generateRandomId(); }, [schema.$id]);
-    var broadcastModelChange = function (updatedItems) {
-        var updatedModel = updatedItems
-            ? updatedItems.map(function (_a) {
-                var value = _a.value;
-                return value;
-            })
-            : null;
-        onChange({
-            model: updatedModel,
-            triggerSchema: schema.items,
-            triggerModel: updatedModel
-        });
-    };
-    var onAddItem = function () {
-        setOpenModalType('add');
-    };
-    var onEditItem = function (item) {
-        setEditableItem({ item: item, model: item.value });
-        setOpenModalType('edit');
-    };
-    var onSaveItem = function (action, summaryTextOverride) {
-        var _a;
-        setChanged(true);
-        var updatedItem = action === 'remove'
-            ? null
-            : getItemSummaryFromSchema(schema.items, editableItem.model, schema.summary, summaryTextOverride);
-        if (action !== 'remove' && !isValidSchema((_a = updatedItem === null || updatedItem === void 0 ? void 0 : updatedItem.value) !== null && _a !== void 0 ? _a : null, schema.items)) {
-            return;
-        }
-        var updatedItemSummaries = getUpdatedItemSummaries(action, {
-            originalItem: editableItem.item,
-            updatedItem: updatedItem,
-            itemSummaries: itemSummaries
-        });
-        setItemSummaries(updatedItemSummaries);
-        broadcastModelChange(updatedItemSummaries);
-        setEditableItem({ item: null, model: null });
-        setOpenModalType(null);
-    };
-    var onCancelEdit = function () {
-        setEditableItem({ item: null, model: null });
-        setOpenModalType(null);
-    };
-    var formatMessage = useIntl().formatMessage;
-    var validations = getValidationFailures(model, schema, required);
-    var base64ValidationMessages = useFormattedDefaultErrorMessages({
-        minItems: schema.minItems,
-        maxItems: schema.maxItems
-    });
-    var validationMessages = schema.items.type === 'string' && schema.items.format === 'base64url'
-        ? {
-            minItems: base64ValidationMessages.minItemsErrorMessage,
-            maxItems: base64ValidationMessages.maxItemsErrorMessage,
-            required: base64ValidationMessages.requiredMessage
-        }
-        : undefined;
-    var formGroupClasses = {
-        'has-error': (_b = (errors && !isEmpty(errors))) !== null && _b !== void 0 ? _b : (submitted && validations.length)
-    };
-    return (_jsxs("div", __assign({ id: id, className: classNames(formGroupClasses) }, { children: [schema.title && _jsx(Header, { title: schema.title }), itemSummaries === null || itemSummaries === void 0 ? void 0 : itemSummaries.map(function (itemSummary) { return (_jsx(ItemSummaryOption, { item: itemSummary, onClick: function () { return onEditItem(itemSummary); } }, JSON.stringify(itemSummary))); }), _jsx(NavigationOption, { media: _jsx(Plus, {}), title: schema.addItemTitle || formatMessage(messages.addItemTitle), showMediaAtAllSizes: true, onClick: onAddItem }), _jsx(Modal, { open: openModalType !== null, title: (openModalType === 'add' ? schema.addItemTitle : schema.editItemTitle) ||
-                    formatMessage(messages.addItemTitle), body: _jsx(RepeatableSchemaStep, { type: openModalType !== null && openModalType !== void 0 ? openModalType : 'add', schema: schema, model: editableItem.model, errors: errors, submitted: submitted, onAction: onSaveItem, onModelChange: function (_a) {
-                        var model = _a.model;
-                        return setEditableItem(__assign(__assign({}, editableItem), { model: model }));
-                    } }), onClose: onCancelEdit }), _jsx(ControlFeedback, { id: "".concat(id, "-feedback"), changed: changed, focused: false, blurred: false, errors: typeof errors === 'string' ? errors : undefined, submitted: submitted, schema: schema, validations: validations, validationMessages: validationMessages, infoMessage: null })] })));
-}
-var getUpdatedItemSummaries = function (action, _a) {
-    var originalItem = _a.originalItem, updatedItem = _a.updatedItem, itemSummaries = _a.itemSummaries;
-    if (action === 'remove') {
-        return (itemSummaries || []).filter(function (itemSummary) { return itemSummary !== originalItem; });
-    }
-    if (!updatedItem) {
-        return itemSummaries;
-    }
-    switch (action) {
-        case 'add':
-            return __spreadArray(__spreadArray([], (itemSummaries || []), true), [updatedItem], false);
-        case 'edit':
-            return (itemSummaries || []).map(function (itemSummary) {
-                return itemSummary === originalItem ? updatedItem : itemSummary;
-            });
-        default:
-            return null;
-    }
-};
-export default RepeatableSchema;