@wise/dynamic-flow-client 5.25.2-experimental-a8a898e → 5.25.2

package/build/domain/components/BooleanInputComponent.js

@@ -0,0 +1,48 @@
+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;
+};
+import { getComponentValidationAsync } from '../features/validationAsync/getComponentValidationAsync';
+import { getInputUpdateFunction } from './utils/component-utils';
+export const createBooleanInputComponent = (props, onComponentUpdate) => {
+    const { uid, id, value, schemaOnChange, performValidationAsync, onValueChange, onPersistAsync, summariser } = props, rest = __rest(props, ["uid", "id", "value", "schemaOnChange", "performValidationAsync", "onValueChange", "onPersistAsync", "summariser"]);
+    const update = getInputUpdateFunction(onComponentUpdate);
+    const validateAsync = performValidationAsync
+        ? getComponentValidationAsync(update, performValidationAsync)
+        : undefined;
+    const component = Object.assign(Object.assign({ type: 'boolean', kind: 'input', uid,
+        id, autoComplete: '', value,
+        onBlur() { }, // Noop
+        onFocus() { }, // Noop
+        setValue(updatedValue) {
+            update(component, (draft) => {
+                draft.errors = [];
+                draft.value = updatedValue;
+            });
+            void (schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange());
+            void (onPersistAsync === null || onPersistAsync === void 0 ? void 0 : onPersistAsync().catch(() => { }));
+            validateAsync === null || validateAsync === void 0 ? void 0 : validateAsync(component, component.getLocalValue()).catch(() => { }); // Noop
+            onValueChange();
+        },
+        async getSubmittableValue() {
+            return component.getSubmittableValueSync();
+        },
+        getSubmittableValueSync() {
+            return component.getLocalValue();
+        },
+        getSummary() {
+            return summariser(component.getLocalValue());
+        },
+        getLocalValue() {
+            return component.value;
+        }, validate: () => true }, rest), { start() { },
+        stop() { } });
+    return component;
+};

package/build/domain/components/BoxComponent.js

@@ -0,0 +1,12 @@
+export const createBoxComponent = (props) => {
+    const component = Object.assign(Object.assign({}, props), { type: 'box', kind: 'layout', getChildren() {
+            return props.components;
+        },
+        start() {
+            component.getChildren().forEach((child) => child.start());
+        },
+        stop() {
+            component.getChildren().forEach((child) => child.stop());
+        } });
+    return component;
+};

package/build/domain/components/ButtonComponent.js

@@ -0,0 +1,2 @@
+export const createButtonComponent = (props) => (Object.assign(Object.assign({ type: 'button', kind: 'layout' }, props), { start() { },
+    stop() { } }));

package/build/domain/components/ColumnsComponent.js

@@ -0,0 +1,12 @@
+export const createColumnsComponent = (props) => {
+    const component = Object.assign(Object.assign({}, props), { type: 'columns', kind: 'layout', getChildren() {
+            return [...props.startComponents, ...props.endComponents];
+        },
+        start() {
+            component.getChildren().forEach((child) => child.start());
+        },
+        stop() {
+            component.getChildren().forEach((child) => child.stop());
+        } });
+    return component;
+};

package/build/domain/components/ConstComponent.js

@@ -0,0 +1,20 @@
+export const createConstComponent = (props) => {
+    const { uid, schemaId, analyticsId, value, summary, layout, hidden, tags } = props;
+    return {
+        type: 'const',
+        kind: 'input',
+        uid,
+        schemaId,
+        analyticsId,
+        layout,
+        hidden,
+        tags,
+        getLocalValue: () => value,
+        getSubmittableValue: async () => value,
+        getSubmittableValueSync: () => value,
+        getSummary: () => summary,
+        validate: () => true,
+        start() { },
+        stop() { },
+    };
+};

package/build/domain/components/ContainerComponent.js

@@ -0,0 +1,12 @@
+export const createContainerComponent = (props) => {
+    const component = Object.assign(Object.assign({}, props), { type: 'container', kind: 'layout', getChildren() {
+            return props.components;
+        },
+        start() {
+            component.getChildren().forEach((child) => child.start());
+        },
+        stop() {
+            component.getChildren().forEach((child) => child.stop());
+        } });
+    return component;
+};

package/build/domain/components/DateInputComponent.js

@@ -0,0 +1,73 @@
+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;
+};
+import { isValidDate } from '../../utils/type-validators';
+import { getLocalValueValidator } from '../features/validation/validation-functions';
+import { getComponentValidationAsync } from '../features/validationAsync/getComponentValidationAsync';
+import { getInputUpdateFunction } from './utils/component-utils';
+import { isOrWasValid } from './utils/isOrWasValid';
+export const createDateInputComponent = (props, onComponentUpdate) => {
+    const { uid, id, checks, schemaOnChange, performValidationAsync, onValueChange, onPersistAsync, summariser, value } = props, rest = __rest(props, ["uid", "id", "checks", "schemaOnChange", "performValidationAsync", "onValueChange", "onPersistAsync", "summariser", "value"]);
+    const update = getInputUpdateFunction(onComponentUpdate);
+    const getValidationErrors = getLocalValueValidator(checks);
+    const validateAsync = performValidationAsync
+        ? getComponentValidationAsync(update, performValidationAsync)
+        : undefined;
+    const component = Object.assign(Object.assign({ type: 'date', kind: 'input', uid,
+        id,
+        value,
+        onBlur() {
+            const isValid = component.validate();
+            if (isValid) {
+                validateAsync === null || validateAsync === void 0 ? void 0 : validateAsync(component, component.getLocalValue()).catch(() => { }); // Noop
+            }
+        },
+        onFocus() { }, // Noop
+        setValue(updatedValue) {
+            const prevValue = component.value;
+            update(component, (draft) => {
+                draft.errors = [];
+                draft.validationAsyncState.messages = {};
+                draft.value = updatedValue;
+            });
+            if (isOrWasValid(getValidationErrors, prevValue, updatedValue)) {
+                void (schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange());
+            }
+            onValueChange();
+            if (getValidationErrors(updatedValue).length === 0) {
+                void (onPersistAsync === null || onPersistAsync === void 0 ? void 0 : onPersistAsync().catch(() => { }));
+            }
+        },
+        async getSubmittableValue() {
+            return component.getSubmittableValueSync();
+        },
+        getSubmittableValueSync() {
+            if (isValidDate(component.getLocalValue())) {
+                return component.getLocalValue();
+            }
+            return null;
+        },
+        getSummary() {
+            return summariser(component.getLocalValue());
+        },
+        getLocalValue() {
+            return component.value;
+        },
+        validate() {
+            const errors = getValidationErrors(component.getLocalValue());
+            update(component, (draft) => {
+                draft.errors = errors;
+            });
+            return errors.length === 0;
+        } }, rest), { start() { },
+        stop() { } });
+    return component;
+};

package/build/domain/components/DecisionComponent.js

@@ -0,0 +1,2 @@
+export const createDecisionComponent = (props) => (Object.assign(Object.assign({ type: 'decision', kind: 'layout' }, props), { start() { },
+    stop() { } }));

package/build/domain/components/DividerComponent.js

@@ -0,0 +1,2 @@
+export const createDividerComponent = (props) => (Object.assign(Object.assign({ type: 'divider', kind: 'layout' }, props), { start() { },
+    stop() { } }));

package/build/domain/components/FormComponent.js

@@ -0,0 +1,12 @@
+export const createFormComponent = (props) => {
+    const component = Object.assign(Object.assign({}, props), { type: 'form', kind: 'layout', getChildren() {
+            return [props.schemaComponent];
+        },
+        start() {
+            component.getChildren().forEach((child) => child.start());
+        },
+        stop() {
+            component.getChildren().forEach((child) => child.stop());
+        } });
+    return component;
+};

package/build/domain/components/FormattedValueComponent.js

@@ -0,0 +1,47 @@
+import { getInputUpdateFunction } from './utils/component-utils';
+export const createFormattedValueComponent = (props, onComponentUpdate) => {
+    const { uid, schemaId, analyticsId, alert, control, description, errors, format, help, hidden, media, summariser, title, tags, value, schemaOnChange, } = props;
+    const update = getInputUpdateFunction(onComponentUpdate);
+    const component = {
+        type: 'formatted-value',
+        kind: 'input',
+        uid,
+        schemaId,
+        analyticsId,
+        alert,
+        control,
+        description,
+        errors,
+        format,
+        help,
+        hidden,
+        media,
+        title,
+        tags,
+        value,
+        async getSubmittableValue() {
+            return component.getSubmittableValueSync();
+        },
+        getSubmittableValueSync() {
+            return component.getLocalValue();
+        },
+        getSummary() {
+            return summariser(component.getLocalValue());
+        },
+        getLocalValue() {
+            return component.value;
+        },
+        validate() {
+            return true;
+        },
+        setValue(newValue) {
+            update(component, (draft) => {
+                draft.value = newValue;
+            });
+            void (schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange());
+        },
+        start() { },
+        stop() { },
+    };
+    return component;
+};

package/build/domain/components/HeadingComponent.js

@@ -0,0 +1,2 @@
+export const createHeadingComponent = (props) => (Object.assign(Object.assign({ type: 'heading', kind: 'layout' }, props), { start() { },
+    stop() { } }));

package/build/domain/components/ImageComponent.js

@@ -0,0 +1,2 @@
+export const createImageComponent = (props) => (Object.assign(Object.assign({ type: 'image', kind: 'layout' }, props), { start() { },
+    stop() { } }));

package/build/domain/components/InstructionsComponent.js

@@ -0,0 +1,2 @@
+export const createInstructionsComponent = (props) => (Object.assign(Object.assign({ type: 'instructions', kind: 'layout' }, props), { start() { },
+    stop() { } }));

package/build/domain/components/IntegerInputComponent.js

@@ -0,0 +1,75 @@
+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;
+};
+import { getDebouncedSchemaOnChange } from '../features/schema-on-change/getDebouncedSchemaOnChange';
+import { getLocalValueValidator } from '../features/validation/validation-functions';
+import { getDebouncedComponentValidationAsync } from '../features/validationAsync/getComponentValidationAsync';
+import { getInputUpdateFunction } from './utils/component-utils';
+import { debounce } from './utils/debounce';
+export const createIntegerInputComponent = (props, onComponentUpdate) => {
+    const { uid, id, checks, value, schemaOnChange, performValidationAsync, onValueChange, onPersistAsync, summariser } = props, rest = __rest(props, ["uid", "id", "checks", "value", "schemaOnChange", "performValidationAsync", "onValueChange", "onPersistAsync", "summariser"]);
+    const update = getInputUpdateFunction(onComponentUpdate);
+    const onValueChangeDebounced = debounce(onValueChange, 1000);
+    const getValidationErrors = getLocalValueValidator(checks);
+    const performOnChange = getDebouncedSchemaOnChange(schemaOnChange, getValidationErrors);
+    const validateAsync = performValidationAsync
+        ? getDebouncedComponentValidationAsync(update, performValidationAsync)
+        : undefined;
+    const component = Object.assign(Object.assign({ type: 'integer', kind: 'input', uid,
+        id,
+        value,
+        onBlur() {
+            const isValid = component.validate();
+            performOnChange === null || performOnChange === void 0 ? void 0 : performOnChange.flush();
+            if (isValid) {
+                void (onPersistAsync === null || onPersistAsync === void 0 ? void 0 : onPersistAsync().catch(() => { }));
+                validateAsync === null || validateAsync === void 0 ? void 0 : validateAsync.flush();
+            }
+            onValueChangeDebounced.flush();
+        },
+        onFocus() { }, // Noop
+        setValue(updatedValue) {
+            const prevValue = component.value;
+            update(component, (draft) => {
+                draft.errors = [];
+                draft.validationAsyncState.messages = {};
+                draft.value = updatedValue;
+            });
+            performOnChange === null || performOnChange === void 0 ? void 0 : performOnChange(prevValue, updatedValue);
+            const isValid = getValidationErrors(updatedValue).length === 0;
+            if (isValid) {
+                validateAsync === null || validateAsync === void 0 ? void 0 : validateAsync(component, updatedValue);
+            }
+            onValueChangeDebounced();
+        },
+        async getSubmittableValue() {
+            return component.getSubmittableValueSync();
+        },
+        getSubmittableValueSync() {
+            var _a;
+            return (_a = component.getLocalValue()) !== null && _a !== void 0 ? _a : null;
+        },
+        getSummary() {
+            return summariser(component.getLocalValue());
+        },
+        getLocalValue() {
+            return component.value;
+        },
+        validate() {
+            const errors = getValidationErrors(component.getLocalValue());
+            update(component, (draft) => {
+                draft.errors = errors;
+            });
+            return errors.length === 0;
+        } }, rest), { start() { },
+        stop() { } });
+    return component;
+};

package/build/domain/components/ListComponent.js

@@ -0,0 +1,2 @@
+export const createListComponent = (props) => (Object.assign(Object.assign({ type: 'list', kind: 'layout' }, props), { start() { },
+    stop() { } }));

package/build/domain/components/LoadingIndicatorComponent.js

@@ -0,0 +1,2 @@
+export const createLoadingIndicatorComponent = (props) => (Object.assign(Object.assign({ type: 'loading-indicator', kind: 'layout' }, props), { start() { },
+    stop() { } }));

package/build/domain/components/MarkdownComponent.js

@@ -0,0 +1,2 @@
+export const createMarkdownComponent = (props) => (Object.assign(Object.assign({ type: 'markdown', kind: 'layout' }, props), { start() { },
+    stop() { } }));

package/build/domain/components/MediaComponent.js

@@ -0,0 +1,2 @@
+export const createMediaComponent = (props) => (Object.assign(Object.assign({ type: 'media', kind: 'layout' }, props), { start() { },
+    stop() { } }));

package/build/domain/components/ModalComponent.js

@@ -0,0 +1,20 @@
+import { getInputUpdateFunction } from './utils/component-utils';
+export const createModalContentComponent = (props, onComponentUpdate) => {
+    const update = getInputUpdateFunction(onComponentUpdate);
+    const component = Object.assign(Object.assign({ type: 'modal', kind: 'layout', open: true }, props), { getChildren() {
+            return component.components;
+        },
+        close() {
+            component.stop();
+            update(component, (draft) => {
+                draft.open = false;
+            });
+        },
+        start() {
+            component.getChildren().forEach((child) => child.start());
+        },
+        stop() {
+            component.getChildren().forEach((child) => child.stop());
+        } });
+    return component;
+};

package/build/domain/components/ModalLayoutComponent.js

@@ -0,0 +1,12 @@
+export const createModalComponent = (props) => {
+    const component = Object.assign(Object.assign({ type: 'modal-layout', kind: 'layout' }, props), { getChildren() {
+            return props.content.components;
+        },
+        start() {
+            component.getChildren().forEach((child) => child.start());
+        },
+        stop() {
+            component.getChildren().forEach((child) => child.stop());
+        } });
+    return component;
+};

package/build/domain/components/MoneyInputComponent.js

@@ -0,0 +1,56 @@
+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;
+};
+import { getLocalValueValidator } from '../features/validation/validation-functions';
+import { getInputUpdateFunction } from './utils/component-utils';
+export const createMoneyInputComponent = (props, onComponentUpdate) => {
+    const { id, uid, schemaId, analyticsId, amountKey, amountComponent, currencyKey, currencyComponent, control, description, help, hidden, media, summariser, title, tags, extraValues, checks } = props, rest = __rest(props, ["id", "uid", "schemaId", "analyticsId", "amountKey", "amountComponent", "currencyKey", "currencyComponent", "control", "description", "help", "hidden", "media", "summariser", "title", "tags", "extraValues", "checks"]);
+    const getValidationErrors = getLocalValueValidator(checks);
+    const update = getInputUpdateFunction(onComponentUpdate);
+    const component = Object.assign(Object.assign({ type: 'money-input', kind: 'input', id,
+        uid,
+        schemaId,
+        analyticsId, autoComplete: 'off', control,
+        description,
+        help,
+        hidden,
+        media,
+        title,
+        tags, value: {
+            [amountKey]: amountComponent.getLocalValue(),
+            [currencyKey]: currencyComponent.getLocalValue(),
+        }, components: {
+            amount: amountComponent,
+            currency: currencyComponent,
+        }, async getSubmittableValue() {
+            return Object.assign({ [amountKey]: await amountComponent.getSubmittableValue(), [currencyKey]: await currencyComponent.getSubmittableValue() }, extraValues);
+        },
+        getSubmittableValueSync() {
+            return Object.assign({ [amountKey]: amountComponent.getSubmittableValueSync(), [currencyKey]: currencyComponent.getSubmittableValueSync() }, extraValues);
+        },
+        getLocalValue() {
+            return Object.assign({ [amountKey]: amountComponent.getLocalValue(), [currencyKey]: currencyComponent.getLocalValue() }, extraValues);
+        },
+        getSummary() {
+            return summariser(component.getLocalValue());
+        },
+        validate() {
+            const errors = getValidationErrors(amountComponent.getLocalValue());
+            update(component, (draft) => {
+                draft.errors = errors;
+            });
+            return amountComponent.validate() && currencyComponent.validate() && errors.length === 0;
+        },
+        onBlur() { }, // noop
+        onFocus() { } }, rest), { start() { },
+        stop() { } });
+    return component;
+};

package/build/domain/components/MultiSelectInputComponent.js

@@ -0,0 +1,86 @@
+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;
+};
+import { isArray } from '../../utils/type-validators';
+import { getLocalValueValidator } from '../features/validation/validation-functions';
+import { getComponentValidationAsync } from '../features/validationAsync/getComponentValidationAsync';
+import { getInputUpdateFunction } from './utils/component-utils';
+export const createMultiSelectComponent = (props, onComponentUpdate) => {
+    const { uid, checks, options, initialValue, performValidationAsync, schemaOnChange, onValueChange } = props, rest = __rest(props, ["uid", "checks", "options", "initialValue", "performValidationAsync", "schemaOnChange", "onValueChange"]);
+    const update = getInputUpdateFunction(onComponentUpdate);
+    const children = options.map((option) => option.component);
+    const selectedIndices = getInitialModelIndices(initialValue, children);
+    const getValidationErrors = getLocalValueValidator(checks);
+    const validateAsync = performValidationAsync
+        ? getComponentValidationAsync(update, performValidationAsync)
+        : undefined;
+    const component = Object.assign(Object.assign({ uid, type: 'multi-select', kind: 'input', children,
+        options,
+        selectedIndices, value: null }, rest), { selectIndices(indices) {
+            update(component, (draft) => {
+                draft.selectedIndices = indices;
+                draft.errors = [];
+            });
+            void (schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange());
+            const errors = getValidationErrors(component.getLocalValue());
+            update(component, (draft) => {
+                draft.errors = errors;
+            });
+            if (component.validate()) {
+                validateAsync === null || validateAsync === void 0 ? void 0 : validateAsync(component, component.getLocalValue()).catch(() => { }); // Noop
+            }
+            onValueChange();
+        },
+        onBlur() { }, // Noop
+        onFocus() { }, // Noop
+        getLocalValue() {
+            var _a;
+            var _b;
+            return (_b = (_a = component.getSelectedChildren()) === null || _a === void 0 ? void 0 : _a.map((child) => child.getLocalValue())) !== null && _b !== void 0 ? _b : null;
+        },
+        validate() {
+            const errors = getValidationErrors(component.getLocalValue());
+            update(component, (draft) => {
+                draft.errors = errors;
+            });
+            return errors.length === 0;
+        },
+        async getSubmittableValue() {
+            const selected = component.getSelectedChildren();
+            if (selected) {
+                return Promise.all(selected.map(async (child) => child.getSubmittableValue()));
+            }
+            return null;
+        },
+        getSubmittableValueSync() {
+            var _a;
+            var _b;
+            return ((_b = (_a = component.getSelectedChildren()) === null || _a === void 0 ? void 0 : _a.map((child) => child.getSubmittableValueSync())) !== null && _b !== void 0 ? _b : null);
+        }, getSummary: () => ({}), getChildren() {
+            return component.children;
+        },
+        getSelectedChildren() {
+            return component.selectedIndices.map((i) => component.children[i]);
+        },
+        start() {
+            component.getChildren().forEach((child) => child.start());
+        },
+        stop() {
+            component.getChildren().forEach((child) => child.stop());
+        } });
+    return component;
+};
+const getInitialModelIndices = (model, options) => {
+    if (!isArray(model)) {
+        return [];
+    }
+    return model.map((m) => options.findIndex((o) => o.getLocalValue() === m)).filter((n) => n >= 0);
+};

package/build/domain/components/MultiUploadInputComponent.js

@@ -0,0 +1,86 @@
+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;
+};
+import { getComponentMultiPersistAsync } from '../features/persistAsync/getComponentMultiPersistAsync';
+import { getLocalValueValidator } from '../features/validation/validation-functions';
+import { getInputUpdateFunction } from './utils/component-utils';
+import { toBase64 } from './utils/file-utils';
+import { getRandomId } from './utils/getRandomId';
+export const createMultiUploadInputComponent = (props, onComponentUpdate) => {
+    const { uid, id, checks, fileChecks, format, performPersistAsync, onValueChange, summariser } = props, rest = __rest(props, ["uid", "id", "checks", "fileChecks", "format", "performPersistAsync", "onValueChange", "summariser"]);
+    const update = getInputUpdateFunction(onComponentUpdate);
+    const getValidationErrors = getLocalValueValidator(checks);
+    const getFileValidationErrors = getLocalValueValidator(fileChecks);
+    const persist = performPersistAsync
+        ? getComponentMultiPersistAsync(update, performPersistAsync)
+        : undefined;
+    const component = Object.assign(Object.assign({ type: 'multi-upload', kind: 'input', uid,
+        id,
+        format, files: [], onBlur() {
+            component.validate();
+        },
+        onFocus() { }, // Noop
+        async removeFile(index) {
+            var _a;
+            update(component, (draft) => {
+                draft.value.splice(index, 1);
+                draft.files.splice(index, 1);
+            });
+            if (persist) {
+                (_a = component.persistedState[index]) === null || _a === void 0 ? void 0 : _a.abortController.abort();
+                update(component, (draft) => {
+                    draft.persistedState.splice(index, 1);
+                });
+            }
+        },
+        async insertFile(index, file) {
+            const fileErrors = getFileValidationErrors(file);
+            const fileId = getRandomId();
+            const base64Value = format === 'base64' ? await toBase64(file) : null;
+            update(component, (draft) => {
+                draft.value.splice(index, 0, file);
+                draft.files.splice(index, 0, { file, id: fileId, errors: fileErrors, base64Value });
+                draft.errors = [];
+            });
+            if (persist) {
+                await persist(component, index, format === 'blob' ? file : base64Value);
+            }
+            onValueChange();
+            return fileId;
+        },
+        async getSubmittableValue() {
+            if (persist) {
+                return Promise.all(component.persistedState.map(async ({ submission }) => submission));
+            }
+            return component.files.map(({ base64Value }) => base64Value);
+        },
+        getSubmittableValueSync() {
+            if (persist) {
+                return component.persistedState.map(({ lastResponse }) => lastResponse);
+            }
+            return component.files.map(({ base64Value }) => base64Value);
+        },
+        getSummary() {
+            return summariser(component.getLocalValue().map(({ name }) => name));
+        },
+        getLocalValue() {
+            return component.value;
+        },
+        validate() {
+            const errorMsgs = getValidationErrors(component.getLocalValue());
+            update(component, (draft) => {
+                draft.errors = errorMsgs;
+            });
+            return errorMsgs.length === 0 && component.files.every(({ errors }) => errors.length === 0);
+        } }, rest), { start() { },
+        stop() { } });
+    return component;
+};