@wise/dynamic-flow-client 3.3.2 → 3.4.0-experimental-9862ccf

package/build/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/MultipleFileUploadSchema.js

@@ -0,0 +1,141 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { Status, UploadInput, } from '@transferwise/components';
+import classNames from 'classnames';
+import { useMemo, useState } from 'react';
+import { useEventDispatcher } from '../../../../common/contexts';
+import { usePersistAsync } from '../../../../common/hooks';
+import { areFilesSame, toKilobytes, generateRandomId, isBlobSchema, } from '../../../../common/utils';
+import { isNumber, isString, getArrayValidationFailures } from '../../../../common/validators';
+import ControlFeedback from '../../../controlFeedback';
+import { constructUploadResponse, constructUploadError, createPayload } from './utils';
+import { useFormattedDefaultErrorMessages } from './utils/useFormattedDefaultErrorMessages';
+function MultipleFileUploadSchema(props) {
+    var _this = this;
+    var _a, _b;
+    var onChange = props.onChange, schema = props.schema;
+    var onEvent = useEventDispatcher();
+    var defaultErrorMessages = useFormattedDefaultErrorMessages(schema);
+    var uid = useMemo(function () { return schema.$id || generateRandomId(); }, [schema.$id]);
+    var _c = useState(false), inputChanged = _c[0], setInputChanged = _c[1];
+    var _d = useState(function () { return convertFileIdsToComponentFileObjects(props.model || []); }), files = _d[0], setFiles = _d[1];
+    var performPersistAsync = usePersistAsync(schema.items.persistAsync);
+    var fileSchemaDescriptor = schema.items.persistAsync.schema;
+    var isBlob = isBlobSchema(fileSchemaDescriptor);
+    var uploadFile = function (userUploadedFile) { return __awaiter(_this, void 0, void 0, function () {
+        var payload, response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setInputChanged(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, createPayload(userUploadedFile, isBlob)];
+                case 2:
+                    payload = _a.sent();
+                    onEvent('Dynamic Flow - PersistAsync', { status: 'pending', schemaId: schema.$id });
+                    return [4 /*yield*/, performPersistAsync(payload)];
+                case 3:
+                    response = _a.sent();
+                    onEvent('Dynamic Flow - PersistAsync', { status: 'success', schemaId: schema.$id });
+                    return [2 /*return*/, constructUploadResponse(response)];
+                case 4:
+                    error_1 = _a.sent();
+                    onEvent('Dynamic Flow - PersistAsync', { status: 'failure', schemaId: schema.$id });
+                    return [2 /*return*/, Promise.reject(constructUploadError(error_1))];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    function onFilesChange(newFiles) {
+        if (areFilesSame(newFiles, files)) {
+            return;
+        }
+        setFiles(newFiles);
+        var validFiles = getSuccessfullyProcessedFiles(newFiles);
+        var data = validFiles.map(function (file) { return file.id; });
+        onChange({
+            model: data,
+            triggerSchema: schema,
+            triggerModel: data
+        });
+    }
+    var validFiles = getSuccessfullyProcessedFiles(files);
+    var fileIds = validFiles.map(function (file) { return file.id; });
+    var fileListValidationFailures = getArrayValidationFailures(fileIds, schema, props.required);
+    var showError = Boolean(props.errors) ||
+        ((inputChanged || props.submitted) && Boolean(fileListValidationFailures.length));
+    var accepts = 'accepts' in fileSchemaDescriptor && fileSchemaDescriptor.accepts;
+    var maxSize = 'maxSize' in fileSchemaDescriptor && fileSchemaDescriptor.maxSize;
+    var uploadInputProps = __assign(__assign(__assign({ multiple: true, className: 'form-control', files: files, fileInputName: uid, id: uid }, (accepts ? { fileTypes: accepts } : undefined)), (maxSize ? { sizeLimit: toKilobytes(maxSize) } : undefined)), { sizeLimitErrorMessage: ((_a = fileSchemaDescriptor.validationMessages) === null || _a === void 0 ? void 0 : _a.maxSize) ||
+            defaultErrorMessages.maxFileSizeErrorMessage, maxFiles: props.schema.maxItems, maxFilesErrorMessage: ((_b = props.schema.validationMessages) === null || _b === void 0 ? void 0 : _b.maxItems) || defaultErrorMessages.maxItemsErrorMessage, uploadButtonTitle: fileSchemaDescriptor.title, description: fileSchemaDescriptor.description, disabled: props.disabled, onUploadFile: function (formData) { return uploadFile(formData.get(uid)); }, onFilesChange: onFilesChange, onDeleteFile: function () { return Promise.resolve(); } });
+    var feedbackId = "".concat(uid, "-feedback");
+    return (_jsxs("div", __assign({ className: classNames('form-group', { 'has-error': showError }) }, { children: [_jsx("label", __assign({ className: "d-block control-label", htmlFor: uid }, { children: props.schema.title })), _jsx("div", __assign({ "aria-describedby": feedbackId }, { children: _jsx(UploadInput, __assign({}, uploadInputProps)) })), _jsx(ControlFeedback, { id: feedbackId, changed: inputChanged, submitted: props.submitted, errors: props.errors, schema: props.schema, validations: fileListValidationFailures, validationMessages: getValidationMessages(schema, Boolean(props.required), defaultErrorMessages), infoMessage: null, focused: false, blurred: true })] })));
+}
+MultipleFileUploadSchema.defaultProps = {
+    errors: null,
+    required: false
+};
+export default MultipleFileUploadSchema;
+function getSuccessfullyProcessedFiles(allFiles) {
+    return allFiles.filter(function (file) { return !file.error && file.status === 'succeeded'; });
+}
+function convertFileIdsToComponentFileObjects(fileIds) {
+    return fileIds
+        .map(function (id) { return (isValidId(id) ? { id: id, status: Status.SUCCEEDED } : null); })
+        .filter(function (item) { return item !== null; });
+}
+function isValidId(id) {
+    return isNumber(id) || isString(id);
+}
+function getValidationMessages(schema, required, defaultErrorMessages) {
+    var minItems = schema.minItems, maxItems = schema.maxItems;
+    return __assign(__assign(__assign({}, (required && { required: defaultErrorMessages.requiredMessage })), (minItems && { minItems: defaultErrorMessages.minItemsErrorMessage })), (maxItems && { maxItems: defaultErrorMessages.maxItemsErrorMessage }));
+}

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

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

package/build/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/index.js

@@ -0,0 +1,2 @@
+export * from './upload-utils';
+export * from './useFormattedDefaultErrorMessages';

package/build/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/upload-utils.js

@@ -0,0 +1,79 @@
+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 { toBase64, generateRandomId } from '../../../../../common/utils';
+import { isObject, isString } from '../../../../../common/validators';
+export function createPayload(userUploadedFile, isBlobSchema) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            if (isBlobSchema) {
+                return [2 /*return*/, userUploadedFile];
+            }
+            if (userUploadedFile instanceof Blob) {
+                return [2 /*return*/, toBase64(userUploadedFile)];
+            }
+            throw new Error('Error creating payload for MultipleFileUploadSchema. Uploaded file is not an instance of Blob.');
+        });
+    });
+}
+export function constructUploadResponse(response) {
+    var id = response.data;
+    return __assign({ id: id }, response);
+}
+export function constructUploadError(response) {
+    var isError = response instanceof Error;
+    var hasValidData = isObject(response) && 'data' in response;
+    var isInvalidResponseData = !hasValidData && !isError;
+    if (isInvalidResponseData) {
+        return isString(response) ? response : undefined;
+    }
+    if (isError) {
+        var error = response;
+        return { id: generateRandomId(), message: error.message };
+    }
+    return __assign({ message: isString(response.message) ? response.message : '' }, response);
+}

package/build/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/useFormattedDefaultErrorMessages.js

@@ -0,0 +1,14 @@
+import { useIntl } from 'react-intl';
+import CommonMessages from '../../../../../common/messages';
+import MultiFileUploadMessages from '../../../../../../common/messages/multi-file-upload.messages';
+export function useFormattedDefaultErrorMessages(_a) {
+    var maxItems = _a.maxItems, minItems = _a.minItems;
+    var formatMessage = useIntl().formatMessage;
+    var maxFileSizeError = MultiFileUploadMessages.maxFileSizeError, maxItemsError = MultiFileUploadMessages.maxItemsError, minItemsError = MultiFileUploadMessages.minItemsError;
+    return {
+        maxFileSizeErrorMessage: formatMessage(maxFileSizeError),
+        maxItemsErrorMessage: formatMessage(maxItemsError, { maxItems: maxItems }),
+        minItemsErrorMessage: formatMessage(minItemsError, { minItems: minItems }),
+        requiredMessage: formatMessage(CommonMessages.required)
+    };
+}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NavigationOption } from '@transferwise/components';
+import { getNavigationOptionMedia } from '../../../../layout/utils';
+export function ItemSummaryOption(_a) {
+    var item = _a.item, onClick = _a.onClick;
+    return (_jsx(NavigationOption, { media: getNavigationOptionMedia(item), title: item.title, content: item.description, showMediaAtAllSizes: true, onClick: onClick }));
+}

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

@@ -0,0 +1,134 @@
+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;

package/build/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchemaStep.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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useIntl } from 'react-intl';
+import { DynamicFlowStep } from '../../../../dynamicFlow/DynamicFlowStep';
+import messages from '../../../../../common/messages/repeatable.messages';
+function RepeatableSchemaStep(_a) {
+    var type = _a.type, schema = _a.schema, model = _a.model, errors = _a.errors, submitted = _a.submitted, onModelChange = _a.onModelChange, onAction = _a.onAction;
+    var formatMessage = useIntl().formatMessage;
+    var _b = useState(undefined), filename = _b[0], setFilename = _b[1];
+    var step = {
+        layout: __spreadArray([
+            {
+                type: 'form',
+                schema: schema.items
+            },
+            {
+                type: 'button',
+                control: 'primary',
+                action: {
+                    url: type,
+                    title: formatMessage(type === 'add' ? messages.addItem : messages.editItem)
+                }
+            }
+        ], (type === 'edit'
+            ? [
+                {
+                    type: 'button',
+                    context: 'negative',
+                    action: {
+                        url: 'remove',
+                        title: formatMessage(messages.removeItem)
+                    }
+                },
+            ]
+            : []), true),
+        title: '',
+        actions: [],
+        schemas: []
+    };
+    var onChange = function (props) {
+        var metadata = props.metadata, model = props.model, modelChangeProps = __rest(props, ["metadata", "model"]);
+        if (schema.items.format === 'base64url' &&
+            typeof model === 'string' &&
+            typeof (metadata === null || metadata === void 0 ? void 0 : metadata.filename) === 'string') {
+            setFilename(metadata.filename);
+        }
+        onModelChange(__assign(__assign({}, modelChangeProps), { model: model }));
+    };
+    return (_jsx(DynamicFlowStep, { step: step, model: model, stepLayoutOptions: { displayStepTitle: false }, submitted: submitted, formErrors: errors, globalError: null, onAction: function (action) {
+            onAction(action.url, filename);
+            setFilename(undefined);
+        }, onModelChange: onChange }));
+}
+export default RepeatableSchemaStep;

package/build/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/utils/summary-utils.js

@@ -0,0 +1,135 @@
+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 { getSchemaType, isConstSchema, isNullableStringModel, isObjectModel, isOneOfObjectSchema, } from '../../../../../common/utils';
+import { isString } from '../../../../../common/validators';
+import { getActiveSchemaIndex, getBestMatchingSchemaIndexForValue, } from '../../../../oneOfSchema/utils';
+export var getItemSummaryFromSchema = function (schema, model, defaults, summaryTextOverride) {
+    if (defaults === void 0) { defaults = {}; }
+    var _a = defaults.defaultTitle, defaultTitle = _a === void 0 ? '' : _a, _b = defaults.defaultDescription, defaultDescription = _b === void 0 ? '' : _b, defaultIcon = defaults.defaultIcon, defaultImage = defaults.defaultImage;
+    var title = getSummaryPropFromSchema({
+        schema: schema,
+        model: model,
+        providesProp: 'providesTitle',
+        getValueFromSchema: function (schema, model) {
+            return summaryTextOverride !== null && summaryTextOverride !== void 0 ? summaryTextOverride : getStringValueFromSchema(schema, model);
+        }
+    });
+    var description = getSummaryPropFromSchema({
+        schema: schema,
+        model: model,
+        providesProp: 'providesDescription',
+        getValueFromSchema: function (schema, model) {
+            return summaryTextOverride !== null && summaryTextOverride !== void 0 ? summaryTextOverride : getStringValueFromSchema(schema, model);
+        }
+    });
+    var icon = getSummaryPropFromSchema({
+        schema: schema,
+        model: model,
+        providesProp: 'providesIcon',
+        getValueFromSchema: function (schema) { var _a; return (_a = schema.icon) !== null && _a !== void 0 ? _a : null; }
+    });
+    var image = getSummaryPropFromSchema({
+        schema: schema,
+        model: model,
+        providesProp: 'providesImage',
+        getValueFromSchema: function (schema) { var _a; return (_a = schema.image) !== null && _a !== void 0 ? _a : null; }
+    });
+    return {
+        value: model,
+        title: title || defaultTitle,
+        description: description || defaultDescription,
+        icon: icon || defaultIcon,
+        image: image || defaultImage
+    };
+};
+var getSummaryPropFromSchema = function (props) {
+    var schema = props.schema, model = props.model, providesProp = props.providesProp, getValueFromSchema = props.getValueFromSchema;
+    var type = getSchemaType(schema);
+    if (schemaSummaryProvides(schema.summary, providesProp)) {
+        return getValueFromSchema(schema, model);
+    }
+    switch (type) {
+        case 'object': {
+            return getObjectValueFromSchema(props);
+        }
+        case 'oneOf': {
+            return getOneOfValueFromSchema(props);
+        }
+        case 'allOf': {
+            return getAllOfValueFromSchema(props);
+        }
+        default:
+            return null;
+    }
+};
+var getObjectValueFromSchema = function (props) {
+    var schema = props.schema, model = props.model;
+    var objectSchema = schema;
+    // eslint-disable-next-line guard-for-in, no-restricted-syntax
+    for (var propertyKey in objectSchema.properties) {
+        var propertySchema = objectSchema.properties[propertyKey];
+        var propertyModel = isObjectModel(model) && propertyKey in model ? model[propertyKey] : null;
+        var result = getSummaryPropFromSchema(__assign(__assign({}, props), { schema: propertySchema, model: propertyModel }));
+        if (result) {
+            return result;
+        }
+    }
+    return null;
+};
+var getOneOfValueFromSchema = function (props) {
+    var schema = props.schema, model = props.model;
+    if (isOneOfObjectSchema(schema)) {
+        if (!isObjectModel(model)) {
+            return null;
+        }
+        var activeSchemaIndex_1 = getBestMatchingSchemaIndexForValue(schema, model);
+        if (activeSchemaIndex_1 === null || activeSchemaIndex_1 < 0) {
+            return null;
+        }
+        var activeSchema = schema.oneOf[activeSchemaIndex_1];
+        return getSummaryPropFromSchema(__assign(__assign({}, props), { schema: activeSchema }));
+    }
+    var oneOfSchema = schema;
+    var activeSchemaIndex = getActiveSchemaIndex(oneOfSchema, model);
+    if (activeSchemaIndex === null || activeSchemaIndex < 0) {
+        return null;
+    }
+    return getSummaryPropFromSchema(__assign(__assign({}, props), { schema: oneOfSchema.oneOf[activeSchemaIndex] }));
+};
+var getAllOfValueFromSchema = function (props) {
+    var schema = props.schema;
+    var allOfSchema = schema;
+    for (var _i = 0, _a = allOfSchema.allOf; _i < _a.length; _i++) {
+        var childSchema = _a[_i];
+        var result = getSummaryPropFromSchema(__assign(__assign({}, props), { schema: childSchema }));
+        if (result) {
+            return result;
+        }
+    }
+    return null;
+};
+var getStringValueFromSchema = function (schema, model) {
+    if (isConstSchema(schema)) {
+        if (schema.title) {
+            return schema.title;
+        }
+        if (isString(schema["const"])) {
+            return schema["const"];
+        }
+        return null;
+    }
+    return isNullableStringModel(model) ? model : null;
+};
+var schemaSummaryProvides = function (summary, providesProp) {
+    // eslint-disable-next-line prefer-object-has-own, no-implicit-coercion
+    return !!summary && Object.hasOwnProperty.call(summary, providesProp) && Boolean(summary[providesProp]);
+};

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

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